/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 12px/1.5 Verdana,Tahoma, Geneva, sans-serif;
	background:#c9e9fa url(../images/body-bg.png) center repeat-y;
	color:#333333;
}

a:focus {
	outline: 0px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 13px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 11px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}


dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}
p{
	margin-bottom:10px;
}
.noscreen{
	display:none;
}

/* `Link Styles
----------------------------------------------------------------------------------------------------*/
a,a:link,a:visited{
	color:#0066DD;
	cursor:pointer;
	text-decoration:none;
}
a:hover{
	color:#FF6600;
}
a:active{
	color:#F00;
	text-decoration:none;
}

/* Images
-------------------------------------------------------------- */
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Text Content Alignment
-------------------------------------------------------------- */
.textalignleft
{
	text-align:left;
}
.textalignright
{
	text-align:right;
}
/* `Core Layout Styles
----------------------------------------------------------------------------------------------------*/
#header{
	height:141px;
	background-color:#FFF;
}
#message-bar{
	height:30px;
	margin-bottom:1px;
	background:#003399 url(../images/message-bar-bg.png) repeat-x;
	width:940px;
}
#featured-area{
	height:120px;
	max-height:120px;
	overflow:hidden;
	background:#ffffcc url(../images/featured-area-bg.png) repeat-x;
	margin-bottom:20px;
}
#main
{	
	background-color:#FFF;
	clear:both;
	width:940px;
	margin:0 auto 20px auto;
}
#sidebar-wrapper{}
#contents-wrapper{}
#footer{
	margin-bottom:20px;	
}
#footer-bar{
	height:30px;
	background:#003399 url(../images/message-bar-bg.png) repeat-x;
}


/* `Header
----------------------------------------------------------------------------------------------------*/
#logo{
	width:340px;
	float:left;
}
#header-links{
	width:580px;
	height:67px;
	padding:5px 20px 0 0;
	text-align:right;
	float:left;
}
#header-links select{
	width:160px;
}
.header-links{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#858585;
	margin-bottom:10px;
}
.header-links a,.header-links a:visited{
	color:#858585;
	text-decoration:none;
}
.header-links a:hover{
	text-decoration:underline;
}
#message-bar{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:right;
	font-weight:bold;
}
#message-bar p{
	margin:0;
	padding:5px 20px;
}
#message-bar a{
	color:#FFF;
}
.featured-area{
/*	padding:12px;*/
	height:120px;
}
.featured-area img{
	margin: -12px 0;
}
.featured-area h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:5px;
}
.featured-area h1 span{
	display:block;
	height:0;
	overflow:hidden;
}
.fade-animation{
	display:block;
	width:900px;
	margin:0 auto;
	height:120px;
	overflow:hidden;
}
.fade-animation li{
	margin:0;
	/*padding:0;*/
	height:120px;
	width:900px;
	overflow:hidden;
	list-style:none;
}
strong.heading,.fade-animation h2
{
	display:block;
	text-align: center;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 24px;
	color: #ad1010; 
	margin-top: 20px;
}
.cart-help-anim li img{
	margin:0;
	float:left;
	height:120px;
	width:150px;
}
/* `Primary Nav
---------------------------------------------------------------------------------------------------- */
ul#primary-nav{
	list-style:none;
	width:600px;
	height:38px;
	float:left;
	margin:0;
	z-index:100;
}
ul#primary-nav li{
	float:left;
	margin:0;
	height:38px;
	display:block;
}
ul#primary-nav li a{
	display:block;
	height:38px;
	text-indent:-9999px;
	background-image:url(../images/primary-nav-bg.png);
	position:relative;
	z-index:101;
}
ul#primary-nav li a.home{
	width:121px;
	background-position: 0 0;
}
ul#primary-nav li a.home:hover{
	background-position: 0 -38px;
}
ul#primary-nav li a.company{
	width:119px;
	background-position: -121px 0;
}
ul#primary-nav li a.company:hover{
	background-position: -121px -38px;
}
ul#primary-nav li a.products{
	width:119px;
	background-position: -240px 0;
}
ul#primary-nav li a.products:hover{
	background-position: -240px -38px;
}
ul#primary-nav li a.support{
	width:119px;
	background-position: -359px 0;
}
ul#primary-nav li a.support:hover{
	background-position: -359px -38px;
}
ul#primary-nav li a.contact{
	width:122px;
	background-position: -478px 0;
}
ul#primary-nav li a.contact:hover{
	background-position: -478px -38px;
}
/*------First Level Nav-----*/

ul#primary-nav li a.active {
    background: #999;
    color: white;
}

ul#primary-nav li ul {
	left : -999em;
	position : absolute;
	z-index:102;
	border-left:1px solid #04b1e6;
	border-right:1px solid #04b1e6;
	border-bottom:1px solid #04b1e6;
	width:149px;
}
ul#primary-nav li ul li{
	float : left;
	height:auto;
	z-index:103;
}
ul#primary-nav li ul li a {
display:block;
width : 136px;
padding : 3px 10px 3px 3px;
background:url(../images/primary-nav-dd-bg.gif) #e8f4fb bottom repeat-x; /*Old Colour #C9E9FA*/
border-bottom: 1px solid white;
font-weight : normal;
color:#333366;
text-indent:0;
height:auto;
z-index:104;
}

ul#primary-nav li ul li a:hover {
    background: #04b1e6;
    color: #FFF;
    font-weight:bold;
}
ul#primary-nav li:hover ul, ul#primary-nav li.sfhover ul {
    left: auto;
    border-top: 1px solid #999;
}
/*------Second Level Level Nav-----*/
ul#primary-nav li ul li ul{
	position:absolute;
	top:auto;
	left:145px;
	margin-left:149px;
	margin-top:-24px;	
	z-index:105;
	width:193px;
}
ul#primary-nav li ul li ul li a{
	width:180px;
}

/*----fixes Accessories menu to start top -------*/
ul#primary-nav li ul li ul.cat9{ 
	margin-top:-325px;	
	 
}
ul#primary-nav li:hover ul, ul#primary-nav li:hover ul ul{
	display:none;
}
ul#primary-nav li:hover ul, ul#primary-nav li ul li:hover ul, ul#primary-nav li ul li ul li:hover ul{
display:block;}

/* `Sidebar
----------------------------------------------------------------------------------------------------*/
.search{
	background-color:#f1f1f1;
	margin-right:20px;
	padding: 5px;
	margin-bottom:10px;
	height:30px;
	line-height:28px;
}
.sidebar{
	background-color:#feeaa1;
	margin-right:20px;
	padding: 5px;
	margin-bottom:10px;
}
.sidebar h2{
	height:30px;
	background: #990000 url(../images/sidebar-title-bg.png) repeat-x;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:28px;
	margin-bottom:5px;
}
.sidebar h3{
	margin-bottom:5px;
	font-size:12px;
}
.sidebar ul{
	list-style:none;
}
.sidebar ul li{
	background:url(../images/bullet-red.png) scroll 15px 7px no-repeat;
	margin:0;
	padding-left:30px;
}
/* `Contents
----------------------------------------------------------------------------------------------------*/
.contents{
	margin-left:20px;
	border:#0072bd 1px solid;
	padding:10px;
	margin-bottom:10px;
	width:598px;
	max-width:598px;
	overflow:hidden;
	
}
.contents h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #0072bd;
	line-height:16px;
	margin:-3px 0 5px 0;
}
.contents h2 a{
	color: #0072bd;
	text-decoration:none;
}
.contents h2 a:hover{
	color:#FF6600;
}
.contents .jcarousel-container{
	margin-left:-15px;
}
.breadcrumb{
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#999;
	text-transform:uppercase;
	font-size:10px;
}
.breadcrumb h1{
	display:inline;
	font-size:10px;
	font-weight:normal;
}
.breadcrumb h2{
	display:inline;
	font-size:12px;
}
.breadcrumb a{
	color:#999;
}
.breadcrumb a:hover{
	color:#666;
}
.pagination{
	border-top:1px solid #CCC;
	padding-top: 5px;
	margin-bottom:0px;
	text-align:center;
	height:16px;
	clear:both;
}
.pagination p
{
	float:left;
	width:33.33%;
	margin-bottom:0;
}

#contents-area{
	padding:10px;
	width:576px;
	max-width:576px;
	overflow:hidden;
	min-height:400px;
}
#contents-area h3
{
	margin-bottom:5px;
}
#contents-area p{
	margin:0 0 10px 0;
}
.product-caption-title{
	position:absolute; 
	top:119px;
	height:40px; 
	width:138px;
	overflow:hidden; 
	border-top:#FFF 1px solid;
	background:#c8e0f5 url(../images/product-caption-bg.png) repeat-x;
}
.product-caption-title a{
	display:block;
	padding:0 2px;
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:12px; 
	color:#333366; 
	line-height:12px;
}
.product-caption-title a:hover{
	color:#000;
}
.product-list-box{
	border:1px solid #CCC;
	min-height:160px;
	margin-bottom:10px;
	clear:both;
}
.product-list-box h3{
	padding:3px 5px;
	margin-bottom:5px;
	background-color:#FEEAA1;
	font-size:12px;
	color:#990033;
}
.product-list-box h3 a{
	color:#990033;
}
.detail-block
{
	min-height:118px;
	padding:5px;
	clear:both;
}
.meta-price{
	background:#EAEAEA;
	height:20px;
	line-height:20px;
	padding:2px 5px;
	color:#990033;
}
.meta-price span{
	display:block;
	width:200px;
	float:left;
}
.meta-price a{
	font-weight:bold;
	background:url(../images/add-to-cart-grey.png) top left no-repeat;
	padding-left:30px;
}
.meta-price a:hover{
	background:url(../images/add-to-cart-grey.png) bottom left no-repeat;
}
.options
{
	padding:3px 5px;
	margin-bottom:5px;
	background-color:#FEEAA1;
	font-size:12px;
	color:#990033;
	min-height:18px;
}
.options h3
{
	float:left;
	padding:0;
	margin:0;
	width:536px;
}
.options span
{
	display:block;
	float:left;
	width:50px;
}
.print-icon
{
	display:block;
	height:22px;
	width:22px;
	overflow:hidden;
	float:right;
	margin:-2px 0;
	text-indent:-999px;
	background:url(../images/print-fav-icon.jpg) bottom left no-repeat;
}
.fav-icon
{
	display:block;
	height:22px;
	width:22px;
	overflow:hidden;
	float:left;
	margin:-2px 4px -2px 0;
	text-indent:-999px;
	background:url(../images/print-fav-icon.jpg) top left no-repeat;
}
#accordion h3
{
	font-size:12px;
	color:#0066DD;
	cursor:pointer;
}
#accordion h3:hover
{
	color:#FF6600;
}
.accordion_answer
{
	display:none;
	border: 1px solid #C4D3EA;
	background-color:#EEF3F8;
	padding:5px;
	margin-bottom:20px;
	margin-left:10px;
}
/* Order Page Styles */
.order-meta p{
	margin-bottom:2px;
}
.address-block h4{
	margin:5px;
	background-color:#EEE;
	padding:3px;
	text-align:center;
}
.address-block label{
	clear:left;
	width:88px;
}
.address-block span{
	display:block;
	float:left;
	width:200px;

}
.kbase-table
{
	width:100%;	
}
.kbase-table td
{
	width:33%;
	text-align:center;
}

/* `HTML Sitemap Styles
----------------------------------------------------------------------------------------------------*/
.sitemap table,.sitemap tbody,.sitemap th,.sitemap tr,.sitemap td
{
	vertical-align:middle;
	margin-bottom:0;
}


/* `Universal Form Styles
----------------------------------------------------------------------------------------------------*/
label{
	display:block;
	width:110px;
	text-align:right;
	margin-right:5px;
	float:left;
}
input[type=text],input[type=password]{
	background:#FFF url(../images/input-bg.gif) repeat-x;
	height:16px;
	padding:1px 3px;
	border:1px solid #bdbcbd;
}
select{
	background:#FFF url(../images/input-bg.gif) repeat-x;
	height:20px;
	border:1px solid #bdbcbd;
}
button{
	min-width:120px;
	
}
.checkbox{
	height:20px;
	line-height:20px;
}
/* Sidebar */
.sidebar label{
	width:70px;
}
/* Subscribe */
input.btn{
	height:20px;
}
/* Stylish Form */
.stylish-form{
	*padding-top:20px;
}
.stylish-form legend{
	*position: absolute; /*Fixes IE Issues*/
	*top: -16px;
	*left: 10px;
	background:#FFFFFF;
	border:1px solid #C4D3EA;
	color:#336699;
	font-size:14px;
	font-weight:bold;
	padding:5px 10px;
}
.stylish-form fieldset{
	*padding-top:25px!important; /*Fixes IE Issues*/
	*margin-bottom:35px;
	position: relative;
	background:#EEF3F8;
	border:1px solid #C4D3EA;
	clear:both;
	padding:10px 15px;
}
.stylish-form label{
	color:#484848;
	display:block;
	font-weight:bold;
	float:none;
	text-align:left;
	width:auto;
}
.stylish-form input[type=text],.stylish-form input[type=password],.stylish-form select,.stylish-form textarea{
	margin-bottom:10px;
	width:300px;
}
.stylish-form textarea{
	background:#FFF url(../images/input-bg.gif) bottom repeat-x ;
	border:1px solid #bdbcbd;
	height:80px;
}
.stylish-form input[type=text]:focus,.stylish-form textarea:focus{
	border:2px solid #039;	
}
.stylish-form input[type=checkbox]{
	width:20px; 
	margin-top:10px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border:none;
	background-color:#eef3f8;
	background-image:none;
}
/* Stylish Form with Compact Styles */
.compact-form label{
	float:left;
	width:110px;
}
/* Style for Email Subscription message response */
#response {color:#f30; font-style:italic; font-size:inherit; padding:.4em;}
/* `Cart Styles
----------------------------------------------------------------------------------------------------*/
h3.cart{
	color:#666;
	border-bottom:1px solid #CCC;
	margin-bottom:3px;
}
.cart th{
	vertical-align:bottom;
	border-bottom:1px solid #CCC;
	padding:0 5px;
}
.cart td{
	text-align:center;
	height:60px;
	vertical-align:middle;
	padding:0 5px;
}
.cart td.product-name{
	text-align:left;
	padding-left:5px;
}
.cart tr.odd td{
	background-color:#F7F7F7;
}
.cart tr.even td{
	background-color:#FFFFEA;
}
.cart tr.amount td strong{
	font-size:14px;
	/*text-decoration:underline;
	padding-bottom:1px;
	border-bottom:1px solid #666;*/
}
.cart input[type=submit]{
	margin:0 20px;
}
#tabs{
	margin-bottom:30px;
}
.promotion-code{
	text-align:center; 
	margin:0 30px 20px 30px;
}
.promotion-code p{
	width:300px;
	margin:0 auto;
}
.promotion-code input{
	width:120px;
}
.promotion-code a{
	margin-left:20px;
}
.payment-option label{
	width:auto;
	float:none;
	display:inline;

}
.notice{
	text-align:left;
	font-size:12px;
	color:#F00;
}

/* `Footer
----------------------------------------------------------------------------------------------------*/
#footer-bar p{
	width:430px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:5px 20px;
	float:left;
}
#footer-links{
	padding:5px;
}
#footer-links{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#858585;
	margin-bottom:5px;
}
#footer-links a,.footer-links a:visited{
	color:#858585;
	text-decoration:none;
}
#footer-links a:hover{
	text-decoration:underline;
}
.powered-by
{
	text-align:right;
}
.powered-by a{color:#FFF}
.powered-by a:hover{color:#FFF; text-decoration:underline}
/* `Comments / Meta
----------------------------------------------------------------------------------------------------*/

/* `Other Styles
----------------------------------------------------------------------------------------------------*/
.payment-download
{
	position:relative;
	padding-right:20px;
	text-align:right;
	height:0;
	z-index:5001;
}
.payment-download img
{
	position:absolute;
	z-index:5002;
	top:20px;
	right:50px;
}
/* Sidebar Awards Block */
acronym{
	border-bottom:1px dotted #666; 
	cursor:help;
}
#awards-block{
	width:230px;
	height:160px;
	margin:0 auto;
	background:url(../images/awards-img-bg.png) no-repeat;
}
ul#awards-fade{
	list-style:none;
	position:relative;
	top:6px;
	left:6px;
	margin:0;
	padding:0;
	width:218px;
	height:148px;
}
ul#awards-fade li{
	margin:0;
	padding:0;
	width:218px;
	height:148px;
	overflow:hidden;
}
#awards-fade p{
	margin-top:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	margin-bottom:0;
}
.loading-msg{
	min-width:100px;
	min-height:100px;
	margin: 0 auto;
	text-align:center;
	background-image: url(../js/jquery.jcarousel/jcarousel_loading.gif);
	background-position:center;
	background-repeat:no-repeat;	
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}