body {
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff url(../img/bg.gif) repeat-y top center;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	cursor:default;
}
.hide {
	display:none;
}
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset {
	margin:0;
	padding:0;
	border:0;
	font:11px/15px Arial, Helvetica, sans-serif;
}
a {	
	color:#036;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	color:#8099b3;
}

/*----------clearfix----------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*--------end clearfix--------*/


/* wrap 
-------------------------------------------------------------*/
#wrapper {
	width:775px;
	margin:0 auto;
	text-align:left;
}


/* header 
-------------------------------------------------------------*/
#header {
	background: no-repeat top;
}
#header h1 {
	float:left;
	clear:left;
	width:200px;
	height:100px;
}
#header h1 a {
	display:block;
	width:200px;
	height:100px;
}
#header h1 a strong {display:none;}

h1 a {
	padding:0;
}

#languages {
	font-size:10px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}

#secnav {
	clear:right;
	float:right;
	margin-top:52px;
	color:#fff;
	font-size:12px;
	padding-right:10px;
}
#secnav a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
#secnav a:hover {
	color:#bfccd9;
}
#primenav {
	clear:left;
	background-color:#036;
	line-height:30px;
	color:#fff;
	font-size:14px;
	padding:0 10px;
	border-top:10px solid #fff;
	background:url(../img/bgnav.gif) repeat-x center;
}
#primenav a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#primenav a:hover {
	color:#bfccd9;
}
#primenav span {
	float:right;
	clear:right;
	font-size:12px;
}


/* footer 
-------------------------------------------------------------*/
#footer {
	background-color:#036;
	color:#fff;
	font-size:12px;
	line-height:25px;
	text-align:right;
	padding:0 10px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#bfccd9;
}
#footer span {
	float:left;
}


/* crumbbox 
-------------------------------------------------------------*/
#crumbbox {
	height:40px;
	background:url(../img/bgcrumb.gif) no-repeat right top;
}
.nli #crumbbox {
	background:url(../img/bgcrumb2.gif) no-repeat right top;
}
#crumbbox #crumb {
	float:left;
	padding-left:10px;
	line-height:20px;
	text-transform:lowercase;
}
#crumbbox #loginfo {
	float:right;
	padding-right:10px;
	text-align:right;
}
#crumbbox #loginfo h1 {
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}
.nli #loginfo {
	display:none;
}

/* main 
-------------------------------------------------------------*/
#main {
	position:relative;
	padding-bottom:10px;
}
#main h1, #main h1 a {
	font-size:14px;
	font-weight:bold;
	color:#036;
	clear:both;
}

/* subnav
-------------------------------------------------------------*/
#subnav {
	width:175px;
	float:left;
	position:relative;
	top:-10px;
}
#subnavtype {
	width:161px;
	margin-top:10px;
}
#subnavdocsearch {
	margin-top:10px;
}
#subnavproducts, #subnavtype div, #subnavaccount, #subnavdocsearch {
	border:solid #036;
	border-width:1px 1px 2px 2px;
	list-style:none;
	background-color:#bfccd9;
}
#subnavtype div, #subnavaccount div, #subnavdocsearch div {
	border-bottom:1px solid #036;
}
#subnavtype p, #subnavaccount p, #subnavdocsearch p {
	position:relative;
	color:#fff;
	font-weight:bold;
	padding:3px 0 3px 5px;
	background:#036 url(../img/arr-r.gif) no-repeat 155px 6px;
	cursor:pointer;
	margin:0px;
	z-index:1;
	border-bottom:1px solid #fff;
}
#subnavproducts p {
	position:relative;
	color:#fff;
	font-weight:bold;
	padding:3px 0 3px 5px;
	background:#036 url(../img/arr-r.gif) no-repeat 155px 6px;
	cursor:pointer;
	margin:0px;
	z-index:1;
	border-bottom:1px solid #036;
}
/* Fix IE. Hide from IE Mac \*/
* html #subnavproducts p, * html #subnavtype p, * html #subnavaccount p, * html #subnavdocsearch p { height:1%; }
/* End */


#subnavtype span, #subnavaccount span, #subnavdocsearch span {
	display:block;
}
#subnavtype p, #subnavaccount p, #subnavdocsearch p {
	background-image:none;
	cursor:default;
	border-bottom:none;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:10px;
}

#subnavproducts span { 
        display:none; 
        position:absolute; 
        z-index:100; 
        left:171px; 
        top:-1px; 
        width:450px; 
} 

#subnavproducts strong { 
        background-color:#e5eaef; 
        border:solid #036; 
        border-width:1px 1px 1px 2px; 
        display:block; 
        float:left; 
        width:147px; 
} 

#subnavproducts span br, #subnavtype div br, #subnavaccount div br, #subnavdocsearch div br {
	display:none;
}
#subnavproducts a, #subnavtype a, #subnavaccount a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px;
	border-bottom:1px solid #036;
}
/* Fix IE. Hide from IE Mac \*/
* html #subnavtype a, * html #subnavaccount a { height:1%; }
/* End */

#subnavproducts span a:hover, #subnavtype div a:hover, #subnavaccount div a:hover {
	color:#fff;
	background-color:#036;
}
#subnavproducts p:hover span, #subnavproducts p.over span {
	display:block;
}
/*
#subnavproducts p:hover, #subnavproducts p.over {
	color:#fff;
	background:#036 url(../img/arr-r-b.gif) no-repeat 155px 6px;
}*/
#subnavproducts p.lat, #subnavproducts p.lat:hover {
	border-bottom:none;
	background-image:none;
	cursor:default;
	background-color:#036;
	color:#fff;
}
#subnav form {
	font-size:10px;
	line-height:25px;
}
#subnav .txt {
	width:90px;
	font-size:10px;
	margin:2px 3px 0;
	border:1px solid #036;
}
#subnav .txtsel {
	width:165px;
	font-size:10px;
	margin:3px 3px 0;
	border:1px solid #036;
}
#subnav select {
	width:156px;
	margin:0px 5px 0px;
	font-size:10px;
}
#subnav .submit {
	margin:3px 5px 0px;
	width:75px;
	font-size:10px;
}
#subnav .submit2 {
	float:left;
	margin:5px 5px 5px 45px;
	width:75px;
	font-size:10px;
}
#subnav label {
	display:block;
	float:left;
	clear:left;
	width:40px;
	text-align:right;
	margin-right:0px;
}
#subnav .shortxt {
	width:110px;
	font-size:10px;
	margin-right:5px;
}
#subnavdocsearch .txtsel {
	margin-bottom:5px;
}
#subnavdocsearch label {
	width:70px;
	clear:left;
}
#subnavdocsearch .shortxt {
	width:90px;
}

/* content
-------------------------------------------------------------*/
#content {
	margin-left:10px;
	width:400px;
	float:left;
}
#content h1, #content h1 a {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	color:#036;
	clear:both
}
#content h2, #content h2 a {
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	color:#036;
	border-bottom:1px solid #036;
}
#content h2 a {
	text-decoration:none;
	border-bottom:none;
}
#content h2 em {
	font-style:normal;
	float:right;
	letter-spacing:normal;
	text-transform:lowercase;
	font-weight:normal;
}
#content h3, #content h3 a {
	font-size:12px;
	font-weight:bold;
	color:#036;
	margin-bottom:0;
}
#content p {
	margin-bottom:5px;
}

#content .na h3, #content .na h2, #content .na p, #content .na p strong, #content .na h3 a, #content .na h2 a {
	color:#ccc;
}
.na img {
	opacity:0.50;                
	filter:alpha(opacity=50);
}


/* content - productlist
-------------------------------------------------------------*/
.productlist div {
	padding-bottom:5px;
	clear:both;
}
/*----------clearfix----------*/
.productlist div:after, .productdetail div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.productlist div, .productdetail div {display: inline-block;}

/* Hides from IE-mac \*/
* html .productlist div, * html .productdetail div {height: 1%;}
.productlist div, .productdetail div {display: block;}
/* End hide from IE-mac */
/*--------end clearfix--------*/
.listoption {
	border:1px solid #bfccd9;
	background-color:#e5eaef;
	padding:2px 5px;
	text-align:right;
}
.listoption span {
	float:left;
}
.productlist submit {
	margin-top:0;
}
.productlist div img {
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:0 5px 3px 0;
	background:#bfccd9;
	border:none;
}
.productlist div img a {
	display:block;
	width:100px;
	height:100px;
	border:1px solid #036;
}
.productlist div img.item_ordered {
	display:inline;
	float:none;
	width:16px;
	height:16px;
	margin:0 0 0 0;
	background:#bfccd9;
	border:none;
}
.productlist div p strong {
	color:#036;
}
#itempaging {
	width:400px;
} 
/* content - productdetail
-------------------------------------------------------------*/
.productdetail img {
	display:block;
	float:right;
	width:175px;
	height:175px;
	margin:0 0 3px 10px;
	background:#bfccd9;
	border:1px solid #036;
}
.productdetail img.item_ordered {
	display:inline;
	float:none;
	width:16px;
	height:16px;
	margin:0 0 0 0;
	background:#bfccd9;
	border:none;
}

/* content - tchnodeatail
-------------------------------------------------------------*/
.technodetail img {
	display:block;
	float:right;
	width:175px;
	margin:0 0 3px 10px;
	background:#bfccd9;
	border:1px solid #036;
}
.technomovie embed, .technomovie object {
	width:320px;
	height:265px;
	border:none;
	background:#bfccd9;
}

/* Rightsection
-------------------------------------------------------------*/
#rightsection {
	padding-top:10px;
	width:175px;
	float:right;
	position:relative;
}
.nli #rightsection {
	top:-20px;
}
#rightsection div {
	border:1px solid #036;
	margin-bottom:10px;
}
#rightsection h1 {
	font-size:11px;
	background-color:#036;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
	text-decoration:none;
	display:block;
}
#rightsection h1 a {
	font-size:11px;
	background-color:#036;
	color:#fff;
	font-weight:bold;
	padding:2px 5px;
	text-decoration:none;
	display:block;
}
#rightsection h1 a {
 	padding-left:0px;
}
#rightsection h1 a:hover {
	color:#bfccd9;
}
 ul {
	list-style-type:square;
	padding:5px 0 5px 20px;
}
/* Newsletter
---------------*/
#newsletters {
	background:  no-repeat 0 15px;
}
#nll {
	display:block;
	padding:65px 5px 5px;
}

/* catalogue
---------------*/
#catalogue {
	background: no-repeat 0 15px;
}
#catlink {
	display:block;
	padding:10px 80px 0 5px;
	height:53px;
}
/* specials
---------------*/
#specials {
	background: no-repeat 0 15px;
}
#speciallink {
	display:block;
	padding:135px 5px 0 5px;
	height:165px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:25px;
}

/* entrance
---------------------------------------------------*/
#entrance {
	float:left;
	width:590px;
	height:200px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../img/entrance.jpg) no-repeat center;
	position:relative;
}
#entrance a {
	position:absolute;
	width:220px;
	display:block;
	height:105px;
	left:340px;
	top:15px
}
#entrance a strong {
	display:none;
}

#newproductdiv {
	border:1px solid #036;
	width:403px;
}
#newproductdiv h1 {
	color:#fff;
	background-color:#036;
	line-height:22px;
	padding-left:10px;
	font-size:12px:
}
#newproductlist {
	float:left;
}
#newproductlist li {
	line-height:20px;
}
#newproducts ul li a{
	line-height:22px;
}
/* productgates
---------------------------------------------------*/
#productgates, #technogates {
	background-color:#bfccd9;
	border:1px solid #036;
	clear:both;
	margin-bottom:10px;
}
#productgates {
	background:#bfccd9 url(../img/bgpg.gif) repeat-y 150px 0px;
}
#technogates {
	background-color:#fff;
	clear:both;
	border:none;
	margin-bottom:0;
}
#productgates div#componentgate { 
        width:150px; 
} 
#productgates div#brandsgate { 
        width:450px; 
}
#productgates div {
	float:left;
	width:300px;
	padding-bottom:5px;
}
#technogates div a.link {
	display:block;
	width:252px;
	height:260px;
	text-decoration:none;
}
#technogates div a.movie {
	display:block;
	width:252px;
	height:40px;
	text-decoration:none;
}
#technogates div a strong {
	display:none;
}
#technogates div {
	float:left;
	width:252px;
	border:1px solid #036;
	margin-right:6px;
}
#technogates #fillgate {
	margin-right:0;
}
#productgates #searchgate {
	width:173px;
}
#productgates h2, #technogates h2, #productgates h2 a, #technogates h2 a {
	background-color:#036;
	color:#fff;
	font-weight:bold;
	padding-left:5px;
	text-decoration:none;
	line-height:20px;
	background:url(../img/bgnav.gif) repeat-x center;
}
#productgates h2 a:hover, #technogates h2 a:hover {
	color:#bfccd9;
}
#productgates p {
	float:left;
	width:140px;
	margin-left:5px;
	padding-top:5px;
}
#productgates p br {
	display:none;
}
#productgates p a {
	display:block;
	padding:1px 5px;
	text-decoration:none;
	font-weight:bold;
}
#productgates p a:hover {
	background-color:#036;
	color:#fff;
}
#productgates .txt {
	width:155px;
	margin:5px 5px 0;
	border:1px solid #036;
}
#productgates .txtsel {
	width:159px;
	margin:5px 5px 0;
	border:1px solid #036;
}
#productgates .submit {
	float:right;
	margin:5px 10px;
}
#productspagediv{
	position:relative;
	top:0px;
}
#productspagediv #content{
	position:relative;
	top:-10px;
}

/* register and other forms
---------------------------------------------------*/
#content {
	line-height:25px;
}
.productlist form {
	display:block;
	float:left;
}
#registerpage #content form,
#loginpage #content form,
#productdetailpage #content form {
	border:1px solid #036;
	background-color:#e5eaef;
	padding:10px;
}
#registerpage #content form input,
#ServiceReqPage #content form input,
#loginpage #content form input {
	width:200px;
}
#content label {
	display:block;
	float:left;
	clear:left;
	width:115px;
	margin-right:5px;
	text-align:right;
}
#content select, #content textarea {
	width:200px;
	font-size:11px;
}
#content input {
	font-size:11px;
}
#content form .mshort {width:100px;}
#content form .short {width:75px;}
#content form .vshort {width:25px;}
#content form .check {width:11px;}
#content p#submit {
	clear:both;
	border-top:1px solid #036;
	padding-top:10px;
}

#basket #content {
	width:590px;
}

/* tables
-------------------------------------------*/
div.fieldset {
	background-color:#e5eaef;
	border:1px solid #bfccd9;
	padding:5px 9px 9px;
	margin-bottom:10px;
}
div.fieldset h3 {
	color:#036;
	font-weight:bold;
	padding-bottom:10px;
}
div.fieldset#bill {
	height:100px;
	float:left;
	margin-bottom:15px;
	width:288px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:270px;
}
div.fieldset#ship {
	float:right;
	height:100px;
	margin-bottom:15px;
	width:288px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:270px;
}
.invoice div.fieldset#ship, .invoice div.fieldset#bill {
	height:125px;
	margin-bottom:10px;
}
div.fieldset div {
	padding:5px 5px 1px;
	background-color:#bfccd9;
}
div.fieldset strong {
	width:150px;
	display:block;
	float:left;
	clear:left;
	margin-right:10px;
	text-align:right;
}
#bill strong, #ship strong {
	width:100px;
}
table {
	font:11px/15px Arial, Helvetica, sans-serif;
	width:570px;
	border-left:1px solid #036;
	margin-bottom:10px;
	text-align:left;
	background-color:#fff;
}
td {
	font:11px/13px Arial, Helvetica, sans-serif;
	border:solid #036;
	border-width:0 1px 1px 0;
	padding:3px 3px;
}
th {
	font:11px/15px Arial, Helvetica, sans-serif;
	line-height:13px;
	color:#fff;
	padding:3px 3px;
	background:#036 url(../img/bgnav.gif) repeat-x center;
}
.right {text-align:right}
.center {text-align:center}
.subleft {float:left;}
.subright {float:right;}