#DEVBOXWARNING {display:none !important;}

body
{
margin-left: auto;
margin-right: auto;
font-size: 62.5%;
background-color: #ffffff;
font-family: arial, verdana;
}

/*************************
*   Accessibility page   *
*************************/

#access
{
width: 100%;
position: absolute;
top: 0px;
right: 0px;
background-color: transparent;
padding: 0px;
font-size: 1.2em;
display: block;
float: right;
z-index: 1000;
text-align: center;
}

#accessin
{
width:980px;
background-color: transparent;
padding: 1px 8px 1px 1px;
font-size: 1em;
display: block;
z-index: 1000;
margin-left: auto;
margin-right: auto;
text-align: right;
}

#contentaccess
{
width: 90%;
height: 100%;
text-align: left;
padding: 20px 20px 20px 20px;
font-size: 1.6em;
color: #000000;
background-color: #ffffff;
max-width: 1200px;
}

a.accesslink:link {color: #004CBE; text-decoration: none; font-size: 1em;}
a.accesslink:visited {color: #004CBE; text-decoration: none;font-size: 1em;}
a.accesslink:hover {color: #004CBE;  text-decoration: underline;font-size: 1em;}
a.accesslink:active {color: #004CBE; text-decoration: none;font-size: 1em;}

a.accesslinkh:link {color: #3A3A3A; text-decoration: none; font-size: 1em;}
a.accesslinkh:visited {color: #3A3A3A; text-decoration: none;font-size: 1em;}
a.accesslinkh:hover {color: #000000;  text-decoration: underline;font-size: 1em;}
a.accesslinkh:active {color: #3A3A3A; text-decoration: none;font-size: 1em;}

/*************************
* Accessibility page End *
*************************/

/*********************
Standard page styling
*********************/

noscript
{
background-color: black;
color: #ffffff;
font-size: 16px;
font-family: arial, verdana;
text-align: left;
}

#page
{
position: absolute;
top: 0px;
left: 0px;
display:block;
float:left;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#mainbody
{
position: relative;
top: 0px;
left: 0px;
display: block;
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: left;
font-weight: normal;
font-size: 1.5em;
color: #000000;
}


#header
{
position: relative;
top: 0px;
left: 0px;
display:block;
float:left;
width:1000px;
height:148px;
margin:0px;
padding:0px;
background: url('/gfx/header-bg.gif') no-repeat center top;
}

#topmenu
{
position:absolute;
bottom:25px;
right:25px;
display:block;
float:right;
margin:0px;
padding:0px;
list-style-type:none;
list-style-image:none;
}

#topmenu li
{
display:inline;
float:left;
margin: 0px 0px 0px 12px;
}

#maincontent
{
position: relative;
top: 0px;
left: 0px;
display:block;
float:left;
width:980px;
min-height:400px;
height:auto !important;
height:400px;
margin: 0px 10px 0px 10px;
padding:0px;
font-size:0.9em;
}

#btmenu
{
position: relative;
top: 0px;
left: 0px;
display:block;
float:left;
width:980px;
height:144px;
margin: 20px 10px 0px 10px;
padding:0px;
background: url('/gfx/bottom-menu-bg.gif') repeat-x left top;
color:#000000;
font-size:0.9em;
}

#btmenu ul
{
display:inline;
float:left;
width:auto;
margin: 10px 45px 0px 30px;
padding:0px;
list-style-type:none;
list-style-image:none;
}

#btmenu ul li
{
margin-top:1px;
}

#btmenu #visitcompton
{
display:inline;
float:right;
width:287px;
height:92px;
margin: 21px 21px 21px 30px;
padding: 5px 5px 5px 8px;
background-color:#EEF1F4;
border:1px solid #D8DFDF;
font-weight:bold;
overflow:hidden;
}

#btmenu .retailss
{
margin-left:-90px;
}

#btmenu #visitcompton img
{
float:right;
margin: -5px -5px 0px 0px;
}

#footer
{
position: relative;
top: 0px;
left: 0px;
display:block;
float:left;
width:1000px;
height:46px;
line-height:46px;
margin: 0px;
padding:0px;
background: url('/gfx/footer-bg.gif') no-repeat center top;
color:#ffffff;
font-size:0.7em;
}

#footer p
{
display:inline;
float:left;
width:400px;
margin: 0px 0px 0px 30px;
padding:0px;
}

#footer ul
{
display:inline;
float:right;
width:auto;
margin: 0px 30px 0px 30px;
padding:0px;
list-style-type:none;
list-style-image:none;
}

#footer ul li
{
display:inline;
float:left;
margin-left:10px;
}


#mainlogo
{
border:none;
margin: 27px 0px 0px 39px;
}

/********************
contact page
********************/

#contactleft
{
display:inline;
float:left;
width:420px;
height:auto;
margin: 0px 10px 0px 10px;
}

#contactright
{
display:inline;
float:left;
width:530px;
height:auto;
margin: 0px 0px 0px 10px;
}


#contactright #submitemail
{
display:block;
float:left;
width:98px;
height:38px;
text-indent:-3000px;
font-size:0px;
background: url('/gfx/sendEmail.gif') no-repeat center center;
margin-left:278px;
border:none;
cursor:pointer;
line-height:0px;
}

#contactright #submitemail:hover
{
background: url('/gfx/sendEmailHi.gif') no-repeat center center;
}

#contactleft h4, #contactright h4
{
font-size:1.2em;
}




/********************
Homepage box styles
********************/

.homeoptions
{
position: relative;
top: 0px;
left: 0px;
display:inline;
float:left;
width:auto;
height:auto;
margin:0px;
padding:0px;
}

#homeopta
{
width:253px;
margin-left:-10px;
}

#homeopta img
{
margin-top:-1px;
margin-bottom:0px;
}

#homeoptb
{
width:243px;
padding-top:10px;
margin-right:12px;
}

#homeoptc
{
width:235px;
padding-top:10px;
margin-right:12px;
}

#homeoptd
{
width:234px;
padding-top:10px;
}

.homeintro
{
display:block;
float:left;
width:980px;
height:auto;
margin: 10px 0px 20px 0px;
padding:0px;
line-height:1.4em;
}

#whyultimate
{
display:inline;
float:left;
width:960px;
height:auto;
margin: 20px 0px 0px 0px;
padding: 15px 10px 10px 10px;
background-color:#ADBDBC;
}

#whyultimate ul
{
display:inline;
float:left;
width:310px;
list-style-type:square;
padding-left:23px;
margin-top:16px;
margin-bottom:0px;
margin-right:5px;
margin-left:0px;
}

#whyultimate #whyulh
{
margin-top:5px;
}

#whyultimate .wcsd
{
width:283px;
margin-top:-27px;
}

#whyultimate ul li
{
padding-bottom:8px;
font-weight:bold;
font-size:0.9em;
line-height:1.4em;
}

/*********************
Learn more page boxes
**********************/

#learnmore
{
display:block;
float:left;
width:980px;
height:auto;
margin: 0px 0px 30px 0px;
padding:0px;
}

#learnmore ul
{
display:inline;
float:left;
list-style-type:square;
padding-left:33px;
}

#learnmore ul li
{
padding-bottom:4px;
}

#learnmore .features
{
display:inline;
float:left;
width:300px;
height:auto;
margin: 0px 10px 0px 0px;
padding: 0px 10px 0px 10px;
}

#stdfeatures
{
background-color:#ffffff;
padding: 0px 10px 0px 10px !important;
cursor:pointer;
}

#stdfeatures ul
{
display:inline;
float:left;
width:110px;
list-style-image:url('/gfx/green-tick.gif');
list-style-type:square;
height:103px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
}

#stdfeatures ul li
{
display:list-item;
float:left;
width:110px;
padding-bottom:16px;
}

#stdfeatures img
{
margin: 10px 10px 15px 10px;
}

#stdfeatures p
{
width:100%;
text-align:center;
font-weight:bold;
margin-top:0px;
}

#stdfeatures p img
{
float:right;
margin: -3px 0px 0px 0px;
}

#personalise
{
cursor:pointer;
}

#personalise p
{
text-align:center;
margin-top:9px;
margin-bottom:0px;
}

#personalise .learnmoreimg
{
float:right;
margin: -3px 0px 0px 0px;
}


#personalise .perimga
{
margin-right:10px;
margin-bottom:10px;
}

#personalise .perimgb
{
margin-bottom:10px;
}

#personalise .perimgc
{
margin-right:10px;
margin-bottom:10px;
}

#personalise .perimgd
{
margin-bottom:10px;
}


#construction
{
margin-right:0px !important;
cursor:pointer;
}


#construction p
{
margin:0px;
text-align:center;
}

#construction p img
{
position:relative;
top:0px;
left:0px;
z-index:7;
float:right;
margin: 10px 0px -49px 0px;
}

#construction p a
{
position:relative;
top:0px;
left:0px;
z-index:13;
}

#construction .learnmoreimg
{
float:right;
margin: -3px 20px 0px 0px;
}

.learnmorep
{
margin-top:2px;
margin-bottom:23px;
}


/**************************
Learn more - features page
**************************/

#stdfeattext
{
display:inline;
float:left;
width:670px;
margin-top:15px;
}

#stdfeatimg
{
display:inline;
float:left;
width:300px;
margin: 15px 0px 0px 10px;
}


/*****************************
Learn more - personalise page
*****************************/

#peroptstext
{
display:inline;
float:left;
width:640px;
margin: 15px 0px 15px 0px;
}

#peroptsimg
{
display:inline;
float:left;
width:290px;
margin: 15px 10px 0px 0px;
}

#peroptsimg img
{
display:inline;
float:left;
margin: 0px 0px 10px 0px;
}

#peroptsimg .psskimg
{
margin-top:-98px;
margin-right:11px;
}

#peroptsimg .pselimg
{
margin-top:-71px;
margin-right:11px;
}

#peroptsimg .psimgmr
{
margin-right:11px;
}

#peroptstext p
{
margin:5px 0px 20px 0px;
line-height:1.3em;
}

/*****************************
Learn more - construction page
*****************************/

.constructiondetail
{
display:inline;
float:left;
width:470px;
height:auto;
margin: 0px 10px 15px 10px;
padding:0px;
}

.constructiondetail p
{
font-size:1.2em;
position:relative;
top:0px;
left:0px;
}

.constructiondetail p .enlrg
{
position:absolute;
bottom:10px;
left:10px;
cursor:pointer;
display:none;
}

#constructionPDF
{
display:block;
float:left;
width:100%;
height:auto;
margin: 15px 0px 35px 0px;
padding:0px;
}

/*************************
Design your own garage
*************************/

#quoteform
{
display:block;
float:left;
width:980px;
height:auto;
margin: 10px 0px 20px 0px;
padding:0px;
}


.quotedetail
{
display:inline;
float:left;
width:485px;
height:auto;
margin: 0px 10px 15px 0px;
padding:0px;
}

.quotedetailR
{
margin-right:0px !important;
}

.quotedetail label
{
display:inline;
float:left;
width:117px;
margin-right:15px;
margin-bottom:11px;
border-bottom:1px solid #F2F6F6;
padding: 3px 3px 2px 3px;
cursor:pointer;
}

.quotedetail label.blklbl
{
border-bottom:1px solid #ffffff;
cursor:default;
}

.quotedetail label.blklbl:hover
{
background-color: #ffffff;
}


.quotedetail label:hover
{
background-color:#F6FAFA;
}

.quotedetail .sinput
{
display:inline;
float:left;
margin-right:225px;
margin-bottom:14px;
}

.quotedetail .lxinput
{
display:inline;
float:left;
margin-right:10px;
margin-bottom:14px;
}

.quotedetail .xlinput
{
display:inline;
float:left;
width:310px;
margin-right:0px;
margin-bottom:14px;
font-size:0.8em;
}

#rooftypecr
{
margin-right:450px;
margin-bottom:20px;
}


#quotedetNS
{
display:block;
float:right;
width:116px;
height:44px;
color:#ADBDBC;
text-indent: -3000px;
background: url('/gfx/continue-quote.gif') no-repeat center center;
border:none;
cursor:pointer;
margin-right:60px;
font-size:0px;
line-height:0px;
}

#quotedetNS:hover
{
background: url('/gfx/continue-quoteHi.gif') no-repeat center center;
}


#quotedetRS
{
display:block;
float:left;
width:131px;
height:44px;
color:#ADBDBC;
text-indent: -3000px;
background: url('/gfx/start-again-quote.gif') no-repeat center center;
border:none;
cursor:pointer;
font-size:0px;
line-height:0px;
}

#quotedetRS:hover
{
background: url('/gfx/start-again-quoteHi.gif') no-repeat center center;
}

#quotedetRSB
{
display:none;
float:right;
width:131px;
height:44px;
color:#ADBDBC;
text-indent: -3000px;
background: url('/gfx/start-again-quote.gif') no-repeat center center;
border:none;
cursor:pointer;
font-size:0px;
line-height:0px;
margin-top:15px;
}

#quotedetRSB:hover
{
background: url('/gfx/start-again-quoteHi.gif') no-repeat center center;
}

#quotedetGQ
{
float:right;
width:174px;
height:44px;
color:#ADBDBC;
text-indent: -3000px;
background: url('/gfx/generate-quote.gif') no-repeat center center;
border:none;
cursor:pointer;
margin-right:0px;
font-size:0px;
line-height:0px;
}

#quotedetGQ:hover
{
background: url('/gfx/generate-quoteHi.gif') no-repeat center center;
}

#quotespecf
{
display:block;
float:left;
width:980px;
height:auto;
margin-bottom:20px;
}

#quotedetscomp
{
display:none;
float:left;
width:946px;
height:61px;
background: #ffffff url('/gfx/quote-section-complete.gif') no-repeat right center;
border-bottom:1px solid #E9E9E9;
margin-bottom:25px;
padding-bottom:15px;
}

#quotespeccomp
{
display:none;
float:left;
width:946px;
height:61px;
background: #ffffff url('/gfx/quote-section-complete.gif') no-repeat right center;
border-bottom:1px solid #E9E9E9;
margin-bottom:25px;
padding-bottom:15px;
}

#quotespec
{
position:relative;
top:0px;
left:0px;
display:block;
float:left;
width:100%;
height:100%;
overflow:hidden;
border-bottom:1px solid #E9E9E9;
margin-top:15px;
margin-bottom:25px;
}

#quotespecdet
{
display:none;
float:left;
width:946px;
height:auto;
margin: 0px 0px 0px 0px;
padding:15px;
background-color:#ffffff;
}

#quotespecdet #nmprice
{
font-size:1.2em;
}

#quotespecdet #dsprice
{
font-size:1.3em;
}

#quotespecdet span
{
text-decoration:line-through;
}

#quotespecdet em
{
font-weight:bold;
font-style:normal;
}

#quotespecdet #quotesubmit
{
float:right;
}


#quotespec p
{
display:block;
float:left;
margin: 5px 0px 15px 0px;
}


#quotedets
{
position:relative;
top:0px;
left:0px;
display:block;
float:left;
width:100%;
height:auto;
overflow:hidden;
border-bottom:1px solid #E9E9E9;
margin-bottom:25px;
padding-bottom:15px;
}


#qtCover
{
position:absolute;
top:0px;
left:0px;
display:block;
float:left;
width:100%;
min-height:100%;
height:100%;
background: url('/gfx/opacCover.png') repeat left top;
}

.quotedetail .linput
{
display:inline;
float:left;
margin-right:95px;
margin-bottom:11px;
height:16px !important;
}

.quotedetail textarea.linput
{
height:auto !important;
}

#quoteform #gqsizea
{
display:inline;
float:left;
width:305px;
height:auto;
margin: 0px 15px 15px 0px;
padding:0px;
}

#quoteform #gqsizeb
{
display:inline;
float:left;
width:655px;
height:auto;
margin: 0px 0px 15px 0px;
padding:0px;
position:relative;
top:0px;
left:0px;
cursor:pointer;
}

#quoteform #gqsizea .gqsize, #quoteform #gqsizeb .gqsize
{
display:inline;float:left;
width:90px;
height:33px;
margin:0px;
padding:5px;
text-align:center;
border-bottom: 1px solid #92A5A4;
border-right: 1px solid #92A5A4;
}

#quoteform #gqsizea .gqsizel, #quoteform #gqsizeb .gqsizel
{
border-left: 1px solid #92A5A4;
}

#quoteform #gqsizea .gqsizeh, #quoteform #gqsizeb .gqsizeh
{
background-color:#92A5A4;
color:#ffffff;
}

#quoteform #gqsizea .gqsizehl, #quoteform #gqsizeb .gqsizehl
{
background-color:#92A5A4;
color:#ffffff;
border-left: 1px solid #92A5A4;
}

#quoteform #gqsizeb .gqsizehlr
{
position:absolute;
top:0px;
left:0px;
background-color:#92A5A4;
color:#ffffff;
border-left: 1px solid #92A5A4;
width:300px !important;
height:16px;
text-align:left !important;
padding: 4px 5px 0px 5px !important;
}

#quoteform #gqsizeb input
{
margin: 8px 36px 8px 36px;
}


.quoteoption
{
display:inline;
float:left;
width:485px;
height:auto;
margin: 0px 10px 15px 0px;
padding:0px;
}

.quoteoptionR
{
margin-right:0px !important;
}

.quoteoption .wallopt
{
display:inline;
float:left;
width:114px;
height:82px;
margin: 0px 6px 10px 0px;
padding:0px;
font-size:0.9em;
}

.quoteoption .wallopt img, .quoteoption .walloptlg img
{
margin-bottom:7px;
cursor:pointer;
margin-right:16px;
}

.quoteoption .walloptlg
{
display:inline;
float:left;
width:155px;
height:82px;
margin: 0px 6px 10px 0px;
padding:0px;
font-size:0.9em;
}

#qfdoortype, #qfpersdoortype
{
height:220px;
}

#qfdoortype img
{
float:left;
margin-right:10px;
margin-bottom:55px;
}

#qfdoortype input
{
display:inline;
float:left;
padding-top:0px;
margin-right:10px;
margin-bottom:5px;
height:13px;
}

#qfdoortype label
{
display:inline;
float:left;
width:345px;
margin-bottom:5px;
}

#qfpersdoortype input
{
display:inline;
float:left;
padding-top:0px;
margin-right:10px;
margin-bottom:5px;
height:13px;
}

#qfpersdoortype label
{
display:inline;
float:left;
width:455px;
margin-bottom:5px;
}

.qfotheroptions
{
display:inline;
float:left;
width: 230px;
height:154px;
margin: 0px 10px 10px 0px;
padding:0px;
}

.qfotheroptions img
{
float:left;
margin: 0px 10px 0px 0px;
}

.qfotheroptions label
{
display:inline;
float:left;
width:90px;
margin-bottom:45px;
}

.qfotheroptions label span
{
font-size:0.8em;
}

.qfotheroptions input
{
display:inline;
float:left;
margin-right:5px;
margin-bottom:45px;
}

span.aboutugwidth span
{
background: url('/gfx/ex-width-bg.gif') no-repeat center center;
}


#prquoteemail
{
font-weight:bold;
text-decoration:none !important;
}

#quotespecdetc
{
display:inline;
float:left;
width:503px;
}

#quotespecdetr
{
display:inline;
float:left;
width:423px;
margin-left:18px;
}

#quotespecdetc h4, #quotespecdetr h4
{
font-size:1.4em;
margin-top:0px;
margin-bottom:15px;
}

#quoteload
{
display:none;
float:left;
width:946px;
height:172px;
margin:0px;
padding:0px;
}

#quoteerror
{
display:none;
float:left;
width:250px;
height:auto;
margin: 0px 0px 0px -140px;
padding: 15px 15px 35px 15px;
color:#ffffff;
font-weight:bold;
background-color:#656A6A;
border:2px solid #5D6262;
position:absolute;
top:330px;
left:50%;
font-size:1.2em;
}

#quoteerror #errConf
{
position:absolute;
bottom:5px;
right:5px;
display:block;
float:left;
padding: 4px 7px 4px 7px;
background-color:#8E9494;
border:1px solid #606464;
cursor:pointer;
}

#quoteerror #errConf:hover
{
background-color:#ABB2B2;
}

#quotenote
{
display:none;
float:left;
width:100%;
font-size:0.9em;
margin: 15px 0px 0px 0px;
}

/*************************
Retailers page
*************************/

table tr#searchResultTitles
{
background-color:#C6CDCD;
font-size:1.2em;
font-weight:bold;
}

table.searchResultRow
{
border-bottom:1px dashed #E9E9E9;
padding: 20px 0px 20px 0px;
background: transparent url('/gfx/retailer-bg.gif') repeat-x left top;
}

table.searchResultRow td
{
padding-left:10px;
}

table.searchResultRow:hover
{
background-color:#FFFDE7;
background-image:none;
}

table.searchResultRow em
{
font-style:normal;
font-weight:bold;
font-size:1.2em;
}

table.searchResultRow .agentweblink
{
font-size:0.9em;
}

#resultPagesGrid
{
display:none;
float:left;
margin: 15px 0px 15px 0px;
font-weight:bold;
}

#resultPagesGrid strong
{
margin: 0px 5px 0px 2px;
}

#resultPagesGrid a strong
{

}


/*************************
Gallery Page
*************************/

#galleryphotos
{
position:relative;
top:0px;
left:0px;
display:block;
float:left;
width:951px;
height:auto;
margin: 15px 15px 15px 14px;
padding:0px;
}

#galleryphotos .gathumb
{
position:relative;
top:0px;
left:0px;
display:inline;
float:left;
margin: 5px 30px 25px 30px;
padding:0px;
width:257px;
height:211px;
cursor:pointer;
}


#galleryphotos .gathumb .gaphoto
{
position:relative;
top:0px;
left:0px;
display:inline;
float:left;
width:257px;
height:211px;
margin: 0px;
text-align:center;
}

#galleryphotos .gathumb .gaphoto img
{
border:1px solid #ECECEC;
}

#galleryphotos .gathumb .gaphoto .photoText
{
position:absolute;
top:170px;
left:0px;
display:block;
float:left;
text-align:center;
width:100%;
height:29px;
font-size:0.9em;
line-height:1.3em;
color:#3E3F3F;
font-weight:bold;
background: url('/gfx/gaThumbBg.gif') repeat-x center bottom;
padding: 6px 0px 6px 0px;
}

#galleryphotos .gathumb:hover .photoText
{
background: url('/gfx/gaThumbBgHi.gif') repeat-x center bottom;
}

#ugGallery
{
position:absolute;
top:0px;
left:0px;
display:none;
float:left;
width:100%;
height:100%;
background: url('/gfx/gaBackground.png') repeat left top;
margin:0px;
padding: 0px 0px 252px 0px;
text-align:center;
z-index:1300;
}

#ugGallery #ugLoader
{
position:absolute;
top:300px;
left:50%;
margin-left:-49px;
display:none;
}

#ugGallery #photoContainer
{
position:relative;
top:0px;
left:0px;
margin: 40px auto 0px auto;
background-repeat:no-repeat;
background-position: center top;
}

#ugGallery #photoContainer #gLeftNav
{
display:inline;
float:left;
background-repeat:no-repeat;
background-position: left center;
cursor:pointer;
}

#ugGallery #photoContainer #gRightNav
{
display:inline;
float:right;
background-repeat:no-repeat;
background-position: right center;
cursor:pointer;
}

#ugGallery #photoDetails
{
position:relative;
top:0px;
left:0px;
color:#3f3f3f;
width:auto;
height:30px;
margin: 9px auto 0px auto;
text-align:left;
font-weight:bold;
font-size:1.4em;
}

#ugGallery #photoDetails #closePhoto
{
float:right;
margin-left:15px;
margin-top:2px;
cursor:pointer;
}

/*************************
Sitemap page
*************************/

#sitemap, #sitemap ul, #sitemap ul ul
{
width:565px;
list-style-type:none;
list-style-image: none;
}

#sitemap ul
{
margin: 7px 0px 0px 0px;
}

#sitemap li
{
min-height:22px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 4px 23px;
line-height:26px;
background: url('/gfx/list-arrow.gif') no-repeat 0px 2px;
border-bottom: 1px dotted #E1E6E6;
}

#sitemap li ul li
{
border-bottom: none;
}

#sitemap li:hover
{
background: url('/gfx/list-arrowHi.gif') no-repeat 0px 2px;
}


#sitemap a:link		{color:#000000;text-decoration:none;font-weight:bold;padding:5px;background-color:#ffffff;}
#sitemap a:visited	{color:#000000;text-decoration:none;font-weight:bold;padding:5px;background-color:#ffffff;}
#sitemap a:hover	{color:#000000;text-decoration:underline;font-weight:bold;padding:5px;background-color:#ffffff;}
#sitemap a:active	{color:#000000;text-decoration:underline;font-weight:bold;padding:5px;background-color:#ffffff;}

#sitemap a.current	{color:#4D4D4D;text-decoration:none;font-weight:bold;padding:5px;background-color:#FFFAAF;}

#sitemap li span	{margin-left:25px;padding:5px 9px 5px 9px;background-color:#FFFAAF;color:#000000;font-weight:bold;}

#showSitemap
{
position:absolute;
top:115%;
left:50%;
display:none;
float:left;
width:960px;
height:490px;
overflow:auto;
padding:0%;
margin: 0px 0px 0px -480px;
border:3px solid #C1C3C3;
background-color:#ffffff;
font-size:1.2em;
}

#showSitemap div
{
position:absolute;
top:0%;
left:0%;
display:block;
float:left;
width:100%;
height:100%;
background-color:#ffffff;
}

#closeSitemapA
{
position:absolute;
top:15px;
right:15px;
padding:5px 9px 5px 9px;
background-color:#FFFAAF;
color:#000000;
font-weight:bold;
cursor:pointer;
}

#closeSitemapB
{
display:block;
float:right;
padding:5px 9px 5px 9px;
background-color:#FFFAAF;
color:#000000;
font-weight:bold;
cursor:pointer;
margin: 0px 15px 15px 0px;
}




/*************************
Standard text/link styles
*************************/

#legal
{
display:block;
float:left;
width:970px;
height:auto;
margin: 10px 15px 10px 15px;
padding:0px;
font-size:0.7em;
text-align:center;
}

.leftcontents
{
display:inline;
float:left;
width:485px;
height:auto;
margin: 0px 10px 15px 0px;
padding:0px;
}

.leftcontentsr
{
margin-right:0px !important;
}

.leftcontents .options
{
display:inline;
float:left;
width:114px;
height:82px;
margin: 0px 6px 10px 0px;
padding:0px;
font-size:0.9em;
text-align:center;
}


#contentheader
{
margin-bottom:20px;
}

.contentheader
{
margin-bottom:20px !important;
}


.mheader
{
position:absolute;
top:25px;
right:160px;
text-indent:-3000px;
width:440px;
height:38px;
margin:0px;
padding:0px;
color:#ffffff;
font: normal 25pt 'verdana';
clear:both;
background: url('/gfx/compton_ultimate_garages.png') no-repeat center center;
}

.ssheader
{
background-repeat: no-repeat;
text-indent:-3000px;
width:auto;
height:auto;
margin:0px;
padding:0px;
color:#000000;
font: normal 14px 'verdana';
clear:both;
}

.smheader
{
background-repeat: no-repeat;
text-indent:-3000px;
width:auto;
height:auto;
margin:0px;
padding:0px;
color:#000000;
font: normal 18px 'verdana';
clear:both;
}

.slheader
{
background-repeat: no-repeat;
text-indent:-3000px;
width:auto;
height:auto;
margin: 20px 0px 0px 0px;
padding:0px;
color:#000000;
font: normal 20px 'verdana';
clear:both;
}

.hometheader
{
background-repeat: no-repeat;
text-indent:-3000px;
width:auto;
height:auto;
margin: 5px 0px 0px 0px;
padding:0px;
color:#000000;
font: normal 17px 'verdana';
}

#introText
{
display:inline;
float:left;
width:735px;
height:115px;
overflow:hidden;
margin-bottom:2px;
padding-top:10px;
word-spacing: -1px;
}

#hometext
{
display:block;
float:left;
width:auto;
margin-top:-20px;
font-size:0.9em;
line-height:1.5em;
margin-bottom:0px;
}

#hometext:first-letter
{
margin-left:262px;
}

#homebanner
{
display:inline;
float:left;
margin: 20px 18px 10px 0px;
}

.stdintro
{
font-size:0.9em;
line-height:1.5em;
}


.fireresimg
{
margin-top:-40px !important;
}

.imgright
{
float:right;
margin: 0px 0px 10px 10px;
}

.redtxt
{
color:#D50B1E !important;
font-weight:bold;
}

.boldtxt
{
font-weight:bold;
}

#gtDesign
{
display:block;
float:left;
width:400px;
margin: 30px 0px 0px 0px;
}

#peroptstext #gtDesign
{
float:right;
margin: 0px 0px 0px 0px;
}

img
{
border:none;
}

.quotebanner
{
float:right;
margin:-10px 0px 5px 15px;
}


.fulltext
{
display:block;
float:left;
width:100%;
margin: 10px 0px 10px 0px;
}

.pdTxt
{
display:block;
float:left;
padding-bottom:15px;
}

.liLine
{
display:block;
float:left;
list-style-type:square;
width:100%;
margin-top:0px;
}

.liLine li
{
display:list-item;
float:left;
width:auto;
padding-right:30px;
}

#backtoabout
{
position:absolute;
top:45px;
left:0px;
}

.nbd
{
display:block;
float:left;
width:100%;
margin: -15px 0px 15px 0px;
}

#ieImgError
{
display:none;
}


.fcolortexture
{
display:inline;
float:left;
width: 100px;
height: 73px;
margin: 15px 25px 8px 25px;
padding:0px;
text-align:center;
font-size:0.9em;
}

.fcolortexture img
{
margin-bottom:3px;
}





#topmenu a:link 	{diplay:inline;float:left;width:132px;height:32px;line-height:32px;text-align:center;padding:0px;margin:0px;color: #DADCDC; text-decoration: none;background: url('/gfx/menu-bt-lw.gif') no-repeat center center;font-weight:bold;font-size:1.1em; }
#topmenu a:visited 	{diplay:inline;float:left;width:132px;height:32px;line-height:32px;text-align:center;padding:0px;margin:0px;color: #DADCDC; text-decoration: none;background: url('/gfx/menu-bt-lw.gif') no-repeat center center;font-weight:bold;font-size:1.1em; }
#topmenu a:hover 	{diplay:inline;float:left;width:132px;height:32px;line-height:32px;text-align:center;padding:0px;margin:0px;color: #DADCDC; text-decoration: none;background: url('/gfx/menu-bt-hi.gif') no-repeat center center;font-weight:bold;font-size:1.1em; }
#topmenu a:active 	{diplay:inline;float:left;width:132px;height:32px;line-height:32px;text-align:center;padding:0px;margin:0px;color: #DADCDC; text-decoration: none;background: url('/gfx/menu-bt-hi.gif') no-repeat center center;font-weight:bold;font-size:1.1em; }
#topmenu .current	{background: url('/gfx/menu-bt-hi.gif') no-repeat center center !important;}

#btmenu a:link 		{color: #000000; text-decoration: none; font-size:0.9em;}
#btmenu a:visited 	{color: #000000; text-decoration: none; font-size:0.9em;}
#btmenu a:hover 	{color: #000000; text-decoration: underline; font-size:0.9em;}
#btmenu a:active 	{color: #000000; text-decoration: underline; font-size:0.9em;}

#footer a:link 		{color: #ffffff; text-decoration: none; }
#footer a:visited 	{color: #ffffff; text-decoration: none; }
#footer a:hover 	{color: #ffffff; text-decoration: underline; }
#footer a:active 	{color: #ffffff; text-decoration: underline; }

a.blklink:link 		{color: #000000; font-weight:normal; text-decoration: none; }
a.blklink:visited 	{color: #000000; font-weight:normal; text-decoration: none; }
a.blklink:hover 	{color: #000000; font-weight:normal; text-decoration: underline; }
a.blklink:active 	{color: #000000; font-weight:normal; text-decoration: underline; }

a.blkblink:link 	{color: #000000; font-weight:bold; text-decoration: none; }
a.blkblink:visited 	{color: #000000; font-weight:bold; text-decoration: none; }
a.blkblink:hover 	{color: #000000; font-weight:bold; text-decoration: underline; }
a.blkblink:active 	{color: #000000; font-weight:bold; text-decoration: underline; }

a.doclink:link 		{display:inline;float:left;width:auto;height:29px;font-size:0.9em;line-height:29px;background: #D9DADA url('/gfx/doclink-bg.gif') repeat-x left center;border:1px solid #E6E6E6;color: #222222; text-decoration: none; padding: 0px 7px 0px 0px;}
a.doclink:visited 	{display:inline;float:left;width:auto;height:29px;font-size:0.9em;line-height:29px;background: #D9DADA url('/gfx/doclink-bg.gif') repeat-x left center;border:1px solid #E6E6E6;color: #222222; text-decoration: none; padding: 0px 7px 0px 0px;}
a.doclink:hover 	{display:inline;float:left;width:auto;height:29px;font-size:0.9em;line-height:29px;background: #D9DADA url('/gfx/doclink-bg.gif') repeat-x left center;border:1px solid #E6E6E6;color: #000000; text-decoration: underline; padding: 0px 7px 0px 0px;}
a.doclink:active 	{display:inline;float:left;width:auto;height:29px;font-size:0.9em;line-height:29px;background: #D9DADA url('/gfx/doclink-bg.gif') repeat-x left center;border:1px solid #E6E6E6;color: #000000; text-decoration: underline; padding: 0px 7px 0px 0px;}
.doclink span		{display:inline;float:left;height:29px;background: transparent url('/gfx/doclink-pdf.gif') no-repeat left center;padding-left:36px;text-decoration:none !important;}
#quotespecdet a.doclink {border:1px solid #C0C8C9 !important;margin-top:10px;margin-right:30px;}


a.pdfDL:link 		{display:inline;float:left;width:175px; height:33px;background: #DDE0E0 url('/gfx/pdfdownload.gif') no-repeat left center;text-align:center;border:2px solid #E4E6E6;color: #000000; font-weight:bold;font-size:0.9em;line-height:16px;padding: 1px 6px 1px 42px;margin: 0px 18px 20px 0px;text-decoration: none; }
a.pdfDL:visited 	{display:inline;float:left;width:175px; height:33px;background: #DDE0E0 url('/gfx/pdfdownload.gif') no-repeat left center;text-align:center;border:2px solid #E4E6E6;color: #000000; font-weight:bold;font-size:0.9em;line-height:16px;padding: 1px 6px 1px 42px;margin: 0px 18px 20px 0px;text-decoration: none; }
a.pdfDL:hover 		{display:inline;float:left;width:175px; height:33px;background: #DDE0E0 url('/gfx/pdfdownload.gif') no-repeat left center;text-align:center;border:2px solid #C3C8C8;color: #707070; font-weight:bold;font-size:0.9em;line-height:16px;padding: 1px 6px 1px 42px;margin: 0px 18px 20px 0px;text-decoration: underline; }
a.pdfDL:active 		{display:inline;float:left;width:175px; height:33px;background: #DDE0E0 url('/gfx/pdfdownload.gif') no-repeat left center;text-align:center;border:2px solid #C3C8C8;color: #707070; font-weight:bold;font-size:0.9em;line-height:16px;padding: 1px 6px 1px 42px;margin: 0px 18px 20px 0px;text-decoration: underline; }


a:link 		{color: #0042BB; text-decoration: underline; }
a:visited 	{color: #0042BB; text-decoration: underline; }
a:hover 	{color: #0042BB; text-decoration: none;      }
a:active 	{color: #0042BB; text-decoration: none; }