body {
font-size: 10px;
font-size-adjust: none;
background-color: #000;
background-image: url(/content/james-template-bg.jpg);
background-repeat: no-repeat;
font-family: tahoma, arial, sans-serif;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.marqTitle {
color: #FF0;
}
.marqTxt {
color: #FFF;
}
body,td,th {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
font-size: 12px;
}
.style3 {
color: #112167;
font-weight: bold;
}
.footertext {
text-decoration: none;
font-family: Tahoma, Arial;
font-size: 10px;
color: #333333;
}
.menuLinx {
font-size: 12px;
color: #000;
font-family: Tahoma, Geneva, sans-serif;
}
.clearthis {
margin : 0px;
height : 3px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
}
.bodyBorder {
border-right: thick solid #cfcfcf; 
border-bottom: thick solid #cfcfcf; 
border-left: thick solid #cfcfcf; 
}
a:link {
color: #666;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #666;
}
a:hover {
text-decoration: underline;
color: #FFF;
}
a:active {
text-decoration: none;
color: #666;
}
#topnav {
text-align:center;
font-size: 14px;
color: #000;
background-color:#999;
font-family: Tahoma, Geneva, sans-serif;
font-weight:bold;
}
/* Nav Bar Section */
#navlinks {
margin: 0;
padding: 0.25em 3em .25em 1em;
background: #7c7c7c;
color: #000;
}
#navlinks li {
padding: 0 0.75em; 0 0.75em;
border-right: 2px solid yellow;
font-weight: bold;
display: inline;
list-style: none;
}
#navlinks li.last {
border-right: 0;
}
#navlinks a {
color: #000;
}
#navlinks a:hover {
color: red;
}
#navlinks .searchbutton {
border-style:solid;
border-color:#fff;
border-width:1px;
background-color:#c5aec8;
color:#ffffff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
width:32px;
height:18px;
padding-bottom:2px;
padding-right: 10px;
}
.itemPageList {
padding: 3px;	
}
.btn {
border:1px #666 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: #666;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btn:visited {	
font-size:10px;
text-transform: uppercase;
color:#666;
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;	
}
div.product-summary-box {
width: 100%;
color: #000;
}
div.product-summary-box div {
float: left;
width: 220px;
height: 300px;
margin: 5px;
padding: 0;
border: 1px solid #cfcfcf;
background-color: #FFF;
}
div.product-summary-box div.detailsBox {
float: left;
width: 220px;
height: 160px;
margin: 0px;
padding: 0;
border: none;
}
div.product-summary-box img {
padding: 0 15px 0 20px; 
}
div.product-summary-box a {
color: teal;
padding: 5 20px 0 20px; 
}
div.product-summary-box p {
margin: 0;
padding: 0 10px 0 10px;
text-align: center;
}
div.product-summary-box div h2 {
margin: 0 ;
padding: .5em 1em .5em;
color: #686397;
background: #A0C63A;
font-size: 1em;
border: none;
}
div.product-summary-box div img {
float: none;
margin: 2em;
border: none;
}
div#product-summary-box div div {
margin: 1em;
border: none;
}
/* Item Detail Section */
#productCell {
margin: 0px;
padding: 0px;
}
#productCell .itemDescription {
padding: 5px 10px 3px 10px;
text-align: left;
}
#productCell .name {
font-size: 14px;
font-weight: bold;
}
#productCell .mainbody {
text-align: left;
margin: 0px;
padding-bottom: 5px;
}
#productCell .imagecell {
vertical-align: top;
padding-right: 10px;
padding-left: 10px;
/* width: 400px; */
text-align: center;
}
#productCell .availabilty {
padding-bottom: 3px;
padding-top: 3px;
border-top: solid;
border-top-width: 1px;
}
#productCell .sku {
border-top: solid;
border-top-width: 1px;
padding-top: 3px;
padding-bottom: 3px;
}
#productCell .price {
border-top: solid;
border-top-width: 1px;
border-bottom: solid;
border-bottom-width: 1px;
padding-top: 3px; padding-bottom: 3px;
}
#productCell .info {
margin-top: 5px;
padding-bottom: 5px;
border-top: 1px solid;
background-color: #eaeaea;
}
#productCell .addToCart {
text-align: center;
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-top: 10px;
padding-bottom: 0px;
}
#productCell .description {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
padding: 0 20px 10px;
text-align: left;
}
#productCell .suggest {
color: #333;
}
#productCell .suggesttab {
width: 700px;
margin-left: 20px;
}
.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: red;
}
/* NAV BAR */
#navbar td { 
text-align: center;
vertical-align: middle; 
/*letter-spacing: 2px; */
padding: 2px 0px 2px 0px;
border-right: 3px solid yellow;
}
#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;	
}
div#leftsidebar {
float: left;
width: 183px;
}
div#leftsidebar div {
float: left;
width: 100%;
margin: 0;
padding: 0 0 0 2px;
}
div#leftsidebar div div {
border: 0 none;
}
div#leftsidebar div div div {
padding: 0;
border: 0 none;
}
div#leftsidebar div h2 {
margin: 0 ;
padding: .5em 1em .5em;
background: #FFF;
color: teal;
font-size: 1em
}
div#leftsidebar div div ul li a {
color: #CC5500;
}
div#leftsidebar div div ul li a:hover {
color: red;
}
div#leftsidebar div div ul div li {
background-color: #7D868F;
color: #fff;
font-weight: bold;
padding: 2px 0 2px 10px;
margin: 5px 0px 5px 0px;
}
div#leftsidebar div ul {
margin: 0;
padding: 0;
list-style-type:none; 
display:block;
font-size: 1em;
}
div#leftsidebar div ul ul {
font-size: 1em;
}
div#leftsidebar div div ul ul{
margin: 0;
padding: 0 0 0 .5em;
list-style-type:none; 
display:block; 
background_color: yellow;
}
div#leftsidebar div div ul ul {
margin: 0;
padding: 0 0 0 .5em;
list-style-type:none; 
display:block; 
}
/* CATEGORY LISTING */
#catalog div { 
padding: 2px 0px 2px 5px;	
}
#catalog a {
color: #000;
text-decoration: none;
}
#catalog a:hover {
color: red;
}
#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;
}
/* Form Input */
input.formInputText {
color: #000;
background-color: #f1f1f1;
border: solid 1px #666;
}
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;
}
input.formInputButton {
text-align: center;
padding: 1px;
border: solid 1px #f66;
cursor: pointer;
}
input.formInputButton:hover {
background-image: url(bg_button_hover.png);
}
input.formInputButton:active {
background-image: url(bg_button.png);
}
input.formInputQty {
text-align: right;
padding: 2px;
margin-right: 5px;
}
input.formInputQty:hover {
color: #000;
cursor: pointer;
}
input.formInputQty:focus {
color: #000;
background-color: #feffbd;
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;
}
/* 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: 30px 0px 10px 30px;
width: 680px;
}
.myAccountTable {
margin: 10px 0px 10px 30px;
width: 680px;
}
.myAccountTable td {
padding: 3px 3px 7px 3px;
color: #000;
margin: 0px 0px 0px 0px;
}
.myAccountTable th {
background-color: #ededed;
color: #000;
padding: 2px 3px 2px 3px;
margin: 0px 0px 0px 0px;
border-style: solid;
border-color: #666;
border-width: 1px 1px 1px 1px;
}
.invoiceBorder {
color: #FFF;
border-bottom: thin solid #393939;
border-left: thin solid #393939;
border-right: thin solid #393939;
}
.invoiceBorderMiddle {
border-bottom: thin solid #393939;
border-right: thin solid #393939;
}
.invoicePageSep {
border-bottom:2px solid #393939;
margin: 3px 0px 10px 0px;
vertical-align:middle;
width:100%;
}
.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;}