/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */

.outer {margin: 0 auto;width:840px;}
.main {float:left;width:810px;border-right: 15px solid #3782c5;border-left: 15px solid #3782c5;background:#f8f8f7;}
.header {padding:0 20px 0 40px;width:750px;float:left;background:#f8f8f7 url(../images/header-bg.gif) repeat-x;height:135px;}

.req {color:#d00;font-weight:bold;}

/* hidden text */
h1, a.btn, .footer .willogo .thelogo span {left:-999em;outline:none;position:absolute;display:block;overflow:hidden;}

.home .hero img {border:1px solid #ccc;padding:1px;position:relative;margin:-40px 0 0 0}

.maincontent {float:left;width:784px;font-size:1.2em;padding:0 13px;}

ul.nav {list-style:none;float:left;width:100%;margin:5px 0 0 0;}
.nav li {float:left;}
.nav a {color:#fff;display:block;width:143px;height:24px;float:left;background:url(../images/nav-bg.gif);margin:0 2px 0 0;text-align:right;padding:47px 12px 0 0;text-decoration:none;text-transform:uppercase;font-size:1.2em;}
.nav li.last a {margin:0;width:144px;}
.nav a:hover, .nav a:focus {color:#ccc;}
.nav li.on a {background-image:url(../images/nav-bg-on.gif);}
.nav li.on a:hover, .nav li.on a:focus {color:#fff;}

.bodycontent {float:left;width:744px;padding:20px;color:#444;line-height:1.5em;}
.bodycontent ul {margin:0 20px;}
.home .bodycontent .intro {float:left;width:455px;}
.home .bodycontent .whichblind {float:right;background:url(../images/whichblind-bg.jpg) no-repeat;width:188px;height:166px;color:#fff;padding:90px 50px 35px 30px;}
.bodycontent a {color:#0a65b6;}
.bodycontent a:hover, .bodycontent a:focus {color:#e37d05;}
.home .bodycontent .whichblind a:hover, .home .bodycontent .whichblind a:focus {color:#fff;}

.page .nav {position:relative;margin:-40px 0 0 0;}

table.blindchooser {margin:0 0 40px 0;}
.blindchooser th {text-align:left;font-weight:bold;}
.blindchooser th, .blindchooser td {padding:5px 5px;}
.blindchooser tr.alt {background-color:#eee;}

table.blinds {}
.blinds td {vertical-align:top;padding:0 20px 50px 0;}
.blinds img {padding:2px;border:1px solid #ccc;}

table.details td, table.details th {padding:5px 10px;}

.footer {color:#fff;background:#3782c5;font-size:1.1em;padding:10px 30px 30px 30px;margin:0 0 40px 0;float:left;width:780px;}
.footer a {color:#fff;}