/*

*/

body { text-align: center; background: #fff url(/images/bg_body.gif) repeat-x left 95px; color: #444; }
body.dark { background-color: #113; }

a { position: relative; color: #459; }
a.formbutton { padding: .5em .7em; color: #444; text-decoration: none; font: bold 1em Arial, Helvetica, sans-serif; text-transform: uppercase; }
h2 { font-size: 200%; margin-bottom: 5px; }
h3 { font-size: 140%; font-weight: bold; margin-bottom: 5px; }
h4 { font-size: 120%; font-weight: bold; }
h5 { font-size: 100%; font-weight: bold; }

hr { background-color: #113;}

.external { padding-right: 20px; background: url(/images/ico_link_ext.gif) no-repeat right center; }
.dotul { border-bottom: dotted 1px #aaa; }

.formfield { background: #fafafa url(/images/bg_formtext.gif) no-repeat -4px -4px; color: #444; margin: 0px; padding-left: 3px; border: inset 1px #aaa; }
.formbutton { background: #aaa url(/images/bg_button.gif) repeat-x; color: #444; font-weight: normal; border: outset 1px #aaa; cursor: pointer; }

div#container { position: relative; width: 980px; margin: 0 auto; text-align: left; }

/* MASTHEAD */
div#masthead { position: relative; height: 100px; overflow: hidden; z-index: 10; }
div#masthead h1 { text-indent: -111em; }
div#masthead div#logo { position: absolute; top: -50px; }
div#masthead div#logo img { z-index: 12; }

div#toolbox { position: absolute; top: 0px; left: 480px; z-index: 11; }
div#toolbox p { color: #999; font-size: 70%; }
div#toolbox a { color: #58a; text-decoration: none;}
div#lights { position: absolute; top: 0px; white-space: nowrap; }
#toolbox #contact { position: absolute; top: 1.2em; white-space: nowrap; }
div#toolbox div#toolButtons { width: 300px; margin-left: 200px; padding: 5px 0px; text-align: center; }
div#toolbox div#toolButtons button { width: 200px; margin-bottom: 5px; }

/* BANNERS/HEADER */
div#mainCycle, div#mainHeader { position: relative; z-index: 55; }
div#mainCycle { position: absolute; z-index: 55; width: 300px; height: 250px; margin-left: 680px; overflow: hidden;  }
div#homeCycle { position: relative; z-index: 66; width: 660px; height: 250px; margin-bottom: 10px; overflow: hidden; }

#homeCycleShow { display: none; }
#homeCycleNav { position: absolute; top: 220px; z-index: 55; width: 180px; text-align: center; padding: 0; font-size: .75em; }
#homeCycleNav a { border: solid 1px #459; background: #ddd; text-decoration: none; margin: 0; margin-left: 10px; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#homeCycleNav a.activeSlide { border: solid 1px #69b; background: #459; color: #fff; }
#homeCycleNav a:focus { outline: none; }
div.homeCycleInfoBg { position: absolute; width: 200px; height: 250px; background: url(/images/bg_black_68pct.png); display: none; z-index: 22; }
div.homeCycleInfo { position: absolute; width: 180px; margin: 10px; margin-top: 30px; color: #fff; display: none; z-index: 33; }
div.homeCycleInfo a { color: #cdf; }


div#mainHeader { padding: 10px; width: 640px; height: 230px; margin-bottom: 10px; background: url(/images/bg_white_50pct.png); overflow: hidden; }
div#mainHeader h2 { color: #fff; font-size: 160%; }
div#mainHeader div#sendEnquiry { float: right; font-size: 80%; margin: 10px 0; }
div#mainHeader a { color: #459; }
div#mainHeader p.breadCrumb { font-size: 80%; padding: .1em .5em; background: url(/images/bg_white_50pct.png);  }
div#mainHeader p.breadCrumb a { text-decoration: none; }


div#mainHeader div#subCatList, div#mainHeader div#xoverCatList, div#mainHeader div#coInfo { padding: 10px; margin-bottom: 10px; }

div#mainHeader div#subCatList { background: url(/images/bg_white_68pct.png); }
div#mainHeader div#subCatList ul { margin: 0; list-style: none; }
div#mainHeader div#subCatList li { white-space: nowrap; display: inline; }
div#mainHeader div#subCatList li a { padding: 0px 5px; vertical-align: middle; text-decoration: none; }
div#mainHeader div#subCatList li a:hover { background-color: #eee; }
div#mainHeader div#subCatList li.popularity1 a { color: #89b; font-size: 75%; }
div#mainHeader div#subCatList li.popularity2 a { color: #78a; font-size: 90%; }
div#mainHeader div#subCatList li.popularity3 a { color: #67a; font-size: 100%; }
div#mainHeader div#subCatList li.popularity4 a { color: #569; font-size: 115%; }
div#mainHeader div#subCatList li.popularity5 a { color: #569; font-size: 130%; }

div#mainHeader div#xoverCatList { padding: 10px; background: url(/images/bg_white_50pct.png); }
div#mainHeader div#xoverCatList ul { margin: 0; list-style: none; }
div#mainHeader div#xoverCatList li { font-size: 90%; white-space: nowrap; display: inline; }
div#mainHeader div#xoverCatList li a { padding: 0px 5px; }

div#mainHeader div#coInfo { font-size: 80%; background: url(/images/bg_white_68pct.png); clear: both; }
div#mainHeader div#coInfo div#coAddress, div#coPerson, div#coContact 
{ float: left; width: 180px; border-left: solid 3px #459; padding-left: 5px; margin-right: 10px; min-height:10em; }
div#mainHeader div#coInfo div#coContact p { clear: right; }
div#mainHeader div#coInfo div#coContact p span { float: right; }
div#mainHeader div#coInfo div#coContact p#sendEnquiry { margin: 1.5em 1em 0; }


/* CONTENT */
div#content { background-color: #fff; }
div#content div.col1 { float: left; width: 670px; }
div#content div.col2 { float: left; width: 300px; margin-left: 10px;}

div#featProds { float: left; padding: 10px; width: 280px; }
div#featProds p.desc { font-size: 70%; }
div#featProds div { width: 140px; padding: 5px 0px; float: left; text-align: center; }
div#featProds div a { font-size: 1em; }
div#featProds div img { border: solid 1px #113; }

div#homeCats { padding: 10px; margin-left: 310px; }
div#homeCats h2 { font-size: 160%; font-weight: bold; }
div#homeCats p { font-size: 85%; margin: 0px 0px 10px 10px; line-height: 140%; }

div#coList { padding: 10px; }
div#coList div.coListing { padding: 10px; cursor: pointer; }
.coListingHover { background: #cdf url(/images/bg_coListing.jpg) no-repeat center center;
	background-image: url(/images/bg_coListing.jpg);
	background-repeat: no-repeat;
	background-position: center;
 }
div#coList div.coListing h4 { float: left; }
div#coList div.coListing div.coContact { float: right; padding: 5px; font-size: 70%; border: solid 1px #eee; border: solid 5px #fff; background-color: #cdf; width: 180px; }
div#coList div.coListing div.coContact p { clear: both; }
div#coList div.coListing div.coContact p span { float: right; }
div#coList div.coListing div.coDesc { margin-left: 2em; clear: left; height: 6em; overflow: hidden; }

div#coDetail { padding: 10px; }
div#coDetail div.cBlock { margin-bottom: 3em; }
div#coDetail p { margin: 10px 0;}
div#coDetail div#coImages img { border: 0; }
div#coDetail div#coVideoPlayer { position: relative; height: 360px; overflow: hidden; }
div#coDetail div#coVideoPlayer object { }

div#coOffers { padding: 10px; }
div#coOffers ul { list-style: none; margin: 0; }
div#coOffers li { padding: .2em 0; }
div#coOffers ul ul { list-style: none; margin-left: 2em; }
div#coOffers ul ul li { font-size: 90%; }
div#coOffers ul ul ul li { display: inline; margin-right: .5em; white-space: nowrap; font-size: 80%; }

div#featVideo, div#newsDiv { padding: 5px; background-color: #fff; border: solid 5px #fff; }
div#featVideo:hover, div#newsDiv:hover { background-color: #ddd; }
div#featVideo p.desc, div#newsDiv p.desc { font-size: 70%; }

div#newsFeed h3 { display: block; }
div#newsFeed img { border: solid 1px #888; }
div#newsFeed .newsImg { text-align: center; line-height: 90%; float: right; font-size: 70%; }
div#newsFeed span { font-size: 80%; }

div#foot { padding: 10px; }