/* Reset */
body {color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

img{vertical-align:top; border:0px;}
legend{height:0; font-size:0;}
a, input, select, textarea{outline:none;}
.clear, .Clear{clear:both; font-size:0px; line-height:0px;}


/* Common Styles */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}

.content{color:#999999; font-size:1.1em;}
.content H1{ font-size:1.2em; color:White; font-weight:bold; text-transform:uppercase;}
.content H2{ font-size:1.2em; color:White; font-weight:bold;}
.content H3{ font-size:1.1em; color:White; font-weight:bold;}
.content A{color:White;}

.pad{padding-bottom:10px;}
.doublePad{padding-bottom:20px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.picLeft{float:left; padding:0px 20px 20px 0px;}
.picRight{float:left; padding:0px 0px 20px 20px;}
.inner{padding:20px;}
A{text-decoration:none;}
A:hover{text-decoration:underline;}

.button25 A{display:block; height:25px;}
.button25 A:hover{background-position:0px -25px;}
.button25 A:active{background-position:0px -50px;}

.paging{}
.paging TABLE{border:solid 1px #292F36;}
.paging A{display:block; height:15px; background:url(../i/paging.gif);}
.paging .first{width:15px;}
.paging .first A{background-position:0px 0px;}
.paging .first A:hover{background-position:-15px 0px;}
.paging .first A:active{background-position:-30px 0px;}
.paging .previous{width:11px;}
.paging .previous A{background-position:0px -15px;}
.paging .previous A:hover{background-position:-11px -15px;}
.paging .previous A:active{background-position:-22px -15px;}
.paging .next{width:11px;}
.paging .next A{background-position:0px -45px;}
.paging .next A:hover{background-position:-11px -45px;}
.paging .next A:active{background-position:-22px -45px;}
.paging .last{width:15px;}
.paging .last A{background-position:0px -30px;}
.paging .last A:hover{background-position:-15px -30px;}
.paging .last A:active{background-position:-30px -30px;}
.paging .numbers{padding:0px 8px;}
.paging .numbers A{display:inline; height:auto; color:#6E6E6E; background:none;}
.paging .numbers A:hover{color:#FEFEFE;}
.paging .numbers SPAN.selected{color:#FEFEFE;}

/* Template Styles */

HTML{background:black;}
BODY{font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:62.5%; color:black;}

#topBar{height:10px; font-size:0; background:url(../i/topBar.gif); line-height:0; overflow:hidden;}
#topBar .inner{width:940px; margin:auto; height:10px; font-size:0; padding:inherit; background:url(../i/topBar.gif) 0px -10px;}
#mainWrapper{width:940px; margin:auto;}
#mainColumns{}
#mainColumnsLeft{float:left; width:240px;}
.mainColumnsLeftInner{width:220px;}
#mainColumnsRight{float:left; width:700px;}

#logo{}
#logo A{display:block; height:430px; background:url(../i/logo.jpg);}

#newsletterSignup{padding-top:30px; margin-bottom:50px;}
#newsletterSignup .title{width:69px; height:13px; margin:auto; margin-bottom:10px; background:url(../i/smallTitleNewsletter.gif);}
#newsletterSignup .wrapper{position:relative; width:178px; height:23px; margin:auto; border:solid 1px #292F36; background:#101419 url(../i/newsletterSignupInputBack.jpg) center top;}
#newsletterForm INPUT{position:absolute; left:2px; top:3px; width:140px; font-size:1.1em; color:#999999; padding:2px 8px; border:0; background:none;}
#newsletterForm .submit{position:absolute; left:159px; width:19px;}
#newsletterForm .submit A{display:block; height:23px; background:url(../i/newsletterSignupSubmit.gif);}
#newsletterForm .submit A:hover{background-position:-19px 0px;}
#newsletterForm .submit A:active{background-position:-38px 0px;}
#newsletterForm .errors{display:none; border:solid 1px #C75A5A; padding:5px 10px; width:160px; margin:auto; margin-top:8px; color:White; font-size:1.1em; background:#942525;}
#newsletterForm .complete{color:white;}

#followUsOn{}
#followUsOn .title{width:220px; height:22px; margin:auto; margin-bottom:15px; background:url(../i/smallTitleFollowUsOn.gif);}
#followUsOn UL{width:76px; margin:auto;}
#followUsOn UL LI{margin-bottom:8px;}
#followUsOn UL LI A{display:block; background:url(../i/followUsOn.jpg);}
#followUsOn UL .twitter A{height:36px;}
#followUsOn UL .twitter A:hover{background-position:-76px 0px;}
#followUsOn UL .facebook A{height:57px; background-position:0px -36px;}
#followUsOn UL .facebook A:hover{background-position:-76px -36px;}
#followUsOn UL .myspace A{height:39px; background-position:0px -93px;}
#followUsOn UL .myspace A:hover{height:39px; background-position:-76px -93px;}

#topMenu{position:relative; height:41px; background:url(../i/topMenu.jpg); z-index:100;}
#topMenu UL LI {position:absolute; display:block;}
#topMenu A{display:block; height:22px;}
#topMenu UL LI .arrow{display:none; position:absolute; top:22px; width:11px; height:7px; background:url(../i/topMenuArrow.gif);}
#topMenu UL .products{width:55px; left:103px; top:19px;}
#topMenu UL .products .arrow{left:22px;}
#topMenu UL .stockists{width:57px; left:239px; top:19px;}
#topMenu UL .stockists .arrow{left:23px;}
#topMenu UL .newsRoom{width:71px; left:377px; top:19px;}
#topMenu UL .newsRoom .arrow{left:30px;}
#topMenu UL .contactUs{width:67px; left:530px; top:19px;}
#topMenu UL .contactUs .arrow{left:28px;}
#topMenu UL .selected .arrow, #topMenu UL .active .arrow{display:block;}

#topMenu .topMenuDropDown{display:none; position:absolute; top:22px; background:#34393F; opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);	}
#topMenu .topMenuDropDown UL{margin:5px 0;}
#topMenu .topMenuDropDown UL LI{position:static;}
#topMenu .topMenuDropDown UL LI A{display:block; padding:4px 0; height:auto; text-align:center; color:White; font-weight:bold; font-size:1.1em;}
#topMenu .topMenuDropDown UL LI A:hover{background:#1F2427; text-decoration:none;}

#banner OBJECT { z-index:1;}

#newsMenu{left:-35px; width:140px;}
#productsMenu{left:-55px; width:160px;}


#footer{height:40px; border-top:solid 1px #292F36; background:#090C0F;}
#footer .inner{color:#3C4249;padding:inherit; padding-top:5px; text-align:center;}
#footer A{color:#3C4249; text-decoration:none;}
#footer A:hover{text-decoration:underline;}
#footer .highlight{color:#999999;}

/* Home page */
#homeBox{border:solid 1px #292F36; background:url(../i/homeBoxBack.gif);}
#homeBoxColumns{}
#homeBoxColumnsLeft{float:left; width:310px;}
#homeBoxColumnsRight{float:left; width:386px;}

#homeIntro{padding:30px;}

#homeNews{width:340px; margin:auto; margin-top:30px;}
#homeNews .newsItem{width:340px; height:80px; margin-bottom:10px; cursor:pointer; background:url(../i/homeNewsBack.gif);}
#homeNews .newsItem.active{background-position:0px -100px;}
#homeNews .newsItem .text{float:left; width:200px; padding:8px 0px 4px 30px; overflow:hidden;}
#homeNews .newsItem .photo{float:right; width:100px;}

/* News Pages */
#newsBox{border:solid 1px #292F36; background:#090C0F;}
#newsBox .intro{padding:30px; background:#101419;}

.newsPagingTopWrapper{width:640px; margin:auto; padding:20px 0px;}
.newsPagingBottomWrapper{width:640px; margin:auto; padding-bottom:20px;}

#newsItems{width:640px; margin:auto;}
#newsItems .newsItem{background:#181D23; margin-bottom:20px; cursor:pointer;}
#newsItems .active{background:#252D36;}
#newsItems .photo{float:left; width:170px;}
#newsItems .details{float:left; width:470px;}
#newsItems .details .inner{padding:15px;}
#newsItems .details A{font-size:0.9em;}
#newsItems .details .text{padding-bottom:3px;}
#newsItems .details .date{color:#7AADC8; margin-bottom:3px;}

#newsArticleTop{padding:30px 30px 10px 30px; background:#101419;}
#newsArticleTop .date{float:right; font-size:1.1em; color:#7AADC8;}

#newsArticleInner{padding:30px 30px 60px 30px;}

.buttonBackToNews{width:120px;}
.buttonBackToNews A{background:url(../i/buttonBackToNews.png);}


/* Product Pages */
#productBox{min-height:500px; border:solid 1px #292F36; background:#090C0F;}
#productBox .intro{padding:30px; background:#101419;}

#productMenu{border:solid 1px #292F36; border-right:none; padding:20px 0px; background:#090C0F;}
#productMenu UL{width:220px; float:right;}
#productMenu UL LI{margin-bottom:1px;}
#productMenu UL LI A{display:block; height:39px; text-decoration:none; background:url(../i/productMenu.png);}
#productMenu UL LI A:hover{background-position:0px -39px;}
#productMenu UL LI A:active{background-position:0px -78px;}
#productMenu UL LI SPAN{display:block;color:#999999; font-weight:bold; padding:12px 0 0 26px; font-size:1.1em;}
#productMenu UL LI A:hover SPAN{color:White;}
#productMenu UL LI A:active SPAN{padding-top:13px; color:White}

/* Product Details */
#productDetailsColumns{background:url(../i/productDetailsColumnsBack.png);}
#productDetailsColumnsLeft{float:left; min-height:500px; width:479px;}
#productDetailsColumnsRight{float:right; width:219px;}

#productFeaturesTitle{font-size:1.4em; font-weight:bold; padding:0 0 10px 20px; color:white;}
#productFeaturesList LI{border-top:solid 1px #292F36; padding:8px 0 12px 0; color:#BDBDBD; font-size:1.1em; font-weight:bold;}
#productFeaturesList LI SPAN{display:block; padding-left:20px; background:url(../i/productFeaturesBullet.png) no-repeat;}

/* Product Gallery */
#productGallery{width:640px; margin:auto; padding:30px 0px;}
#productGallery .galleryItem{float:left; padding-bottom:30px;}
#productGallery .notLast{padding-right:20px;}
#productGallery .caption{text-align:center; margin-top:-30px; font-size:1.4em; font-weight:bold; color:white; padding:0px 20px;}

/* Product As Used By */
#usedByItems{width:640px; margin:auto; padding:30px 0px;}
#usedByItems .usedByItem{background:#181D23; margin-bottom:20px;}
#usedByItems .photo{float:left; width:170px;}
#usedByItems .video{float:left; width:170px;}
#usedByItems .video .controls{ display:block; height:26px; background:url(../i/videoControls.jpg) no-repeat;}
#usedByItems .details{float:left; width:470px;}
#usedByItems .details .inner{padding:15px;}
#usedByItems .details .text{padding-bottom:3px;}

/* Stockists Page */
#stockistsBox{border:solid 1px #292F36; background:#090C0F;}
#stockistsBox .intro{padding:30px; background:#101419;}

#stockists{width:640px; margin:auto; padding:30px 0px;}
#stockists .stockistsItem{float:left; width:310px; margin-bottom:20px; background:#181D23;}
#stockists .stockistsItemLeft{margin-right:20px;}
.stockistsItem .logo{float:left; width:140px;}
.stockistsItem .details{float:left; width:170px;}
.stockistsItem H3{font-size:1.4em; color:white; font-weight:bold;}
.stockistsItem .address, .stockistsItem .tel{color:#999999; font-size:1.1em;}
.stockistsItem .website A{color:white; font-weight:bold; }

/* Information Pages */
#infoBox{border:solid 1px #292F36; background:#101419;}
#infoBox .inner{padding:30px;}

/* In The Media Page */
#mediaBox{border:solid 1px #292F36; background:#090C0F;}
#mediaBox .intro{padding:30px; background:#101419;}

.mediaPagingTopWrapper{width:640px; margin:auto; padding:20px 0px;}
.mediaPagingBottomWrapper{width:640px; margin:auto; padding-bottom:20px;}

#mediaItems{width:640px; margin:auto;}
#mediaItems .mediaItem{background:#181D23; margin-bottom:20px; cursor:pointer;}
#mediaItems .active{background:#252D36;}
#mediaItems .media{float:left; width:170px;}
#mediaItems .media .controls{ display:block; height:26px; background:url(../i/videoControls.jpg) no-repeat;}
#mediaItems .details{float:left; width:470px;}
#mediaItems .details .inner{padding:15px;}
#mediaItems .details .text{padding-bottom:3px;}
#mediaItems .details .date{color:#7AADC8; margin-bottom:3px;}

/* Contact Page */
#contactBox{border:solid 1px #292F36; background:#090C0F;}
#contactColumns{background:url(../i/contactColumnsBack.gif); padding-bottom:100px;}
#contactColumnsLeft{float:left; width:309px;}
#contactColumnsRight{float:right; width:389px;}

#contactDetails .row{margin-bottom:2px;}
#contactDetails .name{float:left; width:50px; color:white; font-weight:bold;}
#contactDetails .value{float:left; width:180px;}

#contactForm{width:330px; margin:auto; margin-top:10px;}
#contactForm  .TVI-formField{margin-bottom:8px;}
#contactForm .labelCell{float:left; width:90px; height:25px; background:url(../i/contactFormLabelBack.gif);}
#contactForm LABEL{display:block; color:white; font-size:1.1em; font-weight:bold; padding:5px 0 0 24px;}
#contactForm .controlCell{float:left; width:240px;}
#contactForm .textBox .controlCell{width:240px; height:25px; background:url(../i/contactFormTextboxBack.gif);}
#contactForm .textBox INPUT{width:230px; margin:3px 5px 0 5px; color:#090C0F; font-size:1.2em; padding:2px 0px; border:none; background:none;}
#contactForm .textArea .controlCell{width:240px; height:155px; background:url(../i/contactFormTextareaBack.gif);}
#contactForm .textArea TEXTAREA{width:230px; margin:3px 5px 0 5px; color:#090C0F; font-size:1.2em; padding:2px 0px; border:none; background:none;}
#contactForm .errors{display:none; border:solid 1px #C75A5A; margin:0 0 10px 90px; padding:10px; color:White; font-size:1.1em; background:#942525;}
#contactForm .loading{display:none;}
#contactForm .complete{display:none; font-size:1.1em; color:white;}
#contactForm .complete H2{font-size:1.2em; text-transform:uppercase; font-weight:bold;}
#contactForm .complete A{color:white; text-decoration:underline;}

.buttonSendMessage{width:120px;}
.buttonSendMessage A{background:url(../i/buttonSendMessage.png);}




/* LightBox */

.lightBoxTemplate{display:none;}
.overlay {position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; min-height: 100%; height: auto !important; background-color:black ; display: none;}
.popup{width:100%; text-align: center; position: absolute; top: 100px; z-index: 99;}
.popupContainer{width:600px; margin: auto; border:solid 1px #292F36; background:#090C0F;}
.popup .top{padding:10px 20px; background:#101419;}
.popup .top H1{float:left; color:White; font-size:1.6em; font-weight:bold;}
.popup .top .close{float:right; text-align:right; color:white; font-size:1.4em; font-weight:bold;}
.popup .top .close A{color:white; text-decoration:none;}
.popup .videoPlayer{padding:30px 0;}
.popup .photoBig{padding:30px 0;}

.player { width:500px; margin:auto; border:1px solid #292F36;}