﻿/* Setting all Static Fonts */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;	font-family: Calibri;
	font-size: 100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
q:before,q:after{content:'';}
abbr,acronym { border:0;}

body {	clear:both;	background-color:#CECECE;}

body { margin: 20px 20px 20px 20px;}

h1 {font-family:Helvetiker; font-size:1.65em; color:#900; text-align: center; margin: 0 0 10px 0; }
h2 {font-size: 18px; color: #000; margin: 0; text-align: center; clear:both; font-weight:bold; font-family:Helvetiker;}
h3 {font-size: 1.4em;  color: #900; margin: 0; text-align:left; font-weight:100; font-family: Arial;}
h4 {font-size: 1.13em;  color: #900; margin: 0; text-align:left; font-weight:bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
h5 {font-size: .95em;  color: #000; margin: 0; text-align:center ;font-weight:100; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
h6 {font-size: 1.4em; text-transform: uppercase;  color: #000; margin: 0; text-align:center; font-weight:700; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

p {font-size: 14px;  color: #000; line-height:1.4em; margin: 0; text-align:left; font-weight:100; font-family:Arial;}

/* Home Page Styles*/
.top-buffer
{
	height:10px;
}

#hp-top-section-left
{
	font-family:Calibri;
	float:left;
	width:280px;
	font-size:medium;
	text-align:justify;
}
#hp-top-section-right
{
	margin-left: 10px;
	font-family:Calibri;
	float:left;
	width:640px;
}
#featured-products-title
{
	font-size:x-large;
	font-family:Calibri;
	clear:both;
	font-weight:600;
	margin-left:40px;
}
.featured-product-image
{
	margin-top:20px;
	clear:both;
	float:left;
	width:150px;
	height:125px;
	margin-left:50px;
	border: 1px solid #CCC;
}
.featured_product_text
{
	margin-top:20px;
	margin-left:50px;
	float:left;
	width:600px;
	height:125px;
	vertical-align:middle;
}
.top_banner_125px_tall
{
	text-align:center;
	font-size:20px;
	height:150px;
	width:700px;
	text-decoration: none;
    color:Red;
    margin-left:auto; margin-right:auto;
}
.top_banner_125px_tall a:link,
.top_banner_125px_tall a:visited,
.top_banner_125px_tall a:hover 
{
	color:Blue;
}

/*Master Page Styles*/
#master-page-container
{   
	background-color:white;	width:1000px; margin-left:auto; margin-right:auto; padding:0px;	overflow:auto;	min-height:650px; clear:both;
}
.leftText:link {text-decoration: none; color:blue;}
.leftText:visited {text-decoration: none; color:Black;}
.leftText:hover {text-decoration: underline; color: Black;}

#master-header
{
	width: 1000px;
	height:75px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background: url(../Images/Site/Header-Red-Text.jpg);
	overflow:hidden;
}

#master-navigation
{   border-top: 1px solid #901;
	border-bottom: 1px solid #900;
    height: 30px;
    background-color:#FFF;
    width :1000px;
    overflow:hidden;
	clear:both;
	float:left;
}


#catalog-nav-search
{   
    padding: 10px 0 10px 0;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	float:left;
	text-align:center;
	background-color:#000287;
	background-image:url(../Images/site/navigation_background.jpg);
    background-repeat:repeat-x;
    background-position: bottom;
    border-bottom: 1px solid #900;
}

#catalog-nav-search hr{color:#666;}

#master-content-container
{   
    background-repeat:repeat-x;
    background-color:White;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	overflow:auto;
	padding: 0 0 10px 0;
	 min-height:500px;	
	 width:1000px;
}
#master-footer
{   
   padding-left:250px; padding-top:10px; text-align: center; height:75px; width:300px; clear:both; float:left; background-color:white;
}
#master-footer-links
{
	padding-top:20px;
	float:left;
}
#master-footer h2{font-size: 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; color:White; margin: 0; text-align:center; font-weight:lighter; line-height:1.44em;}


#leftContentDIV
{ width: 250px;
  float:left;
  margin: 20px 0 20px 20px;
}

#rightContentDIV
{
  float:left;
  width: 700px;
  border-width: 1px;
  color: Black;
  margin:20px 0 0 10px;
}

.cartNav
{
	width:250px;
	text-align: center;
	vertical-align: middle;
}

.cartNavText:visited {color:blue;}
.cartNavText:hover {color:Red;}

.loginFormText
{
	width:400px;
	float:left;
	text-align:right;
	font-weight:bold;
}

.loginFormBox
{
	width:500px;
	float:left;
	text-align: left;
}

.loginButton
{
	width:900px;
	float:left;
	text-align:center
}

.loginHeaderText
{
  font-weight: bold;
  text-align:center;
  font-size:large; 
}

.custInformationSplit
{
	width:425px;
	float:left;
	overflow:auto;
}

.prodHeaderText
{
   font-family:Arial;
   font-size:.80em;
   text-decoration:none;
   color:White;
}

.prodHeaderText:link {text-decoration: none; color:White;}
.prodHeaderText:visited {text-decoration: none; color:White;}
.prodHeaderText:hover {text-decoration: none; color: Red; }

.html
{ overflow:scroll;
}
#default-content{ text-align:center;background-color:#181818;}
#master-header-container{clear:both; background-color:#181818; min-height:1px;}
#master-content-container{clear:both;}
#field-tester-thankyou{ text-align:center;}

#standard-body{ width:900px; margin-left:50px;}
#standard-body p { font-size:small; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important; margin-left:10px; margin-right:10px; text-align:justify; }

#search-box
{
	float:right;
	position:relative;
	right:+175px;
	top:-46px;
}

#sell-sheet
{
	margin-left:250px;
}

.video-left
{
    margin-left:50px;
	clear:both;
	float:left;
	width:445px;
	text-align:center;
}
.video-right
{
	float:left;
	width:445px;
	text-align:center;
}
#left-homepage
{
	width:50px;
	float:left;
}
/*Page Centered Image*/
.page-centered-image
{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.page-centered-text
{
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:250px;
	text-align:center;
}

.full-page-centered-text
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.three-premier-news-groups
{
	width:300px;
	height:300px;
	float:left;
}

/*Video Styles*/
.video-page-section
{ width:100%; height:auto; float:left; margin-left:auto; margin-right:auto; }

.video-page-item
{
	width: 200px; float:left; margin-left:auto; margin-right:auto;font-family:Arial; font-size:small;
	padding-left: 5px; padding-right: 5px; margin-top:10px; z-index:0;
}

.video-thumbnail
{
	margin-left:auto; margin-right:auto; text-align:center;
}

#center
{
	margin-left:auto; margin-right:auto; text-align:center; z-index:0;
}

.center
{
	margin-left:auto; margin-right:auto; text-align:center; z-index:0;
}
/*Thumbnails for Videos with Effects*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
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;
top: -70px;
left: 50px; /*position where enlarged image should offset horizontally */
z-index:70;

}


/*Old R2Tech Styles -- Delete when new video page is active*/
.video-left
{
    margin-left:50px;
	clear:both;
	float:left;
	width:445px;
	text-align:center;
}
.video-right
{
	float:left;
	width:445px;
	text-align:center;
}

/*Product Details*/
#product-detail-whole { margin: 30px 0 0 0; display: block; }

#product-header {height:100%;}
#product-header hr{ border-bottom: 1px solid #fff; border-top: 1px solid #b5b5b5;}

#product-title{float: left; max-width:440px; height:100%;}
#product-title h2{ font-size: 18px; line-height: 1.03em; text-transform: inherit; margin: 0; color: #1f1f1f; font-weight: bold; }
#product-title p{height:20px; font-size: 12px; text-transform: uppercase; color: #808080; margin: 0; }

#product-price{ float: left; display: inline; border-left: 1px solid #ccc; margin-left: 10px; padding-left: 10px; margin-bottom: 20px; height:100%;}
#product-price h3{ border: 0; margin: 0; font-size: 20px; padding: 0; line-height: 1em; color: #900; font-weight: normal; font-family: helvetica, arial, sans-serif; }
#product-price h3 abbr{ border: 0; font-style: normal; color: #900}
#product-price p{ font-size: 10px; color: #808080; margin: 0}

#product-picture { text-align:center;  vertical-align:middle; float: left; display: inline; width: 160px; margin: 20px 20px 0 0; clear:both; padding: 0 !important}
#product-picture .tmb{display: block; border: 1px solid #ccc; padding: 1px; float: left; background: #FFF; color: #999; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#product-picture p{ font-size: 12px; text-transform: uppercase; color: #808080; margin: 0; clear:both;}

#product-info { float: left; width: 300px;}
#product-detail-whole #product-info ul{ list-style-type: disc! important;  font-size: 16px; line-height: 1.5em; text-transform: inherit; margin: 0; color: #1f1f1f; font-weight:lighter;  font-family: calibri, verdana, sans-serif; }
#product-detail-whole #product-info li{ margin:0 0 .5em 0;}

#product-details{width:160px; float:right; }
#product-details{ background: #f4f4f4; padding: 10px 10px 15px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 1.7em}
#product-details .reset{margin: 0;}
#product-details .reset a{color: #666;}
#product-details h3{border: 0; margin: 0; font-size: 13px; padding: 0; line-height: 1em; color: #000; font-weight:lighter; font-family: helvetica, arial, sans-serif;}

#submit-image{ margin: 0 0 10px 5px; float: left; display: block; }

#details-specs{ clear: both; }

/* "Static CCS" */

#static { margin: 20px 20px 20px 20px; }

#static a:link {text-decoration: none; color:blue}
#static a:visited {text-decoration: none; color:blue;}
#static a:hover {text-decoration: underline; color: red;}

#static .static-image{float:left; margin: 0px 20px 20px 20px; border: double 1px #666;}
#static .static-image img{clear: both; margin: 10px 10px 10px 10px; }
#static .static-image p {font-size: 16px; color: #666; margin: 0; text-align:center;}

#static .static-image-right{float:right; margin: 0px 20px 20px 20px; border: double 1px black;}
#static .static-image-right img{clear: both; margin: 10px 10px 10px 10px; }

#static .default-image{ padding: 0 0 20px 0; border-bottom: 1px solid #900; }

#static ul{ list-style-type: disc; color: #000; font-size: .8em; margin: 0 0 0 35px;  line-height:1.7em; font-weight: 100; font-family:Arial;}
#static ul li{ font-size: 1em; line-height:1.7em; font-weight: 100; font-family:Arial;}


#empStatic { margin: 20px 20px 20px 20px;}

#empStatic h1 {font-size: 17px; text-transform: uppercase; color: navy; margin: 0; text-align: center; margin: 0 0 10px 0; font-weight:700; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
#empStatic h2 {font-size: 18px; color: #000; margin: 0; text-align: left; clear:both; font-weight:bold; margin: 0 0 10px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
#empStatic p {font-size: 12px;  color: #000; line-height:1.7em; margin: 0; text-align:left; font-weight:100; font-family:Arial Baltic}

#empStatic a:link {text-decoration: none; color:blue}
#empStatic a:visited {text-decoration: none; color:blue;}
#empStatic a:hover {text-decoration: underline; color: red;}

/*Drop Down*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 18px Calibri;
	
	font-weight:bold}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 144.5px;
	background: #FFF;
	color: #111;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #FFF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #343434;
	border: 1px solid #CCCCCC;
	z-index: 2;}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 170px;
	overflow:auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #343434;
	color: #FFFFFF;
	font: 14px Arial;
	z-index: 2;}

#sddm div a:hover
{	background: #111;
	color: #FFF;
	}
	
/*LightBox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/Images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/Images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*Login and Registration*/
#login-rightside{clear: left; display: inline; width:305px; }

#dealer-login {
    clear: left;
    float: left; 
    display: inline; 
    border: 1px solid #ccc; 
    display: inline; 
    padding: 15px 15px 15px 15px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    margin: 20px 0 20px 40px; 
    width:300px; 
    min-height:245px;
    background-color: #E9E9E9;

}

#login-username { margin: 20px 0 20px 0; clear:both;}

#login-password { margin: 20px 0 20px 0; clear:both;}

.label{float:left;}
.textbox{float:right; font-family:Arial;}

#login-promotion{
    float: right; 
    display: inline; 
    clear: right;
    border-left: 1px solid #ccc;
    display: inline; 
    padding: 15px 15px 15px 15px; 
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    margin: 20px 40px 0 0; 
    width: 450px; 
    min-height: 450px;
    text-align:center;
}

#login-promotion a{ color: #333;}
#login-promotion a:hover{color: #900;}
#login-promotion h2{border: 0; margin: 0; font-size: 24px; padding: 0; line-height: 1.2em; color: #900; font-weight: normal; font-family: helvetica, arial, sans-serif; }

#login-label{margin: 0px 200px 200px 0px; text-align:center; margin: 0px 0px 20px 0px;}
#login-label h2{border: 0; margin: 0; font-size: 20px; padding: 0; line-height: 1.2em; color: #900; font-weight:lighter; font-family: helvetica, arial, sans-serif;}

#onlineStoreImage { margin:0px 0px 0px 150px; display:block; }
#onlineStoreImage .tmb{ display: block; border: 1px solid #ccc; padding: 2px 2px 2px 2px; float: left; background: #fff; color: #999;  width:145px; height: 132px;}
#onlineStoreImage .tmb:hover{border-color: #666;}
#onlineStoreImage .tmb img{ display:block; margin:auto; background: #ccc;}

#submit-button {clear:both; margin: 60px 0 20px 85px;}

#error-message {clear:both; text-align:center;}

#register {
    clear: left;
    float: left; 
    display: inline; 
    border: 1px solid #ccc; 
    display: inline; 
    padding: 15px 15px 15px 15px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    margin: 0 0 0 40px; 
    width:300px; 
    min-height:150px;
    text-align:center;
}

#register img{margin:10px 0 10px 0;}
#register hr{border-bottom: 1px solid #fff; border-top: 6px solid #b5b5b5;}
#register h2{border: 0; margin: 0; font-size: 18px; padding: 0; line-height: 1.2em; color: #900; font-weight: normal; font-family: helvetica, arial, sans-serif;}
#register h3{border: 0; margin: 0; font-size: 18px; padding: 0; line-height: 1.2em; color: #000; font-weight: normal; font-family: helvetica, arial, sans-serif;}

#register-login {margin:20px 0 0 55px; width:150px; height:80px;}
#register-login img {margin:0 0 10px 0;}

#register-instructions { clear: both; margin: 20px 20px 20px 20px; }
#register-instructions p {font-size: 16px; color: #666; margin: 0; text-align:center;}
#register-instructions h1 {font-size: 16px; color: #000; margin: 0; text-align:center;}

#register-information { clear: both; margin: 20px 20px 20px 20px; width: 450px;}

/*---------- Product and Product Detail Styling ----------*/
.item
{   background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 160px;
    height: 210px;
    padding: 9px;
    float: left;
    margin: 0 20px 20px 0;
    display: inline;
    text-decoration: none;
    text-align: center;
    font-family:Arial;
    
}

.item .last{ margin-right: 0; }
.item .tmb{ display: block; border: 1px solid #ccc; padding: 1px; float: left; background: #fff; color: #999; margin-bottom: 0; width:150px; height: 150px;}
.item .tmb:hover{border-color: #666;}
.item .tmb img{ display:block; margin:auto; background: #ccc;}
.item ul.color{ float: left; width: 158px; margin: 0; height: 28px; overflow: hidden; position: absolute; display: none}
.item ul.color:hover{ height: 56px; background: #fff url(/images/afa/subcat/bg_tmb_colors.gif?1216662917) no-repeat 2px 2px; border-bottom: 1px solid #e8e8e8}
.item ul.color li{ list-style: none; margin: 0; float: left; display: inline}
.item ul.color li a{ display: block; border: 1px solid #808080; background: #fff; margin: 2px; padding: 1px; text-indent: -5000px; -webkit-border-radius: 2px; -moz-border-radius: 2px}
.item ul.color li a:hover{ border: 2px solid #666; margin: 1px}
.item ul.color li.selected a, #content-primary .thumb-group .item ul.color li.selected a:hover{ border: 2px solid #900; margin: 1px}
.item ul.color li.disabled a, #content-primary .thumb-group .item ul.color li.disabled a:hover{ background: #f4f4f4; cursor: default; margin: 2px; border: 1px solid #dcdcdc}
.item ul.color li.disabled a img, #content-primary .thumb-group .item ul.color li.disabled a:hover
.item ul.color li a img{ display: block; background: #ccc}
.item h3{ background: url(/images/afa/subcat/bg_tmb_divider.jpg?1215747438) no-repeat 50% 0; border: 0; clear: left; padding: 5px 0 0 0; font-family:Arial; font-weight:normal; font-size: 12px; margin: 30px 0 0 0; line-height: 1.2em} 
.item h3{ background: none; margin: 0}
.item h3 a{ color: #333; }
.item h3 a:hover{color: #900;}
.item p{ font-size: 10px; line-height: 1.2em; margin: 0}

.item .imageSpacer{ width: 156px; height: 156px;}

.multiProduct
{   background: #FFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 650px;
    min-height: 200px;
    float: left;
    margin: 0 0 20px 0;
    display: inline;
}

.multiProduct .description { padding: 5px 5px 5px 5px; border-bottom: 1px solid #ccc; margin: 0 20px 0 20px; }

.multiProduct .image{ width: 152px; height:152px; clear:both; float:left; margin:10px 10px 10px 10px; border: 1px solid #ccc; padding: 1px; background: #fff;}

.multiProduct .details{ float:left; margin:20px 10px 0 10px; text-align: left;}

.multiProduct h2{ text-align:center; font-size: 18px; line-height: 1.03em; text-transform: inherit; margin: 0; color: #1f1f1f; font-weight: bold; } 

.multiProduct h3{ text-align: center; font-size: 30px; color: #000; margin: 0; text-align: center; clear:both;font-weight:lighter;} 
.multiProduct h3 a{ color: #333; text-decoration: none;}
.multiProduct h3 a:hover{color: #900; text-decoration: none;}

.multiProduct p{ font-size: 16px;  color: #000; line-height:1em; margin: 0; text-align:justify; font-weight:lighter;}
.multiProduct p a{ color: #333; text-decoration: none;}
.multiProduct p a:hover{color: #900; text-decoration: none;}

.multiProduct .description hr{border-top-color: #b5b5b5; border-bottom-color: #b5b5b5}

.multiProduct .get-product-details { margin: 10px 10px 10px 10px; clear: both;}
.multiProduct .get-product-details h2{ text-align:center; font-size: 15px; line-height: 1.03em; text-transform: inherit; margin: 0; color: #1f1f1f; font-weight: bold; } 
.multiProduct .get-product-details h2 a{ }
.multiProduct .get-product-details h2 a:hover{color: #900;}


.productInfo
{   background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 99px;
    height: 130px;
    padding: 5px;
    float: left;
    margin: 0 5px 5px 0;
    display: inline;
    position: relative;
    text-decoration: none;
    text-align: center;
}

.productInfo.first{width: 80px; margin: 0  5px 0 5px; }
.productInfo.UPC{width: 140px; text-align:center;}

.singleProduct
{   background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 600px;
    min-height: 250px;
    padding: 5px;
    float: left;
    margin: 0 5px 5px 0;
    display: inline;
    text-decoration: none;
    position: relative;
    text-align: left;
}

.singleProduct .tmb{ display: block; border: 1px solid #ccc; padding: 1px; float: left; background: #FFF; color: #999; margin-bottom: 0;    -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.singleProduct .tmb:hover{border-color: #666;}
.singleProduct .tmb img{ display:block; margin:auto; background: #ccc; }
.singleProduct .imageSpacer{width: 160px; height: 160px;}
.singleProduct .description{width:600px; text-align:center;}

.singleProduct .content
{   background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 410px;
    min-height: 150px;
    padding: 5px;
    float: right;
    margin: 0 5px 5px 5px;
    display: inline;
    position: relative;
    text-decoration: none;
    text-align: left;
}

.singleProduct .content h3 a{ color: #333;}
.singleProduct .content h3 a:hover{color: #900;}
.singleProduct .content h3{ border: 0; clear: left; padding: 5px 0 0 0; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; margin: 30px 0 0 0; line-height: 1.2em}
.singleProduct .content h3{ margin: 0}

.singleProduct .shortDescription h2 a{ color: #333;}
.singleProduct .shortDescription h2 a:hover{color: #900;}
.singleProduct .shortDescription h2{ border: 0; clear: left; padding: 5px 0 0 0; font-family: verdana, sans-serif; font-weight: bold; font-size: 15px; margin: 30px 0 0 0; line-height: 1.2em}
.singleProduct .shortDescription h2{ margin: 0}
.singleProduct .shortDescription ul{ list-style-type: disc; }

#drill-down-spacer {margin: 20px 0 0 0;}

#catalog-home {text-align:center; margin:20px 20px 20px 20px; min-height:450px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#catalog-home h1{font-size: 32px; text-transform: uppercase; color: #900; margin: 0; text-align: center; margin: 0 0 10px 0;font-weight:lighter;}

/* Delete this after new Department Boxes have been changed.*/

.mainProdDeptBox
{
	float:left;
	width:300px;
	height:210px;
	padding: 5px 5px 5px 5px; 
    border: 1px solid #ccc;
    margin-left:5px;
    margin-bottom:5px;
}

/* Page Layout for the New Product Landing Page */
.departmentRow
{
	width:800px;
	height:115px;
	padding: 5px 5px 5px 5px; 
    /*border: 1px solid #ccc;*/
    margin-left: auto;
    margin-right:auto;
    clear:both;
}

.deptDescr
{	
	width:280px;
	float:left;
	text-align:left;
	height:180px;
	margin-right:20px;
}
	
.deptItem
{
	text-align:center;
	width:200px;
	float:left;
	height:140px;
	margin-left:10px;
	/*border: 1px solid #ccc;*/
	padding-top:5px;
}	


/*Cart Style Sheet*/

.cartNavText
{
	width:250px;
	text-align: center;
	vertical-align: middle;
}

.cartNavText:link {color: Blue;}
.cartNavText:visited {color: Blue;}

.cartProdText
{
	font-size:small;
	width:300px;
	float:left;
}

.cartQuantity
{
	width:75px;
	float:left;
	text-align:center;
}

.cartPrice
{
	width:75px;
	float:left;
}

.cartItemContainer
{
	width:650px;
}

.cartProdTitle
{
	font-size:medium;
	font-weight:bold;
	float:left;
	width:300px;
}

.cartQtyTitle
{
	font-size:medium;
	font-weight:bold;
	float:left;
	width:75px;
	text-align:center;
}

.cartPriceTitle
{
	font-size:medium;
	font-weight:bold;
	float:left;
	width:75px;
}

.cartTotal
{
	position:relative;
	top: 1px;
	left: 96px;
}

.cartUpdateButton
{
	width:500px;
	float:left;
	text-align:right;
}


#cart-update
{
	width:450px;
	float:left;
	text-align:right;
}

.cartSubTotal
{
	width:150px;
	text-align:right;
	float:left;
	height:30px;
}

#purchase-order-comments
{   clear:both;
	text-align: center;
	margin: 20px 0 0 0;
}

#purchase-order-comments h4{color: Red; text-align:center;}

.cartSubmitButton
{
	width:650px;
	height:50px;
	text-align: center;
	vertical-align:bottom;
	margin-right:auto;
	margin-left:auto;
}

.checkoutButton
{
	float:left;
	width:1000px;
	height:50px;
	text-align: center;
	font-size:large;
}

#cart-final-total
{   width: 300px;
    float: right;
	text-align:right;
	
	height:30px;
}

.mainOrderDiv
{

}

#cust-information-billing{ margin:20px 0 0px 40px; float:left; width:400px;}
#cust-information-shipping{ margin:20px 40px 0px 0; float:right;width:400px;}

#billing-shipping-checkout-button{ clear:both; float:left; margin:20px 0 0 200px; }

#add-items{ font-family: Verdana; font-weight: bold; font-size: large; text-align: center; text-align: center;}

#review-top{ margin: 20px 20px 0 20px;} 
#review-top h1{text-align:center;font-size:1.5em; color:#900;}

#test-review
{   
	width: 300px;  
    padding: 10px 10px 10px 10px; 
    border: 1px solid #ccc;
    float:left;
}
#test-review h2{ text-align:center;font-size:1.2em;}
#test-review h3{ text-align:left;font-size:1em; font-weight:lighter;}

#review-address-margin
{
	float:left;
	width: 180px;
}

#review-billing-address
{   
    width: 300px; 
    padding: 10px 10px 10px 10px; 
    border: 1px solid #ccc;
    float:left;
}
#review-billing-address h2{ text-align:center;font-size:1.2em;}
#review-billing-address h3{ color: black; text-align:left;font-size:1em; font-weight:lighter;}
    
#review-shipping-address
{   
	clear:right;
    width: 300px; 
    float:left; 
    padding: 10px 10px 10px 10px; 
    margin-left: 10px;
    border: 1px solid #ccc;
}
#review-shipping-address h2{ text-align:center; font-size:1.2em;}
#review-shipping-address h3{ color: black; text-align:left; font-size:1em; font-weight:lighter;}

#review-order-margin
{
	clear:both;
	float:left;
	width:155px;
}

#review-order-main
{   width:700px;
	text-align:center;
    float:left;
    margin-top:10px;
}

#thank-you{}
#thank-you h1{text-align:center;font-size:1.2em;}
#thank-you h2{text-align:left;font-size:1em; font-weight:lighter;}

#customer-information{margin: 20px 20px 20px 20px;}
#customer-information h1{font-size: 32px; text-transform: uppercase; color: #900; margin: 0; text-align: center; font-weight:lighter;}


#customer-billing-address{
    clear: left;
    width: 350px; 
    float:left; 
    margin: 20px 10px 20px 100px; 
    padding: 10px 10px 10px 10px; 
    border: 1px solid #ccc;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}
#customer-billing-address h2{ text-align:center;font-size:1.2em;}
#customer-billing-address h3{ text-align:left;font-size:1em; font-weight:lighter;}
#customer-billing-address input{ float:right; clear:right;}

#customer-shipping-address{
    clear: right;
    width: 350px; 
    float:right; 
    margin: 20px 100px 20px 0; 
    padding: 10px 10px 10px 10px; 
    border: 1px solid #ccc;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

#customer-shipping-address h2{ text-align:center; font-size:1.2em;}
#customer-shipping-address h3{ text-align:left; font-size:1em; font-weight:lighter;}
#customer-shipping-address input{ float:right; clear:right;}

.customer-address{ clear: both;}

.customer-address .label{ float:left; }
.customer-address .text-box{ float:right; }
.customer-address .center{ width: 50px; float:left; margin: 10px 0 0 150px; }

#customer-return-to-cart{ clear:both; margin-right:auto; margin-left:auto; }

#quick-order-system
{   clear: left;
    width: 150px; 
    float:left; 
    padding: 10px 10px 10px 10px; 
    border: 1px solid #ccc;
	text-align:center;    
}
    

#CustomerInformationReturnLinks
{
	clear:both;
	font-family:Arial;
	font-size:18px;
	text-align:center;
}

.imageborder
{
	border: 1px solid #000;
}
