﻿/*
------------------------------------------------------------------------------------------- 
RESET
-------------------------------------------------------------------------------------------
*/
ul, li { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/*
------------------------------------------------------------------------------------------- 
COLUMNS
-------------------------------------------------------------------------------------------
*/
.column1,.column2{margin:10px 10px 0 10px;float:left;padding:0px 20px 20px 20px;display:block;}
.column1{width:187px;}
.column2{width:434px;}
.column3{width:773px; height:250px;}
.column1Wide{margin-right:0px;padding-right:0px;width:217px;}
.colFull{margin:0px !important;padding:0px !important;}
.columnNP1,.columnNP2{margin:0 10px 20px;float:left;padding:0px 0px 0px 0px;}
.columnNP1{width:227px;}
.columnNP2{width:474px;}
.colHighlight{background-color:#1a1a1a;}
.column1 .column1{padding:0px;margin:10px 0px 0 0;}
.column2 .column1{padding:0px;margin:10px 0px 0 0;}
.paddingLeft {margin-left:60px !important;}
.narrowCol{width:300px}
.disInline{display:inline !important;}
#header #accountMenu span.greyText a, #header #accountMenu a span.greyText {color:#666666 !important;}
#header #accountMenu span.greyText a:hover, #header #accountMenu a:hover span.greyText {color:#fff !important;}
.signOut{ color:#666666 !important; line-height:100%;}
.printLinks{padding-bottom:10px;padding-top:10px;margin-top:0px;}
.rightBorder{border-right:1px solid #333;margin-right:9px;height:100%;}
.leftBorder{border-left:1px solid #333;margin-left:9px;height:100%;}
.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;}
li, li a, .links a {color:#a9aaab;display:block;}
#content li, .content li, li a, .links a {color:#999;}
ul.inlineUL li{display:inline;float:left;}
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;}
/*
------------------------------------------------------------------------------------------- 
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; }
/*
------------------------------------------------------------------------------------------- 
LETTERBOX
-------------------------------------------------------------------------------------------
*/	
.letterboxHome{overflow:hidden;height:250px;position:relative;width:968px;}
.letterboxHome div{overflow:hidden;position:relative;height:250px;background-color:#000;}
.letterboxHome .column2, .letterboxHome .column3{margin:0px !important;}
.letterboxHome .prodName{margin-top:75px;}
.letterboxHome .copy{display:block;margin-top:10px;margin-bottom:20px;}
.letterboxHome ul.nav{position:absolute;z-index:10;left:896px;margin-top:20px;width:60px;}
.miniLetterBox ul.nav{position:absolute;z-index:10;left:405px;margin-top:5px;}
ul.nav a{text-align:center;display:block;background-color:#333;width:23px;height:23px !important;margin-left:3px;padding:0px;}
ul.nav a#lbBack{background:url(../2_images/arrow_back.gif) no-repeat 9px 8px #333133;}
ul.nav a#lbNext{background:url(../2_images/arrow_next.gif) no-repeat 9px 8px #333133;}
ul.nav a:hover{background-color:#666 !important;}
.letterboxHome a.arrowRight{color:#fff !important;background:transparent url(../2_images/arrow_next.png) no-repeat scroll 0 5px;                            }
.letterboxHome a.arrowRight:hover{color:#999 !important;background:transparent url(../2_images/arrow_next_off.png) no-repeat scroll 0 5px;                            }
