/* Reset for blank canvas
---------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline; ---- causes some issues in the about us page*/
}

body {
	line-height:1.5;
	margin:0px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
}

#siteContainer{
	width:980px;
	margin:8px auto;
	#margin:10px auto;
}

#mainContent{
	clear:both;
}

a img { border: none; }
img	{ border: none; margin: 0; padding: 0; line-height: 0; }

/*Floats and Clearing
-------------------*/
.fR{
	float:right;
}
.fL{
	float:left;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#floatClear{
	float:left;
}
#clBoth{
	clear:Both;
}

/* Typography defaults
---------------------------------------------*/
/* Based on browser default of 16px (0.70 * 16px = 11px). */

body { font-size: 70%; }


/* Default fonts and colors.
   tahoma,arial, sans-serif set to dark grey:#3b3b3b */

body {
  color: #3b3b3b;
  font-family:"Nimbus Sans L",tahoma,arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
  color: #3b3b3b;
  font-family:tahoma,arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }


a, a:link   { color: #3b3b3b; text-decoration:none; }
a:hover     { color: #3b3b3b; text-decoration:underline; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.bold		{ font-weight:bold; }
.normalText		{font-weight:normal; font-size:100%;}
.boldTitle	{ font-weight: bold; color: #3b3b3b; padding: 1em 0 .5em 1em; display: block; margin: 0; }
.red		{ color: #c80000; }
.price		{ color: #c80000; }
.blue		{ color: #5e6978; }
.black		{ color: #3b3b3b; }



.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color: #060; }
.removed    { color: #900; }

.top        { margin-top: 0; padding-top: 0; }
.bottom     { margin-bottom: 0; padding-bottom: 0; }
.txtCenter	{ text-align:center; width:auto; display:block;}
.last 		{ margin:0;}

.ex			{display: none;}
.inc		{ ; }
.vatText	{ font-weight: normal; color: #3b3b3b; font-size: 90%; margin: 0 0 0 .5em; }
#vatToggle {display: none;}

.forwai		{ display: none; }/*hides separators for adjacent links that are required for accessibilty */


/* Buttons and forms
-------------------------------------------------------------- */
.Button:hover{
	text-decoration:none;
	color:#ffffff;
}
.productForm{
	margin:10px 0 0 0;
	background:none;
	width:204px;
	padding:0;
	border:0;
}
.pQty{
	color:#3b3b3b;
	border:solid 1px #4e4e4e;
	font-size:1em;
	padding:.2em 0 .1em 0;
	width:30px
}
.buyButton{
	padding:0 0 0 5px;
}
.Button, .button, .oButton, a.button, a.Button {
	background:#57874a url(../images/green_button_bg.gif) no-repeat right -1px;
	color: #ffffff;
	padding:.2em 1em;
	font-size:11px;
	font-weight: bold;
	cursor: pointer;
	width:auto;
	border: 1px solid #699e5a;
}
.oButton{
	background:#ff8800 url(../images/orange_button_bg.gif) no-repeat right -1px;
	border: 1px solid #ff8800;
}

/* Home page layout
----------------------------------*/

.menuItem{
	text-align:center;
	margin:1em 0;
}

/* Pagination
------------------------------- */
.pagination{
	background:url(../images/paginationbar.gif) repeat-x;
	margin:0;
	padding:0;
	width:100%;
}
.pagination h4{
	float:left;
	font-weight:bold;
	color:#393939;
	padding:.3em 0px .5em .5em;
	margin:0;
}
div.paginationLinks{
	color:#393939;
	float:right;
	border:none;
	padding:.4em 1em .1em 0;
	margin:0;
}
.paginationLinks a{
	color:#393939;
}

/* Product Listings
------------------------------- */
div.lineListings{
	float:left;
	width:100%;
}
.lineListings ul{
	border-bottom:solid 1px #e6e6e6;
	padding:0 0 1em 0;
	margin:2px 0 0 0;

	}

.lineListings ul:after{/* apply a clearfix solution to line listings */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.lineListings ul.even{
	background:#ffffff;
	}
.lineListings li{
	list-style:none;
	}
.lineListings li.pPrice{
	float:right;
	padding:10px 10px 0 0;
	text-align:right;
	}

.wasPrice{
	font-weight:bold;
	display:block;
	color:#4e4e4e;
	font-size:x-small;
	}
.was{text-decoration:line-through;
	}

.lineListings li.pInfo{
	float:none;
	margin:0 0 0 116px;
	}
.lineListings li.pInfo .pTitle a{
	color:#3b3b3b;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:2px 0 0 0;
	min-height:3em;
	}
.lineListings li.pInfo .pTitle a:hover{
	text-decoration:underline;
	}
.lineListings li .pQfc{
	display:block;
	margin:8px 0;
	font-size:x-small;
	}
.lineListings li.pImage{
	float:left;
	position:relative;
	}
.lineListings a img{
	border:none;
	padding:0;
	margin:0;
	}
.lineListings a:hover img{border:none;
	padding:0;
	margin:0;
	}
.lineListings .productForm{
	width:100%;
}
	
.b8080{
	border:solid 1px #e7e7e8;
	display:block;
	padding:.5em;
	margin:1em 1em 0 1em;
	background:#ffffff;
	zoom:normal;
	
}
.b8080:hover{
	border:solid 1px #cacaca;
	}
	
/* Reviews
------------------------------*/

#productReviewForm form fieldset {padding:1em; margin:1em 0 1em 0; font-size:1em; display:block;border:solid 1px #e7e7e8; background:#f6f6f6;}
#productReviewForm form p{margin:0; padding:.5em; text-align:right;}
#productReviewForm form label{background:#ffffff;clear:both; line-height:1.6em; display:block; padding:0.5em 5px .8em 10px;color:#4e4e4e; border-bottom: solid 1px #e7e7e8; font-weight:bold;}
#productReviewForm form select, #productReviewForm form input, #productReviewForm form textarea {margin:0; float:right; width:50%;}
#productReviewForm form legend {font-size:11px;font-weight:bold; border:solid 1px #5e5e5e; margin:0 0 0 -1px; padding:4px 18px; background:#393939 url(../images/form_legend_bg.gif) repeat-x; color:#ffffff;}

.reviewBox{
	border:solid 1px #e7e7e9;
	clear:both;
}
.reviewBox h5{
	background:#f6f6f6 url(../images/reviewboxtop.gif) repeat-x 0 top;
	padding:.5em .5em .5em 1.5em;
}
.reviewDate{
	float:right;
	padding:.3em 1em 0 0;
}
.reviewBox p{
	margin-left:135px;
	padding:0 1em 3em 0;
}

.toplink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
a.toplink:hover {
	color: #000000;
	text-decoration: none;
}

.searchOptions{ width:620px; margin-left:2px; padding:5px 10px; border:solid 1px #eaeaea; border-bottom:none; border-top:none;}
.searchBottom{ height:7px; margin-left:2px; font-size:0; line-height:0; background:url(../images/search_bottom.gif) no-repeat;}

.field_error { border:1px solid #FF6600; background-color:#FFF2E9; }
.field_error td { border:none; padding:2px;	font-size:12px; color:#d12f19; }
.action_error {	margin:8px; border:1px solid #00A8FF; background-color:#E2F5FF; }
.action_error td { border:none; padding:10px; color:#F7450B; font-size:12px; }
.action_messge { margin:8px; border:1px solid #00A8FF; background-color:#E2F5FF; }
.action_messge td {	border:none; padding:10px; color:#F7450B; font-size:12px; }

.downloadArea b { float:left; padding:2px 0 1px; width:80px; background:url(../images/btn_download_bgleft.gif) no-repeat 0 center; }
.downloadArea span { float:left; padding:2px 10px 1px 4px; background:url(../images/btn_download_bgright.gif) no-repeat 100% center; }
.downloadArea span a { color:#6F6F6F; }

div.cart-info {
	background:transparent url(../images/cart_info.png) no-repeat scroll 0 0;
	display:none;
	position:absolute;
	width:352px;
	height:101px;
	color:#404040;
	text-align:center;
}

div.cart-info h4 {
	font-weight:400;
	margin-left:-8px;
	margin-top:6px;
}

div.cart-info p {
	margin:10px auto;
}

div.cart-info p.skin-gray {
	margin:5px auto;
}
.pro_new, .pro_newT{background:url('../images/new.gif') no-repeat; height:23px; width:25px; position:absolute;}
.pro_new{top:12px; left:12px; text-indent:99999;}
.pro_newT{top:0; left:0;}
.pstiontt{position:relative;}


/* site map */
#centerCol .map{
	margin:0 0 20px 0;
	}
#centerCol .map th{
	text-align:left;
	height:20px;
	line-height:20px;
	}
#centerCol .map h3{
	margin-bottom:0.5em!important;}
#centerCol .map td{
	width:200px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding-left:5px;
	}

.sitemap{
	border:1px solid #CCC;
	padding:15px 15px 0;
	width:948px;
	height:auto;
	overflow:hidden;
	}
.sitemap ul{
	display:inline;
	float:left;
	padding-bottom:15px;
	width:25%;
	margin:0;
	}
.sitemap ul h4{
	background:url("../images/sitemap.gif") no-repeat left 0;
	color:#000;
	font-size:12px;
	height:18px;
	line-height:18px;
	padding-left:10px;
	font-weight:bold;
	}
.sitemap ul li{
	list-style:none;
	}
.sitemap ul li a{
	background:url("../images/sitemap.gif") no-repeat left -15px;
	font-size:12px;
	height:auto;
	line-height:18px;
	padding-left:16px;
	}
.sitemap ul ul{
	margin-left:15px;
	width:100%;
	}
.ClearFloat{clear:both;}


/*  Next item style */
.scrollNav{
	overflow:hidden; 
	text-align:center;
	width:815px;
	margin:0 auto 10px;
	float:left;
	}
.scrollNav ul{
	margin:0 auto;
	}
.scrollNav .btn_prev,.scrollNav .btn_next { 
     float:left; 
	 display:block; 
	 background:url('../images/bg_prv_nxt.gif') no-repeat; 
	 width:10px; 
	 height:45px; 
	 margin-top:17px;
	 }
.scrollNav .btn_next {
	float:right; 
	background-position:-11px 0;
	}

.scrollNav li {
	float:left; 
	display:block; 
	margin-left:15px;
	}
.scrollNav li img {
	width:80px; 
	height:80px; 
	border:1px solid #CCC;
	}
.scrollNav li img:hover{
	border:1px solid #999;
	}
.scrollNav li img.current {
	border:2px solid #F97900;
	}

.nextprev{ height:21px; line-height:21px; float:right; padding: 1em 1em; #width:155px;}
.nextprev span{ float:right;}
.itemnext, .itemprev{
	background:url('../images/item_next.gif') no-repeat; height:21px; line-height:21px; float:right;}
.itemnext{ background-position:right -63px;  padding-right:25px; }
.itemnext:hover{ background-position:right -21px;}
.itemprev{ background-position:left -42px;  padding-left:27px; }
.itemprev:hover{background-position:0 0;}

.Download { padding-left:21px; line-height:19px; height:19px; display:block; }
.Driver { background:url('../images/drive.png') no-repeat; }
.Firmware { background:url('../images/update.png') no-repeat; }
.Manual { background:url('../images/word.png') no-repeat; }
.Video { background:url('../images/video.png') no-repeat; }

