* {
margin:0;
padding:0;
font-family: Arial, Verdana, sans-serif;
line-height:1.4em;
list-style:none;
}
body {
font-size:62.5%;
min-width:1000px;
padding-bottom:20px;
}
.container {
position:relative;
margin-bottom:3em;
width:980px;
margin:0 auto;
padding-right:6px;
background:#CFCFCF url(../stat/container-bg.gif) top right no-repeat;
}
.header {
border-left:1px solid #7B7B7B;
border-right:1px solid #7B7B7B;
border-bottom:3px solid #FFF;
height:84px;
background:#A7A9AC url(../stat/itsmydoor.gif) 56px 0px no-repeat;
position:relative;
}
.branding {
display:block;
visibility:visble;
height:84px;
width:434px;
position:absolute;
left:544px;
top:0;
background:#A7A9AC url(../stat/only-at-bandq.gif) no-repeat;
}
body .holder {
border-left:1px solid #7B7B7B;
border-right:1px solid #7B7B7B;
border-bottom:1px solid #7B7B7B;
padding:50px 30px 30px 43px;
background-color:#807F83;
min-height:300px;
}
.navigation {
position:absolute;
top:87px;
left:0;
}
.navigation ul {
padding:0 0 0 6px;
}
.navigation ul li {
float:left;
display:block;
}
.navigation ul li a {
float:left;
display:block;
text-transform:uppercase;
font-size:1.15em;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
padding:2px 9px 12px 11px;
}
.navigation ul li.selected {
float:left;
display:block;
background:url(../stat/nav-left.gif) left bottom no-repeat;
}
.navigation ul li.selected a {
color:#CEA334;
background:url(../stat/nav-right.gif) right bottom no-repeat;
}
.navigation ul li:hover {
float:left;
display:block;
background:url(../stat/nav-left.gif) left bottom no-repeat;
}
.navigation ul li:hover a {
color:#CEA334;
background:url(../stat/nav-right.gif) right bottom no-repeat;
}

.footer {
height:6px;
background:url(../stat/footer-bg.gif) no-repeat;
}

/*--- HOMEPAGE  ---------------------------------------------------------*/
.homepage .branding {
background:#A7A9AC url(../stat/only-at-bandq-home.gif) no-repeat;
}
.homepage .holder {
background:#807F83 url(../stat/holder-bg-home.jpg) top right no-repeat;
min-height:490px;
padding:20px 30px 30px 43px;
}
.homepage .navigation ul li.selected {
background:url(../stat/nav-left-home.gif) left bottom no-repeat;
}
.homepage .navigation ul li.selected a {
background:url(../stat/nav-right-home.gif) right bottom no-repeat;
}
.homepage .navigation ul li:hover {
background:url(../stat/nav-left-home.gif) left bottom no-repeat;
}
.homepage .navigation ul li:hover a {
background:url(../stat/nav-right-home.gif) right bottom no-repeat;
}
#doors {
position:absolute;
width:979px;
height:364px;
top:87px;
left:0;
background:#A7A9AC url(../stat/holder-bg-home.jpg) right top no-repeat;
}
#doors img {
position:absolute;
width:161px;
height:358px;
top:6px;
left:683px;
}
#doors ul li {
list-style:none;
}
#doors ul li a {
position:absolute;
height:328px;
display:block;
text-indent:-3000px;
text-decoration:none;
overflow:hidden;
}
#doors ul li#door-one a {
top:65px;
left:37px;
width:132px;
background:url(../stat/door1.jpg) no-repeat;
}
#doors ul li#door-one a:hover {
background:url(../stat/door1_hover.jpg) no-repeat;
}
#doors ul li#door-two a {
top:65px;
left:169px;
width:125px;
background:url(../stat/door2.jpg) no-repeat;
}
#doors ul li#door-two a:hover {
background:url(../stat/door2_hover.jpg) no-repeat;
}
#doors ul li#door-three a {
top:65px;
left:294px;
width:126px;
background:url(../stat/door3.jpg) no-repeat;
}
#doors ul li#door-three a:hover {
background:url(../stat/door3_hover.jpg) no-repeat;
}
#doors ul li#door-four a {
top:65px;
left:420px;
width:125px;
background:url(../stat/door4.jpg) no-repeat;
}
#doors ul li#door-four a:hover {
background:url(../stat/door4_hover.jpg) no-repeat;
}
.homepage .holder p.introduction {
margin-top:380px;
color:#fff;
font-size:1.3em;
margin-bottom:5px;
margin-left:-1px;
}
.homepage .holder p {
color:#E1E1E1;
font-size:1.15em;
margin-bottom:5px;
}

/*--- Content  ---------------------------------------------------------*/
.fitting .holder {
background:#807F84 url(../stat/fitting-bg.jpg) top right no-repeat;
}
.contacts .holder {
background:#807F84 url(../stat/stockists-bg.jpg) top right no-repeat;
}
.contacts .content {
position:relative;
z-index:100;
min-height:450px;
height:450px;
}
.fitting .content {
padding-right:270px;
min-height:450px;
height:450px;
}
.fitting .content p {
margin-bottom:15px;
}
.fitting .content p strong {
font-size:1.25em;
}
.content .door {
margin-bottom:30px;
}
.content h2 {
color:#FFFFFF;
font-size:1.9em;
margin-bottom:10px;
letter-spacing:1px;
font-weight:normal;
}
.content h3 {
color:#E1E1E1;
font-size:1.4em;
margin-bottom:5px;
}
.content p {
color:#fff;
font-size:1.15em;
margin-bottom:9px;
}
.content a {
color:#E1E1E1;
}
.content a:hover {
color:#FFF;
}
.content p small {
color:#fff;
font-size:1em;
margin-bottom:5px;
}
.content dl {
color:#fff;
font-size:1.15em;
margin-bottom:10px;
}
.content dt {
float:left;
font-weight:bold;
width:70px;
}
.content ul {
margin:15px 0;
}
.content li {
color:#fff;
font-size:1.15em;
margin-bottom:5px;
list-style:disc inside;
}

.stockists {
float:left;
width:365px;
height:450px;
overflow:auto;
margin-right:20px;
}
.content .stockists h3 {
font-size:1.2em;
padding-right:10px;
margin:0;
line-height:1.2em;
color:#E1E1E1;
}
.content .stockists p {
margin-bottom:1em;
line-height:1.2em;
color:#fff;
font-size:1.15em;
}
.content .stockists p strong {
color:#fff;
}
.content .contacts {
float:left;
width:300px;
}
.content p.message {
font-size:1.25em;
font-weight:bold;
width:300px;
}
.content form {
float:left;
width:300px;
}
.content form label {
float:left;
width:85px;
color:#fff;
font-size:1.15em;
}
.content form label.request {
float:none;
clear:left;
display:block;
width:200px;
padding-bottom:3px;
}
.content form input,
.content form select,
.content form textarea {
float:left;
width:170px;
margin-bottom:6px;
font-size:1.1em;
}
.content form input.request {
margin-left:85px;
margin-bottom:10px;
}
.content form div {
margin-top:10px;
}
.content form div input {
width:70px;
font-weight:bold;
padding:3px;
margin-left:70px;
}
#flash {
position:absolute;
right:6px;
top:87px;
z-index:1;
}
#ink {
margin-top:3em;
width:980px;
margin:0 auto;
}
#ink a {
color:#666666;
}
/*--- CLEARFIX  ---------------------------------------------------------*/
.clearfix,
.holder
{overflow:hidden;}
/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
.accessibility,
.navigation h3,
.branding h1,
.footer p,
.hidevis
{
position:absolute;
top:0;
left:-90000px;
visibility:hidden;
height:0;
width:0;
}