
body {
    font-size: 10px;
    font-size-adjust: none;
    background-color: white;
    color: #85859C;
    font-family: tahoma, arial, sans-serif;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
} 

.clearthis {
    margin : 0px;
    height : 3px;
    clear : both;
    float : none;
    font-size : 1px;
    line-height : 0px;
    overflow : hidden;
}

div {
    font-size: 12px;
}

a {
    font-size: 12px;
    color: #820721;
    text-decoration: none;
}

.btn {
    border:1px #D2D0E9 solid;
    padding-right: 8px;
    padding-left: 8px;	
    padding-bottom: 1px;
    padding-top: 1px; 
    clear:both;
    height:100%;
}
.btn:link {
    font-size:10px;
    text-transform: uppercase;
    color: #820721;
    text-decoration: none;
    vertical-align:middle;
    font-weight:800;
}

.btn:visited {	
    font-size:10px;
    text-transform: uppercase;
    color:#820721;
    text-decoration: none;
    vertical-align:middle;
    font-weight:800;
}

.btn:hover {	
    font-size:10px;
    text-transform: uppercase;
    color:#333333;
    border:1px #333333 solid;
    text-decoration: none;
    vertical-align:middle;
    font-weight:800;
}

.bread {
    padding-right: 8px;
    padding-left: 8px;	
    padding-bottom: 1px;
    padding-top: 1px; 
    clear:both;
    height:100%;
}

.bread:link {
    font-size:10px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    vertical-align:middle;
    font-weight:800;
}

.bread:visited {	
    font-size:10px;
    text-transform: uppercase;
    color:#000;
    text-decoration: none;
    vertical-align:middle;
    font-weight:800;
}

.bread:hover {	
    font-size:10px;
    text-transform: uppercase;
    color:#820721;
    text-decoration: none;
    vertical-align:middle;
    font-weight:800;
}

.breadoff {
    padding-right: 8px;
    padding-left: 8px;	
    padding-bottom: 1px;
    padding-top: 1px; 
    clear:both;
    height:100%;
}

.breadoff:link {
    font-size:10px;
    text-transform: uppercase;
    color: #d3d3d3;
    text-decoration: none;
    vertical-align:middle;
    font-weight:400;
}

.breadoff:visited {	
    font-size:10px;
    text-transform: uppercase;
    color:#d3d3d3;
    text-decoration: none;
    vertical-align:middle;
    font-weight:400;
}

.breadoff:hover {	
    font-size:10px;
    text-transform: uppercase;
    color:#820721;
    text-decoration: none;
    vertical-align:middle;
    font-weight:400;
}

td {
    font-size: 12px;	
}

th {
    font-size: 12px;	
}


a:hover {
    text-decoration: underline;
}


.dataTable {
    border-style: solid;
    border-color: #9e9ec3;
    border-width: 1px 1px 1px 1px;
}

.dataTable td {
    padding: 3px 3px 3px 3px;
    margin:  0px 0px 0px 0px;
    border-style: solid;
    border-color: #9e9ec3;
    border-width: 1px 1px 1px 1px;
}

.dataTable th {
    
    padding: 2px 3px 2px 3px;
    margin:  0px 0px 0px 0px;
    border-style: solid;
    border-color: #9e9ec3;
    border-width: 1px 1px 1px 1px;
}

.tableData {
    color: #000;
}

.tableDataRight {
    color: #000;
    text-align: right;
}

.tableDataCenter {
    color: #000;
    text-align: center;
    vertical-align: middle;
}

#mainbody {
    padding: 10px 0px 0px 10px; 	
}

#headerleft {
    height: 113;
    width: 475;
}

#headerright {
    height: 113;
    width: 475;
}

#footer {  
}


/* TOP TOOL BAR */

#toptoolbar {
    width: 475;
    text-align: right;
}

#toptoolbar td {
    text-align: center;
    padding: 0px 5px 0px 5px; 
    border-right: 1px solid #666; 
}

#toptoolbar td.last {
    border-style: none; 
}

#toptoolbar td.static {
    color: #666;
    border-left: 1px solid #666; 
    border-right: none;
    font-size: 10px;
}

#toptoolbar a {
    font-size: 10px;
    text-decoration: none;
    color: #666;
}

#toptoolbar a:hover {
    color: #e1e1e1;
}

/* NAV BAR */

#navbar td { 
    text-align: center;
    vertical-align: middle; 
    /*letter-spacing: 2px; */
    padding: 2px 0px 2px 0px;
    border-right: 1px solid #fff;
}

#navbar td.last {
    border-style: none; 
}
#navbar a {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

#navbar a:hover {
    color: #e1e1e1;
}

/* LEFT BOX */

.leftbox {
    border-style: solid;
    border-color: #9e9ec3;
    border-width: 1px 1px 1px 0px;
}

.boxheader {
    padding: 2px 0px 2px 5px;
    background-color: #9e9ec3;	
    color: #fff;
}

.boxcontentso {
    padding: 2px 0px 2px 5px;	
    background-color: #9694c3;	
}


.boxcontent {
    padding: 2px 0px 2px 5px;	
}


/* CATEGORY LISTING */

#catalog div { 
    padding: 2px 0px 2px 5px;	
}

#catalog a {
    color: #7575a9;
    text-decoration: none;
}

#catalog a:hover {
    color: #56567c;
}
#catalog a.categorytrue {
    color: #56567c;
}

#catalog div.category0 {
    padding-left: 5px;	
}


#catalog div.category1 {
    padding-left: 12px;	
}


#catalog div.category2 {
    padding-left: 19px;	
}

#catalog div.category3 {
    padding-left: 26px;	
}


/*
#specialoffer {
overflow: hidden;
background: url('/website/content/specialoffer_background.jpg') no-repeat 0px 0px;
color: #fff;
font-size: 11px;
}

#specialoffer_text {
width: 129px;
height: 60px;
}

#specialoffer_text h2 {
margin-top: 8px;
margin-left: 10px;
width: 113px;
height: 38px;
background: url('/website/content/specialoffer_header.gif') no-repeat 0px 0px;
}

#specialoffer_link {
margin-left: 12px;
}
*/


.categorylist {
    border-style: solid;
    border-color: #9e9ec3;
    border-width: 0px 0px 1px 0px;
}

#logo {
    padding: 0px 0px 0px 10px;
    background-repeat: no-repeat;
    vertical-align: middle;
}                                   

#productdesc {
    padding-left: 20px;
}
/* Form styles */

fieldset  {
    font: 0.8em "Helvetica Neue", helvetica, arial, sans-serif;
    color: #666;
    background-color: #efefef;
    padding: 2px;
    border: solid 1px #d3d3d3;
    width: 350px;
}

legend  {
    color: #666;
    font-weight: bold;
    font-variant: small-caps;
    background-color: #d3d3d3;
    padding: 2px 6px;
    margin-bottom: 8px;
}

label   {
    font-weight: bold;
    line-height: normal;
    text-align: right;
    margin-right: 10px;
    position: relative;
    display: block;
    float: left;
    width: 125px;
}

label.fieldLabel	{
    display: inline;
    float: none;
}

input.formInputText   {
    font-size: 12px;
    color: #000;
    background-color: #f1f1f1;
    padding: 2px;
    border: solid 1px #666;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 20px;
}

input.formInputText:hover {
    background-color: #ddd;
    border: solid 1px #666;
    color: #000;
    cursor: pointer;
}

input.formInputText:focus {
    color: #000;
    background-color: #feffbd;
    border: solid 1px #666;
    cursor: text;
}

select.formSelect  {
    font-size: 10px;
    color: #000;
    background-color: #f1f1f1;
    padding: 2px;
    border: solid 1px #666;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

select.formSelect:hover  {
    color: #333;
    background-color: #ddd;
    border: solid 1px #666;
}

select.formSelect:focus  {
    color: #000;
    background-color: #feffdb;
    border: solid 1px #666;
}

input.formInputButton   {
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: bolder;
    text-align: center;
    color: #300;
    background: #f99 url(bg_button.png) repeat-x;
    padding: 1px;
    border: solid 1px #f66;
    cursor: pointer;
    float: right;
}

input.formInputButton:hover   {
    background-image: url(bg_button_hover.png);
}

input.formInputButton:active   {
    background-image: url(bg_button.png);
}

input.formInputQty   {
    font-size: 12px;
    text-align: right;
    color: #000;
    background-color: #f1f1f1;
    padding: 2px;
    border: solid 1px #666;
    margin-right: 5px;
    height: 20px;
}

input.formInputQty:hover {
    background-color: #ddd;
    border: solid 1px #666;
    color: #000;
    cursor: pointer;
}

input.formInputQty:focus {
    color: #000;
    background-color: #feffbd;
    border: solid 1px #666;
    cursor: text;
}

/* LOGIN */

#loginmain {
    font-weight: 200;
    margin: 15px 200px 10px 20px;
    width: 100%;
}

#logintable {
    font-weight: 200;
    margin: 10px 0px 10px;
    width: 80%;
}

.padding {
    padding-right: 8px;
}

.required {
    color: #ff0000;
}

.oddrow {
    background: #fff;
}

.evenrow {
    background: #e5e5e5;
}


.product_info {
    padding-left: 3px;
}

.product_price {
    text-align: right;
}

.product_attrib {
    text-align: center;	
}

.group_header {
    color: #fff;
    font-weight: bold;
    background-color: #9e9ec3;
    padding: .5em 0 .5em .5em;
}

.group_description {
    color: #fff;
    padding: 5px 0px 5px 5px;
    font-size: 16px;
    font-weight: bold;
    background-color: #9e9ec3;
}

.myaccount {
    font-size: 12px;
}

td.myaccount {
    padding: 10px 0px 10px 0px;
}

#passresettitle {
    padding: 0;
    margin: 0;
}

#passresetbody {
    padding: 0;
    margin: 0;
}

.center {
    text-align: center;
}
/* MY ACCOUNT SECTION */
#myAccountTable {
	margin: 0px 0px 10px 30px;
	width: 700px;
}
.myAccountTable {
	margin: 10px 0px 10px 30px;
	width: 700px;
}
.myAccountTable td {
	padding: 3px 3px 7px 3px;
	margin:  0px 0px 0px 0px;/*border-style: solid;
    border-color: #9e9ec3;
    border-width: 1px 1px 1px 1px;*/
}
.myAccountTable th {
	background-color: #ededed;
	padding: 2px 3px 2px 3px;
	margin:  0px 0px 0px 0px;
	border-style: solid;
	border-color: #666;
	border-width: 1px 1px 1px 1px;
}

.bodycopy, .marketingTable p, .marketingTable li {
	color:#000;
	font-family:Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}

/*--shop window header--*/
#bcaShopWindowHeader,#bcaShopWindowFooter{position:relative;background:#fff;height:32px;padding:5px 0 1px 0;margin:1px 0 0 0;clear:both;}
#bcaShopWindowHeader div,#bcaShopWindowFooter div{font-size:1.2em;}
#bcaShopWindowHeader dd.title{float:left;height:20px;}
#bcaShopWindowHeader dd.title h1{float:left;font-weight:bold;font-size:1.2em;margin:0;padding:0;line-height:2em;}
#bcaShopWindowHeader dd.dealsNav, #bcaShopWindowFooter dd.dealsNav{float:right;padding-top:3px;height:20px;}
#bcaShopWindowHeader span.indexRss{float:right;position: relative; bottom: 12px; right: 5px;}

#bcaShopWindowFooter{border-top:5px solid white;margin-bottom:2px;padding-top:0;}
.index{border-bottom:1px solid #dadada;height:25px !important;font-size:1.2em;}
#navDeals img{margin-top:3px;}
#bcaShopWindowFooter dd.dealsNav{padding-top:5px;}
.toLeft{float:left;margin:0 4px;padding:2px 0;}
.indexRss{float:right;margin:3px 5px 0 0;}


/*--product cell--*/
/*===================================
attention:
we used em for product cell height;
algorithm:	[x]em = [x]*10px+10px;
5em = 5*10px+10px = 60px;
10em = 10*10px+10px = 110px;
====================================*/
#bodyCenterArea .crb{border-right:1px solid #dadada;}

#bcaProductCell {position:relative;float:left;clear:both;background:#fff;padding-bottom:10px;}
#bcaProductCell dd,#bcaFeatureItem dd{padding:1px 10px;}
#bcaProductCell table{width:100%;clear:both;}
#bcaProductCell table .cell{float:none;}

#bcaProductCell .cell{text-align:center;width:245px;height:30em;position:relative;margin:2;padding:10px 0px 0px 1px;float:left;border:1px solid LightGrey;}
#bcaProductCell .header{position:relative;height:15sem;}
#bcaProductCell .body{position:relative;height:5em;background:#fff;}
#bcaProductCell .footer{position:relative;height:5em;}

#bcaProductCell .image{text-align:center; margin-top:0px; margin-bottom:20px; padding:0px;}
#bcaProductCell .brand{position:absolute;top:5px;left:125px;width:100px;}
#bcaProductCell .icons{position:absolute;top:70px;left:125px;}
#bcaProductCell .promotionText{left:0;font-weight:normal;text-align:left;}
#bcaProductCell .description{position:absolute;left:0;top:3.3em;width:228px;background:#fff;text-align:left;}
#bcaProductCell .description .title h3{font-weight:normal;margin:0;padding:0;}
#bcaProductCell .description .bullet ul,#bcaProductCell .description .bullet li{margin:0 0 0 15px;padding:0;}
#bcaProductCell .price {
    position:absolute;
    left:10;
    bottom:1px;
    text-align:left;
    margin:2px 0;
    font-size: 14px;
    font-weight: bold;
    padding:0px 0px 5px 0px;
    border-bottom:1px solid #dadada;
    width:228px;
}
#bcaProductCell .price .savings{color:#000;}

/*--tabstore product cell--*/
#tabStoreProductCell {width:100%;position:relative;float:left;clear:both;background:#fff;text-align:center;}
#tabStoreProductCell dd,#bcaFeatureItem dd{padding:1px 0;}
#tabStoreProductCell table{width:100%;clear:both;}
#tabStoreProductCell table .cell{float:none;}

#tabStoreProductCell .crb{border-right:1px solid #dadada;}
#tabStoreProductCell .cell{width:228px;height:42em;position:relative;margin:0;padding:10px 1px 0 1px;float:left;}
#tabStoreProductCell .header{position:relative;height:13.2em;}
#tabStoreProductCell .body{position:relative;height:13em;background:#fff;}
#tabStoreProductCell .footer{position:relative;height:15.3em;}

#tabStoreProductCell .brand{height:30px;}
#tabStoreProductCell .description{width:228px;left:0;background:#fff;}
#tabStoreProductCell .description .title h3{font-weight:normal;}
#tabStoreProductCell .price{position:absolute;bottom:1px;width:228px;left:0;margin:2px 0;padding-bottom:5px;border-bottom:1px solid #dadada;}
#tabStoreProductCell .price dd{position:relative;height:1%;text-align:left;padding:0;line-height:1.2em;margin:0 5px;}
#tabStoreProductCell .price dd span{position:absolute;bottom:0;right:0;text-align:right;}
#tabStoreProductCell .price .savings{color:#016B04;}
#tabStoreProductCell .price .final{color:#000;border:1px solid #e3e3e3;border-width:1px 0;margin:4px 5px;padding:4px 0;}
#tabStoreProductCell .price .final h3{font-size:1.4em;}
#tabStoreProductCell .price .rebate{color:#6a6a6a;line-height:1.4em;height:1.7em}
#tabStoreProductCell .price .shipping{color:#6a6a6a;}
#tabStoreProductCell .promotionText{font-weight:normal;margin-top:5px;}

#tabStoreProductCell .price .mapping{margin-bottom:4px;padding:0;text-align:center;}
#tabStoreProductCell .price .mapping a{background:#fff;border-right:0;font-size:0.9em;line-height:1.6em;}
#tabStoreProductCell .price .mapping a:hover{background:#fff;border-right:0;}

#tabStoreProductCell .price .lowestPrice{margin-bottom:4px;white-space:nowrap;font-weight:bold;font-size:1.2em;text-align:center;}
#tabStoreProductCell .price .lowestPrice h3{font-size:1.4em;border:none;}
#tabStoreProductCell .price .lowestPrice h3 a{font-size:0.8em;}
#tabStoreProductCell .price .lowestPrice a{background:#CFC090;padding:2px 4px;color: #4A3B0C;border:none;}
#tabStoreProductCell .price .lowestPrice a:hover{background:#CFC090;color: #4A3B0C;border:none;}

#tabStoreProductCell .price .seeMore{padding:10px 0;text-align:center;}

/*--category cell--*/

#categoryCell {
    background: #fff;
    clear: both;
    float: left;
    padding-bottom: 10px;
    position: relative;
}
#categoryCell dd,#bcaFeatureItem dd {
    padding: 1px 10px;
}
#categoryCell table {
    clear: both;
    width: 100%;
}
#categoryCell table .cell {
    float: none;
}
#categoryCell .cell {
    float: left;
    text-align: center;
    height: 13em;
    margin: 2;
    padding: 10px 0px 0px 1px;
    position: relative;
    width: 245px;
}
#categoryCell .header {
    height: 15sem;
    position: relative;
}
#categoryCell .body {
    background: #fff;
    height: 5em;
    position: relative;
}
#categoryCell .footer {
    height: 5em;
    position: relative;
}
#categoryCell .image {
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
}
#categoryCell .description {
    background: #fff;
    left: 0;
    position: absolute;
    text-align: left;
    top: 3.3em;
    width: 228px;
}
#categoryCell .description .title h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#categoryCell .description .bullet ul,#categoryCell .description .bullet li {
    margin: 0 0 0 15px;
    padding: 0;
}

.bgcol {
    background-color: yellow;
}

.bgcol1 {
    background-color: yellow;
}

.bgcol2 {
    background-color: yellow;
}

.bgcol3 {
    background-color: yellow;
}

.bgcol4 {
    background-color: yellow;
}

.nocol {
    
}

.bgcol {
    background-color: red;
}

/* Ship To Area */

#shipToArea .crb{border-right:1px solid #dadada;}

#shipToCell {position:relative;float:left;clear:both;background:#fff;padding-bottom:10px;}
#shipToCell dd{padding:1px 10px;}
#shipToCell table{width:100%;clear:both;}
#shipToCell table .cell{float:none;}

#shipToCell .cell{width:245px;height:11em;position:relative;margin:2;padding:10px 0px 0px 1px;float:left;border:1px solid LightGrey;}
#shipToCell .header{position:relative;height:15sem;}
#shipToCell .body{position:relative;height:5em;background:#fff;}
#shipToCell .footer{position:relative;height:5em;}

#shipToCell .icons{position:absolute;top:70px;left:125px;}
#shipToCell .description{position:absolute;left:0;top:3.3em;width:228px;background:#fff;text-align:left;}
#shipToCell .description .title h3{font-weight:normal;margin:0;padding:0;}
#shipToCell .description .bullet ul,#bcaProductCell .description .bullet li{margin:0 0 0 15px;padding:0;}

