/* CSS Document for site layout */

body,html{
	margin: 0;
	height: 100%;
	background-image: url(../../images/bgtile.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

.centered{
	text-align: center;
}

.offline{
	text-align: center;
}

.spacer{
	margin: 5px;
}

.testmode{
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #ff0000;
}

.testmodesessions{
	border: solid #ff0000 2px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 10px;
}

hr{
	border-top: solid #000000 1px;
}

.error{
	/* margin: 5px 0 5px 0; */
	text-align: left;
}

.action{
	margin: 5px 0 5px 0;
	text-align: left;
}

.pagetitle{
	float: left;
	text-align: left;
	width: 450px;
	margin: 0 0 0 0;
}

.listorderby{
	float: right;
	margin: 10px 10px 0 0;
	height: 30px;
}

.ministoreheader{
	height: 100px;
	width: 915px;
	background-color: #e5e5e5;
	margin: 0;
	text-align: center;
	line-height: 75px;
}

.ministoretitle{
	position: absolute;
	z-index: 102;
	margin: 20px 0 0 10px;
}

.ministorelogo{
	float: left;
	margin: 0 10px 0 0;
	width: 40px;
	height: 40px;
	border: solid #000000 1px;
	background-color: #eeeeef;
	line-height: 40px;
	text-align: center;
}

.ministoreheaderimage{
	z-index: 101;
}

.ministorelogoimage{
	z-index: 102;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

.outercontainer{
	min-height: 100%;
	width: 995px;
	margin: 0 auto 0 auto;
	background-image: url(../../images/container_background.png);
	background-repeat: repeat-y;
}

.contentcontainer{
	width: 955px;
	margin: 0 auto 0 auto;
	
}

.minicart{
	position: absolute;
	z-index: 1000;
	width: 250px;
	height: 30px;
	overflow: hidden;
	margin: 10px 0 0 700px;
	border-right: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
}

.minicarttestmode{
	position: absolute;
	width: 250px;
	height: 30px;
	overflow: hidden;
	margin: 50px 0 0 700px;
	border-right: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
}

.minicart:hover{
	overflow: visible;
	min-height: 150px;
	background-color: #ffffff;
	border-right: solid #e5e5e5 1px;
	border-bottom: solid #e5e5e5 1px;
	border-left: solid #e5e5e5 1px;
}

.minicarttestmode:hover{
	overflow: visible;
	min-height: 150px;
	background-color: #ffffff;
	border-right: solid #e5e5e5 1px;
	border-bottom: solid #e5e5e5 1px;
	border-left: solid #e5e5e5 1px;
}

.minicarttitle{
	text-align: left;
	height: 30px;
	line-height: 30px;
	margin: 0 0 0 5px;
}

.minicartdata{
	margin: 5px;
}

.minicartline{
	margin: 5px 0 5px 0;
}

.minicarttotal{
	margin: 10px 0 10px 0;
	text-align: right;
}

.minicartcontrols{
	text-align: center;
}

/************************************************** HEADER *****/
.header{
	height: 80px;
	background-color: #ffffff;
	border-top: solid #ffffff 0px;
	border-right: solid #ffffff 20px;
	border-bottom: solid #ffffff 0px;
	border-left: solid #ffffff 20px;
}

.headerleft{
	float: left;
	width: 650px;
	height: 100%;
}

.headerleft img{
	border: 0px;
}

.headerright{
	float: left;
	height: 100%;
}


/*********************************************** MAIN MENU *****/
.mainmenu{
	background-color: #222D29;
	height: 25px;
	border-right: solid #ffffff 5px;
	border-left: solid #ffffff 5px;
}

.mainmenu img{
	border: 0px;
}

.mainmenushadow{
	text-align: center;
	background-color: #ffffff;
}

.mainmenuoptions{
	position: absolute;
	z-index: 1000;
}

.mainmenuoption{
	float: left;
	height: 25px;
	padding: 0 20px 0 20px;
}

.mainmenuoption_on{
	float: left;
	padding: 5px 20px 0 20px;
	min-width: 250px;
}

.mainmenudivider{
	float: left;
	width: 2px;
	height: 20px;
	background-color: #ffffff;
	margin: 2px 0 0 0;
}

#menu_1{
	position: absolute;
	z-index: 101;
}

#menu_2{
	position: absolute;
	z-index: 102;
	margin: 0 0 0 100px;
}

#menu_3{
	position: absolute;
	z-index: 103;
	margin: 0 0 0 200px;
}

#menu_4{
	position: absolute;
	z-index: 104;
	margin: 0 0 0 340px;
}

#menu_5{
	position: absolute;
	z-index: 104;
	margin: 0 0 0 504px;
}

/************************************************ SUB MENU *****/
.submenu{
	background-color: #ffffff;
	display: none;
	min-height: 50px;
	width: 500px;
	border-top: solid #222d29 10px;
	border-right: solid #222d29 10px;
	border-bottom: solid #222d29 10px;
	border-left: solid #222d29 10px;
	margin: -6px 0 0 -10px;
	color: #333333;
	font-weight: normal;
}

.submenubrands{
	float: left;
	min-width: 150px;
	margin: 10px 10px 10px 10px;
}

.submenucategories{
	float: left;
	min-width: 150px;
	border-left: solid #e5e5e5 1px;
	margin: 10px 10px 10px 0;
}

.submenubrowse{
	float: left;
	min-width: 150px;
	border-left: solid #e5e5e5 1px;
	margin: 10px 10px 10px 0;
}

.contentarea{
	min-height: 400px;
	background-color: #ffffff;
	border-right: solid #ffffff 20px;
	border-bottom: solid #ffffff 20px;
	border-left: solid #ffffff 20px;
}

.giftcard{
	float: left;
	text-align: left;
	border: solid #999999 1px;
	width: 300px;
	min-height: 150px;
	padding: 10px;
}	

.checkoutlinks{
	margin: 5px 0 20px 0;
}

.continueshopping{
	float: right;
	margin: 20px 30px 10px 0px;
}

.categorymenu{
	float: left;
	width: 195px;
	margin: 10px 0 0 5px;
}

#searchbox{
	width: 200px;
	position: absolute;
	z-index: 104;
	margin: 1px 0 0 695px;
}


.searchtitle{
	margin: 0 0 5px 0;
}

.googleresults{
	width: 915px;
	overflow: hidden;
	background-color: #ffffff;
}

.accountlinks{
	margin: 20px 0 0 0;
}

.searchbutton{
	width: 50px;
	background-color: #ffffff;
	border: solid #333333 1px;
}

.accountlinks{
	margin: 20px 0 0 0;
}


/******************************************** MAIN CONTENT *****/
.maincontent{
	background-color: #ffffff;
	
}

.accordion ul{
	margin: 0;
}

.accordion li{
	list-style-type: none;}

.accordion li a{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 5px;
	width: 100%;
	background-color: #e5e5e5;
	color: #000000;
	font-weight: bolder;
	margin: 0 0 10px 0;
}

.accordion li p{
	min-height: 200px;
}


.checkoutcontent{
	margin: 0 0 0 10px;
	min-height: 400px;
}

.login{}

.loginbox{
	width: 510px;
	min-height: 200px;
	margin: 0 auto 0 auto;
}

.loginform{
	float: left;
	width: 250px;
}

.newaccount{
	float: left;
	width: 239px;
	min-height: 200px;
	margin: 0 0 0 10px;
	border-left: solid #000000 1px;
}

.newaccountbutton{
	text-align: center;
}

.forgotpassword{
	margin: 20px 0 0 0;
}

.productcontentleft{
	float: left;
	width: 590px;
	margin: 0 10px 0 0;
}

.productcontentright{
	float: left;
	width: 300px;
}

.breadcrumbs{
	margin: 0 10px 10px 0;
}

.productlisting{
	margin: 10px 0 10px 0;
	min-height: 300px;
}

.productlistitem{
	float: left;
	width: 173px;
	height: 220px;
	margin: 0 9px 30px 0;
	text-align: center;
}

.productlistimage{
	width: 173px;
	max-height: 173px;
	overflow: hidden;
}

.gendericon{
	position: absolute;
	z-index: 90;
	width: 20px;
	height: 20px;
}

.pager{
	margin: 10px 0 10px 0;
}

.manufacturercategories{
	margin: 0
}

.pagerItem{
	float: left;
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 5px;
}

.pageritemon{
	color: #0066cc;
}


/*********************************************** EXPANDERS *****/
.expanderarea{
	width: 915px;
	height: 115px;
	border-top: solid #e5e5e5 5px;
	border-bottom: solid #e5e5e5 5px;
	padding: 10px 0 10px 0;
}

.closer{
	position: absolute;
	z-index: 201;
	text-align: right;
	width: 900px;
	margin: 90px 10px 0 0;
}

.expander1content{
	position: absolute;
	z-index: 200;
	display: none;
}

.expander1contenton{
	position: absolute;
	z-index: 200;
	margin: 125px 0 0 0;
	background-color: #e5e5e5;
	border: solid #e5e5e5 10px;
	background-image: url(../images/exander_banner_news.jpg);
	width: 895px;
	height: 95px;
	display: block;
}

.expander1{
	height: 115px; position: absolute; z-index: 104; overflow: hidden; margin: 0 0 0 0;
}

.expander1on{
	height: 115px; position: absolute; z-index: 104; overflow: hidden; margin: 10px 0 0 0;
}

.expander1block{
	 width: 220px; height: 115px; background-color: #eeeeef; margin: 0 0 0 0;
}

.expander2content{
	position: absolute;
	z-index: 200;
	display: none;
}

.expander2contenton{
	position: absolute;
	z-index: 200;
	margin: 125px 0 0 0;
	background-color: #e5e5e5;
	border: solid #e5e5e5 10px;
	background-image: url(../images/exander_banner_service.jpg);
	width: 895px;
	height: 95px;
	display: block;
}

.expander2{
	position: absolute; z-index: 103; overflow: hidden;
}

.expander2on{
	height: 115px; position: absolute; z-index: 103; overflow: hidden; margin: 10px 0 0 0;
}

.expander2block{
	width: 220px; height: 115px; background-color: #cccccc; margin: 0 0 0 221px; border-left: solid #ffffff 10px;
}

.expander3content{
	position: absolute;
	z-index: 200;
	display: none;
}

.expander3contenton{
	position: absolute;
	z-index: 200;
	margin: 125px 0 0 0;
	background-color: #e5e5e5;
	border: solid #e5e5e5 10px;
	background-image: url(../images/exander_banner_ship.jpg);
	width: 895px;
	height: 95px;
	display: block;
}

.expander3{
	position: absolute; z-index: 102; overflow: hidden;
}

.expander3on{
	height: 115px; position: absolute; z-index: 102; overflow: hidden; margin: 10px 0 0 0;
}

.expander3block{
	width: 220px; height: 115px; background-color: #999999; margin: 0 0 0 452px; border-left: solid #ffffff 10px;
}

.expander4content{
	position: absolute;
	z-index: 200;
	display: none;
}

.expander4contenton{
	position: absolute;
	z-index: 200;
	margin: 125px 0 0 0;
	background-color: #e5e5e5;
	border: solid #e5e5e5 10px;
	background-image: url(../images/exander_banner_aboutus.jpg);
	width: 895px;
	height: 95px;
	display: block;
}

.expander4{
	position: absolute; z-index: 101; overflow: hidden;
}

.expander4on{
	height: 115px; position: absolute; z-index: 101; overflow: hidden; margin: 10px 0 0 0;
}

.expander4block{
	width: 220px; height: 115px; background-color: #333333; margin: 0 0 0 683px; border-left: solid #ffffff 10px;
}

		
/***** 4 column containers ****/

			.col1{
				float: left;
				width: 25%;

			}

			.col2{
				float: left;
				width: 25%;


			}

			.col3{
				float: left;
				width: 25%;

			}

			.col4{
				float: left;
				width: 25%;


			}


/************************************************** FOOTER *****/
.footer{
	border-top: solid #222d29 5px;
	background-color: #3c4945;
	height: 75px;
}

.footerleft{
	float: left;
	width: 650px;
	margin: 5px 0 0 20px;
}

.footerright{
	float: right;
	width: 250px;
	text-align: right;
	margin: 5px 20px 0 0;
}

.copyright{
	margin: 30px 0 0 0;
	text-align: center;
}

.footerfull{
	width: 800px;
	display: none;
}

/* Category menu */
.categoryitem{
	background-color: #666666;
	height: 25px;
	line-height: 25px;
	margin: 5px 0 0 0;
}

/* Layout styles for the product description page*/
.producttitle{
	margin: 0 10px 5px 10px;
}

.productprice{
	width: 150px;
	margin: 10px 0 20px 10px;
}

.addwishlist{
	float: left;
	width: 50%;
	border-right: solid #e5e5e5 1px;
	margin: 0 0 0 0px;
}

.chatoption{
	float: right;
	margin: 0 0px 0 0;
}

.productdescription{
	margin: 0 10px 15px 10px;
	min-height: 300px;
}

.productfeatures{
	margin: 0 10px 15px 10px;
	min-height: 300px;
	display: none;
}

.productoptions{
	margin: 0 0 5px 0;
}

.productoptionsline{
	background-color: #e5e5e5;
	margin: 0 5px 5px 5px;
}

.productoptionsleft{
	float: left;
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding: 2px;
	text-align: right;
	margin: 0 10px 0 0;
}

.productoptionsright{
	float: right;
	width: 200px;
	margin: 0 10px 0 0;
	padding: 2px;
}

.productoptionsrightqty{
	float: right;
	width: 50px;
	margin: 0 10px 0 0;
}

.zoomarea{
	background-color: #e5e5e5;
	height: 20px;
	margin: 0 0 0 0;
	width: 579px;
}	

.productlargeimage{
	text-align: center;
	width: 565px;
	margin: 0;
	overflow: hidden;
	border: solid #e5e5e5 7px;
}

.productlargeimagearea{
	position: absolute;
	z-index: 100;
	width: 270px; /* needs to be the same as above*/
	height: 270px; /* needs to be the same as above*/
}

.productotherimages{
	margin: 10px 0 0 0;
}

.productimagethumb{
	text-align: center;
	width: 184px;
	height: 184px;
	margin: 0 10px 10px 0;
	float: left;
	overflow: hidden;
}

.zoombutton{
	margin: 0 0 0 7px;
}

.zoombutton a{
	color: #0066cc;
}

.relatedproducts{
	margin: 20px 0 0 0;
}

.relatedproduct{
	text-align: center;
	width: 63px;
	height: 63px;
	margin: 0 10px 10px 0;
	float: left;
	overflow: hidden;
}

.relatedproductstitle{
	margin: 0 0 5px 0;
	color: #0066cc;
}

.productmanufacturer{
	display: none;
	margin: 20px 0 20px 0;
	width: 97%;
}

.withborder{
	border-top: solid #e5e5e5 1px;
	border-right: solid #e5e5e5 1px;
	border-bottom: solid #e5e5e5 7px;
	border-left: solid #e5e5e5 1px;
}

.manufacturerlogo{
	border-bottom: solid #e5e5e5 1px;
	margin: 0 0 10px 0;
}

.manufacturerlogoname{
	float: left;
	margin: 10px 0 6px 10px;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	color: #0066cc;
}

.manufacturerlogologo{
	float: right;
	margin: 10px 10px 6px 0;
}

.productreviewsummary{
	margin: 10px 10px 10px 10px;
}

.productreviews{
	display: none;
	margin: 0 0 15px 0;
	min-height: 300px;
}

.producttabs{
	margin: 0;
}

.producttab{
	float: left;
	border-top: solid #e5e5e5 1px;
	border-left: solid #e5e5e5 1px;
	border-bottom: solid #e5e5e5 1px;
	margin: 0;
	width: 99px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.producttab2{
	float: left;
	border-top: solid #e5e5e5 1px;
	border-left: solid #e5e5e5 1px;
	border-bottom: solid #e5e5e5 1px;
	margin: 0;
	width: 99px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.producttabon{
	float: left;
	border-top: solid #e5e5e5 1px;
	border-bottom: solid #ffffff 1px;
	margin: 0;
	width: 98px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #ffffff;
}

/* Layout for product listings */
.tableview{
	width: 100%;
}

.tableview th{
	text-align: left;
	background-color: #666666;
	color: #ffffff;
	padding: 5px;
	border-bottom: solid #333333 1px;
}

.tablerow{
	margin: 0 0 5px 0;
}

.tablerow td{
	padding: 5px;
}

.tablerowon{
	background-color: #ffffff;
}

.quickship{
	float: right;
	width: 350px;
	min-height: 50px;
	border: solid #000000 1px;
	margin: 0 10px 0 0;
	background-color: #ffffff;
}

.quickshiptitle{
	margin: 0 0 5px 0;
}

.shippingoption{
	margin: 0 0 5px 0;
}

.shippingoptiontitle{
	float: left;
	width: 241px;
	margin: 0 10px 0 0;
	text-align: right;
}

.shippingoptioncost{
	float: left;
}

.cartlisting{
	margin: 10px 10px 10px 0;
	min-height: 100px;
}

.cartcontrols{
	text-align: right;
	margin: 50px 10px 0 0;
}

.promocontrol{
	float: left;
}

.basiccontrols{
	float: right;
}

.cartempty{
	text-align: center;
	margin: 50px 0 0 0;
}

.cartlistingrow{
	height: 25px;
	line-height: 25px;
	margin: 5px 0 0 0;
}

.cartlistitem{
	float: left;
	min-width: 40px;
	margin: 0 10px 0 0;
}

.alternaterow{
	background-color: #666666;
}

.promowindow{
	position: absolute;
	z-index: 100;
	text-align: center;
	background-color: #ffffff;
	border: solid #e5e5e5 1px;
	width: 235px;
	height: 100px;
	margin: -130px 0 0 -515px;
}

.promoform{
	margin: 5px;
}

.formcaptcha{
	margin: 0 0 10px 0;
}

.captchaimage{
	float: left;
	width: 150px;
	height: 50px;
	border: solid #000000 1px;
	margin: 5px 10px 0 0;
}

.captcharesponse{
	float: left;
	width: 88px;
}

.wishlistfriends{
	margin: 30px 0 0 0;
}

.wishlistfriendstitle{
	margin: 0 0 5px 0;
}

.wishlistfriendsform{
	margin: 5px 0 0 0;
}

.wishlistlist{
	width: 400px;
}

/* style for the checkout process*/
.checkoutarea{}

.checkoutsteps{
	margin: 0 0 10px 0;
}

.checkoutstep{
	float: left;
}

.formfirsthalf{
	float: left;
	width: 390px;
	margin: 0 10px 0 0;
}

.formsecondhalf{
	float: left;
	width: 389px;
	margin: 0;
}

.checkoutcontinue{
	text-align: right;
}

.checkoutlogin{
	width: 600px;
	margin: 0 0 20px 0;
}

.foundcards{
	margin: 10px 0 20px 0;
}

.cardtypes{
	float: left;
	height: 35px;
	line-height: 35px;
}

.showcardtypes{
	float: left;
}

.reviewdetails{
	margin: 20px 0 0 0;
	border-top: solid #000000 1px;
}

.reviewshippingdetails{
	float: left;
	width: 380px;
	margin: 10px 10px 0 0;
}

.reviewbillingdetails{
	float: left;
	width: 390px;
	margin: 10px 0 0 0;
}

.finalcheckout{
	margin: 20px 0 0 0;
	text-align: right;
}


/* form layout stuff */
.formgroup{
	margin: 0 0 5px 0;
}

.formgrouplabel{
	float: left;
	width: 140px;
	text-align: right;
	margin: 0 10px 0 0;
	height: 25px;
	line-height: 25px;
}

.formgroupfield{
	float: left;
	width: 230px;
	height: 25px;
	line-height: 25px;
}


/****************************************** BUILD COMPLETE *****/
.buildcompleteleft{
	float: left;
}

.buildcompleteright{
	float: right;
	width: 270px;
}

.buildcompletedescription{
	height: 270px;
	border: solid #e5e5e5 5px;
	margin: 0 0 10px 0;
}

.buildcompletettocart{
	height: 150px;
}

.buildcompleterow{
	min-height: 100px;
	margin: 0 0 10px 0;
}

.buildcompletethumb{
	float: left;
	width: 125px;
	max-height: 125px;
	overflow: hidden;
	margin: 0 10px 0 0;
	text-align: center;
	border: solid #e5e5e5 5px;
}

.buildcompletetodo{
	float: left;
	height: 125px;
	line-height: 125px;
	width: 480px;
	text-align: center;
	border: solid #e5e5e5 5px;
}

.buildcompletehighlight{
	border: solid #ff9900 5px;
}