/* SALONLINE.COM CSS */

/* START GENERAL */
body 
{
  background-color: #fff;
  font-family: Trebuchet, Verdana,Helvetica, Arial, sans-serif;
  font-size: 12pt;
  text-align:center;
  color: #666666;
  height:100%;
  margin:0;
  padding:0;
}
#javascript_disabled{
position:absolute;
z-index:10000;

top:0px;
padding-top:50px;
left:50%;
width: 2000px;
height:1000px;
margin-left:-1000px;
text-align:center;
background: #E5E5E5 none repeat scroll 0% 0%;
}

body, div ,img, td, tr, table,h1,h2,h3
{
  border: 0px;
  padding: 0px;
  margin: 0px;
}

body,td,tr,table{
font-size:8pt;
line-height:16px;
}
td{
vertical-align:top;
}
input[type="text"] {

}
.sS{
margin:0px;
padding:0px;
line-height:8px;
}
.myerror{
color:red;
font-weight:bold;
}

.form-label {
  	clear: left;
  	float: left;
  	text-align: right;
  	padding: 4px;
  	width: 20%;
}
div.blur {opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;}
div.focus  {opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0; }
.form-label-required {
  	clear: left;
  	float: left;
  	text-align: right;
  	padding: 4px;
  	width: 20%;
  	font-weight: bold;
  	color:#009900;
}

.form-field {
  	padding: 4px;
	height: auto;
	float: left;
}
a 
{
  color: #0066cc;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #333366;
}

.bB{border:1px solid #E7E8EA;padding:1em;line-height:14px;}
.bH{border:1px solid #E7E8EA;padding:1em;font-weight:bold;background-color:#fff;vertical-align:middle;}
hr{
border-top:1px solid #ccc;border-bottom:1px solid #fff;height:0px;color:#ccc;
}
h2{
font-size:15pt;
line-height:18pt;
font-weight:500;
padding-bottom:15px;
}
h3{
font-size:13pt;
line-height:15pt;
/* HACKS
font-weight:600 normal
font-weight 500 for Safari MAC

*/
font-weight:500;
}
h4{
font-weight:500;
font-size:11pt;
}
h5{
font-weight:500;
line-height:15pt;
margin:4px 0px;
font-size:12pt;
}
h6{
font-weight:500;
font-size:11pt;
line-height:15pt;
margin:6px 0px;
}
.inBullet{
margin-left:-20px;
line-height:30px;
}
.errortag{
color:#dd3535;
font-size:7pt;
}
.boldCopy{
font-weight:bold;
line-height:11pt;
}
ul{
margin:10px 0px 0px -10px;
_margin:15px;
padding-bottom:10px;
}
li::-moz-list-bullet{ 
font-size:12px 
}
.boldcopy ul{
margin:10px 0px 0px -10px;
_margin:15px;
padding-bottom:10px;
}
.copySmall{
font-weight:normal;
font-size:7pt;
line-height:14pt;
}
.copySmallState{
font-weight:normal;
font-size:7pt;
line-height:13pt;
}
.boldcopy li{line-height:12pt;padding-bottom:3pt;}
.field{
  font-size: 8pt;
}
/* END GENERAL */
/* START FORM STYLES */
.inputText{
  border: 1px solid #b3b3b3;
  border-top:2px solid #8f8f8e;
  padding: 2px;
}


.inputAddToCart{
  background-image:url(../../images/input_addtocart.jpg);
}
.inputTextLogin{
  border: 1px solid #b3b3b3;
  border-top:2px solid #8f8f8e;
  padding: 2px;
  height: 20px;
  font-size:8pt;
}
.inputLabel{
  color: #a6a6a6;
  font-size:13px;
  font-weight:bold;
  line-height: 26px;
}
.inputSubmit{
  border: 0; 
  background-color: #ffffff; 
  color: #28bad2; 
  font-family: Verdana,Helvetica, Arial, sans-serif; 
  font-size: 13px;
  font-weight:bold;
  padding:10px 0px 10px 0px;
}
.inputSubmitDark{
  border: 0; 
  background-color: #614E4A; 
  color: #fff; 
  font-family: Verdana,Helvetica, Arial, sans-serif; 
  font-size: 8pt;
  font-weight:bold;
  padding:2px 0px 0px 0px;
}
.inputSubmit:hover ,.inputSubmitDark:hover{
cursor:pointer;

}
fieldset{
  border: 1px solid #b3b3b3;
  color: #a6a6a6;
  font-size:13px;
  font-weight:bold;
  line-height: 26px;
  padding:10px;
}
legend{
  color: #a6a6a6;
}
/* START FORM STYLES */
/* START WRAPPERS */
div#structureTop{

}

div#structureMiddle{

}
div#structureBottom{
height:30px;
/*overflow:hidden;*/

}
div#contentPrep{
  margin:0px auto;
  height:5px;
  width:992px;
  line-height:4px; /* IE HACK */
  font-size:4px; /* IE HACK */
  background-repeat:no-repeat;
  background-position:0px 0px;
}
.mainGradient{
  background-image:url(../../images/bg_main_gradient.jpg);
}
.twoGradient{
  background-image:url(../../images/bg_two_gradient.jpg);
}
div#contentArea{
  margin:0px auto;
  width:992px;
  text-align:left;
  background-position:0px 0px;
  background-repeat:repeat-y;
}
.mainArea{
  background-image:url(../../images/bg_main_content.jpg);
}
.twoArea{
  background-image:url(../../images/bg_two_content.jpg);
}
#headerRight{
  float:left;
  width:620px;
  text-align:right;
  padding-top:32px;
  height:102px;
}
#headerLeft{
  float:left;
  width:346px;
  padding-top:25px;
  height:102px;
}
#headerNcRight{
  float:left;
  width:350px;
  text-align:right;
  padding-top:32px;
  height:102px;
}
#headerNcCenter{
  float:left;
  width:349px;
  text-align:center;
  padding-top:32px;
  height:102px;
}
#headerNcLeft{
  float:left;
  width:266px;
  padding-top:25px;
  height:102px;
}
div#contentWrapper 
{
  color: #74afb8;
  font-size:25px;
  font-weight:500;
  line-height:55px;
}

div#splashWrapper{
  position:relative;
  width:955px;
  text-align:left;
  margin:0px auto;
  margin-bottom:50px;
  top:63px;
}
div#footerWrapper{
background-color: #614E4A;
width:100%;
height:100px;
}
div.indent{
margin-left:30px;
}
/* END WRAPPERS */

/* START HEADER */
div#header{
  margin:0px auto;
  height:108px;
  background-image:url(../../images/bg_header.jpg);
  background-repeat:no-repeat;
  background-position:0px 0px;
  width: 992px;
}

div#logo{
  padding-left:25px;
  line-height:90px;
  vertical-align:middle;
}
.clear{
clear:both;
}
/* END HEADER */
#buttonsLanding{
clear:both;
margin:0px auto;
}
#buttonsMaps{
text-align:center;
clear:both;
}
#buttonMaps{
margin-left:6px;
background-image:url(../../images/button_maps.jpg);
}
#buttonAccessories{
margin-left:4px;
background-image:url(../../images/button_accessories.jpg);
}
#buttonTestimonials{
margin-left:4px;
background-image:url(../../images/button.jpg);
}
#buttonUsa{
background-image:url(../../images/button_usa.jpg);
margin-left:3px;
}
#buttonCanada{
margin-left:4px;
background-image:url(../../images/button_canada.jpg);
}
#buttonMarine{
margin-left:4px;
background-image:url(../../images/button_marine.jpg);
}
.button{
  width: 322px;
  height: 180px;
  background-repeat:no-repeat;
  font-size:8pt;
  line-height:12pt;
}
#buttonShort{
  width: 322px;
  height: 93px;
  background-image:url(../../images/button_short.jpg);
  background-repeat:no-repeat;
  font-size:8pt;
  line-height:14pt;
  margin:0px auto;
}
.buttonLeft{
width:136px;
_width:157px;
padding:8px 0px 10px 20px;
_position:absolute;
text-align:left;
}
.buttonLeftM{
width:130px;
_width:151px;
padding:8px 0px 10px 20px;
_position:absolute;
text-align:left;
}

/* START FOOTER */
div#footer{
  margin:0px auto;
  height:6px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  width: 992px;
}
.mainFooter{
  background-image:url(../../images/bg_main_footer.jpg);
}
.twoFooter{
  background-image:url(../../images/bg_two_footer.jpg);
}
/* END FOOTER */
/* START PAGES */
#pageLanding{width:992px;margin:0px auto;}
#pageSoftware{padding-left:4px;}
#pageMaps{padding-left:5px;}
#pageAccessories{padding-left:4px;}
/* END PAGES */
/* START NAV */
.dualCaptionHalf{
float:left;
text-align:left;
width:318px;
line-height:8px;
}
.dualCaptionHalf2{
margin-left:55px;
float:left;
text-align:left;
width:318px;
line-height:8px;
}
#viewCart{
position:absolute;
right:74px;
top:-10px;
font-weight:500;
}
#cartImage{
position:relative;
top:10px;
left:-5px;
}
div#nav{
  position:relative;
  text-align:left;
  margin:0px auto;
  height:28px;
  font-weight:600;
  background-image:url(../../images/bg_menu.jpg);
  background-repeat:no-repeat;
  background-position:0px 0px;
  font-size:10pt;
  width: 992px;
}
#nav a{
  color:#fff;
}
#nav a:hover{
  color:#333366;
}
#navList{
  position:absolute;
  margin-top:5px;
}
#navList ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	font-weight:500;
} 
#navList ul li {
	margin-left: 0;
	padding: 3px 10px;
	list-style: none;
	display: inline;

}
#navList ul li.first {
	margin-left: 0;
	padding: 3px 10px 0px 30px;
	border-left: none;
	list-style: none;
	display: inline;
  }
div#footerNav{
	height:35px;
	font-weight:500;
	font-size:10pt;
	text-align:right;
	width:828px;
	margin:0px auto;
}
#footerNav a{
  color:#fff;
}
#footerNav a:hover{
  color:#7AD7E8;
}
#footerNavList ul {
	position:relative;
	top:9px;
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 
#footerNavList ul li {
	margin-left: 0;
	padding: 3px 10px;
	list-style: none;
	display: inline;

}
#mainIntro{
	float:left;
	width:285px;
	_width:325px;
	padding:2em;
	padding-top:15px;
	padding-bottom:5px;
	padding-right:0px;
}
#mapsIntro{
	float:left;
	width:285px;
	_width:325px;
	padding:2em;
	padding-top:15px;
	padding-right:0px;
}
#cartItems td{
padding:1.5em;
}

.highlightColor{
	color:#009900;
}
.highlightColorBold{
	color:#009900;
	font-weight:bold;
}
.highlightColorShort{
	color:#009900;
	margin:0px;
	padding:0px;
	line-height:35px;
}
#searchForm{
	height:20px;
}
#demoHolder{
	float:left; 
	width:629px;
}
#mapsHolder{
	float:left; 
	width:659px;
	_width:649px;
	text-align:right;
}
#testimonialText{
	padding:7px 20px 7px;
}
#buttonHolder{
	margin:0px 0px 0px 7px;
	text-align:left;
	
}
#footerInfo{
	width:992px;
	height:50px;
	margin:0px auto;
	padding:1em;
}
#footerLinks{
	float:left;
	/*width:640px;*/
	text-align:left;
	padding-left:10px;
	width:582px;
	height:50px;
	margin:0px auto;
}
#footerRights{
	float:left;
	width:388px;
	text-align:right;
}
#footerNavList ul li.first {
	margin-left: 0;
	padding: 3px 10px 0px 30px;
	border-left: none;
	list-style: none;
	display: inline;
}
.screenshotArea{
width:695px;
text-align:center;
}
.screenshotAreaSmall{
width:200px;
text-align:center;
}
#twoColumnLeft{
	width:320px;
	float:left;
	margin-bottom:20px;
}

#twoColumnRight{
	width:420px;
	_width:400px;
	_vertical-align:top;
	float:left;
	text-align:center;
	margin-bottom:50px;
	
}

div.thickDivider{border-top:2px solid #999999;padding-top:0px;padding-bottom:0px;}
div.thinDivider{border-top:1px solid #e1e1da;padding-top:0px;padding-bottom:0px;}
div.divider{border-top:1px solid #e1e1da;padding-top:4px;padding-bottom:4px;}
/* END NAV */
#stateHeader{font-size:13pt;font-weight:bold;}
/* START SUB NAV */
div#subNav{
  padding-top:8px;
  height:18px;
  font-weight:500;
  font-size:9px;
}
#subNav a{
  color:#4D443B;
}
#subNav a:hover{
  color:#7AD7E8;
}
#subNavList ul {
  position:relative;
  top:1px;
  margin-left: 0;
  padding-left: 0;
  display: inline;
} 
#subNavList ul li {
  margin-left: 0;
  padding: 3px 10px;
  list-style: none;
  display: inline;
}
#subNavList ul li.first {
  margin-left: 0;
  padding: 3px 10px 0px 30px;
  border-left: none;
  list-style: none;
  display: inline;
  }
/* END SUB NAV */

/* START LANDING PAGE COLUMNS */
table#landingWrapper{
  width:955px;
  overflow:hidden;
}
td#landing-1{
  margin-bottom:50px;
  width:210px;
  vertical-align:top;
}

td#landing-2{
  margin-bottom:50px;
  width:423px;
  vertical-align:top;
}
td#landing-3{
  margin-bottom:50px;
  width:317px;
  vertical-align:top;
}
td#landing-TwoColumn{
  width: 740px;
  vertical-align:top;
}
#twoColumnHolder{
border:1px dashed #000;
width:805px;
}
#twoColumnPrepped{
padding:25px 0px 50px 60px;
}
.copyFeature{
font-size:9pt;
line-height:13pt;
font-weight:400;
}
.copyFeature li{
margin-bottom:3pt;
line-height:12pt;
}
.copy{
font-size:9pt;
line-height:16pt;
font-weight:500;
}
.copy li{
margin-bottom:3pt;
line-height:12pt;
}
.copyShort{
font-size:9pt;
line-height:12pt;
font-weight:500;
}
.copyShort li{
margin-bottom:4pt;
line-height:14pt;
}
.spacing{
width:6px;
}
/* START CLASSES */
.full {width:100%;height:100%;display:block;}
.full a {text-decoration:none;}
.panel {padding:7px;}
div.blur {opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;}
div.focus  {opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0; }
/*STRETCH BOX*/

.stretchHeading{
  background: transparent url(../../images/button.jpg) no-repeat 50% top;
  width: 322px;
  height: 5px;
}
.stretchHeadingM{
  background: transparent url(../../images/button.png) no-repeat 50% top;
  width: 158px;
  height: 5px;
}
.imageFloat{
float:right;
margin:20px 15px 15px 5px;
}
.imageFloatM{
float:bottom;
margin:0px 0px 0px 30px;
}
.imageFloatT{
float:right;
margin:13px 15px 0px 0px;
}
.stretchBody{
  background: transparent url(../../images/button-mid.jpg) repeat-y 50% 50%;
  width: 322px;
}
.stretchBodyM{
  background: transparent url(../../images/button-mid.png) repeat-y 50% 50%;
  width: 158px;
}
.stretchFooter{
  background: transparent url(../../images/button.jpg) no-repeat 50% bottom;
  width: 322px;
  height: 5px;
}
.stretchFooterM{
  background: transparent url(../../images/button.png) no-repeat 50% bottom;
  width: 158px;
  height: 5px;
}
.marginLeft10{margin-left:45px;}
.systemRequirements{padding: 10px; line-height: 12pt; font-size: 7pt; font-weight: 500;}
.center{margin: 0px auto;}
.compatibleReceivers{float: left; width: 695px;}
.height50{height:50px;}
.leftOneOfThree{width: 235px; text-align: left; float: left;}
.leftTwoOfThree{text-align: left; width: 260px; float: left; margin-left: 13px;}
.leftThreeOfThree{text-align: left; width: 170px; float: left; margin-left: 13px;}
.stateHeadingStyle{white-space: nowrap; line-height: 18pt;}
.marginBotto30{margin-bottom: 30px;}
.lineHeight7{line-height: 7pt;_line-height:10pt;margin:0padding:0;}
.noWrap6{white-space: nowrap; line-height: 6pt;}
.noWrap7{white-space: nowrap; margin-bottom: 7px;}
.padding17{padding: 17px;}
.fontBold{font-weight:bold;}
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h5 { background: transparent url(../../images/button.jpg) no-repeat bottom right; } 
.cssbox { 

width: 307px !important; /* intended total box width - padding-right(next) */ width: 292px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 20px 0px 20px 4px; /* use to position the box */ } /* set the top-right image */ 
.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.cssbox_head h5 { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 
.cssbox_body { 
min-height:100px;
  height:auto !important;
  height:100px;
background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
/* begin view cart */
/* used in templates/view.cart.tem.php */
#nav .navActive a{color: #333366;}
#viewCart2 {
	text-align: left;
	margin: 5px;
	width: 500px;
}

#viewCart2 h2 { }

#viewCart2 p {
	height: auto;
	text-align: left;
}

#viewCart2 #pageNote {
	height: auto;
	text-align: left;
}

#viewCart2 #pageError {
	border: 1px solid #C00000;
	padding: 5px;
	line-height: 20px;
	font-weight: bold;
}

#viewCart2 #cartItems {
	height: auto;
	width: 96%;
	border-collapse: collapse;
	float: left;
	clear: left;
}

#viewCart2 #cartItems thead tr th {
	color: #000;
	background-color: #E7E8EA;
	text-align: left;
	font-weight: bold;
	height: 22px;
	font-size: 12px;
	padding:1em;
}

#viewCart2 #cartItems tbody tr td {
	border-bottom: 1px solid #D8DDE3;
	text-align: left;
	font-weight: normal;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

#viewCart2 #cartItems .cartError {
	background-color: #FF4040;
}

#viewCart2 #cartItems .normal {
	background-color: yellow;
}

#viewCart2 #cartItems .cartWarning {
	background-color: #FFFF80;
}


#viewCart2 #cartInfo {
	height: auto;
	width: 96%;
	border-collapse: collapse;
	float: left;
	clear: left;
}

#viewCart2 #cartNumItems {
	width: 150px;
	padding-top: 8px;
	height: 35px;
	float:left;
	clear:left;
	text-align: left;
}

#viewCart2 #cartCoupon {
	height: 35px;
	width: auto;
	text-align: left;
	float:left;
	clear: left;
}

#viewCart2 #cartAmounts {
	padding-top: 8px;
	margin-bottom: 8px;
	width: auto;
	float: right;
	text-align: right;
}

#viewCart2 #cartAmounts .field-link {
	width: 130px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
	vertical-align: bottom;
}

#viewCart2 #cartAmounts .field-price {
	float:left;
	text-align: right;
	font-weight: bold;
	height: 18px;
	padding: 2px;
}

#viewCart2 #cartAmounts .field-label {
	text-align: left;
	height: 18px;
	clear: left;
	float: left;
	padding: 2px;
}

#viewCart2 #cartButtons {
	clear: both;
	float: left;
	margin-top: 25px;
	width: 96%;
	text-align: left;
}

#viewCart2 .gatewayButtons {
	float: right;
	height: 50px;
}

#viewCart2 #crossSell {
	border-top: 1px dotted #D9D9D9;
	height: auto;
	width: 96%;
	border-collapse: collapse;
	float: left;
	clear: left;
	padding-top: 5px;
	margin-top: 15px;
}

#viewCart2 #crossSell .content-even {
	text-align: center;
	width: 165px;
	height: auto;
	padding-top: 15px;
}

#viewCart2 #crossSell .content-odd {
	text-align: center;
	width: 165px;
	height: auto;
	padding-top: 15px;
}

#viewCart2 #crossSell .title {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}

#viewCart2 #crossSell .title a {
	color: #C50024;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}

#viewCart2 #crossSell .title a:hover {
	text-decoration: none;
}

#viewCart2 #crossSell .photo{
	text-align: center;
}

#viewCart2 #crossSell .details {
	width: 100%;
	text-align: center;
	padding-bottom: 8px;
}

#viewCart2 #crossSell .details .detailsBtn {
	background:url(../design/images/small_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 11px;
	height: 22px;
	margin: 5px;
	padding-top: 8px;
	text-align: center;
}

#viewCart2 #crossSell .details .detailsBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#viewCart2 #crossSell .details .detailsBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* end view cart */

#checkoutConfirm {
	text-align: left;
	width: 500px;
	margin: 5px;
}

#checkoutConfirm h2 { }

#checkoutConfirm #billInfo {
	margin: 5px;
	border: 1px solid #D8DDE3;
	height: 190px;
	width: 230px;
	float: left;
	clear: left;
	text-align: left;
}

#checkoutConfirm #shipInfo {
	margin: 5px;
	border: 1px solid #D8DDE3;
	height: 190px;
	width: 230px;
	float: left;
	text-align: left;
}

#checkoutConfirm #paymentInfo {
	margin: 5px;
	border: 1px solid #D8DDE3;
	height: auto;
	width: 230px;
	clear: both;
	float: left;
	text-align: left;
}

#checkoutConfirm #orderDetails {
	margin: 5px;
	float: left;
	clear: left;
	border: 1px solid #D8DDE3;
	width: 470px;
	border-collapse: collapse;
	text-align: left;
	padding:1em;
}
#checkoutConfirm #orderDetails td{
padding:1em;
border: 1px solid #D8DDE3;
}
#checkoutConfirm #orderDetails .list {
	border: 1px solid #D8DDE3;
	height: 22px;
}

#checkoutConfirm .hdr-title {
	color: #000;
	background-color: #E7E8EA;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}

#checkoutConfirm .body {
	padding: 5px;
}

.submitBtn {
	font-size: 130%;
	font-weight: bold;
}

.submitOrder {
	width: 470px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pageNote {
	margin: 5px;
	text-align: left;
}
/*OVERLAY*/
#overlay{
padding:10px 0px 10px 0px;
display:none;
opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
right:0px;
position:absolute;
font-weight:bold;
z-index:10000;
top:135px;
width:205px;
}
#overlay h4{font-size:18px;font-weight:bold;}
.clsPageGreyDiv {
  position: absolute;
  overflow: hidden;
  width: 10px; height: 10px;
  left: -10px; top: -10px;
  z-index: 100;
  opacity: .3; /* CSS3 */
  background-color: #000;
}
.clsPageGreyImg {
  border: none;
  margin-right: 20px;
}
.clsPageGreyMsg { /* a P element which contains the img and msg text */
  position: absolute;
  width: 200px;
  left: -220px;
  padding: 4px;
  color: #BF8660;
  background-color: #FFF;
  border: 2px solid #BF8660;
  z-index: 101;
}
#demoBtn {
  cursor:pointer;
  border-bottom:1px dotted #000;
  }
.thumbnail{
position: relative;
z-index: 1;
display:-moz-inline-table;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E7E8EA;
padding: 5px;
left: -1000px;
border: 1px dashed #9a9a9a;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -100px;
left: 60px; /*position where enlarged image should offset horizontally */
}

.thumbnailr{
position: relative;
z-index: 1;
display:-moz-inline-table;

}

.thumbnailr:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailr span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E7E8EA;
padding: 5px;
left: -1000px;
border: 1px dashed #9a9a9a;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailr span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailr:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -100px;
left: -500px; /*position where enlarged image should offset horizontally */
}

/* begin clientAccount */
/* used in all the client "my account" templates */
/* templates/client.*.tem.php */

#clientAccount {
	text-align: left;
	width: 500px;
	margin: 5px;
}

#clientAccount h2 { }

#clientAccount .section {
	height: 40px;
	float: left;
	clear: left;
	width: 65%;
}

#clientAccount .logout {
	height: 40px;
	float: right;
	vertical-align: bottom;
}

#clientAccount .logout a {
	padding-right:12px;
}

#clientAccount .logout a:hover { }

#clientAccount #billInfo {
	margin: 5px;
	height: 180px;
	border: 1px solid #D8DDE3;
	width: 230px;
	float: left;
	clear: left;
	text-align: left;
}

#clientAccount #billInfo a {
	/* color: #FFFFFF; */
}

#clientAccount #shipInfo {
	margin: 5px;
	height: 180px;
	border: 1px solid #D8DDE3;
	width: 230px;
	float: left;
	text-align: left;
}

#clientAccount #shipInfo a {
	/* color: #FFFFFF; */
}

#clientAccount #paymentInfo {
	margin: 5px;
	border: 1px solid #D8DDE3;
	height: auto;
	width: 230px;
	float: left;
	text-align: left;
}

#clientAccount #subscriptionBillInfo {
	margin: 5px;
	border: 1px solid #D8DDE3;
	float: left;
	clear: left;
	text-align: left;
}

#clientAccount #subscriptionShipInfo {
	margin: 5px;
	border: 1px solid #D8DDE3;
	text-align: left;
	float: left;
}

#clientAccount #subscriptionPaymentInfo {
	margin: 5px;
	border: 1px solid #D8DDE3;
	height: auto;
	width: 230px;
	float: left;
	clear: left;
	text-align: left;
}

#clientAccount #orderDetails {
	margin: 5px;
	float: left;
	clear: left;
	border: 1px solid #D8DDE3;
	width: 470px;
	border-collapse: collapse;
}

#clientAccount #orderDetails .list {
	border: 1px solid #D8DDE3;
	height: 22px;
}

#clientAccount .hdr-title {
	color: #FFFFFF;
	background-color: #878787;
	text-align: left;
	padding:5px;
	font-weight: bold;
}

#clientAccount .body {
	padding: 5px;
}

#clientAccount #orderList .title, #clientAccount #subscriptionOrderList .title {
	text-align: left;
	margin: 5px;
}

#clientAccount #orderList, #clientAccount #subscriptionOrderList {
	border: 1px solid #D8DDE3;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

#clientAccount #orderList thead th, #clientAccount #subscriptionOrderList thead th {
	color: #FFFFFF;
	background-color: #878787;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
	height: 25px;
}

#clientAccount #orderList tbody tr td, #clientAccount #subscriptionOrderList tbody tr td {
	border-top: 1px solid #D8DDE3;
	padding: 3px;
	text-align: left;
}

#clientAccount #orderList .buttons, #clientAccount #subscriptionOrderList .buttons {
	text-align: right;
}

#clientAccount #orderList thead tr th a, #clientAccount #subscriptionOrderList thead tr th a {
	color: #FFFFFF;
}

#clientAccount #orderList thead tr th a:hover, #clientAccount #subscriptionOrderList thead tr th a:hover {
	color: #FFFFFF;
}

#clientAccount #orderList, #clientAccount #subscriptionOrderList {
	margin: 5px;
	float: left;
	border: 1px solid #D8DDE3;
	height: auto;
	width: 96%;
	text-align: left;
}

#clientAccount #orderList table, #clientAccount #subscriptionOrderList table {
	width: 100%;
	margin: 5px;
	border-collapse: collapse;
	border-top: 1px solid #D8DDE3;
	text-align: left;
}

#clientAccount #orderList table thead th, #clientAccount #subscriptionOrderList table thead th {
	text-align: left;
	font-weight: bold;
}

#clientAccount #orderList table tbody, #clientAccount #orderList table tbody tr td, #clientAccount #subscriptionOrderList table tbody, #clientAccount #subscriptionOrderList table tbody tr td {
	text-align: left;
	border-bottom: 1px solid #D8DDE3;
	border-top: 1px solid #D8DDE3;
	padding: 2px;
}

#clientAccount #orderList .outOfStock {
	background-color: #FF4040;
}

#clientAccount #orderList .exceedingStock {
	background-color: #FFFF80;
}

#clientAccount #myAccount {
	margin: 5px;
	border: 1px solid #D8DDE3;
	height: auto;
	width: 250px;
	float: left;
	text-align: left;
}

#clientAccount #pageNote, #clientAccount .pageNote {
	text-align: left;
	clear: left;
	font-size: 11px;
}

#clientAccount #clientAccount .body { }

#clientAccount .all-link {
	margin: 5px;
}

#clientAccount .links {
	float: right;
	padding-top: 15px;
	padding-right: 15px;
}

#clientAccount .buttons {
	clear: left;
	float: left;
	padding-top: 15px;
	padding-left: 3px;
	width: 100%;
}

#clientAccount #otherStats { }

#clientAccount .points {
	padding-left: 3px;
	clear: left;
	float: left;
}

#clientAccount .pagination {
	float: right;
	padding-left: 3px;
	padding-top: 13px;
	height: 22px;
	width: auto;
}

#clientAccount .pagination a {
	color: #C00000;
	text-decoration: underline;
}

#clientAccount .pagination a:hover {
	color: #000000;
	text-decoration: none;
}

#clientAccount .myerror {
	clear: left;
	float: left;
}

#clientAccount .adminFile {
	float: left;
	clear: left;
	margin-left: 5px;
	margin-top: 10px;
}

#clientAccount #outOfStock {
	float: left;
	clear: left;
	color: #FF0000;
}

#clientAccount #exceedingStock {
	float: left;
	clear: left;
	color: #FF0000;
}
/* end clientAccount */