/*Top element level declarations.  
All child elements will inherent parent properties.
Margin : Top Right Bottom Left;
*/
body{
	margin : 0px;
	padding : 0px;
	background-color : #fff;
	font-family : arial,helvetica,sans-serif, Arial Unicode MS;
	font-size : 80%;
	line-height : 125%;
	color : #000;
}

A {text-decoration:underline;}
A:link {color : #343F87; }
A:visited {color : #343F87;}
A:hover {color : #c93; text-decoration:underline;}

table{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	background-color : #fff;
}

/* in most browsers td doesn't inherit parent attributes.  Known issue.*/
tr{}

td,th{
	font-family :  arial,helvetica,sans-serif, Arial Unicode MS;
	font-size : 100%;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

form{margin : 0 0 0 0;}

input{margin : 0 0 0 0;}

hr {margin : 0 0 0 0;}

ul{
	margin : 10px 0 10px 17px;
	padding : 0 0 0 0;
}
ol{
	margin-top : 0;
}

h1{
	margin : 0 0 5px 0;
	font-family : Futura, Arial, Helvetica, sans-serif;
	font-size : 200%;
	line-height : 170%;
	color : #036;
	font-weight : normal;	
}

h2{
	margin : 0 0 0 0;
	font-family : Futura, Arial, Helvetica, sans-serif;
	font-size :125%;
	line-height : 135%;
	color : #77778A;	
}

h3{
	margin : 0 0 0 0;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: 150%;
	color: #000;	
	font-weight: bold;
}
h4{
	margin : 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 140%;
	color: #000;	
	font-weight: bold;
}


/*em used for accesskey styling only*/
em{
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

acronym{
	border-bottom : 1px dotted  #999;
	cursor : help;
}

/*Layout layers must use ID (id=#main) not Class(class=.main)*/

#main{
	position : relative;
	border : 1px solid white;
	width :770px;
	background-color : #fff;
	text-align : left;
	margin-left : auto; margin-right : auto;
	z-index : 0;
}

#top{
	position : relative;
	padding-top : 0px;
	width :770px;
	height : 85px;
	background-color : #036;
	text-align : left;	
	z-index : 1;
}

#top-logo{
	position : relative;
	top :4px;
	width :100%;
	height : 75px;
	background-color : #fff;
	z-index : 2;
}

#topnav-b2c{
	position : absolute;
	right : 0px;                                      
	top : 0px;
	height : 75px;
	width : auto;
	background-image : url("/img/topnav_bg.gif");
	background-repeat : repeat;
	text-align : right;
	z-index : 10;
}

#topnav{
	position : absolute;
	right : 0px;                                      
	top : 0px;
	height : 75px;
	width : auto;
	background-image : url("/img/topnav_bg.gif");
	background-repeat : repeat;
	text-align : right;
	z-index : 3;
}

#search{
	position : absolute;
	top: 0px;
	right : 50px;
	margin : 0 0 0 0;
	padding : 6px 0px 5px 0px;
	font-size : 30px;
	line-height : 10px;
	height : 25px;	
}

#tbsearch{
	margin : 0 0 0 0;
	font-size : 11px;
	line-height : 10px;
	border : 1px solid #999;
	height : 11px;
	width : 75px;	
}

#graybar{
	position : relative;
	top : 3px;
	background-color : #ccc;
	width :770px;
	height : 3px;
	font-size : 7px;
	line-height : 7px;	
}

#mainbody{
	position : relative;
	top : 0px;
	width : 770px;
	background-color : #E2E3ED;
	z-index : 0;
}

#nav{
	position : relative;
	width :770px;
	height : 50px;
	background-color : #036;	
	z-index : 3;
}

#header{
	position : relative;
	top : 0px;
	left : 0px;
	border-bottom : 1px solid #E2E3EF;
	padding: 0 0 0 10px;
	width : 760px;	
	background-image : url("/img/h1_bg.gif");
	background-repeat : repeat;
}

#line{
	background-color: #fff;
	width : 770px;
	margin : 0 0 5px -10px; /* -10 to accomodate for 10px padding on #header*/
	height:1px;
	line-height:0;
	font-size:0;
}
/* only used on the company pages and support pages*/
#headerImage{
	position : absolute;
	top : 1px;
	right : 0px;
	width : 315px;
	height : 75px;
}

#content{
	position : relative;
	border: 0px solid green;
	top : 0px;
	left : 0px;
	padding : 10px 10px 10px 10px;
	width : 750px;
	background-color : #fff;
}

#content-pfp{
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0 0 0 0;
	width : 100%;
	background-color : #fff;
}

#content-nopad{
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0 0 0 0;
	width : 900px;
	background-color : #fff;
}
#content-clientprofile{
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0 0 0 0;
	width : 770px;
	background-color : #036;
}

#product-content{
	position : relative;
	top : 0px;
	left : 0px;
	padding : 0 0 0 0;
	width : 575px;
	background-color : #fff;
}

#popup-content{
	position : relative;
	top : 0px;
	left : 0px;
	border : 1px solid #ccc;
	margin : 5px 5px 5px 5px;
	padding : 10px 10px 10px 10px;
	width : 450px;
	background-color : #fff;
	margin-left : auto; margin-right : auto;	
}

#ad{
	position : absolute;
	top : 0px;
	right : 0px;
	/*width: 195px;
	width : 320px;*/
	background-color : #fff;	
}

#find{
	position : absolute;
	top : 125px;
	right : 0px;
	width : 185px;
	background-color : #E2E3ED;	
	z-index : 2;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #ccc;
}

#footer{
	position : relative;
	left : 0px;
	width : 770px;
    padding-top: 20px;
	margin-left : auto; margin-right : auto;
	text-align : center;
	font-size : 90%;
	color : #999;
	z-index : 2;
}

#cc-button{
	position : absolute;
	margin : 0 0 0 0;
	left: 0px;
	top : 0px;
	text-align : left;
}

#countrynav{
	position : absolute;                                    
	top : 31px;
	left : 0px;
	border : 1px solid #036;
	width : 215px;
	height : 235px;
	line-height : 135%;
	background : #fff;
	opacity: 0.85;
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	filter : alpha(opacity=90);-moz-opacity:.90; -khtml-opacity:90%; 
	text-align : left;
	z-index : 10;	
	visibility : hidden;	
}
	
/*subnav bar layers for company and tech upport menu*/
#subnav{
	position : relative;
	top : 0px;
	left : 0;
	width : 760px;
	height : 15px; 
	margin : 0 0 0 0;
	padding : 0 0 0 10px;
	background : #ccc;
	font-size : 10px;
	text-transform : uppercase;	
}

#subnav-tl{
	position : relative;
	top : 0px;
	left : 0;
	width : 770px;
	height : 4px; 
	margin : 0 0 0 0;
	background : #036;
}

#subnav-bl{
	position : relative;
	top : 0px;
	left : 0;
	width : 770px;
	height : 4px; 
	margin : 0 0 0 0;
	background : #900;
}

#subnav-selected{
	position : absolute;
	top : 0;
	height : 18px; 
	margin : 0 0 0 0;
	background : #900;
	color : #fff;
}

/*DHTML menu layers*/

#products-container {
	position : absolute; left:10px; top:10px; width:130px; height:30px; z-index:3;}
	
#downloads-container{
	position : absolute; left:155px; top:10px; width:130px; height:30px; z-index:3;}
#support-container{
	position : absolute; left:155px; top:10px; width:130px; height:30px; z-index:3;}
		
#shop-container{
	position : absolute;left:300px; top:10px; width:130px; height:30px; z-index:3;
	visibility : visible; }
	
#wheretobuy-container{
	position : absolute;left:300px; top:10px; width:130px; height:30px; z-index:3;
	visibility : visible; }

#company-container{
	position : absolute;left:445px; top:10px; width:130px; height:30px; z-index:3;
	visibility : visible; }

#products-menu {
	position : absolute; left:0px; top:27px; width:130px; height:175px; z-index:4;
	visibility : hidden;}
	

#downloads-menu {
	position : absolute; left:0px; top:27px; width:130px; height:126px; z-index:4;
	visibility : hidden;  }
#support-menu {
	position : absolute; left:0px; top:27px; width:130px; height:126px; z-index:4;
	visibility : hidden;  }

#shop-menu {
	position : absolute; left:0px; top:27px; width:130px; height:46px;  z-index:4;
	visibility : hidden; }
	
#company-menu {
	position : absolute; left:0px; top:27px; width:130px; height:106px; z-index:4;
	visibility : hidden;}

#printbutton{
	position : relative;
	width : 145px;	
	color : #343F87;
	text-decoration : underline;	
	text-align : center;
	cursor : pointer;	
}
/*#printbutton:hover{color : #c93;}*/

#checkout-progress{
	position : relative;
	margin: 0 0 1px 0;
	top : 0px; 
	right : 0px;
	left : 500px; 
	width : 250px;
	border : 0px solid yellow;
	text-align : right;
	color : #333;
	font-family : futura, arial;
}
/*Classes for special formatting*/

/*  Class for site wide use */
A.footerlink {color: #999; font-size:95%; text-decoration : none;}
A.footerlink:link {color : #999;}
A.footerlink:visited {color : #999;}
A.footerlink:hover {color : #999; text-decoration : underline;}

A.linkS, A.linkS:link, A.linkS:visited, A.linkS:hover{font-size : 80%; line-height : 80%; font-weight : normal; }

A.bc{font-family: Futura, Arial, helvetica, san-serif; font-weight : normal; text-decoration : none; }
A.bc:link {color: #999;}
A.bc:visited {color: #999;}
A.bc:hover {color: #999; text-decoration:underline;}

.bcactive{font-family: Futura, Arial, helvetica, san-serif; color: #036; font-weight : bold;}

A.subnavlink{font-family: Arial, helvetica, san-serif; font-weight : normal; text-decoration:none; font-size:10px;}
A.subnavlink:link {color: #333;}
A.subnavlink:visited {color: #333;}
A.subnavlink:hover {color: #900; text-decoration:underline;}

A.subnavlink-ja{font-family: MS Mincho, helvetica, san-serif; font-weight : normal; text-decoration:none; font-size:10px;}
A.subnavlink-ja:link {color: #333;}
A.subnavlink-ja:visited {color: #333;}
A.subnavlink-ja:hover {color: #900; text-decoration:underline;}

A.cclink{font-size : 12px; line-height : 12px;}

table.grayborder{
	border : 1px solid #ccc;
}

li.nobullet{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	list-style-type : none;
}

.txtL{
	font-size : 125%;
}
.txtLB{
	font-size : 125%;
	font-weight : bold;
}
.txtS{
	font-size : 89%;
	line-height : 100%;
}
.txtSB{
	font-size : 89%;
	line-height : 100%;
	font-weight : bold;
}
.txtXS{
	font-size : 70%;
}
.txtXSB{
	font-size : 70%;
	font-weight : bold;	
}
.txtPlain{
	font-weight : normal;
	text-decoration : none;
}
.errorMsg{
	color : #f00;
	font-weight : bold; 
}
.attention{
	color : #903;
	font-weight : bold;
}
.u{
	text-decoration : underline;
}

.white { color : #fff; }

.fixText{
	text-transform : lowercase;
}

.vat-text{
	font-weight : normal;
	font-size : 85%;
}

/*product page specific classes*/

table.products {
	border-left : 1px solid #ccc;
	border-right : 1px solid #ccc;
	border-top : 1px solid #ccc;
}
td.products-cell{
	border-bottom : 1px solid #ccc;	
	padding : 10px 0 10px 10px;
}
td.p-intro{
	padding-left : 10px;
}

td.spec-data{
	border: 1px solid #ccc;
	padding: 2px 4px 2px 3px;
	font-size: 90%;
}

td.spec-label{
	border: 1px solid #ccc;
	padding: 2px 4px 2px 3px;
	text-align:right;
	font-weight: bold;
	font-size: 90%;
}

th.spec{
	border: 1px solid #ccc;
	padding: 2px 4px 2px 3px;
	text-align:center;
	font-weight: bold;
	background-color : #ededed;
}

table.accessories-table{
	border : 1px solid #fff;
	background-color : #E2E3ED;
}

h2.productname{
	margin : 0 0 5px 0;
	font-family : Futura, Arial, Helvetica, sans-serif;
	font-size : 160%;
	line-height : 110%;
	color : #036;
	font-weight : normal;
}
h3.product-descriptors{
	margin : 0 0 0 0;
	font-family : Futura, Arial, Helvetica, sans-serif;
	font-size :120%;
	line-height : 110%;
	color : #77778A;
	font-weight : normal;
}
.accessories-label{
	color : #fff;
	font-weight : bold;
	font-size : 100%;
	line-height : 30px;	
}

td.whitebox{
	border : 1px solid #fff;
	padding : 2px 4px 2px 3px;
	text-align : center;
	font-size : 80%;
	line-height : 14px;
}

hr.products{
	border : 1px solid #ccc;
	width : 100%;
	margin : 5px 0 5px 0;
	height : 1px;
	background-color : #ccc;
}

ul.ub{
	margin : 0 0 0 0;
}
li.ub-li{
	margin : 10px 0 0 0px;
	line-height :120%;
}


/* Shopping & mystuff styles */


table.graybox {
	border : 1px solid #ccc;
}
td.baskethead{
	background-color : #E2E3ED;
	border : 1px solid #ccc;
	color : #036;
	font-weight : bold;
	text-align : center;
}
td.basketcell{
	border : 1px solid #ccc;
	font-size : 87%;
	padding : 3px 5px 3px 5px;
}
td.checkoutcell {
	border : 1px solid #ccc;
	padding : 3px 5px 3px 5px;
}

input.baskettb{
	border : 1px solid #ccc;
	height : 11px;
	font-size : 11px;
}
table.selectcountry{
	border : 1px solid #C00;
	background : #E2E3ED;
	text-align : center;
}
td.signup{
	padding : 7px 7px 7px 7px;
	background : #E5E5E5;
	border : 1px solid #999;	
}

/* My account and product page tabs */

#tabbar{
	position:relative;
	width: 730px;
	height: 25px;
	border: 0px solid yellow;
}
.tab { 
	position:absolute;
	background-color: #424A84; 
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;		
	font-family: Futura,arial,helvetica;			
	font-size:12px;
	color: #fff;
	width: 170px;
	height: 20px;						
	border: 0px solid red;		
}
#tab2{left:174px;}
#tab3{left:348px;}
#tab4{left:522px;}
	
.panel {
	position: relative; 
	border: solid 5px #424A84; 
	background-color: white; 
	padding: 5px; 
	margin: 0 0 0 0;
	width: 730px;
	top: -3px;
	/*height: 300px; 
	overflow: auto;	*/
}

.tcorner-tl{position : absolute; top: 0px; left: 0px; margin: 0 0 0 0; padding:0 0 0 0;}
.tcorner-tr{position : absolute; top: 0px; right: 0px; margin: 0 0 0 0; padding:0 0 0 0;} 
.icorner-tl{position : absolute; top : 0px; left : 0px;}
.icorner-tr{position : absolute; top : 0px; right : 0px;}

.star-container{position:relative; border:0px solid yellow; width:80px; height:16px;}
	

.star1 {
	position:absolute; left:0px;
	width:16px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border:0px solid blue;
}
.star2 {
	position:absolute; left:16px;
	width:16px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border:0px solid blue;
}
.star3 {
	position:absolute; left:32px;
	width:16px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border:0px solid blue;
}
.star4 {
	position:absolute; left:48px;
	width:16px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border:0px solid blue;
}
.star5 {
	position:absolute; left:64px;
	width:16px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border:0px solid blue;
}

		


/*  Support  classes  */
th.support{
	border: 1px solid #ccc;
	padding: 2px 4px 2px 3px;
	font-weight: bold;
	background-color : #ededed;
}

td.support-title{
	background-color : #E2E3ED;
	color : #036;
	font-weight : bold;
}
td.support-header{
	background-color : #E2E3ED;
	color : #000;
	font-weight : bold;
	border : 1px solid #ccc;
}

#options{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width : 515px;
	padding : 5px 0 0 5px;
	font-size:90%;
	line-height: 125%;
}
#options1{
	position:absolute;
	top: 290px;
	left: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width : 243px;
	padding : 5px 0 0 5px;
	font-size:85%;
	line-height: 135%;
}

#options2{
	position:absolute;
	top: 290px;
	left: 260px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width : 243px;
	padding : 5px 0 0 5px;
	font-size:85%;
	line-height: 135%;
}
#options3{
	position:absolute;
	top: 290px;
	right: 10px;
	width:243px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding : 5px 0 0 5px;
	font-size:85%;
	line-height: 135%;
}

/*  Company section classes */

table.companynav{
	border : 1px solid #ccc;
	line-height: 25px;
	margin : 0 10px 10px 10px;

}

/* Reseller Area */
table.resellernav{
	border : 1px solid #ccc;
	line-height: 25px;
	margin : 0 10px 10px 10px;
}
th.reseller-th{
	border: 1px solid #ccc;
	padding: 2px 4px 2px 3px;
	text-align:center;
	font-weight: bold;
	background-color : #E2E3ED;
	font-size : 85%;
	line-height : 90%;
}
th.orderhistory{
	border: 1px solid #ccc;
	padding: 2px 4px 2px 3px;
	text-align:center;
	font-weight: bold;
	background-color : #E2E3ED;
	font-size : 85%;
	line-height : 90%;
}
td.casehistory{
	border : 1px solid #ccc;
	padding : 3px 5px 3px 5px;
	font-size : 85%;
	line-height : 95%;
}
td.rzshopcell{
	border : 1px solid #ccc;
	padding : 3px 5px 3px 5px;
	font-size : 85%;
	line-height : 95%;
}
A.numeralnav{
	text-decoration : underline;
	font-size : 90%;
}

/*Search classes*/

#initial-search{
	position : relative;
	width : 725px;
	border : 1px solid #ccc;
	margin : 0 0 0 0;
	padding : 10px 10px 10px 10px;
	margin-left : auto; margin-right : auto;
}

#blueHeader, #blueHeader2, #blueHeader3, #blueHeader4{
	position : relative;
	right : 0px;
	width : 175px;	
	height : 17px;
	margin : 0 0 0 0;
	padding : 3px 10px 3px 10px;
	background : #036;
}
#refine-search{
	position : absolute;
	right : 0px; 
	top : 0px;	
	width : 195px;
	border-bottom : 2px solid #036;
	margin : 0 0 0 0;
	padding : 0 0 10px 0;
	background : #E2E3ED;
	visibility : visible;	
}
#servicecase-search{
	position : absolute;
	right : 0px; 
	top : 0px;	
	width : 195px;
	border-bottom : 2px solid #036;
	margin : 0 0 0 0;
	padding : 0 0 10px 0;
	background : #E2E3ED;
	visibility : visible;	
}
#spacepad, #spacepad1, #spacepad2, #spacepad3{
	width: 180px; 
	padding: 5px 5px 5px 10px; 
}
td.search-cell{
	border-bottom : 1px solid #ccc;	
	padding : 5px 0 5px 10px;
}
ul.search{
	margin : 3px 0 7px 25px;
	padding : 0 0 0 0;
}
ul.ps-search{
	margin : 3px 0 7px 15px;
	padding : 0 0 0 0;
}
.refine{
	font-size : 120%;
	color : #fff;
	font-family : Futura, Arial, Helvetica, sans-serif;
}
.ps-intro{
	font-size : 90%;
	color : #036;
	font-family : Arial, Helvetica, sans-serif;
	line-height : 125%;
}
A.searchurl{text-decoration : none; color : #999; font-size : 85%;}
A.searchurl:visited{color : #999;}

/*
	clearance corner
*/

td.cc-head{
	background-color : #E2E3ED;
	color : #036;
	font-weight : bold;
}

th.cc-producthead{
	background-color : #E2E3ED;
	color : #036;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
	text-align : center;
	border: 1px solid #ccc;
}
td.cc-product{
	border: 1px solid #ccc;
	padding: 2px 4px 2px 3px;
	font-size: 90%;
}

/* Client profile classes (company) */
.cp{
	position: relative;
	border: 1px solid #fff; 	
	width: 90%;
	margin-left : auto; margin-right : auto;		
}
table.cp-table{
	background: #ccc;
	color: #000;	
	width: 100%;
}
h2.cp-header{
	color:#036;	
	font-size: 22px;
	line-height: 22px;
}
.cp-minor{
	font-size: 15px;
}
.cp-text{
	color:yellow;	
} 

A.cp {text-decoration:none;}
A.cp-link:link {color : #036; }
A.cp-link:visited {color : #036;}
A.cp-link:hover {color : #c93; text-decoration:underline;}
.corner-tl{
	position: absolute;
	top: -1px;
	left: -1px;
	background-image: url("/img/cus_profile/corner_tl.gif");
	border: 0px solid yellow;
	width:15px;
	height: 15px;
}
.corner-tr{
	position: absolute;
	top: -1px;
	left: 679px;
	background-image: url("/img/cus_profile/corner_tr.gif");
	border: 0px solid yellow;
	width:15px;
	height: 15px;
	padding: 0 0 0 0;
	margin:0 0 0 0;
}
.corner-bl{
	position: absolute;
	bottom: -1px;
	left: -1px;
	background-image: url("/img/cus_profile/corner_bl.gif");
	border: 0px solid yellow;
	width:15px;
	height: 15px;
}
.corner-br{
	position: absolute;
	bottom: -1px;
	left: 679px;
	background-image: url("/img/cus_profile/corner_br.gif");
	border: 0px solid yellow;
	width:15px;
	height: 15px;
}

/* IMAGE BANK classes */

table.imagebank{
	padding : 5px 5px 5px 5px;
	border : 1px solid #ccc;
}

/* where to buy classes */
td.wtbhead {
	background-color : #E2E3ED;
	border : 1px solid #ccc;
	color : #036;
	font-weight : bold;
	text-align : center;
}

td.wtbcell {
	border : 1px solid #ccc;
	padding : 3px 5px 3px 5px;
}

#preview-contact{
	position : relative;
	top :1px;
	border : 1px solid red;
	padding : 25px 25px 25px 25px;
	width :350px;
	background-color : #fff;
	margin-left : auto; margin-right : auto;
	visibility : visible;
}
.needsdictionary{
	color : green;
}
#shippingaddress{
	visibility : visible;
}
A.langlink {color: #999; font-size:90%; text-decoration:none;}
A.langlink:link {}
A.langlink:visited {}
A.langlink:hover {color: #ccc; text-decoration:underline;}

#page_content {
    padding: 20px;
    font-size: 14px;
    min-height: 200px;
    //height: 200px;
}