@import url("reset.css"); 
@import url("typography.css"); 

body { background: #000 url(images/body-bkg.gif) top center repeat-x; color:#BFBFBF; }
#container { width:900px;  min-height:600px; text-align:left; margin:0 auto; }
#content { padding:16px; width:868px; float:left; text-align:left; }

#header { height:79px; width:900px; padding:0; margin:0;}
#header img { margin:15px 0 0 16px;}

#visual { width:900px; height:640px; background: url(images/bra-dryer-black-01.jpg) no-repeat;}
#visual-inner { width:900px; height:118px; background: url(images/bra-dryer-visual-inner-01.jpg) no-repeat;}

.menu { float:left; padding:16px; text-align:left; font-size:1.2em; }
.menu ul { padding:0; margin:0; }
.menu ul li { height:30px; line-height:23px; padding-right:20px; display:inline-block; float:left; }
.menu ul li a { color:#EFD24A; }
.menu ul li a:visited { color:#D3B31F; }

.inner { clear:both; height:91px; }

.img { text-align:right; padding:0; margin:0; }
.img img { padding:0; margin:0; }
.img p { text-align:left; padding:10px 52px; font-size:1.2em; color:color:#3C4755; }

.slideshow { padding-bottom:8px; }
.slideshow a { padding:0; margin:0; }
.slideshow a img { padding:0 8px 8px 8px; margin:0; }

#footer { clear:both; }
#footer p { padding:16px; font-size:1em; color:#959595; }
#footer p a { padding-right:20px; color:#959595; }
#footer span { padding-left:40px; }
#footer label { font-size:1.2em; }
#footer input { width:100px; }

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

/* Forms */
form { margin-bottom:2em; }
form label { padding: 9px 10px 9px 0; font-size:1.5em; color:#61492B; }
.lbl { width:100px; padding: 10px 10px 9px 0; font-size:1.5em; color:#61492B; float:left; clear:both; }
form input, textarea { width:350px; margin: 6px 6px 0 0; padding:4px 6px; border:1px solid #D7D7D7; color:#472905; }
textarea { height:150px; }
.button { background-color:#743A0C; color:#fff; font-weight:bold; width:364px; }

/* Tables */
table {width: 100%; }
table th, table td { padding: 9px 10px; vertical-align: top; font-size:1.5em; color:#472905; }
table th{ font-weight:bold; color:#fff; background-color:#743A0C; }
table td{ border-bottom:1px solid #743A0C; }

/* Widths */
.span-min { width:10px; }
.span-1 { width:10px; }
.span-2 { width:20px; }
.span-3 { width:30px; }
.span-4 { width:40px; }
.span-5 { width:50px; }
.span-6 { width:60px; }
.span-7 { width:70px; }
.span-8 { width:80px; }
.span-9 { width:90px; }
.span-10 { width:100px; }
.span-11 { width:150px; }
.span-12 { width:200px; }
.span-13 { width:250px; }
.span-14 { width:300px; }

/* Prepend */
.prepend-min { padding-left:0; }
.prepend-1 { padding-left:10px; }
.prepend-2 { padding-left:20px; }
.prepend-3 { padding-left:30px; }
.prepend-4 { padding-left:40px; }
.prepend-5 { padding-left:50px; }

/* Prepend on Top */
.top-1 { padding-top:15px }
.top-2 { padding-top:19px }
.top-3 { padding-top:30px }
.top-4 { padding-top:40px }
.top-5 { padding-top:50px }

/* Height */
.high-1 { height:10px; }
.high-7 { height:70px; }
.high-9 { height:90px; }

/* opacity */
.op-0 { opacity: 0.0; -moz-opacity: 0.0; -khtml-opacity: 0.0; filter: alpha(opacity=0); }
.op-2 { opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(opacity=20); }
.op-3 { opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); }
.op-4 { opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); }
.op-5 { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); }
.op-6 { opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); }
.op-7 { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); }
.op-8 { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); }
.op-9 { opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); }
.op-10 { opacity: 1.0; -moz-opacity: 1.0; -khtml-opacity: 1.0; filter: alpha(opacity=100); }