@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 {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; height:50px;}


#menu li {
float:left; 
background-image:url(/images/menu-back.png);
background-repeat: repeat-x;
text-align:center;
 }

#menu a {
color:#fff;
font-size:12px;
font-weight:bold; 
text-decoration:none;
float:left;
height:50px;
}

#menu a:hover {
background-image:url(/images/menu-ovr-back.png);
background-repeat: repeat-x;
color: #000000;
height:50px;
display:block;
}


#menu li a span {text-align:left; display:block; padding-left:18px; padding-top:9px;}

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

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

#menu a#aSuede {background: url(/images/menu-last-back.png) no-repeat top right;}

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


#menu #aMuslin {width:94px;}

#menu #aSeamless {width:90px;}

#menu #aVinyl {width:110px;}

#menu #aSuede {width:94px;}

#menu #aBackground {width:102px;}

#menu #aLighting {width:92px;}

#menu #aProps {width:105px;}

#menu #aStudio {width:92px;}

#menu #aDigital {width:104px;}

#menu #aStudioKits {width:67px;}

/*#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 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;}*/


/* ==================== 4.Submenu ==================== */

#submenu {height:40px; font-weight:bold; background:url(/images/bg-submenu.jpg) repeat-x; color:#000;}

#email-container {padding:9px 0px 0px 15px; text-align:right;}
	
#email-container p {display:block; float:left; font-weight:bold; color:#FC0; margin-right:12px; padding-top:3px;}

#email-container em {color:#FFF;}

#email-container input {float:left; width:225px; border:1px solid #FFF; padding:2px; color:#666;}

#submenu input.btn {width:75px; height:23px; padding:0px;  border:none; margin-left:10px;}




/* 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:450px;
height:52px;
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;
}


#promo-banner #promo {float:left; width:375px;}
#promo-banner img {float:left; margin-right:10px; behavior:url(iepngfix.htc); display:block;}

#promo-banner {background:none; padding-left:0px; padding-top:0px; behavior:url(iepngfix.htc);}
#top {background: url(/images/bg-header-intro.jpg) no-repeat;}
#promo-banner p span {color:#FFCC00;}