@charset "utf-8";
/*
Author: Darren Jones
Author URL: http://www.gcweb.com.au/
*/

/* Overall page structure
========================================================== */
body { background:#012548 url(../images/common/bg.jpg) repeat-y center top; margin:0;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

#container { display:block; background:#fff; width:950px; padding:0 5px; margin:0 auto 0;}

/* Header 
------------------ */
#header { display:block; width:950px; height:150px; position:relative;}
#header img.logo { position:absolute; left:0; top:0; width:325px; height:150px;}
#header #topLinks { position:absolute; display:block; right:0; top:0; width:275px; height:25px; line-height:22px; text-align:right; font-family:Georgia; font-size:13px; color:#14487B;}
#header #topLinks a { color:#14487B; text-decoration:none;}
#header #topLinks a:hover { color:#012548;}
#header #menu { position:absolute; display:block; left:325px; top:110px; width:600px; height:40px; line-height:38px; text-align:center; background:#002346 url(../images/common/menu_bg.jpg) no-repeat; font-family:Georgia; color:#fff; font-size:16px;}
#header #menu a { display:block; float:left; color:#fff; text-decoration:none; padding:0 15px;}
#header #menu a:hover { color:#FFCC00;}
#header #menu a.dots { background:url(../images/common/menu_div.gif) no-repeat right 8px;}

#header #clientWelcome { position:absolute; left:335px; top:90px; font-size:14px; color:#042B52;}
#header #clientWelcome a {color:#042B52;}
#header #clientWelcome a:hover {color:#FFCC00; text-decoration:none;}

/* Left Column 
------------------ */
#leftCol { display:block; float:left; width:183px;}

#leftCol h1 { display:block; background:url(../images/common/leftCol_title.jpg) no-repeat; width:183px; height:50px; line-height:50px; font-family:Georgia; font-size:22px; color:#fff; font-weight:normal; text-align:center;}
#leftCol #box { display:block; background:#15497D url(../images/common/leftCol_bg.jpg) no-repeat center top; padding:20px 10px; width:163px; border-bottom:5px solid #042B52; margin-bottom:5px; font-family:Georgia; font-size:12px; color:#fff;}
#leftCol #box ul { padding:0; margin-left:10px;}
#leftCol #box li { list-style:none;}
#leftCol #box li a { font-family:Georgia; font-size:14px; color:#fff; text-decoration:none; display:block; height:22px;}
#leftCol #box li a:hover { color:#FFCC00;}

#leftCol #form { position:relative; width:150px; height:45px; margin:10px 0;}
#leftCol #form input.field1 { position:absolute; top:0; left:0; width:150px; height:22px; background:#02264A; border:0px none; font-family:Georgia; font-size:14px; color:#428ED9; line-height:20px; text-indent:5px;}
#leftCol #form input.field2 { position:absolute; top:23px; left:0; width:115px; height:22px; background:#02264A; border:0px none; font-family:Georgia; font-size:14px; color:#428ED9; line-height:20px; text-indent:5px;}
#leftCol #form input.submit { position:absolute; top:23px; left:115px; border:0px none;}

#leftCol a { color:#fff; text-decoration:none;}
#leftCol a:hover { color:#FFCC00;}

/* Right Column 
------------------ */
#rightCol { display:block; float:right; width:767px;}

#rightCol #hero { display:block; width:767px; height:305px;}

#rightCol #title { display:block; background:url(../images/common/title_bg.jpg) no-repeat; width:762px; height:45px; margin-left:5px; font-family:Georgia; font-size:22px; color:#fff;}
#rightCol #title.next { margin-top:15px;}
#rightCol #title #wording { display:block; float:left; width:510px; line-height:45px; text-indent:10px;}
#rightCol #title #search { display:block; float:left; position:relative; width:252px; height:45px;}
#search input.search { position:absolute; left:0; top:5px; background:#15497D; border:0px none; display:block; width:211px; height:35px; line-height:33px; text-indent:10px; font-family:Georgia; font-size:16px; color:#3E88D1;}
#search input.searchBtn { position:absolute; left:212px; top:5px; border:0px none;}

#rightCol #contentWording { display:block; width:742px; padding:10px; margin-left:5px; font-family:Georgia; font-size:14px; color:#042B52; border-bottom:5px solid #042B52; line-height:22px;}
#rightCol #contentWording a {color:#042B52;}
#rightCol #contentWording a:hover {color:#FFCC00; text-decoration:none;}
#rightCol #contentWording em strong { display:block; float:left; width:80px; font-style:normal;}
#rightCol #contentWording.noborder { border-bottom:0px none;}

/* Contact Form 
------------------ */
form.contact { display:block; width:700px; height:200px; position:relative; margin-top:20px;}
form.contact label { display:block; width:80px; height:35px; line-height:33px; font-weight:bold;}
form.contact input { display:block; width:140px; height:35px; line-height:33px; border:1px solid #999; background:#fff; padding:0 15px; font-family:Georgia;}
form.contact input.submit { display:block; width:150px; height:40px; text-align:center; line-height:35px; border:0px none; background: url(../images/common/contact-submit.gif) no-repeat; font-family:Georgia; font-size:16px; color:#fff;}

form.contact textarea { display:block; width:300px; height:155px; border:1px solid #999; background:#fff; padding:0 15px; line-height:33px; font-family:Georgia;}

.namel { position:absolute; left:0; top:0;}
.namei { position:absolute; left:80px; top:0;}
.phonel { position:absolute; left:0; top:40px;}
.phonei { position:absolute; left:80px; top:40px;}
.faxl { position:absolute; left:0; top:80px;}
.faxi { position:absolute; left:80px; top:80px;}
.emaill { position:absolute; left:0; top:120px;}
.emaili { position:absolute; left:80px; top:120px;}
.enquiryl { position:absolute; left:260px; top:0;}
.enquiryi { position:absolute; left:360px; top:0;}
.submit { position:absolute; left:540px; top:160px; color:#00769D;}



/* Footer
------------------ */
#footer { display:block; clear:both; width:750px; padding-left:200px; height:30px; padding-top:15px; border-top:5px solid #042B52; background:url(../images/common/cc-image.gif) no-repeat left 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3E88D1;}
#footer #copyright { float:left;}
#footer #gcweb { float:right;}
#footer #gcweb a { color:#3E88D1; text-decoration:none;}
#footer #gcweb a:hover { color:#042B52;}




/* Newsletter (poMMo)
----------------------- */

#rightCol #contentNewsletter { display:block; width:742px; padding:10px; margin-left:5px; font-family:Georgia; font-size:14px; color:#042B52; border-bottom:5px solid #042B52; line-height:22px;}

#contentNewsletter .error { color:#FF0000;}

#contentNewsletter label { float:left; display:block; width:130px;}

#contentNewsletter a img { border:0px none;}
#contentNewsletter a { color:#042B52;}
#contentNewsletter a:hover { color:#3E88D1; text-decoration:underline;}

#contentNewsletter .required { font-weight:bold;}


/* Shopping Cart
----------------------- */
#contentCategories {display:block; width:757px; padding:10px 5px 10px 0; margin-left:5px; font-family:Georgia; font-size:14px; color:#042B52; line-height:22px;}
#contentProducts { display:block; width:742px; padding:10px; margin-left:5px; font-family:Georgia; font-size:14px; color:#042B52;  line-height:22px;}

#contentProducts ul { margin-left:15px;}

td.catname a img.catimage { padding:4px; border-left:1px solid #012549; border-top:1px solid #012549; border-right:1px solid #012549;}
p.catname a.ectlink { display:block; height:50px; width:180px; background:#002346 url(../images/common/product_title.jpg) no-repeat; text-align:center; color:#fff; font-size:22px; font-weight:normal; text-decoration:none; line-height:47px;}

a.ectlink { color:#042B52;}
a:hover.ectlink {color:#FFCC00; text-decoration:none;}

div.prodname a.ectlink { font-size:16px; font-weight:bold; text-decoration:none;}

div.product { border:1px solid #012549; text-align:center;}
div.product:hover { border:1px solid #3E88D1;}

div.prodprice { padding-bottom:5px;}

div.detailname { font-size:22px; font-weight:bold;}

hr.review { color:#012549; height:1px;}