/*********************************************************************
Filename:	ecommerce.css
Project:	Bassettbaby
Notes:		Overrides certain styles from screen.css
Purpose:	Ecommerce CSS File
Date		Developer	Description
02/25/2008	jmk			Version 1.0
*********************************************************************/

/************ BEGIN:  TIER 2 CONTENT ************/
#content{width:760px; margin:0 0px 0 0; padding:0;}
/************ END:  TIER 2 CONTENT ************/

/************ BEGIN:  FORMS ************/
form{padding:0; margin:0; display:inline;}
.required{color:#CC6600; font-weight:bold; font-size:10px;}
.response{font-weight:bold; color:#C47031;}
.instructions{font-weight:bold; color:#666666; font-size:10px;}
.error{width:730px; text-align:center; margin:6px 0px 6px 0px; padding:3px; font-weight:bold; color:#990B08; clear:both;}
#content table.formTable td{vertical-align:top; padding:0 5px 15px 5px;}
#content table.formTable td.formHeading{vertical-align:top; padding:15px 5px 5px 5px;}
#content .label{text-align:right;}
#content .labelL{text-align:left;}
#content input.field{height:14px; font-size:10px; background:#ffffff; border: 1px solid #cccccc;}
#content input.radio{ margin-left:0; margin-right:0; margin-top:0; padding:0; vertical-align:middle;}
html > body #content input.radio{vertical-align:bottom;}
#content textarea{font-size:12px; background:#ffffff; border: 1px solid #cccccc;}
#content textarea.field{font-size:12px; background:#ffffff; border: 1px solid #cccccc;}
#content input.check_box{vertical-align:middle; margin-top:-3px;}
html > body #content input.check_box{margin-top:-1px;}
#content select{height:14px; font-size:9px; background:#ffffff; border:1px solid #cccccc;}
html > body #content select{height:17px;}
#content .example{font-size:9px;}
.formButton{margin:0 10px 0 10px;}
/* form container */
.formContainer{clear:both; width:558px; margin-bottom:15px;}
html > body .formContainer{padding-right:1px;}
.formContainer .title{height:21px; margin-bottom:10px; padding-left:16px; font-size:10px;}
.formContainer table{width:100%; text-align:left;}
.formContainer table td{padding:3px;}
#catalogHeader{text-align:center; width:500px;}
#catalogHeader .error{width:500px; margin-bottom:0px;}
/************ END:  FORMS ************/

/**** BEGIN: ECOMMERCE MODEL CSS ****/
#detailCol{padding-left:10px;}
#detailHeaderBorder{}
#detailBorder{}
#relatedCol{width:130px;}

.clear{clear:both; font-size:2pt;}
.floatLeft{float:left;}
.floatRight{float:right;}
.title{font-size:10.5pt; color:#333333; font-weight:bold; white-space:none; padding:8px 0px;}
.filter{color:#336699;}
.heading{font-weight:bold; color:#336699; padding:5px 2px 10px 2px;}
.indent{padding-left:10px; display:block;}
.indentRight{padding-right:10px; display:block;}
.standardHR{background:#888888;	color:#888888; border:0px; height:1px; padding-bottom:0; margin-bottom:2px;}
h4{padding:0; margin:0; display:inline; font-size:12pt;}
.topArrow a{text-decoration:none; font-size:9pt; color:#993333; font-weight:bold;}

.tableHeader{}
.tableText1{background:#eeeeee; color:#000000;}
.tableField1{background:#eeeeee; color:#000000;font-family:"courier new", monospace, courier;}
.tableText2{background:#dddddd; color:#000000;}
.tableField2{background:#dddddd; color:#000000;font-family:"courier new", monospace, courier;}
.tableText3{background:#cccccc; color:#000000;}
.tableBorder{border:1px solid #98B9DC;}

/**** LISTING:  used for product listing tables ****/
.listing{}
.listing .top{height:1px; background:#FFFFFF url("/images/store/listingBorder_bg.gif") repeat-x 0 0;}
.listing .bottom{height:1px; margin-top:-1px; background:#FFFFFF url("/images/store/listingBorder_bg.gif") repeat-x 0 100%;}
.listing .main{border-left:1px solid #CADAEA; background:url("/images/store/listingBorder_bg.gif") repeat-y 100% 0;}
.listing .main table td{width:33%; padding:35px 45px 15px 45px; text-align:center; border-right:1px solid #CADAEA; border-bottom:1px solid #CADAEA;}
.listing .main table td img{margin-bottom:3px;}
.listing .main table td a{font-size:11px; font-weight:bold; color:#666666; text-transform:capitalize;}
.listing .main table td a:hover{text-decoration:none; color:#C47031;}

/**** breadcrub ****/
#breadcrumbTrans{position:relative; top:-30px; left:0px; width:710px; padding:3px 0 0 10px; color:#5A84B0;}

/* begin: landing pages */
#landing{position:relative; top:-20px;}
#landing .impact{}
#landing .tNailDesc{font-size:8pt; color:#5A84B0; text-align:center; margin: 5px 0px 5px 0px;}
/* end: landing pages */

/* begin:  listing pages*/
#listing{width: 760px; text-align:right;}
#listing .sort{float:left; font-size:11px; color:#A06C5F;}
#listing .sort a{color:#A06C5F !important; text-decoration:none;}
#listing .sort a:hover{color:#F8B9A9 !important; text-decoration:none;}
#listing .sort a.selected{font-weight:bold; text-decoration:none;}
#listing .sortArrow{width:50px; height:50px;}
#listing .brandIcon{position:absolute; margin:-30px 0 0 18px;}
#listing #pagingNav{float:right; font-size:11px; color:#A06C5F;}
#listing #pagingNav a{color:#A06C5F; text-decoration:none;}
#listing #pagingNav a:hover{color:#F8B9A9; text-decoration:none;}
#listing #pagingNav a.selected{font-weight:bold; text-decoration:none;}
#listing .productTable{border: 1px solid #CADAEA; height: 157px; margin:0;}
#listing .listingNotFound{clear:both; width:100%; padding-top:20px; text-align:center; font-weight:bold;}
.tNailType{font-size:8pt; color:#ee0000; font-weight:bold; text-align:left;}
.tNailProduct{width:62%; text-align:left; font-size:8pt;}
.tNailDetail{float:right; text-align:right; width:38%;}
.tNailDetail a{font-size:8pt; color:#006699;}
.tNailDesc{font-size:8pt; color:#5A84B0; text-align:center; margin: 5px 0px 5px 0px;}	
.tNailDesc{text-decoration:none;}	
.tNailPrice{font-size:8pt; text-align:right;}
.tNailPriceS{font-size:8pt; text-align:right; color:#ee0000;}
#listing .tNailNotAvailable{width:100%; display:block; text-align:center; background:#E1EBF5; border:1px solid #8c8c8c; cursor:hand;}
#listing .tNailNotAvailable p{margin-top:10px; font-size:1.1em; font-weight:bold; color:#98B9DC; text-decoration:none;}
#listing .detailNotAvailable{text-align: center; height:100px; display:block; text-align:center; background:#EEEEEE; border:1px solid #666666;}
#listing .detailNotAvailable p{margin-top:10px; font-size:1.3em; font-weight:bold; color:#336699;}
/* end:  listing pages */

/* begin: detail pages */
#pagingNav{font-size:11px; letter-spacing: -0.1em; color:#A06C5F; padding-bottom:10px; width:211px;}
#pagingNav a, #pagingNav a:hover, #pagingNav a:visited, #pagingNav a:active{color:#A06C5F; text-decoration:none;}
#detailLeft{float: left; width:280px;}
.productBG{width:250px; height:280px; padding:20px 0px 5px 0px; float:left; margin:0px 5px 20px 0px; border: 1px solid #98B9DC; text-align:center;}
.altViews{width:250px;}
.altViews div.altViewsTitle{font-size:12px;}
.altViews img{margin:11px 11px 0px 0px; padding:4px; border:1px solid #FFFFFF;}
.altViews img:hover{padding:4px; border:1px solid #98B9DC;}
/* other finishes */
.otherFinishes{width:250px;}
.otherFinishesTitle{font-size:12px;}
.otherFinishesImg{float:left; margin:11px 11px 0 0; text-align:center;}
.otherFinishesImg img{margin-bottom:3px; padding:4px; border:2px solid #FFFFFF;}
.otherFinishesImg img:hover{padding:4px; border:2px solid #98B9DC;}
#detailMid{float: left; width:250px;}
#detailMid p{line-height:1.2em;}
#detailMid hr{border-top: 1px solid #98B9DC; border-bottom:0px; border-left: 0px; border-right: 0px;}
.productName{font-size:14px; color: #5A84B0; font-weight:bold;}
#prodName{margin-bottom:10px;}
#firstChoice{text-align:center; margin: 20px 0px 20px 0px;}
#productDetails{color:#5A84B0; font-size:10px; padding:0px 0px 10px 30px;}
#productDetails p{line-height:14px; margin:0; font-size:10px;}
#detailMid #retailers{text-align:center;}
#detailMid #retailers div.retailersTitle{text-align:left;}
#detailMid #retailers img{margin: 10px 10px 0px 10px;}
#detailRight{float: right; width:182px;}
.coordinatingItem{width:182px; text-align:center; margin: 7px 0px 0px 0px;}
.coordinatingTitle{background: transparent url('../images/store/coordinatingTitle.gif') top left no-repeat; color:#5A84B0; font-size:10px; font-weight: bold;}
#content #detailRight .coordinatingTitle a{color: #5A84B0; font-size: 10px; font-weight: bold; text-decoration:none;}
#content #detailRight .coordinatingTitle a:hover{color: #999999; text-decoration:none;}
.coordinatingImage{width:182px; background: transparent url('../images/store/coordinatingbg.gif') top left repeat-y; height: 100px; padding: 10px 0px 10px 0px;}
.coordinatingEnd{width:182px; height:15px; background: transparent url('../images/store/coordinatingend.gif') top left no-repeat;}
.tNailNotAvailable{width:100%; display:block; text-align:center; background:#EEEEEE; border:1px solid #666666; cursor:hand;}
.tNailNotAvailable p{margin-top:10px; font-size:1.1em; font-weight:bold; color:#336699;}
.detailNotAvailable{text-align: center; display:block; text-align:center; background:#EEEEEE; border:1px solid #666666; margin: 0px 0px 0px 57px;}
.detailNotAvailable p{margin-top:10px; font-size:1.3em; font-weight:bold; color:#336699;}
/* end: detail pages */

.margin{margin:5px;}
.detailType{font-size:9pt; background:#336699; font-weight:bold; font-style:italic; width:80px; color:#ffffff; text-align:center; margin:10px; border:1px solid #000000;}
.msrp{}
.price{}
.ourPrice{color:#000000;}
.salePrice{color:#ee0000;}
.optionName{color:#000000; font-weight:bold;}
.optionBlock{float:left; padding:3px; text-align:center;}
.optionText{text-align:center; clear:right;}
.optionSpacer{float:left; width:20px; font-size:8pt;}
.instructions{font-weight:bold; color:#000000;}
.productBG{}
.checkoutNav{text-align:right; font-size:8.5pt; margin:5px;}
.checkoutNavOn{font-weight:bold;}

/**** END:  ECOMMERCE MODEL CSS ****/