@charset "utf-8";
/* CSS Document */
body {font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#222; margin:0; padding:0; min-width:1150px; max-height:1450px; overflow:hidden}
#outerwrapper {position:absolute; top:0; width:100%}
#wrapper { width:920px; margin:20px auto 0 auto; padding:0; height:auto; }
#innerwrapper { float:left;background:url(../images/bg_black.png) repeat scroll left top; min-height:440px }
h1 {padding:0px; float:left; margin:0 0 10px 0; background: url(../images/bg_logo.png) no-repeat left top; width:920px; height:60px}
h1 a {text-decoration:none; width:360px; height:60px; float:left}
h1 a:hover { text-decoration:none}
h1 a img {border:none}
ul, li {list-style:none; margin:0; padding:0}
.backgrounder {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;}

#content {float:left; clear:both; width:920px; color:#fff; margin:0}
#content p {color:#fff; margin:10px 20px; font-size:11px; line-height:18px; float:left; clear:both;}
#content h2 {color:#fff; font-size:24px; margin:20px 0 0 20px; float:left; clear:both;}
#content ul {margin-left:20px; float:left; clear:both; margin-bottom:10px}
#content li {font-size:11px; line-height:18px; margin-left:20px; float:left; width:250px; font-size:10px}



#topnav { width:920px; float:left; clear:both;}
ul.topNav {display:block; zoom:1; float:left; clear:both; background:url(../images/bg_black.png) top left repeat; width:919px; }
ul.topNav ul{display:none; width:180px; background:url(../images/bg_black.png) top left repeat;}
ul.topNav li:hover>ul{display:block; background:#fff}
ul.topNav ul{position:absolute; left:0px; top:98%;}
ul.topNav ul ul{position: absolute;left:98%;top:-2px; background:url(../images/bg_white.png) top left repeat}
ul.topNav, ul.topNav ul {margin:0px; list-style:none; padding:0px 1px 1px 0px; background-color:none; border-color:#fff; border-width:0px; border-style:solid;}
ul.topNav {margin:0 20px 10px 0; padding:10px 0 10px 0}
ul.topNav table {border-collapse:collapse}
ul.topNav li{display:block;	margin:0px 0px 0px 0px;	font-size:0px;}
ul.topNav li.topNav {margin:0 0 0 20px;}
ul.topNav a:active, ul.topNav a:focus {outline-style:none;}
ul.topNav a, ul.topNav li.dis a:hover, ul.topNav li.sep a:hover {display:block; vertical-align:middle; border-width:0px; border-color:#fff; border-style:solid; text-align:left; text-decoration:none; padding:4px; font:normal 11px Arial; color: #fff; text-decoration:none; cursor:pointer;}
ul.topNav span{overflow:hidden;}
ul.topNav li {float:left;}
ul.topNav li a, ul.topNav li a:hover {font-size:11px; letter-spacing:1.2px; padding:4px 8px}
ul.topNav li li a, ul.topNav li li a:hover {color:#000; font-size:11px; font-weight:normal}
ul.topNav ul li {float:none;}
ul.topNav ul a {text-align:left; white-space:nowrap;}
ul.topNav li.sep{text-align:left; padding:0px; line-height:0; height:100%;}
ul.topNav li.sep span{float:none; padding-right:0; width:3;	height:100%; display:inline-block; background-color:#A6A6A6; background-image:none;}
ul.topNav ul li.sep span{width:100%; height:3;}
ul.topNav li:hover{	position:relative;}
ul.topNav li:hover>a{ background:url(../images/bg_white.png) top left repeat; border-color:#fff; border-style:solid; color:#000; text-decoration:none;}
ul.topNav li a:hover{ position:relative; background-color:#fff; border-color:#fff; border-style:solid;	color: #000;	text-decoration:none;}
ul.topNav li.dis a {color: #AAAAAA !important;}
ul.topNav li.dis a:hover img.over{display:none !important}
ul.topNav li.dis a:hover img.def {display:inline !important}
ul.topNav li:hover > a img.def  {display:none}
ul.topNav li:hover > a img.over {display:inline}
ul.topNav a:hover img.over,ul.topNav a:hover ul img.def,ul.topNav a:hover a:hover img.over{display:inline}
ul.topNav a:hover img.def,ul.topNav a:hover ul img.over,ul.topNav a:hover a:hover img.def{display:none}
ul.topNav a:hover ul{display:block}
ul.topNav span{display:block; padding:0 8px;}
ul.topNav a:hover span{}
ul.topNav ul span,ul.topNav a:hover table span{}
ul.topNav ul li:hover > a span{}
ul.topNav table a:hover span{}

#brand {float:left; margin:20px 0 10px 20px; width:900px; min-height:310px}
#brand .col {float:left; width:430px; margin-right:20px; background:#fff}
#brand .col#right {float:left; margin:20px 0 0 0; clear:left; width:auto}
#brand .col a{text-decoration:none; color:#333;}
#brand .col a:hover {text-decoration:underline}
#brand h2 {color:#FFFFFF; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:62px; font-weight:bold; margin:0 20px 80px 0;}
#brand h3, #brand h4, #brand h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:10px; margin:10px 0; font-weight:200; color:#333; text-transform:uppercase; font-weight:bold}
#brand p { color:#000; background:url(../images/bg_white.png) top left repeat; font-size:10px; padding:9px 10px 10px 10px; width:auto; margin:10px 0}
#brand p#stockists {float:left; clear:both;  width:auto; background:#fff; margin-top:20px; text-transform:uppercase}
#brand p#stockists a{text-decoration:none; color:#000}
#brand p#stockists a:hover {text-decoration:underline}

#leftside {float:left; width:auto}
#rightside {float:right; width:auto}

#footer{width:920px;  height:22px; margin:0 auto; padding:0; clear:left;}
#footernav {float:left; background:url(../images/bg_black.png) top left repeat; padding:10px 0; display:block; width:100%; margin:10px 0 20px 0}
#footernav ul {float:left; margin-left:20px }
#footernav li {float:left; margin-right:40px}
#footernav li a {border:0 solid #FFFFFF;color:#fff;cursor:pointer;display:block;font-family:Arial;font-size:11px;font-weight:normal;line-height:normal;padding:4px;text-align:left;text-decoration:none;vertical-align:middle;}
#footernav li a:hover {background:#000}
span#contact {font-size:11px; font-family:Arial, Helvetica, sans-serif; float:right; margin:5px 20px 0 0; text-align:right; color:#fff;}
span#contact a {text-decoration:none; color:#fff}
span#contact a:hover {text-decoration:underline; color:#f7f7f7}