@charset "utf-8";
/* Backdrop Express CSS Index
Author: EW
Date created: 03.18.09  
*/

* {
margin: 0;
padding: 0;
}

body {
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#wrapper {
margin: 0 auto;
width: 950px;
}

.clear {
clear: both;
}

label {
color: #000;
font-weight: bold;
}

img {border:none;}

/* Header */

#header {
height: 112px;
}

#header img {float:left;}
	
#header-social {width:100px; float:left; padding-top:40px; margin-right:45px;}

#header-social img {float:left; margin-right:15px;}

#header-int {
color: #fff;
float: right;
font-size: 11px;
padding: 35px 12px 0 0;
text-align: right;
width: 200px;
}

#header-int a {
color: #fc0;
text-decoration: none;
}

#header-int a:hover {
color: #fff;
}

#header-int a.shopping-cart {
background: url(../images/shopping-cart.png) no-repeat;
color: #b4c9d5;
font-size: 12px;
font-weight: bold;
padding: 5px 0 5px 30px;
}

/* Menu */

/*#menu {background: url(../images/menu-back.png) no-repeat;}*/
#menu ul {list-style: none;}


#menu li {
display:block; 
float:left; 
padding:10px 15px 10px 14px;
background-image:url(../images/menu-back.png);
background-repeat: repeat-x;
text-align:left;
 }

#menu li a {
color:#fff;
font-size:12px;
font-weight:bold; 
text-decoration:none;

}


#menu li:hover {
background-image:url(../images/menu-ovr-back.png);
background-repeat: repeat-x;
padding:10px 15px 10px 14px;
color: #000000;
}
/*#menu a.active {background: url(../images/menu-ovr-back.png) no-repeat top right;color: #000;}*/


#menu li.first {background: url(../images/menu-first-back.png) no-repeat;}

#menu li.first:hover{
background-image:url(../images/menu-first-ovr-back.png);
background-repeat: repeat-x;
padding:10px 15px 10px 14px;
}


#menu li.last:hover{
background-image:url(../images/menu-last-ovr-back.png);
background-repeat: repeat-x;
}

/*#menu li a.first:hover {background: url(../images/menu-first-ovr-back.png) no-repeat;}*/
/*#menu li a.active-left {color: #000;background: url(../images/menu-first-ovr-back.png) no-repeat;}*/

#menu li.last {background: url(../images/menu-last-back.png) no-repeat top right;padding: 11px 19px 10px 14px;}
/*#menu li a.last:hover {background: url(../images/menu-last-ovr-back.png) no-repeat top right;}*/
/*#menu li a.active-right {color: #000;background: url(../images/menu-last-ovr-back.png) no-repeat top right;padding: 11px 14px;}*/



/* Top */

#top {
background: url(../images/top-back2.jpg) no-repeat;
color: #b4c9d5;
height: 259px;
}

#top-int {
float: left;
padding: 10px 0 0 15px;
width: 440px;
}

#top-int h1 {
padding-bottom: 5px;
}

#top-int p {
line-height: 18px;
padding-bottom: 11px;
}



p.top-p {
color: #fff;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
padding: 0px 0 10px 0;
display: block;
}

/* Content */

#content {
background-color: #fff;
padding: 15px;
}

#content a {
color: #000;
font-weight: bold;
}

p.header {
color: #000;
float: left;
font-size: 16px;
font-weight: bold;
}

p.crumbs {
float: left;
font-size: 11px;
font-weight: bold;
}

p.cards {
background: url(../images/cards.png) no-repeat top right;
float: right;
font-weight: bold;
padding: 0 95px 2px 0;
}

p.cards em {
color: #555;
}

#featured {
border-bottom: dashed #b4c9d5 1px;
border-top: dashed #b4c9d5 1px;
margin: 10px 0 20px 0;
padding: 15px 0;
}

#featured a:hover {
color: #637F8E;
}

#featured-int {
color: #666;
float: left;
font-weight: bold;
line-height: 160%;
margin: 0 30px 0 0;
width: 280px;
}

#featured-int-last {
color: #666;
float: left;
font-weight: bold;
line-height: 160%;
margin: 0;
width: 290px;
}

#featured-int-lower {
color: #666;
float: left;
font-size: 11px;
line-height: 160%;
margin: 0 20px 0 0;
width: 290px;
}

#featured-int-lower ul {
color: #fc0;
padding: 0 0 0 20px;
}

#featured-int-lower li {
font-size: 12px;
padding: 7px 0 0 0;
}

#featured-int-lower a:hover {
color: #637F8E;
}

#featured-lower-last {
color: #666;
float: left;
font-size: 11px;
line-height: 160%;
margin: 0;
width: 290px;
}

.price {
color: #f01;
font-weight: bold;
}

/* Sidebar */

#side {
float: left;
width: 200px;
}

#sidebar {
background-color: #a4b4bd;
margin: 0 0 20px 0;
}

#sidebar ul {
list-style: none;
}

#sidebar li {
border-top: solid #fff 1px;
padding: 8px 0 8px 15px;
}

#sidebar a {
color: #324047;
text-decoration: none;
}

#sidebar a:hover {
color: #000;
text-decoration: underline;
}

p.sidebar-header {
background: url(../images/side-header-back.png) no-repeat;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 5px 0 5px 15px;
}

#sidebar-lower {
background-color: #D8DFE3;
margin: 0 0 20px 0;
}

p.promo-header {
background: url(../images/special-header-back.png) no-repeat;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 5px 0 5px 15px;
}

p.promo {
color: #000;
font-weight: bold;
line-height: 150%;
padding: 10px 10px 15px 15px;
}

/* Main */

#main {
float: right;
width: 690px;
}

#main p {
color: #666;
font-size: 11px;
line-height: 170%;
padding: 0 0 20px 0;
}

#line {
border-top: dashed #b4c9d5 1px;
margin: 10px 0 0 0;
padding: 20px 0 0 0;
}

/* Contact */

table.contact-table {
background-color: #eee;
border: solid #b4c9d5 1px;
}

table.contact-table td {
padding: 10px;
}

table.contact-table label {
color: #324047;
font-weight: bold;
}

table.contact-table .inputform {
border: solid #b4c9d5 1px;
color: #444;
font-size: 11px;
height: 13px;
margin: 3px 0 0 0;
padding: 3px 0 3px 5px;
width: 195px;
}

table.contact-table .inputform2 {
border: solid #b4c9d5 1px;
color: #444;
font-size: 11px;
height: 50px;
margin: 3px 0 0 0;
padding: 3px 0 3px 5px;
width: 640px;
}

table.contact-table .inputbutton {
background-color: #333;
color: #b4c9d5;
border: solid #b4c9d5 1px;
font-weight: bold;
padding: 5px 20px;
}

html>body #sub-category {
float: left;
margin: 0 21px 0 0;
width: 150px;
}

#sub-category {
float: left;
margin: 0 10px 0 0;
width: 150px;
}

#sub-category-last {
float: left;
width: 150px;
}

.checkbox {
margin: 0 5px 3px 0;
}

/* Product Page */

#product-listing {
float: left;
width: 680px;
}

#product-listing p {
color: #666;
font-size: 11px;
line-height: 170%;
padding: 0 0 20px 0;
}

#product-side {
float: right;
text-align: center;
width: 200px;
}

#side-product {
background-color: #eee;
color: #666;
font-weight: bold;
margin: 15px 0 0 0;
padding: 15px 20px 15px 20px;
text-align: left;
width: 160px;
}

#qty-cont {
float: left;
}

#quantity {
float: left;
margin: 0 40px 20px 0;
width: 165px;
}

#quantity .size {
color: #000;
float: left;
font-weight: bold;
margin: 0 0 5px 0;
}

.error {
color: #FF0000;
font-weight: bold;
font-size: 12px;

}

#quantity .qty {
color: #000;
float: right;
font-weight: bold;
margin: 0 15px 5px 0;
}

#quantity .quantity-box {
border: solid #999 1px;
float: right;
font-size: 11px;
height: 13px;
margin: 0;
padding: 2px 5px;
width: 15px;
}

#product-promo {
background-color: #D8DFE3;
float: right;
width: 200px;
}

#product-promo p.promo {
color: #000;
font-weight: bold;
line-height: 150%;
padding: 10px 10px 15px 15px;
}

#product-features {
float: right;
margin: 10px 0 30px 0;
width: 415px;
}

#product-features p {
font-size: 12px;
}

#product-features ul {
list-style: none;
}

#product-features li {
background: url(../images/product-feature-list.png) top left no-repeat;
color: #666;
font-size: 11px;
padding: 0 0 15px 20px;
}

/* Footer */

#footer {
color: #aaa;
font-size: 11px;
padding: 20px;
}

#footer a {
color: #fc0;
text-decoration: none;
}

p.footer-left {
float: left;
}

p.footer-right {
float: right;
text-align: right;
}

p.footer-center {
color: #fff;
font-size: 24px;
text-align: center;
vertical-align: top;
}

strong {
color: #000;
}

/* Text Styles */

#main p.header2 {
color: #000;
font-size: 18px;
font-weight: bold;
padding: 0 0 15px 0;
}

h1 {
color: #fc0;
font-size: 24px;
font-weight: normal;
padding: 0 0 15px 0;
}

h2 {
color: #000;
font-size: 16px;
padding: 0 0 5px 0;
}

h3 {
color: #000;
font-size: 12px;
padding: 0 0 5px 0;
}

a:hover {
color: #637F8E;
}

.heavy-gray {
color: #666;
font-size: 12px;
font-weight: bold;
}

span.yellow {
color: #FC0;
font-weight: bold;
}

.price-pro {
color: #f01;
float: left;
font-weight: bold;
}

.heavy-gray-pro {
color: #666;
float: left;
font-size: 12px;
font-weight: bold;
}

/* Image Styles */

.logo {
border: none;
float: left;
}

.thumb {
border: solid #b4c9d5 1px;
float: left;
margin: 0 15px 0 0;
padding: 3px;
}

.thumbnail {
border: solid #b4c9d5 1px;
margin: 0 15px 10px 0;
padding: 3px;
}

.details-btn {
border: none;
padding: 5px 0 0 0;
}

.lower-right {
float: right;
padding: 20px 0 0 0;
}

.btn {
border: none;
}

.right {
border: none;
float: right;
}



















table.cartConfirmProducts 
{

background-color: #eee;
border-left: dotted #b4c9d5 1px;
margin: 0 0 20px 0;
width: 100%;
}

table.cartConfirmProducts .inputbutton {
background-color: #333;
color: #b4c9d5;
border: solid #b4c9d5 1px;
font-weight: bold;
padding: 5px 20px;
}


table.cartConfirmProducts th {
background: url(../images/table-th-back.png) repeat-x;
color: #fff;
font-weight: bold;
padding: 5px 10px;
white-space:nowrap;

}

table.cartConfirmProducts td {
border-bottom: dotted #b4c9d5 1px;
border-right: dotted #b4c9d5 1px;
padding: 5px 10px;

}

label.quantitylabel {
color: #000;
font-weight: bold;
float: left;
padding: 0 5px 0 0;
}


.inputbutton {
background-color: #333;
color: #b4c9d5;
border: solid #b4c9d5 1px;
font-weight: bold;
padding: 5px 20px;
}




/* Cart Getinfo Styles */
table.cartgetinfo {
width: 100%;
vertical-align:top;
}
table.cartgetinfo td {
vertical-align:top;
}



table.cartgetinfoInner {
background-color: #eee;
border-left: dotted #ccc 1px;
margin: 0 0 20px 0;
width:275px;
}

table.cartgetinfoInner th {
background: url(../images/table-th-back.png) repeat-x;
color: #fff;
font-weight: bold;
padding: 5px 20px 5px 10px;
text-align: left;
white-space: nowrap;
}

table.cartgetinfoInner td {
border-bottom: dotted #ccc 1px;
border-right: dotted #ccc 1px;
padding: 5px 10px;
white-space: nowrap;
vertical-align:middle;
}

table.cartgetinfoInner  .cartgetinfo-form {
border: solid #b4c9d5 1px;
color: #444;
font-size: 11px;
height: 13px;
margin: 3px 0 0 0;
padding: 3px 0 3px 5px;
width: 195px;

}

table.cartgetinfoInner .cartgetinfo-dropdown {
border: solid #b4c9d5 1px;
color: #444;
border: solid #ccc 1px;
margin: 3px 0 0 0;
padding: 3px 0 3px 5px;

}

	
#promo-banner {
background-image:url(../images/bkg-promo.jpg);
background-repeat: no-repeat;
width:329px;
height:69px;
padding-left: 80px;
padding-top: 17px;
}

#promo-banner p {
color:#FFFFFF;
font-weight: bold;
font-size:1.2em;
padding-bottom: 0px;
}

#promo-banner p span {
font-size:1.25em;
text-shadow:0 1px 0 #000000;
}