/*
    General layout styles
    -----------------------------
    
    Main Colours
    -----------------------------
    Black       : #000;
    Dark Grey   : 
    Med Grey    : 
    Light Grey  : 
    Blue        : #3399ff;
    Gold        : #ffcc00;
    -----------------------------
*/
@import 'reset.css';
@import 'typography.css';
xhtml {height:101%;}
body {font-size: 77%;color: #fff;font-family: Arial, Helvetica, Verdana, sans-serif;background-color: #151515;margin: 0 auto;}

.myDots{
display:list-item; 
list-style:square;color:#ccc; 
padding-left:2px;
margin-left:14px
}
.myHR{
border-top:1px solid #333 !important;
style="color:#333;  
background:#333"
}
.aLink{
display:inline;  
color:#FFF;
}
.wikiBox{
padding:15px;
border:1px solid #ccc; 
background:#f2f2f2; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
margin-top:10px
}
/* 
-------------------------------------------------------------------------------------------
    CONTAINERS
-------------------------------------------------------------------------------------------
*/

#container, .container{background-color: #000;}
#container #content, .container .content{
    width               : 988px;
    margin              : 0 auto;
    padding             : 0px 0px 0px 0px;
}
#mainContent, .mainContent{margin-top:0px;}
/* 
-------------------------------------------------------------------------------------------
    HEADER and FOOTER 
-------------------------------------------------------------------------------------------
*/
#header,#footer
{
    background-color    : #141414;
    width               : 988px;
    margin              : 0 auto;
}

#header
{
    height              : 115px;
    padding             : 10px 0 0px 0px;
}
#header div{padding-top:0px !important;}
#header a{text-decoration:none;color:#999;display:block;margin: 0 0 20px 0;}
#header a:hover,#header a:focus,#header a.on{color:#fff;}


#header ul li a{
    xtext-transform  : uppercase;
    margin          : 0 19px 0 0;
    padding         : 0px;
}
#header ul li.on a{color:#fff;}
#header #subNav
{
    font-size       : 0.8em;
    float           : left;
    padding         : 0 0 0 30px;
    margin          : 40px 0 0 0;
}
#header #subNav ul li{margin-bottom:0px;}
#header #subNav ul li a{
    clear               : both;
    text-transform      : none;
    height              : 20px;
    font-size           : 110%;
}

#footer{width: 988px;font-size:90%;color:#666 !important;}
#footer p{color:#666 !important;}
#footer img{}
#footer a{color:#666;}
#footer a:hover,#footer a:focus{color:#fff;}

#footer hr.headerHR{border-top:1px solid #333 !important;}
    
    /* NEW SITE MAP */
    ul.sitemap{margin-top:4px;}
    ul.sitemap li a{border-left:1px solid #666;padding-left:10px;padding-right:10px;line-height:8px;margin-bottom:13px;}

.footerPanels{margin-top:10px;clear:both;font-size:90%;line-height:130%;}
ul.footerPanels h3{color:#fff;margin-bottom:8px;}

.footerPanels li{margin-bottom:5px;}
.footerPanels li a{margin-top:3px;}
.footerPanels li li{margin-bottom:0px;}


.pcSearch{margin-top:8px;width:130px;padding-top:5px;height:13px;border:1px solid #000;font-size:90%;}
.pcSearchBtn{background:#333333 url(http://codelaboratories.com/template/images/arrow_next.gif) no-repeat scroll 8px 6px;
    height:20px;
    margin:0px 0 0px 3px;
    text-align:center;
    width:20px; 
    border:0px none;

    text-indent:-10000px;    
}


ul.footerIcons li{margin-bottom:5px;}
ul.footerIcons li a{padding-left:25px;background-repeat:no-repeat;}
ul.footerIcons li a.iconRegister{background-image:url(http://www.codelaboratories.com/images/iconRegister.gif);}
ul.footerIcons li a.iconSignUp{background-image:url(http://www.codelaboratories.com/images/iconSignup.gif);}
ul.footerIcons li a.iconHelp{background-image:url(http://www.codelaboratories.com/images/iconHelp.gif);}
ul.footerIcons li a.iconFeedback{background-image:url(http://www.codelaboratories.com/images/iconFeedback.gif);}
ul.footerIcons li a.iconEnvironment{background-image:url(http://www.codelaboratories.com/images/iconEnvironment.gif);}
ul.footerIcons li a.iconPanel{background-image:url(http://www.codelaboratories.com/images/iconPanel.gif);}

.territories{margin-top:16px;}
/* 
------------------------------------------------------------------------------------------- 
COLUMNS
-------------------------------------------------------------------------------------------
*/
    /*
        layout allows for upto 4 columns
        for a 2 colum layout (left hand narrow, right hand wide), use .column1 and .column3
    */
    .column1,.column2,.column3,.column4{

 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

margin:10px 10px 0 10px;float:left;padding:0px 20px 20px 20px;display:block;}
    /* display:inline;*/
    
    .column1{width:187px;}
    .column2{width:434px;}
    .column3{width:681px;}
    .column4{width:928px;}
    
    .column1Wide{margin-right:0px;padding-right:0px;width:217px;}
    
    .colFull{margin:0px !important;padding:0px !important;}
    
    .columnNP1,.columnNP2,.columnNP3,.columnNP4{margin:0 10px 20px;float:left;padding:0px 0px 0px 0px;}
    /* display:inline;*/

    .columnNP1{width:227px;}
    .columnNP2{width:474px;}
    .columnNP3{width:741px;}
    .columnNP4{width:968px;}
    
    .colHighlight{background-color:#1a1a1a;}
    
    /* Used for columns inside other columns*/
    .column1 .column1{padding:0px;margin:10px 0px 0 0;}
    .column2 .column1{padding:0px;margin:10px 0px 0 0;}
    .column3 .column2{padding:0px;margin:10px 30px 0 0;}
    .column3 .column1{padding:0px;margin:10px 30px 0 0;}
    .column4 .column2{padding:0px;margin:10px 10px 0 0;}
    .column4 .column3{padding:0px;margin:10px 10px 0 0;}
    .column4 .column1{padding:0px;margin:10px 10px 0 0;}
	
	.paddingLeft {margin-left:60px !important;}
    
    /* used on WMDD + press sites */
    .narrowCol{width:300px}
    
    .disInline{display:inline !important;}
	.signOut{ margin-left:-22px !important; color:#999999;}
    .printLinks{padding-bottom:10px;padding-top:10px;margin-top:0px;}
    
    /* used as a splitter between two columns. Need to reduce the margin by 1px to accommodate border */
    .rightBorder{border-right:1px solid #333;margin-right:9px;height:100%;}
    .leftBorder{border-left:1px solid #333;margin-left:9px;height:100%;}
    .dbBG{background-image:url(http://www.codelaboratories.com/images/bg_double_line.png); height:100%}
    .sgBG{background-image:url(http://www.codelaboratories.com/images/bg_single_line.png); height:100%}
    .scBG{background-image:url(http://www.codelaboratories.com/images/bg_single_line_centre.png); height:100%}
    .col3BGwht{background-image:url(http://www.codelaboratories.com/images/bg_col3_wt.png);}
    
    .col1_wht{background-image:url(http://www.codelaboratories.com/images/bg_col1_wht.gif);}
    
    .colBorders{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:20px;}

    .colTopBorder{border-top:1px solid #ccc;padding-top:20px;}
    
/* 
------------------------------------------------------------------------------------------- 
LIST ITEMS
-------------------------------------------------------------------------------------------
*/

    ul{list-style: none;}                       /* General Lists */
    li, li a, .links a {color:#333;display:block;}

    
    #content li, .content li, li a, .links a {color:#999;}
    
    ul.inlineUL li{display:inline;float:left;}  /* Inline list items */
    ul.listUL li{display:block;clear:both;float:none;}
    
    ul li a, .links a {text-decoration:none;}
    ul li a:hover, .links a:hover,ul li a:focus, .links a:focus{color:#fff;}

    ul.miniUL{list-style:none;}
    ul.miniUL li{float:left;display:inline;padding-right:30px;width:110px;font-size:90%;}
    ul.miniUL li img{float:left;margin-bottom:10px;border:1px solid #333;margin-top:20px;}
    ul.miniUL li span{display:block;font-size:110%;color:#fff;font-weight:bold;}
    
    ol.inlineOL li a{display:inline;}
    
    .bullet,ul.txt{margin-bottom:20px;}
    .bullet li,ul.txt li { margin-left:20px;display:list-item; list-style:disc;margin-bottom:10px;}
    .specBull{margin-left:-7px !important;}
    
    .bulletWhite,ul.txt{margin-bottom:5px;}
    div#letterbox ul.bulletWhite li,.bulletWhite li,ul.txt li  {margin-left:15px; display:list-item; list-style:disc;color:#fff;}
    
    .panelText{font-size:100%;padding:15px 20px;color:#fff !important;background-color:#333 !important;}
    .panelText span{font-size:120% !important;}
/*
------------------------------------------------------------------------------------------- 
BREADCRUMBS
-------------------------------------------------------------------------------------------
*/
    .footerBreadCrumbs{border-top:1px solid #CCC;clear:both;}

    .navBar{margin-bottom:15px;height:30px;background-color:#ffcc00;padding:10px 0 0 10px;}
    .navBar ul{float:left;width:222px;}
    .breadcrumbs{font-size:85%;padding-bottom:10px;padding-top:0px;margin-top:8px;}
    .breadcrumbs a{text-decoration:underline;padding:0 10px 0 0;background:url(//codelaboratories.com/template/images/crumb.gif) no-repeat right;margin:0 8px 0 0; }

    .backLinks{font-size:90%;padding-top:10px;margin:15px 0 10px 30px;display:block;}
/*
------------------------------------------------------------------------------------------- 
ALT BREADCRUMBS
-------------------------------------------------------------------------------------------
*/
    .breadcrumbsA{font-size:85%;padding-bottom:10px;padding-top:0px;margin-top:8px;}
    .breadcrumbsA a{text-decoration:underline;padding:0 10px 0 0;background:url(//codelaboratories.com/template/images/line.png) no-repeat right;margin:0 8px 0 0; }
	
/* 
------------------------------------------------------------------------------------------- 
SEARCH BOX
-------------------------------------------------------------------------------------------
*/
#subNav input{
    border-right        : 1px solid #666;
    border-top          : 1px solid #666;
    border-bottom       : 1px solid #666;
    border-left         : 0px none;
    float               : left;
    width               : 18px;
    height              : 20px;
    background-color    : #000;
    color               : #666;
}
.searchField{
    font-size           : 90%;
    border              : 1px solid #666 !important;
    background-color    : #000;
    color               : #999 !important;
    width               : 120px !important;
    height              : 16px !important;
    margin-bottom       : 5px;
}

/*
------------------------------------------------------------------------------------------- 
PANELS
-------------------------------------------------------------------------------------------
*/

.resetPanel{margin:0px;padding:0px;}

ul.panels,ul.offerPanels{margin:0px;padding:0px;}
ul.panels li{position:relative;}
.panels a,.offerPanels a{
	position            : relative;
	background-color    : #141414; 
	text-align          : center;
	height              : 170px;
	padding             : 20px 0 10px 0;
	margin-bottom       : 0px;
	font-size:90%;
}
.specialOfferpanel	{
	position            : relative;
	background-color    : #141414; 
	text-align          : center;
	margin-bottom       : 0px;
	padding             : 20px 0 10px 0;
	height              : 255px;
	font-size			:90%;
	background-color	:#000000;
	background-image:url(http://www.codelaboratories.com/images/specialOffers/limited.png); 
	background-position:top right; 
	background-repeat:no-repeat;
}

.inlineBlock { display:inline-block !important;}

.panels a img,.offerPanels a img {
	position            : absolute;
	bottom:0px; left:20px; z-index:10 !important;
	}

.panels a span, .title span,.offerPanels a span, .specialOfferpanel span
{
    margin              : 0 auto;
	line-height         : 120%;
	font-size           : 130% !important;
	padding-bottom      : 5px;
	
}
.offerPanels a{
    height:255px !important;
    background-color:transparent; /* each offer should have a background image */
    padding-top:15px;
}

.panelOffersBuyCentered {padding-left:22px;}

/*
------------------------------------------------------------------------------------------- 
LEFT HAND PANELS
-------------------------------------------------------------------------------------------
*/
#fmFinder{background-color:#303030;}
#fmFinder fieldset{margin-top:0px;margin-bottom:5px;}
.leftPanels li{
    background-color    : #1a1a1a; 
	margin-bottom       : 5px;
}
.leftPanels li h2{padding: 15px 20px 5px;color:#fff;}

.leftPanels li a,.leftPanels li form, .columnNP1 .featureItemLink{
	padding             : 15px 20px 15px 20px;
	font-size           : 90%;
	
}

.leftPanels li ul{padding-bottom:10px;}
.leftPanels li li a{padding:0px 20px 10px 35px;background:url(http://codelaboratories.com/template/arrow_next.gif) no-repeat 20px 5px;color:#fff;}
.leftPanels li li a.off{padding:0px 20px 10px 35px;background-image:none;color:#999;}
.leftPanels li span, .leftPanels li label, .panels li span, .offerPanels li span{
	font-size           : 1.1em; 
	color               : #fff; 
	font-weight         : bold;
	display             : block;
	width               : 170px;
}

.leftPanels li li a:hover,.leftPanels li li a:focus{;background:url(http://codelaboratories.com/template/arrow_next_off.png) no-repeat 20px 5px;color:#999;}

.leftPanels li li a.off:hover,.leftPanels li li a.off:focus{background-image:none;}
.leftPanels select{width:130px;font-size:90%;height:19px;margin-top:4px;}
.leftPanels input{height:19px !important;margin-top:4px;padding-top:0px;}

/* BTT */
.btt{padding-bottom:10px;font-size:85%;}
.btt li{width:187px;text-align:right;}
.btt a{background:url(http://www.codelaboratories.com/images/btt.png) no-repeat 120px;}
/* 
------------------------------------------------------------------------------------------- 
STORE PAGE BLOCKS
-------------------------------------------------------------------------------------------
*/

.blocks {
	background-color:#1a1a1a; 
	padding:20px;
	margin-bottom:5px;
	}

.blocks span,.blocksFixed span, .title span, .browseRange{
	font-size:1.1em; 
	color:#fff; 
	font-weight:bold;
}
.browseRange
{
    font-size:1.0em;
    padding-top:3px;
 }
.blocksFixed {
	position:relative;
	background-color:#1a1a1a; 
	text-align:center;
	height:150px;
	padding:10px 0 10px 0;
	margin: 0px -20px -20px -20px;
	}

.blocksFixed img {
	position:absolute;
	bottom:10px; left:35px; right:35px;
	}

.blockBackground {
	background-repeat:no-repeat; 
	min-height:185px; 
	height:185px; 
	margin-bottom:20px;
}

.blockClicks a { 
	display: block; 
	min-height:160px; 
}


.storeSoon1 {	background:url(http://demo.yootheme.com/jan10/templates/yoo_planet/images/module_badges.png) -119px right no-repeat;xheight:20px;}

.storeSoon {	background:url(http://www.codelaboratories.com/template/images/soon.png) top right no-repeat;}
.storeOffers {	background:url(http://www.codelaboratories.com/template/images/new.png) top right no-repeat;}
.storeNew { background:url(http://www.codelaboratories.com/images/newGold.png) top right no-repeat !important;}
.storeNewFlag { background:url(http://www.codelaboratories.com/images/newGoldFlag.png) top right no-repeat !important;}
.storeDev { background:#141414 url(http://www.codelaboratories.com/images/dev.png) top right no-repeat !important;}
.storeUser { background:#141414 url(http://www.codelaboratories.com/images/user.png) top right no-repeat !important;}

/* 
------------------------------------------------------------------------------------------- 
CLEARS AND FLOATS
-------------------------------------------------------------------------------------------
*/
    .fLeft{float:left !important;}
    .fRight{float:right !important;}
    .tCentre{text-align:center;}
    .cBoth{clear:both;}
    .hidden{display:none !important;}
    .noBorder{border:0px !important;padding-left:0px !important;}
	.clear { display: inline-block; }   
	.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	* html .clear { height: 1%; }
	.clear { display: block; }

/* 
------------------------------------------------------------------------------------------- 
Filler
-------------------------------------------------------------------------------------------
*/
	.noMargin{margin:0px !important;}
	.noMarginRight{margin-right:0px !important;}
    .noMarginLeft{margin-left:0px !important;}
	.noMarginTop{margin-top:0px !important;}
    .noMarginBottom{margin-bottom:0px !important;}
	
	.noPadding{padding:0px !important;}
    .noPaddingRight{padding-right:0px !important;}
	.noPaddingLeft{padding-left:0px !important;}
    .noPaddingTop{padding-top:0px !important;}
    .noPaddingBottom{padding-bottom:0px !important;}

	.padTop{padding-top:2em !important;}
	.padTop01em {padding-top:0.1em !important;}
	.padTop02em {padding-top:0.2em !important;}
	.padTop03em {padding-top:0.3em !important;}
	.padTop04em {padding-top:0.4em !important;}
	.padTop05em {padding-top:0.5em !important;}
	.padTop1em {padding-top:1em !important;}
	.padTop15em {padding-top:1.5em !important;}
	.padTop2em {padding-top:2em !important;}
	.padTop3em {padding-top:3em !important;}
	
	.padBottom { padding-bottom:1em !important;}
	.padBottom01em {padding-bottom:0.1em !important;}
	.padBottom02em {padding-bottom:0.2em !important;}
	.padBottom03em {padding-bottom:0.3em !important;}
	.padBottom04em {padding-bottom:0.4em !important;}
	.padBottom05em {padding-bottom:0.5em !important;}
	.padBottom1em {padding-bottom:1em !important;}
	.padBottom15em {padding-bottom:1.5em !important;}
	.padBottom2em {padding-bottom:2em !important;}
	.padBottom3em {padding-bottom:3em !important;}

	.padLeft {padding-left:1em !important;}
	.padLeft01em {padding-left:0.1em !important;}
	.padLeft02em {padding-left:0.2em !important;}
	.padLeft03em {padding-left:0.3em !important;}
	.padLeft04em {padding-left:0.4em !important;}
	.padLeft05em {padding-left:0.5em !important;}
	.padLeft1em {padding-left:1em !important;}
	.padLeft15em {padding-left:1.5em !important;}
	.padLeft2em {padding-left:2em !important;}
	.padLeft3em {padding-left:3em !important;}
	
	.padRight {padding-right:1em !important;}
	.padRight01em {padding-right:0.1em !important;}
	.padRight02em {padding-right:0.2em !important;}
	.padRight03em {padding-right:0.3em !important;}
	.padRight04em {padding-right:0.4em !important;}
	.padRight05em {padding-right:0.5em !important;}
	.padRight1em {padding-right:1em !important;}
	.padRight15em {padding-right:1.5em !important;}
	.padRight2em {padding-right:2em !important;}
	.padRight3em {padding-right:3em !important;}
		
	.margTop{margin-top:2em !important;}
	.margTop01em{margin-top:0.1em !important;}
	.margTop02em{margin-top:0.2em !important;}
	.margTop03em{margin-top:0.3em !important;}
	.margTop04em{margin-top:0.4em !important;}
	.margTop05em{margin-top:0.5em !important;}
	.margTop1em{margin-top:1em !important;}
	.margTop15em{margin-top:1.5em !important;}
	.margTop2em{margin-top:2em !important;}
	.margTop3em{margin-top:3em !important;}
	
	.margBottom{margin-bottom:2em !important;}
    .margBottom01em{margin-bottom:0.1em !important;}
    .margBottom02em{margin-bottom:0.2em !important;}
    .margBottom03em{margin-bottom:0.3em !important;}
    .margBottom04em{margin-bottom:0.4em !important;}
    .margBottom05em{margin-bottom:0.5em !important;}
	.margBottom1em{margin-bottom:1em !important;}
	.margBottom15em{margin-bottom:1.5em !important;}
	.margBottom2em{margin-bottom:2em !important;}
	.margBottom3em{margin-bottom:3em !important;}
	.margBottom4em{margin-bottom:4em !important;}
	.margBottom5em{margin-bottom:5em !important;}

	.margLeft{margin-left:1em !important;}
	.margLeft01em{margin-left:0.1em !important;}
	.margLeft02em{margin-left:0.2em !important;}
	.margLeft03em{margin-left:0.3em !important;}
	.margLeft04em{margin-left:0.4em !important;}
	.margLeft05em{margin-left:0.5em !important;}
	.margLeft1em{margin-left:1em !important;}
	.margLeft15em{margin-left:1.5em !important;}
	.margLeft2em{margin-left:2em !important;}
	.margLeft3em{margin-left:3em !important;}
	
	.margRight{margin-right:1em !important;}
	.margRight01em{margin-right:0.1em !important;}
	.margRight02em{margin-right:0.2em !important;}
	.margRight03em{margin-right:0.3em !important;}
	.margRight04em{margin-right:0.4em !important;}
	.margRight05em{margin-right:0.5em !important;}
	.margRight1em{margin-right:1em !important;}
	.margRight15em{margin-right:1.5em !important;}
	.margRight2em{margin-right:2em !important;}
	.margRight3em{margin-right:3em !important;}
		
	.negTop {margin-top:-3em !important;}
	.negTop05em {margin-top:-0.5em !important;}
	.negTop1em {margin-top:-1em !important;}
	.negTop2em {margin-top:-2em !important;}
	
	.negBottom {margin-top:-3em !important;}
	.negBottom05em {margin-top:-0.5em !important;}
	.negBottom1em {margin-top:-1em !important;}
	.negBottom2em {margin-top:-2em !important;}
	
	.rightMargin {padding-right:120px !important; padding-top:20px;}
/* 
------------------------------------------------------------------------------------------- 
HRs
-------------------------------------------------------------------------------------------
*/
    hr{clear:both;height:1px;border:0px none;border-top:1px solid #141414;margin-bottom:10px;}
    #container hr, .container hr {border-top:1px solid #000;}

    hr.panelHR{border-top:1px solid #2a2a2a;}
    hr.headerHR{border-top:1px solid #333 !important;margin:0px 10px -25px 10px !important; padding:5px 0px 5px 0px; }
    hr.clear{border-top:1px solid #000 !important;margin:10px 100px 0px 10px !important; padding:5px 0px 5px 0px;}
    hr.browseHR{border-top:1px solid #333 !important;margin:20px 10px -5px 10px !important; padding:5px 0px 5px 0px; }
    hr.panelTopHR{border-top:1px solid #333 !important;margin:0px 10px -25px 10px !important; padding:0px 0px 5px 0px; }
	hr.panelsHR{border-top:1px solid #333 !important;margin:16px 10px -20px 10px !important; padding:4px 0px 5px 0px; }
    hr.footerHR{border-top:1px solid #333 !important;margin:0px 10px -12px 10px !important; padding:5px 0px 5px 0px; }
    hr.headerNoBorder{border-top:1px solid #000 !important;margin:0px 10px 0px 10px !important; }
    hr.contentHR{border-top:1px solid #333 !important; margin:0 -20px; }
    hr.noPadding{border-top:1px solid #333 !important; margin:0 10px; }
    hr.topPadding{border-top:1px solid #333 !important; margin:25px 10px; }
    hr.spaced{border-bottom:1px solid #333 !important; margin:10px; padding-top:20px  }

	.spacer{height:10px;display:block;background-color:#009999;}

    .panelBorder{clear:both;margin:-20px 10px -25px;border-top:1px solid #333 !important;display:block;width:968px;}
/*
------------------------------------------------------------------------------------------- 
BUTTONS
-------------------------------------------------------------------------------------------
*/

.buttonLg{font-size:100% !important;}
.buyButtons li{margin-bottom:5px;}
.greyButton,.goldButton,.applyBtn{cursor:pointer;width:89px;height:18px;padding-top:1px;font-size:80%;font-weight:bold;display:block;color:#000 !important;font-size:90%; text-align:center; text-decoration:none;} 
.goldButton{background:url(http://www.codelaboratories.com/images/btn_gold_bg.png);border:1px solid #ca8b08;border-top:1px solid #ffc23b;}
.greyButton{background:url(http://www.codelaboratories.com/images/btn_grey_bg.png);border:1px solid #a2a2a2;border-top:1px solid #b2b2b2;}
.goldButton:hover,a.greyButton:hover,.goldButton:focus,a.greyButton:focus{color:#666;}
.goldButtonBlock {display:block;}
a.greyButton,a.goldButton {padding-top:2px;height:20px !important; background-color:#000000;}

input.greyButton,input.goldButton{height:24px;}
.compareBtn{width:150px !important;}

.applyBtn{width:50px;height:20px;padding-bottom:5px;}   

.smlButton{width:20px;float:left;padding-top:0px;margin-left:10px;}
.wideButton{width:140px;padding-top:0px}
.bigWideButton{width:180px;padding-top:0px}
.browseButton{margin-left:10px;}
.goBtn{
    background:url(http://www.codelaboratories.com/images/btn_go.png) center no-repeat;
    width:15px;
    height:17px;
    margin-top:0px;
    margin-left:5px;
    text-indent:-1000px;
    border:0px none;
}


.buttonMargRight{margin-right:10px;}
/*a.resetBtn{padding:0px !important;float:left;margin-top:5px;cursor:pointer;background:#242424 url(http://www.codelaboratories.com/images/btn_reset.gif) center no-repeat;padding:6px;text-indent:-1000px;overflow:hidden;width:62px; height:10px;color:#242424;}*/
a.resetBtn{font-size:90%;color:#999 !important;width:62px; height:10px;float:left;padding:0 0 0 10px !important;}
.disabled{color:#666 !important;}
h2 span.disabled{color:#666 !important;display:block;font-size:80%;margin-bottom:5px;}

/* Used on basket page for none changable inputs, such as promotional items */

input.buttonBare {background-color:#fff !important; border:#FFFFFF !important;}

/*
------------------------------------------------------------------------------------------- 
GENERAL LINKS
-------------------------------------------------------------------------------------------
*/

/* Generic link with  tab */
.arrows a{margin-bottom:10px;}
.arrows a,p.arrowRight,span.arrowRight,a.arrowRight,a.arrowLeft,a.arrowUp,a.print,a.email{
    color           : #999;
    padding         : 0 0 0 10px !important;    
    text-decoration : none;
    background      : transparent  no-repeat scroll 5px 4px;
}
a.arrowRight,p.arrowRight,span.arrowRight,.arrows a{
    background      :  url(http://www.codelaboratories.com/images/arrow_next_off.gif) no-repeat scroll 0px 5px !important;
    
}

.footerPanels a.arrowRight{background:url(http://www.codelaboratories.com/images/arrow_next_off.png) no-repeat scroll 0px center !important;}
.pagePanels .arrows a{display:block !important;background:url(http://www.codelaboratories.com/images/arrow_next_off.png) no-repeat scroll 0px center !important;}

span.arrowRight {display:block}
a.arrowLeft{
    background:url(http://www.codelaboratories.com/images/arrow_back_off.png) no-repeat scroll 0px 4px;
}
a.arrowUp{
    background:transparent url(http://www.codelaboratories.com/images/arrow_up.png) no-repeat scroll 0px 4px;
}
.arrowRight:hover,.arrowRight:focus{background:url(http://www.codelaboratories.com/images/arrow_next.gif) no-repeat scroll 0px 5px !important;}
.arrowRight:hover,.arrowRight:focus,.arrowLeft:hover,.arrowLeft:focus,.arrowUp:hover,.arrowUp:focus{color:#fff;}

a.arrowLeft:hover,.a.arrowLeft:focus{background:url(/imagesarrow/_back.png) no-repeat scroll 0px 4px;}




.arrowSm{font-size:90%;}
a.closeLink,a.openLink{
    color           : #999;
    text-decoration : none;
    background      : left no-repeat;
    padding-left    : 15px;
}
a.closeLink{background-image:url(/imagesarrow/_up.gif);}
a.openLink{background-image:url(http://www.codelaboratories.com/images/arrow_down.gif);}

a.closeLink:hover,a.openLink:hover,a.closeLink:focus,a.openLink:focus{color: #FFF;}
a.closeLink:hover,a.closeLink:focus{background-image:url(http://www.codelaboratories.com/images/arrow_up_off.gif);}
a.openLink:hover,a.openLink:focus{background-image:url(http://www.codelaboratories.com/images/arrow_down_off.gif);}


a.print,a.email{padding: 3px 5px 0 25px !important;font-size:90%;}
a.print{background-image:url(http://www.codelaboratories.com/images/print.png);}
a.email{background-image:url(http://www.codelaboratories.com/images/email.png);}
a.smlLink{font-size:90%;}
a.upperCase{text-transform:uppercase; background-position: 0px 3px !important;}
	a.upperCase:hover, a.upperCase:focus{background-position: 0px 3px !important;}
a.arrowNoUnderline{text-decoration:none !important;}

.specOffer{margin-top:18px;}
/* Arrow lis */
/*
.arrows a{color:#fff;}
.arrows a:hover,.arrows a:focus{color:#999;}
*/

/* Video Links */
a.dyBox_VideoLink{background:url(http://www.codelaboratories.com/images/video.png) no-repeat left; color:#999; padding-left:30px; min-height:21px; display:block; text-decoration:none; margin-right:10px;}
a.dyBox_VideoLink:hover, a.dyBox_VideoLink:focus{color:#FFF;}


.indent{padding-left:15px;font-size:90%;}
/*
------------------------------------------------------------------------------------------- 
PRODUCT TABS and MAIN PRODUCT CONTENT
-------------------------------------------------------------------------------------------
*/
#flashcontent{padding-top:24px;z-index:-10;}
#assetViewer{z-index:-10;}
#prodSummary{padding-top:14px;}
#prodSummary div{margin-top:10px;}
#prodSummary div p{font-size:95%;}

#prodSummary .specials{font-size:90%;line-height:120%;}

#moreDetails{height:0px;overflow:hidden;}
.prodImage{text-align:center;}
.prodOffer{color:#3399ff;}

#imageSwapLinks a{border:1px #333 solid;margin-right:5px;margin-bottom:5px;height:61px;}

.accessDetails{display:block;height:105px;}
.accessDetails h2{color:#fff !important;}
.accessContent{display:block;min-height:35px;}
.accessPrice{color:#fff;font-weight:bold;font-size:120%;}
.wasPrice{text-decoration:line-through;color:#999;margin-right:10px;float:left;margin-right:10px;}
.nowPrice, .boldText {font-weight:bold;}

#productTabsDivContainer,#BVReviewsContainer
{
    font-size       : 90%;
    border          : 1px solid #333;

    margin-bottom   : 20px; 
    margin          : -1px 10px 0 10px; 
    overflow:hidden;
    z-index         : 1;

}
#BVReviewsContainer
{
    margin          : 30px 10px 20px 10px; 
    padding         : 20px;
    width           : 928px;
}

#productTabs{height:32px;margin-left:10px;}
#productTabs a{
    display         : block;
    text-decoration : none;
    padding         : 0px;
    margin-right    : 10px;
    color           : #6a6a6a;
    background-color: #262626;
   
    height          : 15px;
    padding         : 7px 20px 13px;
    margin-top      : 12px;
    z-index         : 1000;
    position        : relative;
    
}
#productTabs a.selected{ /*selected main tab style */
    height          : 23px;
    margin-top      : 0px;
    border          : 1px solid #333;
    border-bottom   : 0 none;

    background-color: #000;
    color           : #FFFFFF;
    padding         : 12px 20px;
}
#productTabs li.offers a{color:#3399ff;}



/* FEATURES */
.allFeatures{width:731px;float:left;}

#moreFeatures{overflow:hidden;height:0px;display:block;}
#moreFeatures div{display:block;}

/* Feature Panels */
.featPanels{height:260px;margin-right:20px !important;margin-left:0px !important;}
.featPanels img{margin-top:10px;border:1px solid #333;}
.featuresDiv{width:741px;}
.featuresFansDiv{width:988px; }

#tabsContent h1{font-weight:bold;}
#tabsContent h3,#tabsContent h2{line-height:110%;}
#tabsContent h3{margin-top:5px;}

#viewFeaturesLink{font-size:110%;margin-left:20px;}
/*
------------------------------------------------------------------------------------------- 
TABLES
------------------------------------------------------------------------------------------- 
*/
.tblSpec{width:100%;}
.tblSpec td{border-top:1px solid #333;padding-right:10px;color:#ccc;}
.tblSpec td h3{padding-top:5px;color:#FFF;margin-top:5px;}


/*
------------------------------------------------------------------------------------------- 
SPECIAL OFFERS
------------------------------------------------------------------------------------------- 
*/
.offerHero{margin-top:50px;}

/*
------------------------------------------------------------------------------------------- 
COUNTRY DROP DOWN
------------------------------------------------------------------------------------------- 
*/

#currentCountryDiv{margin-left:20px;float:left;}
#currentCountry{text-decoration:none;display:block;width:220px;margin: 0 0 20px 0;padding:3px;border:1px solid #999;border-top:0px none;}


#currentCountry img{margin-bottom:-4px;margin-top:1px;}
#currentCountry span
{
    border-left:1px solid #999;
    width:15px;
    float:right;
    background:url(http://www.codelaboratories.com/images/arrow_down.png) no-repeat 7px;
    margin-top:-2px;
    padding-left:3px;
    padding-top:5px;
}
#countrySelect,#countryScroll{height:0px;overflow:hidden;width:220px;position:absolute;}
#countryScroll{margin-left:200px;}
#countrySelect{background-color:#141414;padding:0px 3px;padding-bottom:0px;border:1px solid #999;border-bottom:0px none;}
#countrySelect ul{margin-top:3px;}
#countrySelect ul img{margin-bottom:-3px;}
#countrySelect ul li{padding-bottom:5px;}
#countrySelect ul li a{width:200px;}
/*#countrySelect{padding:0px 3px;padding-bottom:0px;border:1px solid #999;border-top:0px none;margin-top:-21px;}*/

	#track1 {
		float: left;
		width: 15px;
		height: 109px;
		margin-left: 5px;
		border-left:1px solid #999;
		margin-top:1px;
	}
	
	/* vertical track handle */
	#handle1 {
		width: 20px;
		height: 20px;
		background-color: #333;
		cursor: move;
	}

    .ddOpen{ background:url(http://www.codelaboratories.com/images/arrow_up.png) no-repeat 7px !important;}
    
    
    /* NON JS VERSION */
    #frmLocation fieldset{width:240px;float:left;}
    #nav_international_select{float:left;width:150px;margin-left:20px;font-size:90%;height:20px;}
    #frmLocation .greyButton{float:left;width:30px;margin-left:10px;}
/*
------------------------------------------------------------------------------------------- 
TOOL TIPS
------------------------------------------------------------------------------------------- 
*/
a.toolTip{background:url(http://www.codelaboratories.com/images/tooltip.png) no-repeat right;display:block;}
.prodFeature a.toolTip{width:20px;height:20px;float:right;}
.toolTipClosed{position:absolute;background-color:#333;margin-top:20px;}
.prodFeature .toolTipClosed{margin-top:30px;}
.toolTipClosed img{border:1px solid #333;width:100px;float:left;}
/*
.toolTipClosed h4{color:#fff;padding:10px 10px 0 10px;font-weight:bold;float:left;}
.toolTipClosed p{color:#fff;padding:10px;font-size:95%;float:left;}
*/
.toolTipClosed div{float:left;width:150px;margin:10px;color:#fff;}

.promoErr{color:#ff0000 !important;display:block;clear:both;}
.centered {text-align:center !important;margin:0 auto;}

/* product selector in Account */
.prodSelect select{font-size:90%;width:150px;}
.prodSelect input{height:17px;margin-left:5px;}


/* SITEMAP */

.sitemap a{background-image:none !important;padding:1px 0px 1px 0px;}
.sitemap a:hover,.sitemap a:focus{color:#999 !important;}
.mainHeaderLink{font-size:110%;font-weight:bold;margin-top:10px;}
.headerLink{font-size:100%;font-weight:bold;margin-top:10px;}
.headerLink li{font-size:90%;font-weight:normal;}

/* PRODUCT FEATURES Buy Now Block */

.buyNow {height:498px; min-height:530px; margin-top:2px}
.buyNow table {padding:10px 0 10px 0; width:100%; margin-bottom:10px; color:#999999;font-size:90%;}
td.buyNow_ItemValue{text-align:right !important;}
.price {font-size:1.3em; font-weight:bold !important; float:right;color:#fff;}

/* Updates rollover state for product.asp page */
#imageSwapLinks a:hover{ cursor:pointer; }

.MMplacer{width:250px;}

.colourChoice {padding:0 3px 0 0px;}
.colourPicker {height:60px!important; min-height:60px!important; padding-top:0px!important; border-top:3px solid #000; position:relative; top:-360px}

.leftPadding {padding-left:2em;}