html * {
margin: 0;
padding: 0;
}
body { background: #3b4652 url("/public/img/bg_sub.gif") repeat-x; }
body#home { background: #3b4652 url("/public/img/bg.gif") repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Helvetica, Arial, sans-serif;
color: #3b4652;
}
a {
color: #bb0000;
font-weight: bold; }
a:hover { color: #333; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 { letter-spacing: -.04em; }
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
#content ul, #content ol {
margin: 0px 36px 18px 18px;
}
#content ul li, #content ol li {}
body#editContent { padding: 10px; background: #fff; }
/*-- Container ---------- */
.block {
width: 902px;
margin: 0 auto;
display: block;
}
.clearfix {display: inline-block;}
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*-- Header ----------------*/
#header h1#logo { padding: 0; }
#header h1#logo a {
display: block;
float: left;
width: 579px;
height: 57px;
background: url("/public/img/esc_logo.gif") 0px 58px no-repeat;
text-decoration: none;
text-indent: -999em;
padding: 58px 0 0 0;
}
#header form#loginform {
width: 280px;
float: left;
background: url("/public/img/headerform_bg.gif") no-repeat;
height: 131px;
padding: 0 0 0 43px;
}
#header form#loginform p#createaccount {
float: right;
padding: 9px 0 0 0;
text-align: right;
}
#header form#loginform p#createaccount a {
font-size: 10px;
color: #feffab;
}
#header form#loginform h2 {
font-size: 13px;
border-bottom: solid 1px #969a9e;
color: #fff;
padding: 0;
}
#header form#loginform p {
width: 140px;
float: left;
padding: 9px 0 0 0;
}
#header form#loginform p label {
font-size: 11px;
color: #fff;
}
#header form#loginform .forminput {
width: 126px;
padding: 2px;
font-weight: bold;
font-size: 11px;
}
#header form#loginform p.note { padding: 13px 0 5px 0; }
#header form#loginform p.note a {
font-size: 10px;
color: #feffab;
}
#header form#loginform p.submit {
text-align: right;
padding-right: 5px;
width: 135px;
}
#header #userinfo {
width: 280px;
float: left;
background: url("/public/img/headerform_bg.gif") no-repeat;
height: 111px;
padding: 20px 0 0 43px;
}
#header #userinfo p {
color: #fff;
padding: 0;
font-size: 14px;
}
#header #userinfo p span {
display: block;
font-size: 16px;
color: #feffab;
line-height: 18px;
padding: 9px 0 0 0;
margin: 0 0 0 0;
font-weight: bold;
}
#header #userinfo ul {
list-style: none;
padding: 0;
margin: 0;
}
#header #userinfo ul li { display: inline; }
/*-- Navigation ------------*/
ul#navigation {
padding: 5px 0 0 0;
height: 46px;
list-style: none;
background: url("/public/img/nav_line.gif") 0px 5px no-repeat;
}
ul#navigation li { float: left; }
ul#navigation li a {
float: left;
height: 46px;
padding: 0 16px 0 14px;
line-height: 46px;
color: #fff;
font-size: 14px;
text-decoration: none;
background: url("/public/img/nav_line.gif") 100% 0% no-repeat;
}
ul#navigation li a:hover {
color: #feffab;
text-decoration: underline;
}
/*-- Home Image ------------*/
#homeimg {
padding: 1px 0 0 0;
}
/*-- Wrapper ------------*/
body#home #wrapper {
background: #fff url("/public/img/home_right_top_bg.gif") repeat-x;
margin: 0;
}
#wrapper {
margin: 4px 0 0 0;
background: #fff;
}
/*-- Home Products ------------*/
#home_products {
background: url("/public/img/home_products_dots.gif") 300px 0px repeat-y;
}
#featured_products {
width: 324px;
float: left;
background: url("/public/img/home_left_bg_top.jpg") no-repeat;
padding: 10px 0 0 0;
}
#featured_products h3 {
color: #3b4652;
padding: 9px 0 18px 0;
}
#featured_products ul {
list-style: none;
padding: 0 55px 0 0;
}
#featured_products ul li {
padding: 0 0 15px 0;
float: left;
width: 271px;
margin: 0 -3px 0 0;
}
html>body #featured_products ul li { margin: 0; }
#featured_products ul li div {
}
#featured_products ul li h4 {
color: #3b4652;
padding: 1px 0 2px 0;
}
#featured_products ul li h4 a {
text-decoration: none;
}
#featured_products ul li p {
font-size: 11px;
padding: 0;
}
#featured_products ul li p.product_meta {
color: #bb0000;
font-size: 16px;
}
#featured_products ul li img {
float: left;
margin: 0 10px 0 0;
border: solid 1px #d1d1d1;
/*width: 90px;*/
}
#featured_products ul li a.more { color: #a4b054; }
#featured_products ul li a.more:hover { color: #bb0000; }
#featured_products p.more { clear: both; }
#home_product_logos {
width: 578px;
float: left;
padding: 10px 0 0 0;
}
#home_product_logos h3 {
color: #3b4652;
padding: 9px 0 18px 0;
}
#home_product_logos ul { list-style: none; }
#home_product_logos ul li { display: inline; }
#home_product_logos ul li img {
border: solid 1px #d1d1d1;
margin: 0 4px 2px 0;
}
ul#specialslist {
list-style: none;
float: left;
margin: 0;
border-top: solid 2px #eee;
padding: 18px 0 18px 0;
clear: both;
width: 623px;
}
ul#specialslist li {
margin: 0;
float: left;
clear: both;
padding: 0 0 18px 0;
width: 623px;
}
ul#specialslist li img {
float: left;
margin: 0 12px 12px 0;
}
ul#specialslist li h4 {
font-size: 24px;
line-height: 27px;
padding: 0 0 18px 0;
}
ul#specialslist li h4 a {
text-decoration: none;
}
ul#specialslist li .product_meta {
font-size: 18px;
}
/*-- Subpage Main Content Layiout ------------*/
#content_container {
background: url("/public/img/home_products_dots.gif") 237px 0px repeat-y;
}
#sidebar {
width: 239px;
float: left;
padding: 10px 0 0 0;
}
#content {
width: 623px;
float: left;
padding: 10px 20px 0 20px;
}
h2#contenttitle {
padding: 9px 0 5px 0;
border-bottom: solid 1px #eee;
margin-bottom: 8px;
}
/*-- Subnav ------------*/
ul#subnav {
list-style: none;
width: 220px;
border-top: solid 1px #eee;
margin: 9px 0 0 0;
}
ul#subnav li {
margin: 0;
padding: 0;
float: left;
width: 220px;
}
ul#subnav li a {
display: block;
padding: 9px 0 8px 12px;
border-bottom: solid 1px #eee;
font-size: 13px;
text-decoration: none;
color: #3b4652;
width: 208px;
}
ul#subnav li a:hover, ul#subnav li a.active {
background: #eee url("/public/img/grn_arrow_r.gif") 205px 50% no-repeat;
}
ul#subnav li ul {
list-style: none;
width: 200px;
padding: 0 0 0 20px;
}
ul#subnav li ul li {
width: 200px;
}
ul#subnav li ul li a {
width: 180px;
font-size: 12px;
color: #838c48;
background: url("/public/img/grn_arrow_r.gif") 6px 50% no-repeat;
padding-left: 20px;
}
ul#subnav li ul li a:hover, ul#subnav li ul li a.active {
color: #bb0000;
background: #dadada url("/public/img/grn_arrow_r.gif") 6px 50% no-repeat;
}
/*-- Breadcrumb ------------*/
ul#breadcrumb {
list-style: none;
border-bottom: solid 1px #eee;
margin: 0 0 0 0;
padding: 0px 0 11px 0;
}
ul#breadcrumb li {
display: inline;
margin: 0;
padding: 0;
}
ul#breadcrumb li a {
text-decoration: none;
background: url("/public/img/grn_arrow_r.gif") 100% 50% no-repeat;
font-size: 11px;
color: #a4b054;
padding: 0 10px 0 0;
margin: 0 3px 0 0;
}
ul#breadcrumb li a.active {
background: none;
font-weight: normal;
color: #3b4652;
}
ul#breadcrumb li a:hover { text-decoration: underline; }
/*-- Products Styles ------------*/
#prevnext {
background: #eee;
padding: 9px;
height: 18px;
margin: 0 0 9px 0;
}
#prev {
float: left;
width: 293px;
}
#next {
float: left;
width: 294px;
text-align: right;
}
#prevnext span { color: #eee; }
#next a {
background: url('/public/img/prevnext-next.gif') 100% 50% no-repeat;
padding: 0 9px 0 0;
text-decoration: none;
color: #333;
}
#prev a {
background: url('/public/img/prevnext-prev.gif') 0% 50% no-repeat;
padding: 0 0 0 9px;
text-decoration: none;
color: #333;
}
#product_disclaimer {
padding: 12px;
margin: 10px 0;
background: #eee;
border: solid 1px #ddd;
font-size: 11px;
}
table#categories {
width: 578px;
border-left: solid 1px #ddd;
border-top: solid 1px #ddd;
}
table#categories td {
vertical-align: middle;
width: 33%;
padding: 8px 3px;
border-right: solid 1px #ddd;
border-bottom: solid 1px #ddd;
text-align: center;
}
table#categories img {
/*border: solid 1px #d1d1d1;*/
max-width: 167px;
max-height: 184px;
}
table#subcategories td {
width: 20%;
padding: 10px;
vertical-align: top;
}
table#subcategories td img {
max-width: 90px;
border: solid 1px #d1d1d1;
}
table#subcategories td .category_info {
}
table#subcategories td span {
display: block;
}
table#subcategories td h4, table#subcategories td h4 a {
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #3b4652;
padding: 0;
}
/* ul#productslist {
list-style: none;
margin: 0;
padding: 0;
}
ul#productslist li {
float: left;
padding: 0 0 12px 0;
width: 207px;
}
ul#productslist li img { width: 100px; }
ul#productslist li h4 {
padding: 4px 0 6px 0;
margin: 0 0 8px 0;
border-bottom: solid 2px #eee;
width: 184px;
}
ul#productslist li h4 a {
text-decoration: none;
color: #838c48;
font-size: 18px;
display: block;
}
*/
table#productslist {
list-style: none;
margin: 0;
padding: 0;
}
table#productslist td {
padding: 12px;
width: 207px;
vertical-align: top;
border-bottom: solid 1px #eee;
border-right: solid 1px #eee;
}
table#productslist td img {
max-width: 100px;
}
* html table#productslist td img { width: 100px; }
table#productslist li h4 {
padding: 4px 0 6px 0;
margin: 0 0 8px 0;
border-bottom: solid 2px #eee;
width: 184px;
}
table#productslist td h4 a {
text-decoration: none;
color: #838c48;
font-size: 18px;
display: block;
}
p.style, p.size {
display: inline;
padding: 0;
}
p.size { font-weight: bold; }
p.size span { margin: 0 0 0 10px; }
#productslist p.size span {
display: block;
margin: 0;
}
p.price_description {
font-weight: bold;
padding: 0;
}
p.price {
font-size: 24px;
line-height: 45px;
padding: 0;
font-weight: bold;
letter-spacing: -.04em;
}
h3#subcategorytitle {
border-bottom: solid 3px #eee;
padding: 0 0 9px 0;
margin: 0 0 6px 0;
}
.meta_total {
float: right;
padding: 24px 0 0 0;
}
div.meta_description {
padding: 6px 0 6px 0;
margin: 0 0 10px 0;
border-bottom: solid 1px #ddd;
font-size: 11px;
}
div.meta_description p {
padding: 9px 0 9px 0;
}
div.meta p {
padding: 0;
}
#product_col1 {
float: left;
width: 275px;
}
#product_col2 {
float: left;
width: 340px;
}
h4#producttitle {
font-size: 24px;
color: #bb0000;
line-height: 36px;
padding: 3px 0 6px 0;
}
#product_img {
float: left;
max-width: 250px;
margin: 0 12px 0 0;
}
/** html #product_img { width: 250px; } */
h5#addtocarttitle {
font-size: 12px;
border-bottom: solid 1px #eee;
margin: 0 0 12px 0;
padding: 0 0 6px 0;
}
#addtocart p {
display: inline;
}
.quantity {
width: 35px;
padding: 3px;
font-weight: bold;
}
#addtocart .submit {
padding: 3px;
font-weight: bold;
margin: 0 0 0 6px;
}
.added {
padding: 9px;
background: #faedbb;
border: solid 1px #a4b054;
text-align: center;
margin: 6px 0 12px 0;
}
.added p {
padding: 0;
font-weight: bold;
}
form.inline {
padding: 12px;
float: right;
width: 250px;
background: #eee;
margin: 0 0 18px 0;
}
p#specialprice {
color: #bb0000;
font-size: 26px;
font-weight: bold;
line-height: 28px;
}
p#specialprice span {
font-weight: normal;
display: block;
font-size: 11px;
}
table#shoppingcart {
width: 623px;
border-left: solid 1px #666;
border-top: solid 1px #666;
}
#receipt table#shoppingcart {
font-size: 11px;
margin: 0 0 10px 0;
}
table#shoppingcart tr.special td {
background: #f1f4dc;
}
table#shoppingcart td {
border-right: solid 1px #666;
border-bottom: solid 1px #666;
}
table#shoppingcart td.title p {
font-weight: bold;
}
table#shoppingcart td.title span {
font-weight: normal;
display: block;
font-size: 10px;
}
table#shoppingcart td.quantity {
font-weight: bold;
text-align: center;
}
table#shoppingcart td.price, table#shoppingcart td.subtotal {
font-weight: bold;
text-align: center;
}
table#shoppingcart td.price span {
color: #cc0000;
font-weight: normal;
display:block;
font-size: 10px;
}
table#shoppingcart td img {
width: 40px;
}
table#shoppingcart th, table#shoppingcart td {
padding: 6px;
vertical-align: top;
}
table#shoppingcart th {
background: #666;
font-weight: bold;
color: #fff;
text-align: left;
}
table#shoppingcart tr.subtotal, table#shoppingcart tr.shipping, table#shoppingcart tr.salestax, table#shoppingcart tr.checkout, table#shoppingcart tr.total {
text-align: right;
font-weight: bold;
}
table#shoppingcart td.value {
text-align: left;
}
table#shoppingcart tr.total td {
background: #eee;
}
table#shoppingcart tr.checkout td {
background: #a4b4c4;
}
table#shoppingcart tr.attention td {
font-weight: bold;
text-align: right;
background: #feffdf;
}
.cartupdate input.quantity {
width: 20px;
}
.cartupdate input.update {
font-size: 9px;
padding: 0;
}
#checkoutprofile {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: solid 2px #eee;
}
#checkoutprofile h3 {
padding: 10px 0 4px 0;
}
#checkoutprofile p.name {
font-size: 13px;
font-weight: bold;
padding: 0 0 3px 0;
}
#checkoutprofile p.address {
padding: 0 0 8px 0;
}
#checkoutprofile p.profilelink {
padding: 0;
}
#checkoutprofile p.profilelink a {
font-weight: bold;
}
p.back {
padding: 8px 0 0 0;
}
p.back a {
font-weight: bold;
}
#carttotal {
float: right;
padding: 8px 0 0 0;
}
#carttotal p {
font-size: 13px;
}
#carttotal p span {
font-weight: bold;
}
#cart {
padding: 9px;
background: #e9e9e9;
border-top: solid 2px #d2d3d5;
margin: 0 0 7px 0;
width: 202px;
}
#cart h4 {
padding: 0 0 3px 0;
margin: 0 0 3px 0;
border-bottom: solid 1px #c6c8cb;
}
#cart p { padding: 0; }
#cart p.items {
font-size: 13px;
padding: 3px 0 3px 0;
}
#cart p.items span {
font-weight: bold;
color: #bf1d1d;
font-size: 18px;
vertical-align: middle;
}
#cart p.viewcartbutton a, #cart p.checkoutbutton a {
display: block;
float: left;
padding: 8px 6px 6px 6px;
color: #bf1d1d;
letter-spacing: -.02em;
text-decoration: none;
background: #f6f6f6;
margin: 3px 4px 0 0;
}
#cart p.viewcartbutton a:hover, #cart p.checkoutbutton a:hover {
background: #fff;
}
/*-- Form Styles ------------*/
.general_form {
width: 450px;
}
.general_form p {
padding: 9px 0 9px 0;
}
.general_form p.checkbox { padding: 0 0 0 160px; }
.general_form textarea {
width: 250px;
height: 120px;
margin: 0 0 0 160px;
}
.general_form p label {
float: left;
margin: 0 12px 0 0;
display: block;
width: 138px;
padding: 4px 0 0 0;
}
.general_form .forminput, .general_form select {
padding: 3px;
font-size: 13px;
font-weight: bold;
width: 250px;
margin: 0 0 0 160px;
display: block;
}
.general_form p.error {
padding: 9px 9px 7px 9px;
background: #eee;
border-bottom: solid 2px #cc0000;
color: #cc0000;
font-weight: bold;
margin: 0 0 9px 0;
}
.general_form p.forgotpassword {
float: right;
}
.general_form input.submit {
margin: 0 0 18px 158px;
padding: 3px;
font-weight: bold;
}
.general_form p.note {
padding: 17px 0 9px 0;
font-size: 11px;
border-top: solid 1px #eee;
margin: 9px 0 0 0;
}
.required {
color: #bf1d1d;
margin: 0 0 0 2px;
font-weight: bold;
}
.error {
font-size: 9px;
color: #bf1d1d;
margin: 0 0 0 9px;
font-weight: bold;
}
/*-- News ------------*/
ul#newslist {
list-style: none;
padding: 0;
margin: 0;
}
ul#newslist li { padding: 0 0 18px 0; }
ul#newslist li h5 a {
text-decoration: none;
font-size: 18px;
}
/*-- Footer ------------*/
#footer {
background: url("/public/img/content_bottom.gif") repeat-x;
padding: 0 0 20px 0;
}
#footer_content {
padding: 21px 0 0 0;
color: #fff;
}
body#home #footer_content { background: url("/public/img/home_left_bg_bottom.jpg") 278px 0px no-repeat; }
#footer_content p {
float: left;
margin: 0 40px 0 46px;
font-size: 11px;
padding: 0 0 9px 0;
}
#footer_content a { color: #feffab; }
#newsletter_link a {
width: 277px;
height: 50px;
background: url("/public/img/newsletter_link.gif") no-repeat;
float: left;
display: block;
text-decoration: none;
text-indent: -999em;
margin: 8px 0 0 0;
}
#footer_content p#copyright {
margin: 0;
border-top: solid 1px #767e86;
padding: 8px 0 9px 0;
display: block;
}
#editContent {
background: #fff;
padding: 12px;
}