@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;}

#header #newProd { position:absolute; right:20px; top:60px; z-index:10;}

/* 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 10px; 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 div.shopping {left:-1px; top:65px; width:208px; height:126px; padding:10px 0; background: url(../images/common/dropdown2.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; padding:0 20px; 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:188px; padding:10px 0; margin-left:-1px; background: url(../images/common/dropdown4.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:167px; left:15px; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}

#header #hypoxy { position:absolute; display:block; width:167px; left:192px; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}

#header #cpi { position:absolute; display:block; width:167px; left:370px; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}

#header #treblex { position:absolute; display:block; width:167px; left:547px; top:185px; font-family:"Century Gothic"; line-height:18px; color:#fff; font-size:12px;}

#header #prod_eal { position:absolute; display:block; width:167px; left:722px; 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;}

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

#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;}