/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
}

body {
	font:11px/1.25 Tahoma, arial, helvetica, sans-serif;
	background: url(../img/bgStrip.jpg) repeat-x #373940;
	color: #fff;
	height: auto;
}

/***** Common Formatting *****/

a, img{ outline: none;}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

h1 {
	padding: 0;
	margin: 8px 0 20px 0;
	letter-spacing: 1px;
	font-family: arial, helvetica, sans-serif ;
	font-weight: bold;
	color: #63aae6;
	font-size: 12px;
}

h2, h3, h4 { 
	padding: 0;
	margin: 8px 0 20px 0;
	letter-spacing: 1px;
	font-family: arial, helvetica, sans-serif ;
	font-weight: bold;
	color: #63aae6;
	font-size: 12px;
}


p, ul, ol {
	margin:0;
	padding:0 0 14px 0;
}

ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}

blockquote {
	margin:22px 40px;
	padding:0;
}

small { font-size:0.85em; }
img { border:0; }

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
	text-decoration:none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea { font:1em arial, helvetica, sans-serif; }
input[type="submit"]{text-align:center;}
input[type="hidden"]{visibility:hidden;}
textarea { line-height:1.25; }
label { cursor:pointer; }

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}

table tr td {
	padding:2px;
}

/***** Wrapper *****/

#wrap {
	width:741px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	min-height: 500px;
	/*background: url(../img/bodystroke.jpg) repeat-y top left;*/
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.floatLeft 		{ float:left; }
.floatRight 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.width100 		{ width: 100%; }
.width75 		{ width: 75%; }
.width50 		{ width: 50%; }

.mini           { font-size:10px;}
.blue           { color: #63aae6; }
.white          { color: #fff;}

/***** Structure Classes *****/

#header{
	display: block;
	float: none;
	width: 100%;
	height: 79px;
/*	border: solid 1px blue;*/
}
#index, #listing, #over, #support, #cart, #checkout, #error{
	display: block;
	float: none;
	width: 100%;
	height: auto;
	min-height: 358px;
	margin: 0;
	padding: 55px 0 0 0;
}

/***** Left Classes ****/

#header .logo{
	display: block;
	float: left;
	height: 19px;
	width: 209px;
	border: none;
	margin: 55px 0 0 0;
	padding: 0;
}
#header ul#navi{
	display: block;
	float: right;
	width: 400px;
	height: 20px;
/*	border: solid 1px red;*/
	margin: 58px 0 0 0;
	padding: 0;
}
#header ul#navi li{
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	
/*	border: solid 1px green;*/
}
#header ul#navi li a{
	color: #fff;
	text-decoration: none;
	width: 100%;
	padding: 0 12px;
	border-right: dotted 1px #fff;
}
#header ul#navi li a:link{ color: #fff; }
#header ul#navi li a:visited{ color: #fff; }
#header ul#navi li a:hover{ color: #63aae6; }
#header ul#navi li a:active{ color: #fff; }
#header ul#navi li a.active{ color: #63aae6; }
#header ul#navi li a.last{ border-right: none; }

/***** Index Classes ****/

#index p{
	display: block;
	clear: left;
	float: left;
	width: 221px;
	text-align: justify;
}
#index #flashIndex{
	display: block;
	float: right;
	width: 490px;
	height: 322px;
	margin: 0;
	padding: 0;
}
#index #subNavi{
	display: block;
	clear: both;
	height: 38px;
	margin: 0 0 0 3px;
	padding: 30px 0 10px 0;
}
#index #subNavi li{
	display: block;
	float: left;
	width: 119px;
	background: url(../img/naviBtn.gif) no-repeat top left;
	height: 38px;
	margin: 0;
	padding: 0 2px;
}
#index #subNavi li a{
	display: block;
	width: 119px;
	height: 38px;
	padding: 11px 0 0 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
#index #subNavi li a:link{ color: #fff; }
#index #subNavi li a:visited{ color: #fff; }
#index #subNavi li a:hover{ color: #63aae6; }
#index #subNavi li a:active{ color: #fff; }

/***** Index Classes ****/

#listing p{

}
#listing #subNavi{
	display: block;
	clear: both;
	height: 38px;
	margin: 0 0 0 0px;
	padding: 0 0 10px 0;
}
#listing #subNavi li{
	display: block;
	float: left;
	width: 119px;
	height: 38px;
	margin: 0;
	padding: 0 2px;
}
#listing #subNavi li a{
	display: block;
	width: 119px;
	height: 38px;
	padding: 11px 0 0 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: url(../img/naviBtn.gif) no-repeat top left;
}
#listing #subNavi li a:link{ color: #fff; }
#listing #subNavi li a:visited{ color: #fff; }
#listing #subNavi li a:hover{ color: #63aae6; }
#listing #subNavi li a:active{ color: #fff; }
#listing #subNavi li a.active{ color: #fff; background: url(../img/naviBtnActive.gif) no-repeat top left; }

#listing #brands, #support #brands{
	display: block;
	clear: both;
	height: 36px;
	width: 714px;
	margin: 0 0 0 3px;
	padding: 0 0 0 18px;
	background: url(../img/brandsBg.gif) no-repeat top left;
}
#listing #brands li, #support #brands li{
	display: block;
	float: left;
	min-width:0px;
	/*width: 85px;*/
	height: 34px;
	margin: 0 0;
	padding: 0 12px;
	background: url(../img/brandSplitter.jpg) no-repeat top right;
}
#listing #brands li input, #support #brands li a img{
	display: block;
	/*width: 69px;*/
	height: 34px;
	min-height:0px; 
    min-width:0px;
	padding: 0 0 0 0;
	margin: 0 auto;
	font-size: 1px;
	color: #fff;
	text-align: center;
	background-color:#fff;
	float:left;
}

#listing #brands li a:link, #support #brands li a:link{ color: #fff; }
#listing #brands li a:visited, #support #brands li a:visited{ color: #fff; }
#listing #brands li a:hover, #support #brands li a:hover{ color: #63aae6; }
#listing #brands li a:active, #support #brands li a:active{ color: #fff; }

#listing .pagingBar{
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 34px;
	background-color: #232324;
	border-bottom: dotted 1px #36404a;
	margin: 11px 0;
	padding: 0;
}
#listing .pagingBar .pagingLeft, #listing .pagingBar .pagingRight{
	display: block;
	float: left;
	/*width: 46%;*/
	height: 28px;
	padding: 9px 13px 0 13px;
}
#listing .pagingBar .search
{
    display:block;
    float:left;
    margin:7px 0 0 -10px;
}
#listing .pagingBar .search input[type="text"]
{
    background-color:#fff;
    color:#000;
}
#listing .pagingBar .search input[type="image"]
{
    padding:0;
    margin:0 0 0 10px;
}
#listing .pagingBar .pagingRight{ 
	float: right; 
	text-align: right;
	clear:none;
}
#listing .pagingBar .printandcart
{
    width:30%;
}
#listing .pagingBar .currencybox
{
    display:block;
    float:left;
    clear:none;
    padding:5px 0 0 220px;
}
#listing .pagingBar .currencybutton
{
    margin:0 10px 0 0;
    padding:0;
    background-color:#232324;
}
#listing .pagingBar a{ color: #fff; text-decoration: none; font-weight: bold; margin: 0 1px; }
#listing .pagingBar a:link{ color: #fff; }
#listing .pagingBar a:visited{ color: #fff; }
#listing .pagingBar a:hover{ color: #63aae6; }
#listing .pagingBar a:active{ color: #fff; }
#listing .pagingBar a.active{ color: #63aae6; }
#listing .pagingBar a.disabled{ color: #666666; }


/**** Product Classes ***/

#listing .product{
	display: block;
	float: none;
	clear: both;
	width: 741px;
	height: 101px;
	margin: 11px 0 0 0;
	padding: 0;
	background-color: #313339;
}
#listing .product img{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
#listing .product p.descr{
	display: block;
	float: left;
	width: 329px;
	/*height: ;*/
	line-height: 1.6em;
	margin: 26px 0 0 32px
}
#listing .product p.descr a{ color: #fff;}
#listing .product p.descr a:link{ color: #fff; text-decoration: none; border: none; }
#listing .product p.descr a:visted{ color: #fff; text-decoration: none; border: none; }
#listing .product p.descr a:hover{ color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }
#listing .product p.descr a:active{ color: #fff; text-decoration: none; border: none; }
#listing .product p.descr a.moreinfo {color: #63aae6;}

#listing .product p.priceBlock{
	display: block;
	float: right;
	width: 149px;
	height: 65px;
	margin: 0;
	padding: 18px 0;
	background-color: #2e313c;
	text-align: center;
	line-height: 1.6em;
}

#listing .product p.priceBlock a{ color: #63aae6; text-decoration: none; border: none; }
#listing .product p.priceBlock a:link{ color: #63aae6; text-decoration: none; border: none; }
#listing .product p.priceBlock a:visted{ color: #63aae6; text-decoration: none; border: none; }
#listing .product p.priceBlock a:hover{ color: #63aae6; text-decoration: none; border-bottom: dotted 1px #63aae6; }
#listing .product p.priceBlock a:active{ color: #63aae6; text-decoration: none; border: none; }

/**** Product detail Classes ***/

#listing .pagingBar .pagingRight a.print{ background: url(../img/printer.gif) no-repeat top left; padding-left: 20px;}
#listing .pagingBar .pagingRight .bestel{ background: url(../img/order.gif) no-repeat top left; padding-left: 22px;}

#listing #details img.detailSmall{
	display: block;
	float: right;
	clear: right;
	border: solid 1px #df3d52;
	margin: 0 16px 6px 0;
}
#listing #details img.detailBig{
	display: block;
	float: left;
	border: solid 1px #63aae6;
	margin: 0 0 14px 14px;
}
#listing #details h1 /*#listing #details .detailTitle*/{
	display: block;
	float: left;
	width: 575px;
	margin: 0 0 14px 24px;
	padding:0;
	font-weight: bold;
	/*text-transform: capitalize;*/
	letter-spacing: 0px;
	color: #63aae6;
	font-size: 12px;
}
#listing #details .detailDescr{
	
	float: left;
	width: 575px;
	margin: 0 0 14px 24px;
	padding:0;
	/*text-transform: capitalize;*/
	text-align: justify;
	line-height: 1.4em;
}

#listing #details ul{
	display:block;
	clear:both;
	float:none;
	list-style-type:square;
	margin:5px 0px 0px 5px;
	padding:0 0 0 5px;
}

#listing #details .nr{
	display: block;
	float: left;
	width: 460px;
	margin: 0 0 5px 24px;
	padding:0;
	text-transform: /*capitalize;*/
	text-align: left;
	line-height: 1.4em;
}
#listing #details .spec{
	display: block;
	float: left;
	width: 245px;
	margin: 0 0 5px 24px;
	padding:0;
	/*text-transform: capitalize;*/
	text-align: left;
	line-height: 1.4em;
}
#listing #details .price{
	display: block;
	float: left;
	width: 245px;
	margin: 0 0 5px 24px;
	padding:0;
	text-transform: capitalize;
	text-align: left;
	line-height: 1.4em;
}

#listing #details .highlight
{
    background-color: #63aae6; cursor:auto;
}
#listing #details input[type="submit"]
{
    min-width:100px; 
    float:left;   
}
    
#listing #details{
	display: block;
	width: 731px;
	min-height: 160px;
	float: left;
	background-color: #313339;
	margin: 0;
	padding: 15px 10px 50px 0px;
} 

#productspecs
{
    float:left;
    margin-left:24px;
    display:block;
    width:275px;
}
#productspecs td
{
    padding: 4px 10px 4px 10px; 
    margin:0px;
    border:0px;
}
#productspecs td.label
{
    font-weight:bold;
    padding-right:15px;
}
#productspecs tr
{
    background-color:#232324;
    margin:0px;
    padding:0px;
    border:0px;
}
#productspecs tr.alt
{
    background-color:inherit;
}
.detailDescr2
{   
    float: left;
	width: 275px;
	margin: 0 0 14px 24px;
	padding:0;
	/*text-transform: capitalize;*/
	text-align: justify;
	line-height: 1.4em;
}
#microsofttext
{
    font-size:10px; 
    padding-top:15px;
}

/***** Over ons Classes ****/
/***** Support Classes ****/

#over p, #support p{
	text-align: justify;
	line-height: 1.4em;
}
#over p.fixedw{
	width:550px;
}
#over img.thematic{
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	padding: 4px;
	border: solid 1px #232323;
}
#over ul, #support ul
{
    list-style-type:square;
}

#over a{ color: #63aae6; text-decoration: none; border: none; }
#over a:link{ color: #63aae6; text-decoration: none; border: none; }
#over a:visted{ color: #63aae6; text-decoration: none; border: none; }
#over a:hover{ color: #63aae6; text-decoration: none; border-bottom: dotted 1px #63aae6; }
#over a:active{ color: #63aae6; text-decoration: none; border: none; }


/***** Contact Classes ****/

fieldset{ 	
	padding:15px;
	margin: 0 0 0 0;
	border: none;
	margin: 0;
}
label, input{
	display: block;
	float: left;
}
label{ 
	width: 120px;
	clear: left;
	margin: 0 0 10px 16px;
	text-align: right;
}
input, textarea, select{ 
	margin: 0 0 6px 10px;
	min-width: 10px;
	border: solid 1px #232324;
	background-color: #373940;
	color: #fff;
	padding: 1px 6px;
}
#over input, #over textarea
{
    min-width:200px; 
}
#over input[type="submit"]
{
    text-align:center;
}
textarea{ height: 60px;}

.contactDet{ 
	border-left:1px dotted #fff;
	display:block;
	float:right;
	padding: 0px 6px 0px 10px;
	margin: 0 0 0 20px;
	width:250px;
	font:1em arial, helvetica, sans-serif;
}
.captcha
{
    margin: 5px 0px 10px 10px;
}

/***** Shoppingcart Classes ****/
#checkout #cart input, #checkout #cart textarea, #checkout #cart select
{
    min-width:0px;
}
#cart .buttonlook
{
    display: block;
	float: none;
    margin: 0 0 6px 10px;
	min-width: 200px;
	border: solid 1px #232324;
	background-color: #373940;
	color: #fff;
    text-align:center;
	clear:left;
	padding:2px 6px;
	cursor:default;
}
#cart .pagingBar{
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 34px;
	background-color: #232324;
	border-bottom: dotted 1px #36404a;
	margin: 11px 0;
	padding: 0;
}
#cart .pagingBar .productname, #cart .pagingBar .amount, #cart .pagingBar .itemtotal, #cart img.product{
	display:block;
	height: 28px;
	padding: 9px 0px 0 0px;
}
#cart .pagingBar .productname
{
    padding-left:13px;
}
#cart .pagingBar .currencybox
{
    display:block;
    float:left;
    clear:none;
    padding:5px 0px 0 45%;
}
#cart .pagingBar .currencybutton
{
    margin:0 10px 0 0;
    padding:0;
    background-color:#232324;
}
#cart .pagingBar .itemtotal
{
    padding-right:13px; 
    color:#fff;
}

#cart #cartlist .cartitem
{
    clear:both;
}
#cart img.product
{
    float:left;
    width:50px; 
    height:50px;
    padding:0px;
    margin:0px 13px 7px 13px; 
    border:solid 1px #63aae6;
}

#cart .productname
{
    float:left;
}
#cart #cartlist a.productname { color: #fff; text-decoration: none; border: none; }
#cart #cartlist a.productname:hover { color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }

#cart .amount
{  
     float:right;
}
#cart .amount input[type="text"]
{
    width:20px; clear:none; margin:0px;
}
#cart .amount .imagebtn
{
    background-color:Transparent;
}
#cart .itemtotal
{
     float:right;
     width:70px;
     padding-right:13px; 
     text-align:right;
     color: #63aae6;
}

#cart #cartlist .freightname
{
    display:block;
    float:left;
    margin:2px 13px 7px 76px;
}
#cart #cartlist .countries
{
    /*display:block;*/
    float:left;
    width:250px;
}
#cart #cartlist .shippingbox
{
    display:block;
    float:left;
}
#cart #cartlist .shippingbox input
{
    display:block;
    float:left;
    clear:none;
}
#cart #cartlist .shippingbox label
{
    display:block;
    float:left;
    clear:none;
    width:280px;
    text-align:left;
    margin-left:5px;
}

#cart #cartfooter
{
    float:right;
    margin:0 0 20px 0;
}

/***** Checkout Classes ****/
#checkout, #error
{
    margin-bottom:20px;
}
#checkout #subNavi, #checkout .subNavi{
	display: block;
	clear: both;
	height: 38px;
	margin: 0 0 0 0px;
	padding: 0 0 10px 0;
}

#checkout #subNavi li, #checkout .subNavi li{
	display: block;
	float: left;
	width: 119px;
	height: 38px;
	margin: 0;
	padding: 5px 2px 5px 12px;
	color: #fff;
	font-size: 10px;
	text-align: left;
	background: url(../img/naviBtn.gif) no-repeat top left;
}
#checkout #subNavi li.active, #checkout .subNavi li.active
{
    background: url(../img/naviBtnActive.gif) no-repeat top left; 
}
#checkout input, #checkout textarea, #checkout select
{
    min-width:250px;
}
#checkout input[type="checkbox"]
{
    min-width:0px; margin-right: 10px;
}
#checkout input[type="radio"]
{
    min-width:0px; margin-right: 10px;
}
#checkout .paymethod input[type="radio"]
{
    margin-right: 0px;
}
#checkout .paymethod label
{
    float:left; clear:none; text-align:left;
}
#checkout input[type="submit"]
{
    float:right;
    text-align:center;
    width:200px;

}
#checkout .fieldName
{
    display:block; 
    float:left;
    clear:both; 
    width:120px;
    margin:0 10px 8px 0;
    text-align:right;
}
#checkout .fieldValue
{
    display:block; 
    float:left;
    font-weight:bold;
}
#checkout #stepbuttons
{
    clear:both;
    display:block;
    padding-bottom:20px;
    /*float:right;*/
}
#checkout #stepbuttons .buttonlook
{
    display: block;
	float: left;
	clear:left;
	width: 200px;
	border: solid 1px #232324;
	background-color: #373940;
	color: #fff;
	margin: 0 0 6px 10px;
	padding:2px 6px;
	text-align:center;
	cursor:default;
}
#checkout .gotopayment
{
    /*margin-top:-100px;*/
}
#checkout .bankdetname
{
    display:block;
    float:left;
    width:130px;
}
#checkout .bankdetvalue
{
    display:block;
    float:left;
}    
    
/***** ogone table Classes ****/
#ogonezone td.ncolh1 {background-color : #373940; color : #fff;}
#ogonezone td.ncoltxtl {background-color : #373940; color : #fff; text-align : right; font-weight : bold}
#ogonezone td.ncoltxtl2 {background-color : #373940; color : #fff; text-align : right; font-weight : bold}
#ogonezone td.ncoltxtr {background-color : #373940; color : #fff; text-align : left; font-weight : bold}
#ogonezone td.ncoltxtc {background-color : #373940; color : #fff; text-align : center; font-weight : bold}
#ogonezone td.ncolinput {background-color : #373940; color : #fff}
#ogonezone td.ncolline1 {background-color : #373940; color : #fff}
#ogonezone td.ncolline2 {background-color : #373940; color : #fff}
#ogonezone input.ncol {background-color : #373940; color : #fff}
#ogonezone td.ncollogoc {background-color : #373940; color : black; text-align : center; font-weight : bold}
#ogonezone table.ncoltable1 { background-color: #373940; color: #fff; border: solid 1px #000000; }
#ogonezone table.ncoltable2 { background-color: #373940; color: #fff; border: solid 1px #000000; clear:both; }
#ogonezone table.ncoltable3 { background-color: #373940; color: #fff; border: solid 1px #000000; }
#ogonezone a{ color: #63aae6;}
#ogonezone table.ncoltable2 label{margin:0px;padding:0px; display:inline; float:none; clear:none; width:auto;}
#ogonezone table.ncoltable2 select{width:60px; min-width:10px;}
#ogonezone table.ncoltable2 input[type="hidden"]{display:none; visibility:hidden;}
#ogonezone table.ncoltable2 input[type="submit"]{float:none;}
#ogonezone table.ncoltable2 img{ text-align:left; float:left; margin-left:10px;}
#ogonezone p{display:none; visibility:hidden;}

/***** login Classes ****/
#login input[type="checkbox"]
{
    min-width:5px; margin: 0 5px 0 155px;
}
#login input[type="submit"]
{
    float:right;
}
#login label
{
    clear:none;
}

/***** Misc Classes ****/
#complabels
{
    padding:20px 0 15px 0;
    width:100%;
}
.microsoft_genuine
{
    display:block;
    float:left;    
}
.microsoft_aut_refu
{
    display:block;
    float:right;    
}

/***** Footer Classes ****/
p#footer{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}
p#footer a{ color: #63aae6; text-decoration: none; border: none; }
p#footer a:link{ color: #63aae6; text-decoration: none; border: none; }
p#footer a:visted{ color: #63aae6; text-decoration: none; border: none; }
p#footer a:hover{ color: #63aae6; text-decoration: none; border-bottom: dotted 1px #63aae6; }
p#footer a:active{ color: #63aae6; text-decoration: none; border: none; }