/* ------------- "generic" styles */
body {
font-size: 12px;
background-color: #F7F2E8;
background-image: url("/template5/images/gradient-tan.gif");
background-repeat: repeat-x;
color: black;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}
a {
text-decoration: none;
}
a img {
border: 0 none;
}
.clearfloat {
clear:left;
/*height:0;*/
font-size: 1px;
line-height: 0px;
}
#leftsidebar ul.topList {
list-style: none;
margin: 0;
padding: 0;
}
#leftsidebar ul.nestedList {
list-style: none;
margin: 0;
padding: 8px 0px 5px 0px;
}
#leftsidebar li.listItemDepth0 a {
background: transparent url(/template5/images/leftsidebar-top-img.gif) no-repeat scroll left top;
padding: 2px 2px 2px 10px;
margin-right: 10px;
display: block;
color: #fff;
text-decoration: none;
font-weight: bold;
width: 100%;
}
#leftsidebar li.listItemDepth0 a:hover {
color: #f79b4a;
}
#leftsidebar li.listItemDepth1 {
background: transparent;
display: block;
padding: 0px 1px 0px 0px;
margin-right: 0px;
font-weight: normal;
color: #996633;
text-decoration: none;
width: 100%;
}
#leftsidebar li.listItemDepth1 a {
background: transparent;
padding: 0px 0px 0px 5px;
display: block;
color: #996633;
text-decoration: none;
font-weight: normal;
width: 100%;
}
#leftsidebar li.listItemDepth1 a:hover {
color: #f79b4a;
}
div#topmenu {
text-align:
right; padding: 4px 10px 0px 0px;
}
#topmenu ul {
margin: 0;
padding: 0;
display: inline;
}
#topmenu ul li {
font-weight: bolder;
border-left: 1px solid #fae9b5;
padding-left: 8px;
padding-right: 5px;
list-style: none;
display: inline;
}
#topmenu ul li.first {
border-left: none;
}
#topmenu ul li a {
text-decoration: none;
color: #fae9b5;
}
#topmenu ul li a:hover {
color: #f79b4a;
}
#showcart {
background-color:#EBDFC7;
float:right;
height:22px;
text-align:right;
vertical-align: middle;
width:180px;
}
div#navbar {
margin: 0;
}
#navlinks {
margin: 0;
padding: 0.25em 3em .25em 1em;
background: #999;
background-repeat: repeat-x;
background-image: url("/template5/images/top_nav_bg_brown.gif");
}
#navlinks li {
padding: 0 0.75em 0 0.75em;
border-right: 1px solid #fae9b5;
font-weight: bold;
display: inline;
list-style: none;
color: #fae9b5;
}
#navlinks li.first {
border-left: none;
}
#navlinks a {
text-decoration: none;
color: #fae9b5;
}
#navlinks a:hover {
color: #f79b4a;
}
a.navbarDark {
font-weight: bold;
text-decoration: none;
color: #333333;
}
#footerlinks {
margin: 0;
padding: 0;
display: inline;
}
#footerlinks li {
font-weight: bolder;
border-left: 1px solid #996633;
padding-left: 8px;
padding-right: 5px;
list-style: none;
display: inline;
}
#footerlinks li.first {
border-left: none;
}
#footerlinks li a {
text-decoration: none;
color: #996633;
}
#footerlinks li a:hover {
color: #f79b4a;
}
#mainbody {
padding-top: 10px;
}
/*------- breadcrumbs--------*/
.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;
}
/* 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);
}
.btngr {
/*border:1px #D2D0E9 solid;*/
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
padding-top: 2px;
clear:both;
height:100%;
background-color: #7D868F;
background-image: url("/template5/images/btnBkgndGreen.gif");
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
.btngr:link {
font-size:10px;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btngr:visited {
font-size:10px;
text-transform: uppercase;
color:#FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btngr:hover {
font-size:10px;
text-transform: uppercase;
color:#fabb63;
/*border:1px #fabb63 solid;*/
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnsm {
/*border:1px #D2D0E9 solid;*/
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
padding-top: 2px;
clear:both;
height:100%;
background-color: #7D868F;
background-image: url("/template5/images/btnBkgndBrown.gif");
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
.btnsm:link {
font-size:10px;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnsm:visited {
font-size:10px;
text-transform: uppercase;
color:#FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnsm:hover {
font-size:10px;
text-transform: uppercase;
color:#fabb63;
/*border:1px #fabb63 solid;*/
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
div.product-summary-box {
width: 100%;
}
div.product-summary-box div {
float: left;
width: 210px;
height: 235px;
margin: 5px;
padding: 0;
border: 1px solid #cfcfcf;
}
div.product-summary-box div.detailsBox {
float: left;
width: 220px;
height: 160px;
margin: -5px;
padding: 0;
border: none;
}
div.product-summary-box img {
padding: 0 15px 0 20px;
}
div.product-summary-box a {
color: #996633;
}
div.product-summary-box a:visited {
color: #89b65c;
}
div.product-summary-box a:hover {
color: #f79b4a;
}
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 0 0 0;
border: none;
}
div#product-summary-box div div {
margin: 1em;
border: none;
}
#prevnext {
text-align: right;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
#prevnextend {
text-align: right;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
/*Shadow for images*/
.img-shadow {
float:left;
background: url('/template4/images/shadowAlpha.png') no-repeat bottom right !important;
background: url('/template4/images/shadow.gif') no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}
.tableData {
color: #000;
}
.tableDataRight {
color: #000;
text-align: right;
}
.tableDataCenter {
color: #000;
text-align: center;
vertical-align: middle;
}
.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;
}
.oddrow {
background: #fff;
}
.evenrow {
background: #e5e5e5;
}
.btnpage {
/*border:1px #D2D0E9 solid;*/
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
padding-top: 2px;
clear:both;
height:100%;
background-color: #f9be60;
border:1px #f9be60 solid;
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
.btnpage:link {
font-size:10px;
text-transform: uppercase;
color: #FFF;
border:1px #FFF solid;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnpage:visited {
font-size:10px;
text-transform: uppercase;
border:1px #FFF solid;
color:#FFF;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnpage:active {
font-size:10px;
text-transform: uppercase;
color:red;
border:1px #FFF solid;
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.btnpage:hover {
font-size:10px;
text-transform: uppercase;
color:#333333;
/*border:1px #333333 solid;*/
text-decoration: none;
vertical-align:middle;
font-weight:800;
}
.showcartcheckout {
background-color:#EEFF44;
color:#333333;
font-weight:bold;
height:28px;
/* margin:10px 0 10px 365px; */
margin:10px 0 10px 365px;
padding:10px 5px 0 10px;
text-align:right;
vertical-align:middle;
width:266px;
-moz-border-radius:3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
}
/* Ship To Format */
#shipToArea .crb{border-right:1px solid #dadada;}
#shipToCell {position:relative;float:left; background:#fff;padding-bottom:10px;}
#shipToCell dd{padding:1px 10px;}
#shipToCell table{width:100%;clear:both;}
#shipToCell table .cell{float:none;}
#shipToCell .cell{width:220px;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;}