/* == STRUCTURE =======================


$__reset		Reset definitions


$__tags		HTML tag styling


$__clearfix		Fix for clearing floats


$__header		Header definitions


$__rss		RSS feed bar


$__navigation	Main site navigation


$__midsection	Main content section


$__forms		Form styling


$__homepage		Homepage specific


$__news		News specific


$__product		Ecommerce specific


$__sidebar1 	Sidebar 1 (members)


$__sidebar2 	Sidebar 2 (news)


$__footer		Footer definitions


$__admin		Admin definitions


---------------------------------------*/





/* == COLOURS =========================


#384953		Main BG Blue


#425760		Main Content Blue


#506876		Footer Border Blue


#668597		Nav BG Blue


#FFCE0E		Header Yellow


---------------------------------------*/





/* __reset


---------------------------------------*/





@import url(reset.css);





/* __clearfix


---------------------------------------*/





.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }





/* __tags


---------------------------------------*/





body{ background: #384953; color: #ffffff; font-family: Calibri, Arial; font-size:62.5%;}


a{ text-decoration: none; }


a:link {color: #ffffff;}


a:visited {color: #ffffff;}


a:hover {color: #A4B7C1;}


a:active {color: #ffffff;}


h2{ font-size: 2.2em; text-transform: uppercase; font-weight: normal; padding: 0 0 15px 0; color: #ffffff; }


h2 span{ color: #FFCE0E; }


h3{ font-size: 1.3em; font-weight: bold; padding: 0 0 15px 0; color: #ffffff; }





/* __header


---------------------------------------*/





#header{ width: 844px; height: 325px; background: url(../images/bg_header_s.gif) no-repeat; margin: 10px auto 0 auto; position: relative; }


#header .logo{ width: 124px; height: 124px; position: absolute; top: 5px; left: 5px; z-index:3; behavior: url(iepngfix.htc); }


#header h1 a{ display: block; 124px; height: 143px; }





#header_callback{ width: 844px; height: 130px; margin: 5px auto 0 auto; position: relative; }


#header_callback .logo{ width: 124px; height: 124px; position: absolute; top: 5px; left: 5px; z-index:3; behavior: url(iepngfix.htc); }


#header_callback .worldpayc { width: 480px; padding: 5px; position: absolute; left: 220px; top: 10px;}


#header_callback .worldpayc img { margin: 5px; }





/* __navigation


---------------------------------------*/





#header .quicknav ul{ position: absolute; right:32px; top: 60px; }


#header .quicknav li { list-style-type:none; float: left; }


#header .quicknav a { font-size: 0; text-indent: -5000px; display: block; width: 43px; height: 23px;  }


#header .quicknav a.home { background: url(../images/btn_home.gif) no-repeat;  }


#header .quicknav a.search { background: url(../images/btn_search.gif) no-repeat;  }


#header .quicknav a.sitemap { background: url(../images/btn_map.gif) no-repeat;  }


#header .quotes { width: 552px; height: 58px; position: absolute; left: 20px; top: 25px; }





#nav{ width: 806px; position: absolute; left: 18px; top: 70px; z-index:1 }


#nav .anim { width: 554px; height: 200px; background: url(../images/bg_navanim.gif) no-repeat #000000; float: left;  z-index:2  }


#nav .links { width: 251px; height: 200px; background: url(../images/bg_nav.gif) no-repeat #668597; float: left; }


#nav .links a{ font-size: 1.7em; }


#nav .links ul{ margin-left: 12px; margin-top: 1px; }


#nav .links li{ border-bottom: 1px solid #A4B7C1; width: 160px; height:19px;  text-indent: 10px; margin-top: 0px;}


#nav .links .nobdr { border-bottom: 0;  }





/* __rss


---------------------------------------*/





#header .rss { width: 803px; height: 23px; background: url(../images/temp_rss.gif) no-repeat; position: absolute; left: 18px; top: 280px;/* TEMPORARY PLACEHOLDER */ }


#tickerOuter{ position: relative; width: 700px; height: 21px; overflow: hidden; margin-left: 0px; margin-top:1px; }


#tickerInner{ position: absolute; width: 50000px; }


#tickerInner div{ display: block; height: 12px; float: left; font-size: 1.2em; height: 23px; padding: 5px; margin-right: 10px; }


#tickerInner div a { color: #384953; }


#tickerInner div a:hover { color: #FFCE0E; }


#rssSubscribeLink{float:left; cursor:pointer}
#rssSubscribeLink div{ width:95px; height:21px;}



/* __midsection


---------------------------------------*/





#content{ width: 844px; margin: 5px auto 0 auto;   }


#content .main { width: 581px; float: right;  }


#content .main .top { width: 581px; height: 15px; background: url(../images/bg_content1_top.gif) no-repeat; }


#content .main .bottom { width: 551px; min-height: 503px; background: url(../images/bg_content1_btm.gif) bottom center no-repeat #425760; padding: 3px 16px 0 14px; position: relative; }


#content .side { width: 259px; float: left; }





#content .main_callback { width: 581px; float: left;  }


#content .main_callback .top { width: 844px; height: 15px; background: url(../images/bg_content2_top.gif) no-repeat; }


#content .main_callback .bottom { width: 814px; min-height: 503px; background: url(../images/bg_content2_btm.gif) bottom center no-repeat #425760; padding: 3px 16px 0 14px; position: relative; }





#content p, #content li { font-size:1.2em; padding: 0 0 15px 0; line-height: 16px; }


#content ul {  list-style-position: outside; margin: 0px 0px 10px 15px;}


#content .main a{ color:#FFCE0E; }


#content .main ul { margin-left: 50px;  }


#content .main li { font-size: 1.2em; padding: 0 0 5px 0; list-style-image: url(../images/bull_1.gif);  }

#content img{ margin-left:auto; margin-right:auto; border: 1px solid #668597; padding:0px; }

#content .imgLeft{ float: left; margin: 5px 5px 5px 5px; }


#content .imgRight{ float: right; margin: 5px 5px 5px 5px; }





#content #siteMap { margin-left: 60px; padding-bottom: 20px; }





#content .paginate{ width: 540px; text-align: right; }


#content .paginate ul { padding: 0px; margin: 0px; list-style-type: none; }


#content .paginate li { padding: 5px 5px 5px 0px; margin: 0px; float: left; list-style-image:none }


#content .paginate a.sel{ font-weight: bold; color: #ffffff; }





#forumFrame{ width: 821px; height: 600px; overflow: auto; }


#content .mainForum { width: 844px; float: left;  }


#content .mainForum .top { width: 844px; height: 15px; background: url(../images/bg_content2_top.gif) no-repeat; }


#content .mainForum .bottom { width: 814px; min-height: 503px; background: url(../images/bg_content2_btm.gif) bottom center no-repeat #425760; padding: 3px 16px 0 14px; position: relative; }





/* __forms


---------------------------------------*/





form{ margin: 0; padding: 0; } 





.formField label{ display: block; width: 55px; background: #778D95; font-size: 1.1em; float: left; height: 25px;  padding: 0px 0px 0px 5px; line-height: 25px; }


.formField .inputText { border: 0; width: 115px; font-size: 1.1em; background: #97A8AE; color: #ffffff; float: left; height: 20px; padding:5px 0px 0px 5px;  }


.formField .inputSub { border: 0; width: 51px; height: 26px; background: url(../images/btn_small1.gif) no-repeat; font-size: 1.5em; color: #ffffff; padding: 0; margin-left: 5px;   }





.formTable table { width: 550px; }


.formTable table th { font-size: 1.3em; border-bottom: 1px solid #384953; padding: 3px; vertical-align: middle; background: #668597; text-align: left; }


.formTable table td { font-size: 1.2em; border-bottom: 1px solid #384953; padding: 0px; vertical-align: top; }


.formTable table td.left{ width: 150px; background: #778D95; padding-left: 5px; font-weight: bold; border-right: 1px solid #384953; }


.formTable table td.right{ width: 400px; background: #73919d; font-size: 1.2em; line-height: 25px; }


.formTable label{ line-height: 19px; }


.formTable table td.text p{ padding: 5px 0px 8px 0px;  }


.formTable table td.text{ width: 400px; background: #4F6771; padding: 0px 5px 0px 5px; }


.formTable .inputTxt, .formTable .inputTxtA { width: 395px; border: 0px; background: #97A8AE; padding: 3px; margin: 0px; font-family: Calibri, Arial; font-size: 1.2em; }


.formTable .inputTxtA{ font-family: Calibri, Arial; font-size: 1.2em;  height: 70px; }


.formTable .inputSub { width: 198px; padding: 3px 0px 3px 0px; border: 0px; border-right: 1px solid #384953; background: #668597; font-size: .9em; color: #ffffff; font-weight: bold; }


.formTable .inputDate{ width: 60px; border: 0px; background: #97A8AE; padding: 3px; margin: 0px; font-size: .9em; }


.formTable table td.text { font-size: 1.1em; padding: 10px 0px 0px 20px  }


.formTable table td.text li{ list-style-image: url(../images/bull_1.gif); }


.formTable table td.fCell{ background: #4F6771; padding: 3px; }





.mand{ color:#FFCE0E; font-weight: bold; font-size: 1.1em; }





/* __homepage


---------------------------------------*/





#homeLinks{ width: 556px; border-top: 1px solid #587481; margin: 0 auto 0 auto; position: relative; height: 283px;}


#homeLinks h2{ padding-bottom: 8px; }


#homeLinks .linkBox { width: 182px; height: 250px; border-right: 1px solid #587481; position: absolute; top: 12px; }


#homeLinks .nobrd { border: 0; }


#homeLinks .linkBox .imgBox{ width: 174px; height: 74px; background: #A2ACB1; margin-bottom: 8px; }


#homeLinks .linkBox ul { list-style-image: url(../images/bull_1.gif); list-style-position: outside; margin-left: 15px;}


#homeLinks .linkBox li { padding-bottom: 2px; margin:0px; font-size:  1.2em; }


#homeLinks .linkBox a { font-size: 1.2em; font-size: .9em; color: #ffffff; }


#homeLinks .linkBox.l1 { left: 0 }


#homeLinks .linkBox.l2 { left: 192px }


#homeLinks .linkBox.l3 { left: 384px; border: 0; }





/* __news


---------------------------------------*/





#newsList { padding: 0px 0px 20px 0px; }


#newsList p { padding: 0px 0px 3px 0px; }


#newsList .newsRow { padding: 0px 0px 5px 0px; margin: 5px 0px 0px 0px; }


#newsList .newsRow { border-bottom: 1px solid #668597; }





/* __product


---------------------------------------*/





.productTitle{ padding: 0px 0px 20px 0px; font-size: 1.7em; color:#FFCE0E; }


.productTitle span{ color: #ffffff;  }





#productList{ width: 550px; }


#productList .product{ width: 105px; height: 160px; float: left;  margin: 0px 30px 20px 0px;}


#productList .img{ margin: 0px 0px 5px 0px; border: 2px solid #668597; width: 100px; height: 100px; }


#productList .name{ font-size: 1.2em; height: 35px; text-align: center; margin: 0px 0px 5px 0px; }


#productList .price{ font-size: 1.2em; text-align: right; }





#productShow .img{ width: 250px; height: 250px; float: left; margin: 0px 20px 0px 0px; border: 1px solid #668597; }


#productShow .desc{ width: 275px; float: left; font-size: 1.2em; }


#productShow .buy { margin: 10px 0px 20px 50px; }


#productShow .buy label { font-size: 1.2em; font-weight: bold; display: block; width: 80px; float: left; text-align: right; margin-right:5px; }


#productShow .buy .txt{ width: 30px; border: 0px; background: #ffffff; padding: 3px; margin: 0px; font-family: Calibri, Arial; font-size: 1.2em; float: left;  }


#productShow .buy .sub { width: 100px; padding: 4px 0px 4px 0px; border: 0px; border-right: 1px solid #384953; background: #668597; font-size: .9em; color: #ffffff; font-weight: bold; float: left; }


#productShow .alt{ width: 255px; margin: 0px auto 0px auto; border: 0px solid #ff0000; }


#productShow .alt img { width: 45px; height: 45px; display: block; float: left; margin: 10px 0px 0px 6px;  }





#productBasket table { }


#productBasket table td, #productBasket table th { font-size: 1.3em; border-bottom: 1px solid #384953; padding: 3px; vertical-align: middle; background: #4F6771; }


#productBasket table th{ background: #668597; height: 20px; vertical-align: middle; }


#productBasket table td.name, #productBasket table th.name{ width: 240px; font-weight: bold; }


#productBasket table td.qty, #productBasket table th.qty{ width: 30px; text-align: center; }


#productBasket table td.price, #productBasket table th.price,


#productBasket table td.line, #productBasket table th.line{ width: 60px; text-align: right; }


#productBasket table td.qty input{ width: 25px; border: 0px; background: #ffffff; padding: 3px; margin: 0px; font-size: .9em; }


#productBasket table td.option, #productBasket table th.option{ width: 130px; text-align: center; }


#productBasket table td.option input{ width: 50px; margin-left: 10px; padding: 2px 0px 2px 0px; border: 0px; background: #668597; font-size: .8em; color: #ffffff; font-weight: bold; }


#productBasket table td.sum { font-weight: bold; text-align: right; }





.productSearch{ position: absolute; right: 25px; top: 5px; }





.terms{ height: 200px; width: 385px; overflow: auto; padding: 5px; margin-bottom: 10px; }


 


a.checkoutLink{ display: block; text-align: center; font-weight:bold; width: 200px; background: #668597; margin-left: 345px; margin-top: 10px;padding: 3px; font-size: 1.2em;}





.wpCards img{ margin: 5px; }





/* __sidebar1


---------------------------------------*/





#content .side .members { width: 259px; height: 141px; background: url(../images/bg_side1.gif) no-repeat; padding: 7px 10px 5px 20px; }


#content .side .members h2{ margin-left: 25px; padding-bottom: 10px; }


#content .side .members p { padding: 0px 0px 0px 0px; margin: 0px; }


#content .side .members .row{ margin: 0 0 7px 0; }


#content .side .members ul{ list-style-image: url(../images/bull_2.gif); list-style-position: outside; margin: 7px 0 0 15px;}


#content .side .members li{ padding: 0px; }


#content .side .members ul a.large { font-size: 1.6em; }





/* __sidebar2


---------------------------------------*/





#content .side .news { width: 259px; height: 368px; background: url(../images/bg_side2.gif) no-repeat; margin-top: 0px; padding: 10px 0px 0px 0px; }


#content .side .news h2{ padding-bottom: 2px; margin-left: 35px; margin-top: 8px; }


#content .side .news ul{ margin-left: 20px; }


#content .side .news li{ width: 220px; list-style-type:none; border-bottom: 1px dotted #ffffff; text-indent: 15px; height: 15px; margin-top: 3px; font-size: 1.2em; padding: 0 0 5px 0; }


#content .side .news li.img{  height: 50px; }


#content .side .sideScroll{ height: 340px; width: 259px;  overflow:auto; }





#content .side #flashLogos{ width: 189px; margin: 0px auto 0px auto;  }





#content .side .logo { width: 189px; height: 51px; background: #ffffff; position: relative; margin: 5px auto 5px auto; }


#content .side .logoOver{ position: absolute; behavior: url(iepngfix.htc);  }





#content .side .extLink{ padding: 5px 0 5px 30px; }


#content .side .img{ padding: 5px 0 5px 30px; height: 500px; }





/* __footer


---------------------------------------*/





#footer{ width: 844px; height: 50px; border-top: 5px solid #506876; border-left: 0; border-right: 0; border-bottom: 0; margin: 10px auto 0 auto; }


#footer, #footer .left, #footer .right, #footer a { color: #aba9a5; font-size: 1.1em; }


#footer p{ margin: 2px 0 2px 0; }


#footer ul{ margin: 2px 0 2px 0; }


#footer li{ float: left; border-right: 1px solid #aba9a5; margin: 0 3px 0 0; padding: 0 3px 0 0; }


#footer .nobrd{ border: 0; margin:0px; padding: 0; }


#footer .left{ float: left; }


#footer span{ color: #FFCE0E; font-weight: bold;}


#footer .right{ float: right; }





/* __admin


---------------------------------------*/





#adminList{ width: 560px; height: 450px; overflow: auto; }


#adminList table{ width: 540px; }


#adminList table td, #adminList table th, #adminTable table th { text-align: left; font-size: 1.2em; padding: 3px; border-bottom: 1px solid #384953; }


#adminList table td.opt, #adminList table th.opt { text-align: center; }


#adminList table th,#adminTable table th { background: #668597; }


#adminList table td { background: #4F6771;  }





#adminTable table { width: 550px; }


#adminTable label{ line-height: 18px; }


#adminTable table td { font-size: 1.3em; border-bottom: 1px solid #384953; padding: 0px; vertical-align: top; }


#adminTable table td.left{ width: 150px; background: #4F6771; padding-left: 5px; font-weight: bold; }


#adminTable table td.right{ width: 400px; background: #73919d; }


#adminTable table td.text p{ padding: 5px 0px 8px 0px;  }


#adminTable table td.text{ width: 400px; background: #4F6771; padding: 0px 5px 0px 5px; font-size: 1.0em;}


#adminTable table td.text li { list-style-image: url(../images/bull_2.gif); }


#adminTable .inputTxt, #adminTable .inputTxtA{ width: 395px; border: 0px; background: #ffffff; padding: 3px; margin: 0px; font-size: .9em; }


#adminTable .inputTxtA{ font-family: Calibri, Arial; font-size: 1.0em;  height: 70px; }


#adminTable .inputSub { width: 198px; padding: 3px 0px 3px 0px; border: 0px; border-right: 1px solid #384953; background: #668597; font-size: .9em; color: #ffffff; font-weight: bold; }


#adminTable .inputDate{ width: 60px; border: 0px; background: #ffffff; padding: 3px; margin: 0px; font-size: .9em; }





#globali { width:495px; height: 280px; background: url('../images/globali.gif') no-repeat; margin: 0px auto 0px auto; position: relative; }


#globali #marker{ width: 8px; height: 8px;  background: url('../images/gmarker.gif') no-repeat; position: absolute; }