﻿/* 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: 10px 10px 10px 10px;

}

h1 {font-family:Arial; 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:Arial;}
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;
	
}
#hp-top-section-right-text
{
	float:left;
	width:625px;
	margin-left:35px;
	text-align:center;
	margin-top:5px;
}
#featured-products-title
{
	font-size:x-large;
	font-family:Calibri;
	clear:both;
	font-weight:600;
	margin-left:40px;
}
.featured-product-image
{
	
	clear:both;
	float:left;
	width:180px;
	height:160px;
	margin-left:50px;
	vertical-align:middle;
}
.featured-product-image-special-for-rr-donnelly
{
	
	clear:both;
	float:left;
	width:180px;
	height:140px;
	margin-left:50px;
	margin-top:10px;
	vertical-align:middle;
}
.featured_product_text
{
	margin-top:30px;
	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
{
	//Currently Not Used
	width: 1000px;
	height:150px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}*/

#master-navigation
{   /*border-top: 1px solid #901;
	border-bottom: 1px solid #900;*/
    height: 200px;
    /*background: url(../Images/Site/bodybg.bmp) repeat-x;*/
    width :1000px;
    overflow:visible;
	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 0px 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;
  text-align:left;
}

#rightContentDIV
{
  float:left;
  width: 700px;
  border-width: 1px;
  color: Black;
  margin:20px 0 0 10px;
}

.cartNav
{
	width:250px;
	text-align: left;
	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:+75px;
	top:-5px;
	vertical-align:middle;
}

#google_translate_element
{
	float:left;
	position:relative;
	left:+665px;
	top:-44px;
}

#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 For Premier News*/
.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;
}
/*Page Centered Text for Full Pages*/
.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: 186px; float:left; margin-left:auto; margin-right:auto;font-family:Arial; font-size:small;
	padding-left: 5px; padding-right: 5px; margin-top:10px;
}

.video-thumbnail
{
	margin-left:auto; margin-right:auto; text-align:center; background-color:Black; padding-top:3px; padding-bottom:3px; 
}

#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;
display:block;
}

.thumbnail:hover{
background-color: transparent;
}

.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: 0px;
left: 50px; /*position where enlarged image should offset horizontally */
z-index:0;

}


/*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 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;}
#empStatic ul li{ font-size: 1em; line-height:1.7em; font-weight: 100; font-family:Arial;}

#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: 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: Arial, sans-serif !important;}
#empStatic p {font-size: 15px;  color: #000; line-height:1.7em; margin: 0; text-align:left; font-weight:100; font-family:Arial}

#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*/

/*body {
	margin: 0; padding: 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(Images/Site/Bodybg.bmp) repeat-x;
}*/
*{outline: none;}
img {border: 0;}
.container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
}
#header {
	background: url(../Images/Site/MtownHdrMega.jpg) no-repeat;
	width: 1000px; height: 179px;
	float: left;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index: 5;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	z-index: 5;
}
ul#topnav li a {
	float: left;
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(../Images/Site/Header/home_btn.jpg) no-repeat;
	width: 78px; 
}
ul#topnav a.order {
	background: url(../Images/Site/Header/order_btn.jpg) no-repeat;
	width: 147px; 
}
ul#topnav a.products {
	background: url(../Images/Site/Header/products_btn.jpg) no-repeat;
	width: 117px; 
}
ul#topnav a.information {
	background: url(../Images/Site/Header/information_btn.jpg) no-repeat;
	
	width: 147px; 
}
ul#topnav a.contactus {
	background: url(../Images/Site/Header/contactus_btn.jpg) no-repeat;
	width: 147px; 
}
ul#topnav a.aboutus {
	background: url(../Images/Site/Header/about_btn.jpg) no-repeat;
	width: 147px; 
} 

ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #00296a url(sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	font-size:15px;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #EEEEEE;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}



	
/*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: 0px 0px 0px 0px; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    margin: 20px 0 20px 40px; 
    width:330px; 
    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;margin-left:30px;}
.textbox{float:left; font-family:Arial;       
	width: 221px;
	background: transparent url(../images/site/textboxbg.jpg) no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px; margin-left:30px;
}

#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 105px; color:White; padding-top:5px;}

#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:120px;
    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 0px; width:150px; height:80px; text-align:left;}
#register-login img {margin:0 0 10px 0;text-align:left;}

#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: 100px;
    height: 120px;
    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; padding: 1px; float: left; background: #fff; color: #999; margin-bottom: 0; width:85px; height: 85px;}
.item .tmb:hover{border-color: #666;}
.item .tmb img{ display:block; margin:auto; background: #ccc;}
.item ul.color{ float: left; width: 85px; 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: 85px; height: 85px;}

.multiProduct
{   background: #FFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 300px;
    min-height: 150px;
    max-height: 210px;
    float: left;
    margin: 0 0 20px 0;
    display: inline;
    margin-left: 10px;
}

.multiProduct .description { padding: 5px 5px 5px 5px; border-bottom: 1px solid #ccc; margin: 0 20px 0 20px; }

.multiProduct .image{ width: 87px; height:87px; clear:both; float:left; margin:10px 10px 10px 10px; border: 1px solid #ccc; padding: 1px; background: #fff;}

.multiProduct .details{ float:left; margin:10px 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: 15px; color: #000; margin: 0; text-align: center; clear:both;font-weight:bold;} 
.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{ text-decoration:none; color:Blue; }
.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;
}

#prod-logo
{
	width:360px;
	float:left;
}

#prod-bullets
{
	width:600px;
	float:left;
	font-family:Arial;
	font-weight:bold;
	padding-top:25px;
	height:150px;
}

.product-grid
{
	width:300px;
	height:200px;
	float:left;
}
.product-grid-image
{
	width:300;
	height:150;
}
.product-grid-title-line
{
	width:300px;
	height:20px;
	font-weight:bold;
}
.product-grid-line
{
	width:300px;
}
.product-grid-descr
{
}

.image-tiles
{
	float:left;	margin-left:10px; padding-top:5px;
}

/*Pikachoose Styles*/


.pika-wrap {width: 400px; margin: 0 auto;}

.pika-image {position: relative; height: 400px; width: 400px; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}

/*.pika-image .caption {position: absolute; background: url(../images/Site/PikaChoose/75-black.png);  border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right;40ottom: 40px; right: 10px;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}*/



.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 1px; color:White; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
	.pika-textnav a:hover {background: #252525; color: white;}
	.pika-textnav a.previous {float: left; width:0; }
	.pika-textnav a.next {float: right; width:0; }
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align:center; overflow: hidden;}

ul#pikame{width:400px;}
		
	
	/*For JQuery Code */	
      
img.resize
{
	width: 100px;
	height: 67px;
	border: 1px solid #000000;
	padding: 2px;
	position: absolute;
	z-index: 1;
}

#jqbackground
{
	width: 400px;
	height: 350px;
}

.featuredImg1
{
	width: 80px;height: 70px;padding: 2px;z-index: 1;border: 2px;margin-left:40px;
}

.featuredImg2
{
	width: 80px;height: 70px;padding: 2px;z-index: 1;border: 2px;margin-left:15px;
}

.featuredImg3
{
	width: 80px;height: 70px;padding: 2px;z-index: 1;border: 2px;margin-left:15px;
}

.featuredImg4
{
	width: 80px;height: 70px;padding: 2px;z-index: 1;border: 2px; margin-left:15px;
}
.defaultLink1
{
	
}
.featuredLink
{
	text-decoration:none;
}

/*Silverlight Styles*/
    #silverlightControlHost 
    {
    	float:left;
	    height: 100%;
	    text-align:center;
    }    
    
/*LightBox*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* jQuery lightBox plugin - Gallery style */
	#gallery 
	{
		padding: 10px;
		width: 170px;
		float:left;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 2px 2px 2px;
	}
	#gallery ul a:hover img {
		border: 5px solid #3e3e3e;
		border-width: 2px 2px 2px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	/*End of Lightbox*/	
	/*Animated Form Switching*/
	
.wrapper{
	width:960px;
	margin:20px auto;
	min-height:550px;
}
.box{
	width:49%;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
a.back{
	color:#777;
	position:fixed;
	top:5px;
	right:10px;
	text-decoration:none;
}
/* Form Style */
.form_wrapper{
	background:0;
	border:1px solid #ccc;
	margin:0 auto;
	width:350px;
	font-size:16px;
	-moz-box-shadow:1px 1px 7px #ccc;
	-webkit-box-shadow:1px 1px 7px #ccc;
	box-shadow:1px 1px 7px #ccc;
}
.form_wrapper h3{
	padding:20px 30px 20px 30px;
	background-color:#000;
	color:#fff;
	font-size:25px;
	border-bottom:1px solid #ddd;
}
.form_wrapper form{
	display:none;
	background:#fff;
}
.form_wrapper .column{
	width:47%;
	float:left;
}
form.active{
	display:block;
}
form.login{
	width:350px;
}
form.register{
	width:550px;
}
form.forgot_password{
	width:300px;
}
.form_wrapper a{
	text-decoration:none;
	color:#777;
	font-size:12px;
}
.form_wrapper a:hover{
	color:#000;
}
.form_wrapper label{
	display:block;
	padding:10px 30px 0px 30px;
	margin:10px 0px 0px 0px;
}
.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	border: solid 1px #E5E5E5;
	background: #FFFFFF;
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
	background:#feffef;
}
.form_wrapper .bottom{
	background-color:#444;
	border-top:1px solid #ddd;
	margin-top:20px;
	clear:both;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
.form_wrapper .bottom a{
	display:block;
	clear:both;
	padding:10px 30px;
	text-align:center;
	color:#ffa800;
	text-shadow:1px 1px 1px #000;
}
.form_wrapper a.forgot{
	float:right;
	font-style:italic;
	line-height:24px;
	color:#ffa800;
	text-shadow:1px 1px 1px #fff;
}
.form_wrapper a.forgot:hover{
	color:#000;
}
.form_wrapper div.remember{
	float:left;
	width:140px;
	margin:20px 0px 20px 30px;
	font-size:11px;
}
.form_wrapper div.remember input{
	float:left;
	margin:2px 5px 0px 0px;
}
.form_wrapper span.error{
	visibility:hidden;
	color:red;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:4px 30px;
}
.submitBTN
{
	background: #e3e3e3;
	border: 1px solid #ccc;
	color: #333;
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 9px;
	text-align: center;
	width: 150px;
	height: 30px;
	cursor:pointer;
	float:left;
	margin:10px 20px 10px 100px; 
	text-shadow: 0px 1px 0px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-webkit-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
.submitBTN:hover {
	background: #d3d3d3;
	border: 1px solid #ccc;
	color: #222;
}
