/*@import url('core.css');*/

@import url('reset.css');
@import url('cmxform.css');
@import url('slimbox2.css');

/********************************************
        PRIMARY STYLES
********************************************/


#secondary{margin-right: 20px;}

body {font: 12px Verdana, Arial sans-serif; color:#e2e2e2; background:url('../images/background/background.jpg') top center no-repeat #1e1e1e;}
a {color:#ff7200; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 { font-size: 20px; margin-bottom: 1em; }
h2 { font-size: 16px; margin-bottom: 0.5em; }
h3 { font-size: 14px; margin-bottom: 15px; }
h4 { font-size: 13px; margin-bottom: 10px; }
h5 { font-size: 12px; margin-bottom: 5px; }

/*h2, h3, h4, h5 {font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color:#fff; font-variant:small-caps;}*/

.pdf {
    background: url('../images/icons/pdf.gif') no-repeat;
    height: 16px;
    padding-left: 22px;
}

ul#pdf-list li {margin: 15px 8px 15px 8px; list-style: none; float: left; width: 250px;}

/* Containers */
#container{width:960px; margin:0 auto;}
#header{height:141px; position:relative;}
#content{background:url(../images/background/content.jpg) no-repeat 0 0;}
#secondary{width:201px; float:left; padding:40px 0 0 30px;}
ul#navigation{width:200px; height:320px; padding-bottom:30px; margin-left: 0;}
#contact_details{}
#primary{width:630px; float:right; padding-right:40px;}
#banner{width:630px; height:279px; display:block; overflow:hidden;}
#footer{clear:both; padding-top:40px; background:url(../images/background/footer.gif) no-repeat 0 0; font-size:11px;}

/* Header Elements */
#logo{position:absolute; top:30px; left:9px;}
#call_to_action{position:absolute; left:337px; top:85px;}
#licensee{position:absolute; right:7px; top:27px;}

/* Secondary Elements */
#contact_details ul {padding-bottom:15px; list-style-type: none; margin-left: 0;}
#contact_details ul li {padding-bottom:5px;}
#contact_details ul li span {float:left; width:35px; background:url(../images/icons/arrow.gif) 18px 3px no-repeat;}

/* Navigation Elements */
ul#navigation li {height:32px; width:200px; display:block;}
ul#navigation li a {height:32px; width:200px; line-height:32px; text-indent:-9999px; display:block;}
ul#navigation li a:hover {background-position:-200px 0;}

ul#navigation li#nav-home a {background-image:url('/images/navigation/home.gif');}
ul#navigation li#nav-company_profile a {background-image:url('/images/navigation/company_profile.gif');}
ul#navigation li#nav-marine a {background-image:url('/images/navigation/marine.gif');}
ul#navigation li#nav-heavy_duty_coatings a {background-image:url('/images/navigation/heavy_duty_coatings.gif');}
ul#navigation li#nav-architectural_paints a {background-image:url('/images/navigation/architectural_paints.gif');}
ul#navigation li#nav-road_marking_materials a {background-image:url('/images/navigation/road_marking_materials.gif');}
ul#navigation li#nav-asset a {background-image:url('/images/navigation/asset_maintenance.gif');}
ul#navigation li#nav-contractors a {background-image:url('/images/navigation/contractors.gif');}
ul#navigation li#nav-approvals a {background-image:url('/images/navigation/approvals.gif');}
ul#navigation li#nav-contact_us a {background-image:url('/images/navigation/contact_us.gif');}

body#p-index li#nav-home a,
body#p-company_profile li#nav-company_profile a,
body#p-marine li#nav-marine a,
body#p-heavy_duty_coatings li#nav-heavy_duty_coatings a,
body#p-architectural_paints li#nav-architectural_paints a,
body#p-road_marking_materials li#nav-road_marking_materials a,
body#p-asset_maintenance li#nav-asset a,
body#p-contractors li#nav-contractors a,
body#p-approvals li#nav-approvals a,
body#p-contact_us li#nav-contact_us a {background-position:-402px 0;}

/* Primary Elements */
#banner { margin-bottom: 2em; }
#banner img {width:630px; height:279px; display:block; overflow:hidden; }

h1 {text-indent: -9999px;	height: 23px;	display: block;}

body#p-index h1 { background-image:url('/images/headings/h1-home.gif'); width: 274px; }
body#p-company_profile h1{background-image:url('/images/headings/h1-company_profile.gif'); width: 152px; }
body#p-marine h1 {background-image:url('/images/headings/h1-marine.gif'); width: 69px; }
body#p-heavy_duty_coatings h1 {background-image:url('/images/headings/h1-heavy_duty_coatings.gif'); width: 193px; }
body#p-architectural_paints h1 {background-image:url('/images/headings/h1-architectural_paints.gif'); width: 175px; }
body#p-road_marking_materials h1 {background-image:url('/images/headings/h1-road_marking_materials.gif'); width: 222px;}
body#p-asset_maintenance h1 {background-image:url('/images/headings/h1_asset.gif'); width: 174px;}
body#p-contractors h1 {background-image:url('/images/headings/h1-contractors.gif'); width: 109px; }
body#p-approvals h1 {background-image:url('/images/headings/h1-approvals.gif'); width: 109px; }
body#p-contact_us h1, body#p-contact_thankyou h1 {background-image:url('/images/headings/h1-contact_us.gif'); width: 109px; }
body#p-terms h1 {background-image:url('/images/headings/h1-terms.gif'); width: 199px; }

#primary p {line-height:18px; margin-bottom: 1.35em; }
#primary ol, #primary ul {line-height:18px; margin: 0 0 15px 35px;}
#primary ul { list-style: disc; }
#primary ol {}
#primary ol.numbered {list-style-type: decimal;}

#primary ul#approvals li {display:block; margin-bottom:20px; background:#1e1e1e url('../images/background/approval.jpg') right bottom no-repeat;}
#primary ul#approvals li h4 {padding:10px; background:#333 url('../images/background/header.jpg') no-repeat top right; font-size:12px;}
#primary ul#approvals li p {padding:10px;}

/* contact details */
ul#contact_locations li {display:block; clear:both; height:380px;}
ul#contact_locations li h3 {clear:both;}
ul#contact_locations li .map {float:right; margin-bottom:20px; border:2px dashed #333;}
ul#contact_locations li ul li {padding-bottom:3px; clear:none; height:auto;}
body#p-contact_us #primary h3 {border-bottom:2px dashed #333; padding-bottom:4px; margin-bottom:15px;}

/* Footer Elements */
ul#affilliates{float:left; padding-left:20px; height:50px; width:260px; list-style-type: none; }
ul#affilliates li {padding-right:10px; float:left;}

#footer p {float:left; color:#ff7200; line-height:24px;}
#copyright {color:#b0b0b0;}


#webfirm-logo{float:right;}



/********************************************
        LISTING STYLES
********************************************/



.item_listing li div.img {
    border: 5px solid #C0C0C0;
    text-align: center;
    color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
    border: 5px solid #C0C0C0;
    text-align: center;
    color: #C0C0C0;
    display: inline;
    float: left;
    height: 250px;
    margin-right: 20px;
    width: 250px;
}
#p-product #content .item{
    display: inline;
    float: left;
    width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
    border: 5px solid #C0C0C0;
    text-align: center;
    color: #C0C0C0;
    display: inline;
    float: left;
    height: 150px;
    margin-right: 20px;
    width: 150px;
}
#p-dynamic_page #content .item {
    display: inline;
}


/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
    height:400px;
    width:640px;
}
.googlemap span{
    display: block;
    margin-bottom: 3px;
    text-align: center;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
    margin-right: 10px;
    font-size: 0.8em;

}
.googlemap span{
    display: block;
    margin-bottom: 3px;
    text-align: center;
}