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

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

#container { width:900px; margin:0 auto 0;}
a img { border:0px none;}
#clear { clear:both;}


/* Header 
========================================================== */
#header { display:block; background:url(../images/common/drop.jpg) no-repeat 272px 75px; position:relative; width:900px; height:330px;}
#header #logo { position:absolute; left:0; top:0; width:272px; height:155px;}
#header #logoTxt { position:absolute; left:272px; top:75px; width:465px; z-index:0;}

/* Search
------------------ */
#header #search { display:block; position:absolute; right:0; top:0; width:200px; padding:25px 20px 0 0; height:50px;}
#header #search div.search { position:relative; width:200px; height:50px;}
#search input.search { position:absolute; top:0; left:20px; padding:5px; background:url(../images/common/search-box.gif) no-repeat; border:0px none; width:145px; height:15px; font-family:"Century Gothic"; font-size:12px; color:#999;}
#search input.search_btn { position:absolute; border:0px none; left:175px; top:0; }

/* {FLASH} Slide Banner
------------------ */
#header #bannerSlide { position:absolute; top:125px; right:0; width:620px; height:110px;}



/* Menu
------------------ */
#header #menu { display:block; position:absolute; left:272px; top:0; width:500px; height:75px; z-index:999;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/pro_drop9.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */

.menu {margin:0; padding:0; list-style:none; height:75px; background:url(../images/common/menu_bg.jpg) no-repeat; font-family:"Century Gothic"; font-size:16px; width:500px;}
.menu li {float:left; height:75px;}
.menu li.dots { background:url(../images/common/menu-dots.png) no-repeat 0 20px;}
.menu li a {display:block; height:75px; padding:0 20px; float:left; line-height:70px; color:#fff; text-decoration:none; text-align:center;}
.menu li a:hover {position:relative; visibility:visible; line-height:70px; z-index:50;}
.menu li ul, .menu li div  {position:absolute; left:-9999px;}
.menu li:hover {position:relative;}
.menu li:hover > a {line-height:70px; color:#E20A16;}
.menu li:hover > a.news {line-height:70px; color:#fff;}

.menu table {border-collapse:collapse; margin:-1px;}

.menu :hover div {left:-1px; top:65px; width:208px; height:188px; padding:10px 0; background: url(../images/common/dropdown.png) no-repeat; z-index:100; font-size:14px;}

.menu :hover ul {margin:0; padding:10px 0; list-style:none; left:0; top:65px; width:208px; height:188px; z-index:120; font-size:14px;}
.menu :hover ul li {height:30px;}
.menu :hover ul li a {height:30px; line-height:28px; color:#999; margin-left:1px; width:160px; text-align:left; text-transform:uppercase;}
.menu :hover ul li.fly a {background: url(../images/common/droparrow.gif) no-repeat 170px center;}
.menu :hover ul li a:hover {background:#393939; color:#fff;}
.menu :hover ul li:hover > a {background:#393939; color:#fff;}

.menu :hover ul ul, .menu :hover ul div {position:absolute; left:-9999px;}
.menu :hover ul :hover {z-index:200;}
.menu :hover ul :hover div {left:175px; top:-4px; width:208px; height:168px; padding:10px 0; margin-left:-1px; background: url(../images/common/dropdown.png) no-repeat; z-index:200;}
.menu :hover ul :hover div.ex {left:175px; top:-4px; width:208px; height:88px; padding:10px 0; margin-left:-1px; background: url(../images/common/dropdown2.png) no-repeat; z-index:200;}
.menu :hover ul :hover ul {margin:0; list-style:none; left:175px; top:-4px; width:208px; height:168px; padding:10px 0; z-index:250;}

.menu :hover ul :hover ul li a {background:transparent; text-transform:capitalize; font-size:11px; line-height:32px;}
.menu :hover ul :hover ul li a:hover {background:#393939; color:#fff;}

/* Product Titles
------------------ */
#header #cyberbond { position:absolute; display:block; width:215px; left:0; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}
#header #hypoxy { position:absolute; display:block; width:215px; left:228px; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}
#header #cpi { position:absolute; display:block; width:215px; left:457px; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}
#header #treblex { position:absolute; display:block; width:215px; left:685px; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}

#header p { padding:0 15px;}
#header p.hypoxy { padding:0 5px 0 15px;}

a.productsHome { color:#fff; font-weight:bold; text-decoration:none;}
a:hover.productsHome { color:#00455B;}

/* Header end
========================================================== */



/* Content
------------------ */
#content { display:block; background:url(../images/common/content-bgTop.jpg) no-repeat; font-family:"Century Gothic"; font-size:14px; color:#fff; padding:25px 25px 0 25px; width:850px; min-height:146px;}
#content h1 { font-size:30px; color:#fff; font-weight:normal; padding-bottom:25px;}
#content h2 { font-size:20px; color:#fff; font-weight:normal; padding-bottom:25px;}

.yellow { color:#FFFF00;}
.green { color: #00CC00;}

#products { display:block; background:url(../images/common/content-bgBottom4.jpg) no-repeat center bottom;  padding:10px 0 15px 0; height:330px;}

#products.cart { display:block; background:url(../images/common/content-bgBottom3.jpg) no-repeat center bottom; height:75px;}

#products #banners { display:block; width:380px; height:210px; font-family:"Century Gothic"; font-size:14px; color:#fff;}
#products #banners.retail { float:left; margin-left:40px;}
#products #banners.indust { float:right; margin-right:40px;}

/* Cyberbond
------------------ */
#header.cyberbond { height:170px;}

#products.cyberbond { display:block; background:url(../images/common/content-bgBottom3.jpg) no-repeat center bottom;  padding:10px 0 25px 0; height:220px;}
#products.cyberProds { display:block; background:url(../images/common/content-bgBottom3.jpg) no-repeat center bottom;  padding:10px 0 25px 0; height:275px;}

#cyberbondBox { display:block; width:176px; font-family:"Century Gothic"; font-size:18px;}
#cyberbondBox #title { display:block; height:130px; width:176px; text-align:center;}
#cyberbondBox #title a img { border:0px none;}
#cyberbondBox #title a { color:#fff; text-decoration:none; font-weight:700;}
#cyberbondBox #title a:hover { color:#00455B;}



#cyberbondBox.cb1 { float:left; margin-right:5px;}
#cyberbondBox.cb2 { float:left; margin-right:5px;}
#cyberbondBox.cb3 { float:left; margin-right:5px;}
#cyberbondBox.cb4 { float:left;}

#cyberbondBox.cb-cc #title { display:block; height:130px; width:215px; text-align:center;}
#cyberbondBox.cb-cc #title a img { border:0px none;}
#cyberbondBox.cb-cc #title a { color:#fff; text-decoration:none; font-weight:700;}
#cyberbondBox.cb-cc #title a:hover { color:#00455B;}
#cyberbondBox.cb-cc { margin:0 auto 0; width:215px;}

#content h1.cyber { font-size:16px; font-weight:bold;}
img.cyber { padding:1px; border:2px solid #00698B; margin:0 15px 5px 0;}
ul.cyber { margin:0 0 0 25px;}

/* Footer
------------------ */

#footer { display:block; height:45px; width:850px; margin:0 auto 0; font-size:12px; font-family:"Century Gothic"; color:#00455B;}
#footer #copyright { display:block; float:left;}
#footer #gcweb { display:block; float:right;}
#footer a { color:#00455B; text-decoration:none;}
#footer a:hover { color:#fff;}


/* Shopping Cart Structure
========================================================== */

/* Categories 
------------------ */

#products.categories { margin-top:-80px; font-family:"Century Gothic"; font-size:14px; color:#fff; font-weight:normal;}

p.catnavigation a.ectlink { color:#fff; text-decoration:none;}
p.catnavigation a:hover.ectlink { color:#434342;}

td.catname { text-align:center;}
td.catname img { margin-left:-1px;}
p.catname a.ectlink { display:block; width:200px; height:30px; text-decoration:none; color:#FF0000; background:url(../images/common/categories-footer.jpg) no-repeat;}
p.catname a:hover.ectlink { color:#fff;}


/* Products 
------------------ */
p.prodnavigation a.ectlink { color:#fff; text-decoration:none;}
p.prodnavigation a:hover.ectlink { color:#434342;}

table.productHeader { display:block; width:200px; background:url(../images/products/top-bg.gif) no-repeat; padding:10px 10px 0 10px;}
td.productFooter { background:#0093C4 url(../images/products/bottom-bg.gif) no-repeat center bottom; padding:0px 10px 10px 10px;}

div.prodname a.ectlink { color:#fff; text-decoration:none; text-align:center;}
div.prodname a:hover.ectlink { color:#00455B;}

hr.prodseparator { color:#0093C4;}

div.proddescription { font-size:12px; font-style:italic;}


/* Product Details
------------------ */

div.detailname { font-size:16px; text-align:center; font-weight:700;}

div.detaildescription ul { margin-left:20px;}
div.detaildescription ol { margin-left:20px;}

td.detailimage img.prodimage { padding:10px; background:#0093C4;}

p.pagenums a.ectlink { color:#fff; text-decoration:none;}
p.pagenums a:hover.ectlink { color:#00455B;}

hr.hrseparator { color:#00455B;}

td a { color:#fff;}

/* Search
------------------ */

td.cobhl { background:#0093C4;}
td.cobll { background:#0093C4;}

td.topLeftCorner { background:url(../images/search/top-letf-corner.gif) no-repeat left top;}
td.topRightCorner { background:url(../images/search/top-right-corner.gif) no-repeat right top;}
td.bottomLeftCorner { background:url(../images/search/bottom-letf-corner.gif) no-repeat left bottom;}
td.bottomRightCorner { background:url(../images/search/bottom-right-corner.gif) no-repeat right bottom;}


/* Contact Us
------------------ */

form.contact { display:block; width:850px; height:230px; position:relative; margin-top:40px;}
form.contact label { display:block; width:90px; height:35px; line-height:33px; font-weight:bold;}
form.contact input { display:block; width:170px; height:35px; line-height:33px; font-family:"Century Gothic"; font-size:14px; color:#fff; border:0px none; background:#0193C4; padding:0 15px;}
form.contact input.submit { display:block; width:200px; height:35px; line-height:33px; font-family:"Century Gothic"; font-size:14px; color:#fff; border:0px none; background:#005571;}

form.contact textarea { display:block; width:370px; height:155px; font-family:"Century Gothic"; font-size:14px; color:#fff; border:0px none; background:#0193C4; padding:0 15px; line-height:22px;}

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