﻿body, img, div, span, ul, li, form { margin: 0; padding:0; border:0; }

html { height: 100%; }

body 
{
	padding-top: 5px;
	margin: 0px auto 5px auto !important;
	font-family: Arial, Helvetica, sans-serif;
	color: #454545;
	background: #333333 url(../assets/bgImage.gif) repeat top left;
	font-size: 0.75em;
	min-height: 200px;
}
a { color: #008800; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding:0px; }
h1 { font-size: 140%; }
h2 { font-size: 125%; margin-top: 5px; border-bottom: solid 1px #CCCCCC; padding: 0px 0px 5px 0px; }
h3 { font-size: 115%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }
h6 { font-size: 95%; }
input, select { font-size: 90%; }

p { margin:0 0 0 20px; padding: 10px 0 0 0; }

ul { list-style-type: circle; margin-left: 20px; }
li { margin: 5px 0 0 25px; }

div .title { color: #008800; background: transparent url(../assets/dots_right.png) no-repeat top left; 
	height: 25px; margin-top: 5px; margin-left: 2px; padding-left: 18px; padding-bottom: 0px; font-size: 150%; }

div .subTitle { margin-left: 20px; color: #008800; font-size: 125%; font-style: italic; padding-top: 10px; padding-left: 0px; }

div .highlight { color: #008800; font-size: 130%; margin: 10px 0 5px 20px; }

a.footer { margin: 0 10px; }
a.mpPageCtrl { font-size: 85%; text-decoration: none; padding-left: 8px; }

.button { background: #026287 url(../assets/buttonBG.png) repeat-x top left; height: 25px; margin: 3px 10px; color: #FFFFFF; border: solid 1px #6bbd46; font-size: 12px; font-weight: bold; }

.dnTitle { font-size:15px; color: #026287; font-weight: bold; padding-left: 30px; background: transparent url(../assets/star24.png) no-repeat left; }

#mpWrapper { width: 970px; margin: 0 auto; }
#mpHeader { z-index: 10000; height: 95px; position:relative;  background: transparent url(../assets/ternian_gray_header.png) no-repeat top left; }
#mpNavWrapper { z-index:10000; position:absolute; bottom: 0px; left: 1px; width: 968px; height: 30px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; background: #EFEFEF url(../assets/navFade.png) repeat-x top left; white-space:nowrap; }

#mpNav { position:absolute; top: 1px; left: 10px; height: 30px; }
#mpSearch { position:absolute; right: 10px; text-align: right; width: 240px !important; height: 30px; padding:0; margin:0; background: transparent url(../assets/navSearch.png) no-repeat top left; white-space: nowrap; }
#searchTerm { position: absolute; top: 8px; left:68px; margin:0; padding: 0px 0 0 0px; border:0; background-color: transparent; font-size: 11px }
#goButton { position:absolute; left:218px; top: 4px; }

#mpPageInfo {margin: 0px auto;  height: 25px; background: #FFFFFF url(../assets/shadowLight.jpg) repeat-x top left; } 
#mpCrumbs a { text-decoration: none; }
#mpCrumbs span { font-weight: bold; font-size: 92%; }

#mpBodyWrapper, #mpPageInfo { border-left: solid 1px #999999; border-right: solid 1px #999999;}
#mpBodyWrapper { position:relative; min-height: 300px; background-color: #FFFFFF; }
#mpFooter { height: 75px; background: transparent url(../assets/ternian_gray_footer.png) no-repeat top left; color: #666666; position:relative; border-top: solid 1px #999999; }

.mpForm {}
.mpBody { margin: 0 5px; width: 950px; padding: 0px 0 0 0; font-size: 100%; }
.mpLeftColumn { padding-right: 120px;  }
.mpRightColumn { width: 275px !important; margin-top: 10px; }

.mpBody h2, .mpBody h3 { margin-left: 20px; }

.asterisk { color: #CC0033; font-weight: bold; }
.bioImage { margin: 0 10px 0px 0px; padding: 0px; border: solid 1px #000000; }
.bioTitle  { color: #008800; background: transparent url(../assets/dots_right.png) no-repeat top left; 
	height: 25px; margin-top: 5px; padding-left: 18px; font-size: 150%; }
.disclaimer { font-style: italic; font-size: 90%; color: #787878; margin-right: 10px; }
.error { color: #FF0000; background: transparent url(../../../includes/assets/icons/caution.gif) no-repeat top left; padding-left: 20px; }
.news .newsRow { margin: 10px 0; }

.scrollingDiv { height: 450px; overflow-y: scroll; }

.winTL { background: transparent url(../assets/winTL.png) no-repeat top left; height:26px; padding-left: 22px; }
.winTR { background: transparent url(../assets/winTR.png) no-repeat top right; height:26px; padding: 4px 0 0 5px; font-size: 100%; color: #005500; }
.winML { background: transparent url(../assets/winML.png) repeat-y top left; padding-left: 1px; }
.winMR { background: transparent url(../assets/winMR.png) repeat-y top right; padding: 0 1px 3px 0; }
.winBL { background: transparent url(../assets/winBL.png) no-repeat top left; padding-left: 12px;  height: 10px; }
.winBR { background: transparent url(../assets/winBR.png) no-repeat top right; height: 10px; }

.ternianWinTL { background: transparent url(../assets/ternianWinTL.png) no-repeat top left; height: 35px; padding: 0 0 0 42px; }
.ternianWinTR { background: transparent url(../assets/ternianWinTR.png) no-repeat top right; height: 35px; padding: 5px 0 0 5px; 
				font-size: 12px; font-weight: bold; color: #026287; text-align:left; }
.ternianWinML { background: transparent url(../assets/ternianWinML.png) repeat-y top left; padding: 0 0 0 1px; }
.ternianWinMR { background: transparent url(../assets/ternianWinMR.png) repeat-y top right; padding: 0 2px 0 0; }
.ternianWinBL { background: transparent url(../assets/ternianWinBL.png) no-repeat bottom left; height: 12px; padding: 0 0 0 11px; }
.ternianWinBR { background: transparent url(../assets/ternianWinBR.png) no-repeat bottom right; height: 12px; padding: 0 0 0 0; }
.ternianWinBL, .ternianWinBR { line-height: 1px; }

/**********************************************************************************/
.shopWrapper { padding: 20px; }
.shopWrapper h1 { font-size: 145%; }
.shopWrapper h2 { font-size: 125%; color: #002663; }

#checkout_steps .shopButton, #checkout_steps .shopButtonOver, #checkout_steps .shopButtonDisabled { float:left; margin-left: 10px; }
#checkout_steps .buttonR { min-width: 125px; }

.buttonL { text-align:center !important; cursor:pointer; background:url(../../assets/buttonL.png) no-repeat top left; height: 30px; line-height: 1px; padding-left:8px; padding-right:0; padding-top:0; padding-bottom:0 }
.buttonR {  white-space:nowrap; cursor:pointer; background:url(../../assets/buttonR.png) no-repeat top right; height: 30px;
		   float:none; text-align:center !important; color: #000000; font-weight: bold; font-size: 10px !important; line-height: 8px; text-transform: uppercase; padding-left:0px; padding-right:8px; padding-top:10px; padding-bottom:0 }
.buttonR a {  text-decoration:none; }
.shopButtonOver .buttonL { background:url(../../assets/buttonL2.png) no-repeat top left; }
.shopButtonOver .buttonR { background:url(../../assets/buttonR2.png) no-repeat top right; }

.shopButton .buttonR, .shopButton .buttonR a { cursor:pointer; color: #000000; }
.shopButtonDisabled .buttonL, .shopButtonDisabled .buttonR { cursor:default; color: #999999; }
.shopButtonOver .buttonR, .shopButtonOver .buttonR a { cursor:pointer; color: #002663; }

.buttonSmall .shopButton .buttonL, .buttonSmall .shopButtonDisabled .buttonL { background: url(../../assets/buttonSmallL.png) no-repeat top left; height:24px }
.buttonSmall .shopButton .buttonR, .buttonSmall .shopButtonDisabled .buttonR { background: url(../../assets/buttonSmallR.png) no-repeat top right; height:24px; padding-top: 8px }

.buttonSmall .shopButtonOver .buttonL { background: url(../../assets/buttonSmallL2.png) no-repeat top left; height:24px }
.buttonSmall .shopButtonOver .buttonR { background: url(../../assets/buttonSmallR2.png) no-repeat top right; height:24px; padding-top: 8px }

.addressBox { width: 200px; float:left; height: 110px; border: solid 1px #CCCCCC; padding: 5px; margin: 10px; }
.billingInfoLabel { }
