@import url('core.css');
@import url('/javascripts/colorbox/jquery.colorbox.css');

/********************************************
        PRIMARY STYLES
********************************************/
body{
    background-color: #000000;
    color: #B9D8ED;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
}

#content{margin-top: 10px;}
#content h2{font-size: 14px;}
#content h3{font-size: 12px;}
#content h4{font-size: 11px;}

h1, .number{color: #2b7fa3;}

a:link, a:visited{
    color: #B9D8ED;
    text-decoration: none;
}
a:hover, a:active{
    color: #2D80A5;
}

.container{width: 940px;}

#notice{text-align: center;
        font-size: 20px;}
.underlined{text-decoration: underline !important;}

#logo{float: left;}

/********************************************
        NAVIGATION STYLES
********************************************/
#navigation{
    float: right;
    font-size: 11px;
    padding: 35px 5px 0px 80px;
}
/*ul#nav{margin-right: -10px !important;}*/
.border{border-right: 1px solid #ccc;}
ul#sitemap{margin-left: -10px !important;}

li.arrow a {
    display:block;
}

ul.sub-list {margin-top: 20px;}
ul.sub-list.about {min-width: 40px;}
ul.sub-list.categories {min-width: 115px;}
/*ul.sub-list li{border-bottom: 1px solid #e1eaef; }*/
ul.sub-prod li{/*border-bottom: 1px solid #61aecc;*/ margin: 0px 5px;}
ul.sub-list .border-bottom{border-bottom: 1px solid #e1eaef;}
ul.sub-prod .border-bottom{border-bottom: 1px solid #61aecc;}

ul.sub-list a {
    padding: 5px !important;
}

li.hover a.nav{color: #44abce !important;}
li.hover  {
    background: url('/images/nav/arrow.gif') top center no-repeat;
}

ul.sub-list li, ul.sub-prod li {
    float: none !important;
    display: block !important;
    padding: 10px 5px;
    /*text-indent: -10px !important;*/
    text-indent: 0 !important;
    white-space: nowrap;
}

ul.sub-list {
    color: #44ABCE !important;
    padding: 3px 0px;
    margin-left: 10px;
    background-color: #EDF8FC;
}

ul.sub-list li {
    background: url('/images/nav/subnav-arrow.gif') right center no-repeat #EDF8FC;
    color: #44ABCE;
    padding: 5px;
    padding-right: 15px;
}

/*.cat-list { color: #44ABCE !important;}*/
ul.sub-list li a {
    color: #44ABCE;
}

ul.sub-list li.hover {
    background: url('/images/nav/subnav-arrow-rollover.gif') right center no-repeat #44ABCE;
    /*color: #B9D8ED;*/
    color: #EDF8FC;
}

ul.sub-list li.hover a {
    /*color: #B9D8ED;*/
    color: #EDF8FC;
}

ul.sub-prod {
    margin: 0px 0px 0px 10px;
    padding: 3px 0;
    margin-left: 20px;
}

ul.sub-prod li {
    padding: 5px;
}

ul.sub-prod,
ul.sub-prod li {
    background: #44ABCE;
    color: #EDF8FC;
}

ul.sub-prod li a {
    color: #B9D8ED;
}

ul.sub-prod li.hover {
    background: #EDF8FC;
    color: #44ABCE;
}

ul.sub-prod li.hover a {
    color: #44ABCE;
}

li.arrow{padding: 10px 0px;}
#nav a{padding: 0px 10px !important;}
/*#nav a{padding-right: 10px !important;}*/
#nav a, #sitemap a{
    padding: 10px;
}

#p-index #nav-index a.nav, #p-about #nav-about a.nav,
#p-products #nav-products a.nav, #p-showcase #nav-showcase a.nav,
#p-tough_glass #nav-tough_glass a.nav, #p-contact #nav-contact a.nav,
#p-product_catalogue #nav-products a.nav{color: #44abce;}

#p-index #nav-index, #p-about #nav-about,
#p-products #nav-products, #p-showcase #nav-showcase,
#p-tough_glass #nav-tough_glass, #p-contact #nav-contact,
#p-product_catalogue #nav-products{
    background: url('/images/nav/arrow.gif') top center no-repeat;
    /*color: #44ABCE;*/
}

#banner{
    height: 350px;
    margin-top: 20px;
}
.hero-banner{
    height: 355px;
    width: 940px;
}

#primary{
    margin-top: 22px;
}
#primary-top{
    background: url('/images/core/bg-content-h1.jpg') top center no-repeat;
    height: 38px;
}
#primary-content{
    background: url('/images/core/bg-content.jpg') center #CCC;
    font-size: 11px;
    padding: 20px 60px 0px;
    text-align: justify;
}
#primary-content h2 {
		background: url('/images/core/bg-content-h1.jpg') top center no-repeat;
		height: 38px;
		font-size: 16px;
		padding: 9px 0px 0px 0;
		margin-bottom: 10px;
		color:#2B7FA3;
}
#primary-bottom{
    background: url('/images/core/bg-content-botom.jpg') bottom center no-repeat;
    height: 77px;
    margin-top: -20px;
}
#primary-content p{
    line-height: 150%;
}

#primary-top h1 {
    font-size: 16px;
    padding: 9px 0px 0px 60px;
    margin-bottom: 10px;
}

/********************************************
        SECONDARY STYLES
********************************************/
#secondary{
    width: 220px;
    margin-top: 40px;
}

.phone-img{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/core/cta-phone-trans.png');
    height: 85px;
    width: 62px;
    margin-top: -20px;
    margin-right: -5px;
}
.phone-img[class]{
    background: url('/images/core/cta-phone-trans.png') top right no-repeat;
}

#phone, #newsletter, #brochures{
    background: url('/images/core/bg-cta.jpg') center center repeat-y;
    border: 6px solid #202020;
    font-weight: bold;
    margin-bottom: 15px;
}

#brochures span {font-size:11px!important;}

#phone{height: 65px;}
.bg-cta-h2{
    background: url('/images/core/bg-cta-h2.gif') right top no-repeat;
    margin-bottom: 15px;
    padding: 0px;
}
.cta-h2{
    background-color: #B4AEA8;
    color: #000000;
    line-height: 23px !important;
    text-indent: 5px;
}
.call{width: 150px;}
.call-h2{width: 135px;}
.number{
    font-size: 15px;
    text-indent: 5px;
}

#newsletter p{
    margin-bottom: 10px;
}
#newsletter{
    height: 150px;
}
.join{width: 175px;}
.join-h2{width: 160px;}

.text-input{
    background: url('/images/core/bg-field-cta.jpg') center no-repeat;
    color: #1E1E1E;
    font-weight: bold;
    height: 30px;
    padding-left: 15px;
    width: 195px;
}

.button-style, .text-input{
    font-size: 11px;
    border: none;
}
.button-style{
    background: url('/images/core/bg-button.jpg') center;
    color: #2B7FA3;
    margin-right: 10px;
    padding: 5px 10px;
}

#brochures{height: 65px;}
#brochures span{margin-left: 5px;}
.download{width: 200px;}
.download-h2{width: 185px;}

/********************************************
        FOOTER STYLES
********************************************/
#footer{
    background: url('/images/core/bg-footer.gif') top center repeat-x;
    /*height: 150px;*/
    margin-top: 63px;
}
#footer-content{
    margin: 0 auto;
    padding-top: 18px;
    width: 940px;
}
#footer-content img{
    padding-top: 10px;
}

/********************************************
        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;
}

#category-lists{
    margin-left: 0px !important;
    text-align: center;
}
.category{
    list-style: none;
    margin: 0px 5px;
    width: 162px;
}
.cat-name{
    padding: 10px 0px;
    width: 162px;
}

ul#product-lists{
    margin-left: 0px !important;
}
.product{
    padding: 20px 0px 30px;
    width: 100%;
}
.prod-text{
    /*margin: 0px 0px 20px 30px;*/
    margin-left: 30px;
    width: 65%;
}
.prod-text h1{
    font-size: 12px !important;
    font-weight: normal;
    color: #B9D8ED;
    margin-top: 0px !important;
}
.cat-buttons li{list-style: none; border: none !important; display: inline;}

/********************************************
        DYNAMIC 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:350px;
    margin-bottom: 20px;
    width:520px;
}
.googlemap span{
    display: block;
    margin-bottom: 3px;
    text-align: center;
}

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

ul#breadcrumbs li {
    margin-right: 10px;
    font-size: 0.9em;
    margin-top: 20px;

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

.border-it{
    background: url('/images/core/content_border.jpg') bottom no-repeat;
}

.pagination{text-align: right;}
.pagination .next_page,
.pagination .prev_page{display: none;}

#contact_details li{
    list-style: none;
    margin-bottom: 5px;
}