@charset "utf-8";
/*======================================= 

Title:			Cold Atak Website Ad
Author:			Dustan Franks
Date:			March 2011
Author email:	dustan@blazestudio.co.za

=======================================*/

body{ background:#FFFFFF; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; position:relative; }
a{ color:#333333; }
.clear{ clear:both; margin-bottom:20px; }

#container{ width:980px; margin:0 auto; position:relative;}

/*** Navigation ***/
ul#navigation{ font-size:14px; text-transform:uppercase; position:absolute; top:30px; right:120px; list-style:none; height:30px; z-index:999}
ul#navigation li{ float:left; }
ul#navigation li a{ float:left; text-decoration:none;display:block; background:#FFF; line-height:30px; padding:0 8px; border:1px solid  #d9d9d9}
ul#navigation li a:hover{ background:#333333; color:#FFFFFF; text-decoration:underline}

ul#navigation li#stockists{ width:140px; }
ul#navgation li ul{ clear:both; position:relative; }
ul#navigation li ul li{ clear:both; }
ul#navigation li ul li a{ width:135px; }

/*** Landing Page ***/
#containerHome{ width:980px; margin:0 auto; position:relative; background:url(images/home_bg.jpg) no-repeat} 
#containerHome h3{ position:absolute; left:20px; top:40px; font-size:18px; font-weight:bold; text-transform:uppercase; color:#ee549c; }

/*** Cold Atak ***/
#wrapperCold{ width:100%; background:url(images/cold_bg.jpg) repeat-x #77278a;}
#containerCold{ width:880px; margin:0 auto; position:relative; height:740px; padding:30px 50px}
.coldCopy{ color:#FFFFFF; margin:20px 0 0 0; }
.coldCopy ul{ list-style:disc inside; margin:20px 0; font-weight:bold }

.coldCopy h4{ clear:both; margin:0 0 5px 0; font-weight: bold }
.coldCopy p,.coldCopy h3{ margin:0 0 20px 0; }


span.coldBottle{ position:absolute; bottom:30px; right:50px; }

/*** Virus Atak ***/
#wrapperVirus{ width:100%; background:url(images/virus_bg.jpg) repeat-x #77278a;}
#containerVirus{ width:900px; margin:0 auto; position:relative; height:750px; padding:50px 50px 20px 50px; z-index:0}
span.virusBottle{ position:absolute; top:170px; right:0; width:248px; height:247px; }
span.contactDetails{ position:absolute; top:680px; right:0; text-indent:-9999px; background:url(images/contactdetails.jpg); width:240px; height:80px; display:block; z-index:999; }

#containerVirus h1{ font-weight:bold; font-size:16px; margin:0 0 20px 0; }
#containerVirus h1#tips{ margin:0 0 20px 0; }
#containerVirus p{ margin:0 0 20px 0; }
#containerVirus p.elders{ margin:0 0 60px 0; }

#containerVirus ul.tips{ list-style:disc inside; margin:20px 0; }

span.newLabel{ width:172px; height:167px; text-indent:-9999px; background:url(images/new_label_virus.jpg); right:0; top:0; z-index:999; display:block; position:absolute;  }

/*** Stockists ***/

/* Filters Controls */
div.filters{ margin:0 0 10px 0; clear:both; width:800px; height:40px; float:left; clear:both;}
div.filters span{ height:20px; display:block; margin:0 }
div.filters a{ display:block; background:#FFFFFF; height:20px; color:#333333; line-height:20px; padding:0 8px; float:left; margin:0 2px 0 0; text-decoration:none; }
div.filters a:hover,div.filters a.active{ color:#FFFFFF; background: #333 }

/* Stockists Details */
.stockists{ color:#FFFFFF; display:block; float:left; clear:both}
.stockists h2 { font-size:20px; margin:20px auto }
.stockists h3 { font-size:16px; margin:20px auto; clear:both }

.stockists dl{ position:relative; clear:both; float:left }
.stockists dl dt, .stockists dl dd{ float:left; width:280px; padding:0; margin:0; border:1px solid #CCCCCC; line-height:30px; text-indent:5px }

.stockists dl dt{ border-right:none; width:200px; }
.stockists dl dt.area{ width:802px; border-bottom:none; border-right:1px solid #CCC; font-weight:bold; font-size:14px; background:#333333; border-top:none }
.stockists dl dd.addy{ border-right:none; width:450px }
.stockists dl dd.number{ width:150px; }

.stockists dl#labels{ font-weight:bold; font-size:14px;}
.stockists dl#labels > *{ background:#FFF; color:#333333 }