/*---------------------------------------------------------------------------------------
  
                        Website: Bowman Traps
                        Author: Bitmedia.co.uk
                        Created: January 2009
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Typography
    Layout
    Content
    Page Groups
    Navigation
    Form Styles
    Misc
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body	{ background: url('../images/bg-body.png') repeat-x #006500;}


/*---------------------------------------------------------------------------------------
   Typography
---------------------------------------------------------------------------------------*/

/* Links */
a:link, a:visited { color: #000;}
a:hover { color: #e75037;}

/* Normal Type */
body { font: 62.5% arial, tahoma, arial, helvetica; color: #333; border-top: 50px solid #000;}
#pageContainer, #footer { font-size: 1.2em; line-height: 1.5em; text-align: left;}
p { margin: 0 0 1.5em;}

/* Specific Type Changes */
body.contactPage p { margin: 0 0 .5em;}
span.contactMethod { font-weight: bold; color: #fd6735;}
body.productPage #sideCol p { margin: 0;}

body.productPage #sideCol .sideColFeat2 a { display: block; width: 290px; padding: 4px 0 4px 15px; background: url('../images/bg-accessLink.png') no-repeat; text-decoration: none; font-size: 1.2em; color: #003398;}
body.productPage #sideCol .sideColFeat2 a:hover { background-position: top right;}


/* Headers */
h1 { color: #e75037; font-size: 1.4em; font-weight: bold; padding: 0 0 .2em 0;}
h2 { color: #e75037; font-size: 1.2em; font-weight: bold; padding: 0 0 .2em 0;}
body.eventsPage h1 { color: #237721; font-size: 1.4em;}
body.contactPage h1 { color: #237721; font-size: 1.4em; margin-bottom: 20px;}

/* SideCol Headers */
.sideColFeat1 h3, .sideColFeat2 h3 { font-size: 1.2em; font-weight: bold; padding: 0 0 5px;}
.sideColFeat1 h3 { color: #003399; }
.sideColFeat2 h3 { color: #006600; }

body.productPage #sideCol h3 { color: #e85136; font-size: 1.2em; font-weight: bold;}
body.productPage #sideCol .sideColFeat1 h3 { color: #016201; font-size: 1.2em; font-weight: bold;}




/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/

/* Container */
#outerWrap { width: 100%;}
#pageContainer { width: 900px; margin: 0 auto; padding: 0 0 20px; background: #fff;}

/* Header */
#header { overflow: hidden;}
#logo { float: left;}
#tagline { float: right;}
#mainImage { border-top: 1px solid #fff;}

/* PageBody */
#pageBody { overflow: hidden; width: 100%; background: url('../images/bg-pagebody.png') repeat-x;}
#mainCol { float: left; width: 600px; padding: 20px 0 0 20px;}
#sideCol { float: right; width: 243px;}

/* Breadcrumb */
#breadcrumb { border-bottom: 1px solid #e74f37; margin-bottom: 15px; width: 100%; font-size: .9em;}
#breadcrumb a { text-decoration: none;}

/* Footer */
#footer { width: 900px; margin: 0 auto; background: url('../images/bg-footer.png') repeat-x; min-height: 50px; height: auto;}
	* html #footer { height: 50px; /* Emulates min-height in IE6 */}


/* Page Specific Layout Changes */
/* HomePage */
/* Used to apply lower part of mainImage on homepage*/ 
body.homePage #sideCol { background: url('../images/bg-homepageSideCol.jpg') no-repeat; padding: 0 0 0 30px;}
body.homePage #pageBody { background: none;}

/* AboutPage */
body.aboutPage #mainCol { width: 520px;}
body.aboutPage #sideCol { width: 305px; padding: 25px 25px 0 0;}
body.aboutPage .sideColFeat1, body.aboutPage .sideColFeat2 { width: 265px;}
body.aboutPage .sideColFeat1 { margin-top: 2px;}

/* ProductRange Page */
body.productrangePage #mainCol { width: 850px;}

/* NewsPage */
body.newsPage #mainCol { width: 495px;}
body.newsPage #sideCol { width: 305px; padding: 25px 25px 0 0;}
body.newsPage .sideColFeat1, body.newsPage .sideColFeat2 { width: 265px;}
body.newsPage .sideColFeat1 { margin-top: 2px;}

/* Events Page */
body.eventsPage #mainCol { width: 495px;}
body.eventsPage #sideCol { width: 305px; padding: 25px 25px 0 0;}
body.eventsPage .sideColFeat1, body.eventsPage .sideColFeat2 { width: 265px;}
body.eventsPage .sideColFeat1 { margin-top: 2px;}

/* Product Holding Page */
body.productHoldingPage #mainCol { width: 495px;}
body.productHoldingPage #sideCol { width: 305px; padding: 25px 25px 0 0;}
body.productHoldingPage .sideColFeat1, body.productHoldingPage .sideColFeat2 { width: 265px;}
body.productHoldingPage .sideColFeat1 { margin-top: 2px;}

/* Contact Page */
body.contactPage #mainCol { width: 850px;}

/* ProductPage */
body.productPage #mainCol { width: 494px;}
body.productPage #mainCol p { text-align:justify;}
body.productPage #sideCol { width: 305px; padding: 25px 25px 0 0;}
body.productPage .sideColFeat1, body.productPage .sideColFeat2 { width: 265px; padding: 10px 20px 10px 20px;}


/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
.sideColFeat1, .sideColFeat2 { padding: 20px; width: 180px;}
.sideColFeat1 { background: #b0d6fd; margin-top: 125px;}
.sideColFeat2 { background: #c9e27c; margin-top: 2px;}

/* SideCol Feat on Product Pages are swapped around */
body.productPage .sideColFeat1 { background: #c9e27c; margin-top: 2px;}
body.productPage .sideColFeat2 { background:  #b0d6fd; margin-top: 2px; padding: 0; width: 305px;}

/* Product Features */
ul#productFeatures { list-style: none; margin: 0; padding: 0;}
ul#productFeatures li { padding: 0; margin: 0; line-height: 1.2em; padding: 10px 0 0;}

/* Product Side Images */
#sideImages { margin-top: 20px;}
#sideImages img { margin: 10px 0 0; float: left; border: 1px solid #fff;}
#sideImages img.right { float: right;}
#sideImages a img:hover { border-color: #e75035;}


/* Tabs on product pages */
#tabsContainer { overflow: auto; background: #c9e27d; width: 495px; margin-top: 8px;}
ul.tabs { float: left; list-style: none; margin: 0 !important; padding: 0 !important; width: 100%; background: url('../images/tabsBorder.png') repeat-x bottom left #fff;}
ul.tabs li { margin: 0; padding: 0; float: left; display: inline; background: none !important;}
ul.tabs li a { padding: 5px 15px; float: left; background: url('../images/bg-tab.png') repeat-x #125b14; color: #fff !important; text-decoration: none; font-size: 1.2em; font-weight: bold;}
ul.tabs li a:hover { background-position: top right;}
ul.tabs li.tabs-selected a { background: url('../images/bg-tabselected.png') repeat-x #c9e27d !important; color: #016300 !important; border: 1px solid #369835; border-bottom: 0; text-decoration: none;}

/* Tab Content */
#highlights, #specifications { float: left; background: #c9e27d; border: 1px solid #339933; border-top: 0; width: 493px;min-height:30px;}
#highlights ul, #specifications ul { }
#highlights ul li, #specifications ul li { background: none !important; padding: 10px 10px 0 15px; line-height: 1.2em; font-weight: normal !important;}


/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/
/* News Pg */
#newsPg {}
#newsPg .news { margin-bottom: 2em;}
#newsPg .news h2 {}
#newsPg .news p { margin: 0 0 0 0;}
#newsPg .news a { color: #e75138; margin-left: 5px; padding: 0 10px 0 0; background: url('../images/bg-newslink.gif') no-repeat 100% 5px;}

/* News List (on side column on news page) */
#newsList { width: 269px; background: url('../images/bg-newsSideCol.jpg') no-repeat bottom left #d1e6f9; padding: 18px 18px 180px; color: #e85136;}
#newsList h4 { color: #e85136; font-size: 1.4em; font-weight: bold;}
#newsList #recentList { }
#newsList #archiveList { margin-top: 25px;}

/* Events Pg */
#eventsPg { margin-top: 30px;}
#eventsPg .event { margin-bottom: 2em;}
#eventsPg .event h1 { font-weight: normal;color:#e75138;}
#eventsPg .event p { margin: 0 0 0 0;}
#eventsPg .event a { color: #e75138; margin-left: 5px; padding: 0 10px 0 0; background: url('../images/bg-newslink.gif') no-repeat 100% 5px;}

.eventGreen {color:#237721;}

/* non-display of links */
.NO {display:none;}


/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/

/* Main Nav */
ul#mainNav { float: left; min-height: 29px; height: auto; width:100%; margin: 0; padding: 0; list-style: none; background: url('../images/bg-orangegrad.png') repeat-x #cc3300; }
	* html ul#mainNav{ height: 29px; /* Emulates min-height in IE6 */}
ul#mainNav li { float: left; display: inline; margin: 0; padding: 0;}
ul#mainNav li a { float: left; height: 29px; text-indent: -9999px; outline: 0; text-decoration: none; color: #fff; font-size: 1.4em;}
	ul#mainNav li a.nav-home { background: url('../images/nav-home.png') no-repeat; width: 78px;}
	ul#mainNav li a.nav-about { background: url('../images/nav-about.png') no-repeat; width: 89px;}
	ul#mainNav li a.nav-products { background: url('../images/nav-products.png') no-repeat; width: 152px;}
	ul#mainNav li a.nav-news { background: url('../images/nav-news.png') no-repeat; width: 67px;}
	ul#mainNav li a.nav-events { background: url('../images/nav-events.png') no-repeat; width: 74px;}
	ul#mainNav li a.nav-contact { background: url('../images/nav-contact.png') no-repeat; width: 102px;}
	ul#mainNav li a.nav-brochure { background: url('../images/nav-brochure.png') no-repeat; width: 158px;}
		ul#mainNav li a:hover { background-position: 0 -29px;}
		ul#mainNav li a.selected { background-position: 0 -58px}

/* ProductRange Nav */
ul#productRange { margin: 0 !important; padding: 0 !important; list-style: none;}
ul#productRange li { float: left; margin: 0; padding: 0; background: none !important;}
ul#productRange li a { display: block; float: left; width: 420px; height: 137px; margin-bottom: 10px; text-indent: -9999px; outline: 0;}
ul#productRange li#at a { background: url('../images/navbg-at.jpg') no-repeat; margin-right: 10px;}
ul#productRange li#mt a { background: url('../images/navbg-mt.jpg') no-repeat;}
ul#productRange li#ata a { background: url('../images/navbg-ata.jpg') no-repeat;  margin-right: 10px;}
ul#productRange li#mta a { background: url('../images/navbg-mta.jpg') no-repeat;}
ul#productRange li#sp a { background: url('../images/navbg-sp.jpg') no-repeat;  margin-right: 10px;}
ul#productRange li#mts a { background: url('../images/navbg-spares.jpg') no-repeat;}
	* html ul#productRange li#at a, * html ul#productRange li#ata a, * html ul#productRange li#sp a { display: inline; /* Fixes margin bug in IE6 */}
ul#productRange li a:hover  { background-position: bottom left; } 

ul#productRange li#at a:hover  { background-position: bottom left; } 
ul#productRange li#mt a:hover  { background-position: bottom left; } 
ul#productRange li#ata a:hover  { background-position: bottom left; } 
ul#productRange li#mta a:hover  { background-position: bottom left; } 
ul#productRange li#sp a:hover  { background-position: bottom left; } 
ul#productRange li#mts a:hover  { background-position: bottom left;} 

/* Product Subnav */
/*ul#productSubNav { list-style: none; margin: 10px 0 0; padding: 0; background: #016300;}
ul#productSubNav li { padding: 0; margin: 0;}
ul#productSubNav li a { display: block; color: #fff; text-decoration: none; font-size: 1.1em; padding: 3px 0 3px 17px; width: 288px; font-weight: bold;}
ul#productSubNav li a:hover { background: #086b07;}
ul#productSubNav li a.selected { background: url('../images/productsub-selected.png') repeat-x !important; padding-left: 40px; width: 263px; border: 1px solid #ed4329;} */
.productSubNav ul { list-style: none; margin: 10px 0 0; padding: 0; background: #016300;}
.productSubNav ul li { padding: 0; margin: 0;}
.productSubNav ul li a { display: block; color: #fff; text-decoration: none; font-size: 1.1em; padding: 3px 0 3px 17px; width: 288px; font-weight: bold;}
.productSubNav ul li a:hover { background: #086b07;}
.productSubNav ul li a.selected { background: url('../images/productsub-selected.png') repeat-x !important; padding-left: 40px; width: 263px; border: 1px solid #ed4329;}

/* FooterInfo */
ul#footerInfo { float: left; margin: 0; padding: 5px 0 0 20px; list-style: none; font-size: .9em;}
ul#footerInfo li { float: left; display: inline; margin: 0 12px 0 0; padding: 0;}
ul#footerInfo li#sitemapLink a {color: #ff6633; font-size: 1.2em; font-weight: bold; text-decoration: none;}
ul#footerInfo li#copyright { color: #999;}
ul#footerInfo li#design { color: #666;}
ul#footerInfo li#design a { color: #666; text-decoration: underline;}
ul#footerInfo li#design a:hover {color:#e75138; text-decoration: none;}

/* ContactInfo */
ul#contactInfo { float: right; margin: 0; padding: 5px 10px 0 0; list-style: none;}
ul#contactInfo li { float: left; display: inline; margin: 0 0 0 15px; padding: 0; color: #fff; font-weight: bold; background: transparent;}
ul#contactInfo li span { color: #ff6633;}
ul#contactInfo li a { color: #fff; text-decoration: none; background: transparent;}
ul#contactInfo li a:hover {}
ul#contactInfo li a.currentPage {}

/*---------------------------------------------------------------------------------------
   Forms
---------------------------------------------------------------------------------------*/
/* Contact Form */
#contactForm { float: right; width: 400px;}
#contactForm .input, #contactForm .textarea { width: 243px; background: url('../images/bg-forminput.gif') no-repeat top right; border: 1px solid #7a7a7a;}
#contactForm .textarea { height: 100px;}
input.reset { background: #c9e27c; border: 0; color: #006502; padding: 3px 10px; margin-right: 2px; font-weight: bold; cursor: pointer;}
input.submit { float: none; margin: 0; background: #016300; border: 0; color: #fff; padding: 3px 10px; margin-left: 0; width: auto; margin-right: 2px; font-weight: bold;}
#contactForm .submit { float: right; margin-right: 3px;}



/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
body.errorPage {}
body.errorPage p#errorMessage { padding: 100px 0; text-align: center;}

/* Default list styling in mainCol */
#mainCol ul { list-style: none; padding: 0 0 1.4em; margin:.5em 0 0;}
#mainCol ul li { background: url('../images/ulDot.gif') no-repeat 0 7px; font-weight: bold;}

/* Bulleted Lists in the Main Body */
#productFeat1 ul {padding-left:15px;list-style: disc;}
#productFeat1 ul li {padding-left:5px;}

#highlights ul, #specifications ul {padding-left:30px;list-style: disc; }
#highlights ul li, #specifications ul li {padding-left:5px;}