



/* LaCie popUp Utils */
#popUp {        
		border:1px solid #ccc; 
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;        
		width:10px; 
		height:10px; 
		background: #FFF;        
		position:absolute;
		float:left;
		top:20%;
	   left:30%;    
	}
#popTitle {
		
		padding-top:3px; 
		width:100% ;
		font-weight:bold;
		text-align:right;
		margin-right: 15px;
}

#popContent {

	padding: 10px;
}
.Mask { display: none; width: 100%; height: 100%; z-index: 9000; padding: 0px; margin: 0px; background: transparent url(/img/mask.png); 
	position: fixed; top: 0px; overflow: hidden; 
}
.popDropShadow{ -moz-box-shadow: 4px 4px 10px #666; -webkit-box-shadow: 4px 4px 10px #666; box-shadow: 4px 4px 10px #666;} 




/* Defined Dropshaddow Class */
.dropShadow{ -moz-box-shadow: 4px 4px 10px #CCC; -webkit-box-shadow: 4px 4px 10px #CCC; box-shadow: 4px 4px 10px #CCC; }
.std_box_shadow{-moz-box-shadow: 0  0 10px #cccccc;-webkit-box-shadow: 0 0 10px #cccccc;box-shadow:0 0 10px #cccccc;}

/* from all ui.css */
.ui-corner-all {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
.dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

A {text-decoration:none; cursor:pointer;}
A:link {}
A:visited {}
A:hover { cursor:pointer;}
a img { border: none; }



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

form{
	margin : 0 0 0 0;	
}


input{
	margin : 0 0 0 0;
}



h1{
	margin : 0 0 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 140%;
	line-height : 150%;
	color : #036;
	font-weight : bold;	
}

h2{
	margin : 0 0 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size :130%;
	line-height : 135%;
	font-weight : bold;	
}

h3{
	margin : 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: 150%;
	color: #666;	
	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)*/





.submit{
	height:27px;
	color: #0B3366;
	font-size:13px;
	font-weight:bold;
	padding: 3px 18px;
	vertical-align:middle;
	background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	border: 1px solid #cccccc;
	overflow: visible; /*keeps IE from making buttons mega wide */
	cursor:pointer;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.submitBlue{
	height:27px;
	color: #ffffff;
	font-size:13px;
	font-weight:bold;
	padding: 3px 18px;
	vertical-align:middle;
	background-color: #254B96;
  background-image: -moz-linear-gradient(top, #2A56AE, #1F3E7C);
	background-image: -ms-linear-gradient(top, #2A56AE, #1F3E7C);
	background-image: -o-linear-gradient(top, #2A56AE, #1F3E7C);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2A56AE), to(#1F3E7C));
	background-image: -webkit-linear-gradient(top, #2A56AE, #1F3E7C);
	background-image: linear-gradient(top, #2A56AE, #1F3E7C);
	border: 1px solid #cccccc;
	overflow: visible; /*keeps IE from making buttons mega wide */
	cursor:pointer;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

input.submitButton {background: #036 url('/img/button.bkg.gif');height:33px;border-width:0;margin:0;padding:0 0 3px 0;float:left;overflow:visible;color: #fff;font-weight:bold;cursor:pointer;}
div.submitButtonL {background: url('/img/button.bkg.l.gif');width:17px;height:33px;border-width:0;margin:0;padding:0;float:left;}
div.submitButtonR {background: url('/img/button.bkg.r.gif');width:17px;height:33px;border-width:0;padding:0;float:left;display:inline;}

/*old stuff */

/* only used on the company pages and support pages*/

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



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

#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;
}
#PC-FAQ{
	position:relative;
	height: 0px;
	border: 0px solid yellow;
	visibility:visible;
	overflow:auto;
	
}
#MAC-FAQ{
	position:relative;
	height:0px;
	border: 0px solid yellow;
	visibility:visible;
	overflow:auto;
}
#TIME-MACHINE{
	position:relative;
	height:0px;
	border: 0px solid yellow;
	visibility:visible;
	overflow:auto;
}
#accessories{
	position:relative;
	height: 0px;
	border: 0px solid yellow;
	visibility:visible;
	overflow:auto;
	
}

/*new DHTML menu layers and classes*/

#menu-bar{
	border-bottom: 1px solid #ccc;
	height: 35px;
	width: 900px;
	position: relative;
	z-index:100; /*IE 6 bug.  Only the relatively positioned parent of absolute layers are has the z-index that IE will honor. */
}

#products-container {position : absolute; left:0px; top:10px; width:200px; height:25px;}
	
#support-container{position : absolute; left:250px; top:10px; width:290px; height:25px;}

/*#search-container {position : absolute; left:455px; top:10px; width:80px; height:25px;}*/

#shop-container{position : absolute; left:510px; top:10px; width:170px; height:25px; border:0px solid yellow;}

#cart-container{position : absolute; left:680px; top:10px; width:195px; height:25px;  border:0px solid blue;}

/*products-menu height for US controlled in /inc/html/header_scripts.html because of Clearance Corner.  */
#products-menu {
	position : absolute; left:-5px; top:27px; width:200px; height:20px; padding: 0 10px 10px 5px;
	visibility : hidden;
}
	
#support-menu {
	position : absolute; 
	left:-5px; 
	top:27px; 
	width:250px; 
	padding: 0 10px 10px 5px;
	visibility : hidden;
}
#shop-menu {
	position : absolute; 
	left:-5px; 
	top:27px; 
	width:160px; 
	padding: 0 10px 10px 5px;
	visibility : hidden;
}


.main-menu{
	color : #036;
	font-weight : normal;
	font-size : 120%;	
	text-transform : uppercase;
	border : 0px solid yellow;
}
.sub-menu {
	margin-top:-2px;
	font-size: 75%;
	color : #999;
	line-height : 170%;
	letter-spacing : 1px;
	background-color: #fff;
	border : 1px solid #DDD;	
}
.sub-menu .grayline { padding-left: 3px; }
/* end  menu layers and classes*/

/*Classes.  All special style declarations should be declared as a class*/
h1.support{
	font-size:120%;
}
.alias1{
	font-family: Arial, Helvetica, San-serif;
	font-size: 100%;	
	line-height: 130%;
	color:#666;
	font-weight:normal;
}
.alias2{
	font-family: Arial, Helvetica, San-serif;
	font-size: 100%;
	line-height: 130%;
	color:#999;
	font-weight:normal;
}



A.menu-link{text-decoration : none;}
A:hover.menu-link{text-decoration : none;}
A:link.sub-menu-link{text-decoration : none; color : #036;}
A:visited.sub-menu-link{text-decoration : none; color : #036;}
A:hover.sub-menu-link{color:#036;}


A.sub-menu-link{text-decoration : none; color : #999;}
A:link.sub-menu-link{text-decoration : none; color : #999;}
A:visited.sub-menu-link{text-decoration : none; color : #999;}
A:hover.sub-menu-link{color:#333333;}

.grayline {
	border-bottom : 1px solid #ccc;
	width : 100%;
}

A.footerlink {color: #999; text-decoration:none; font-size:97%;}
A.footerlink:link {color: #999;}
A.footerlink:visited {color: #999;}
A.footerlink:hover {color: #6BAEDE; text-decoration:underline;}

.Underline { text-decoration:underline; }

.footer{color : #999; font-size:97%;}

h1.support{
	font-size:120%;
}

sup.std_sup{
  font-size:8px;
  line-height:10px;
}


/*old stuff again */

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


/*Classes for special formatting*/

/*  Class for site wide use */

A.linkS, A.linkS:link, A.linkS:visited, A.linkS:hover{font-size : 85%; font-weight : normal; text-decoration:none;}

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 : 90%;
	line-height : 140%;
}
.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 : #903;
	font-weight : bold; 
}
.attention{
	color : #903;
}
.u{
	text-decoration : underline;
}

.white { color : #fff; }

.fixText{
	text-transform : lowercase;
}

.vat-text{
	font-weight : normal;
	font-size : 80%;
	line-height : 80%;
}

/*product page specific classes*/
.button { 
	position:relative;
	background-color: #fff; 
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;		
	width: 175px;
	height: 23px;						
	text-align: center;
	border: 0px solid #ccc;
	text-transform: uppercase;
	background-image:url('/img/button_bg.gif');
	background-repeat:repeat;
}
A.buttonlink, A.buttonlink:link, A.buttonlink:visited, A.buttonlink:hover{
	text-decoration:none; color: #036; font-family: arial,helvetica; font-size:12px; font-weight:bold; border:0px solid #ccc;
}
A.buttonlink:hover{color: #999;}

table.products{
	margin-top:-10px;
}

td.products-cell{
	border-bottom : 1px solid #ccc;
	padding : 15px 5px 7px 5px;
}
td.p-intro{
	padding-left : 10px;
}

td.spec-label{border-bottom: 1px solid #ccc;padding: 2px 4px 2px 3px;text-align:right;font-weight: bold;font-size: 95%;color: #666;width:25%;}
td.spec-data{border-bottom: 1px solid #ccc;padding: 2px 4px 2px 3px;font-size: 95%;color: #666;text-align: left;width:75%;}
th.spec{border: 1px solid #ccc;padding: 2px 4px 2px 3px;text-align:center;font-weight: bold;background-color : #ededed;}

.accessories-label{
	color : #fff;
	font-weight : bold;
	font-size : 100%;
	line-height : 30px;	
}


li.ub-li{
	margin : 10px 0 0 0px;
	line-height :110%;
	font-size: 100%;
}

.price {
	font-size:100%; 
	color:#036;
	font-weight: bold;
	line-height:100%;
}
A.othercapacity {
	font-size:100%; 
	font-weight: bold;
}

/* mystuff styles */

/* shopping basket layout and classes */
div.basketContent{border:0px solid yellow; margin-bottom:40px;}
div.basketSuggested{padding:0 10px; margin-bottom:20px;}
div.basketSuggested{border-top: 1px solid #ccc;padding:5px 10px;}

/* Used for Contact Us */
div.calloutbox{ float:right; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#e1e1e1;  } 
div.calloutbox p { margin:7px 12px; line-height:16px; }	

/* Progress Bar */
#checkoutSteps-container{ position:relative; width:500px; }	

#step-basket, #step1 {left: 0px;}
#step-login, #step2 {left: 100px;}
#step-payment, #step3 {left: 200px;}
#step-review, #step4 {left:300px;}
#step-receipt, #step5 {left:400px;}
#step6 {left:505px;}


label.checkout{
	display:inline;
	float:left;
	width:155px;
	padding-top:7px;
	border:0px solid yellow;
}
p.co{line-height:10px; margin:11px 0 11px 0;}

A.co{text-transform:lowercase;}
.on{
	position:absolute;
	color:#036;	
	border:0px solid green;
	text-align:center;
	width:100px;	
	line-height:130%;
}
.off{
	color:#ccc;
	position:absolute;
	border:0px solid green;
	text-align:center;
	width:100;	
	line-height:130%;
}

.block-on{
	width:98px;
	height:5px;
	background-color: #036;
}


.block-off{
	width:98px;
	height:5px;
	background-color: #ccc;
}
	
table.graybox {
	border : 1px solid #ccc;
}

td.baskethead{
	border-bottom : 1px solid #ccc;
	font-weight : bold;
	font-size : 105%;
	padding: 0 5px;
}
td.basketcell{
	border-bottom : 0px solid #ccc;
	padding : 3px 5px;
}

td.basketcellnoborder{
	padding : 3px 5px;
}

td.basketcell a, td.basketcellnoborder a {}

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

input.baskettb{
	border : 1px solid #ccc;
	height : 14px;
	font-size : 12px;
}
table.selectcountry{
	border : 1px solid #C00;
	background : #E2E3ED;
	text-align : center;
}

/* product page tabs */

#tabbar{
	position:relative;
	width: 888px;
	height: 25px;
	border: 0px solid yellow;
}
.tab { 
	position:absolute;
	background-color: #ccc; 
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;		
	font-family: arial,helvetica;			
	font-size:12px;
	font-weight:bold;
	color: #fff;
	width: 146px;
	height: 22px;						
	border: 0px solid red;		
}
.BIGtab {
	position:absolute;
	background-color: #ccc; 
	padding: 2px 15px 0px 15px;
	margin: 0px 0px 0px 0px;		
	font-family: arial,helvetica;			
	font-size:12px;
	font-weight:bold;
	color: #fff;
	/*width: 146px;*/
	height: 22px;						
	border: 0px solid red;
}

.company-tab { 
	position:absolute;
	background-color: #ccc; 
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;		
	font-family: arial,helvetica;			
	font-size:12px;
	font-weight:bold;
	color: #fff;
	width: 176px;
	height: 22px;						
	border: 0px solid red;		
}
#tab2{left:150px;}
#tab3{left:298px;}
#tab4{left:446px;}
#tab5{left:594px;}
#tab6{left:742px;}

#addtocart-tab{
	position:relative;
	background-color: #e1e1e1; 
	padding: 2px 0px 0px 15px;
	margin: 0px 0px 0px 0px;		
	font-family: arial,helvetica;			
	font-size:11px;
	font-weight:bold;
	color: #fff;
	width: 155px;
	height: 20px;						
	border: 0px solid red;		
}
	
.panel {
	position: relative; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	background-color: white; 
	padding: 5px; 
	margin: 5px 0 0 0;
	width: 880px;
	top: -3px;
	border-left: 0px solid yellow;
	border-right: 0px solid yellow;
	/*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;} 
.tcorner-bl{position : absolute; bottom: 0px; left: 0px; margin: 0 0 0 0; padding:0 0 0 0;}
.tcorner-br{position : absolute; bottom: 0px; right: 0px; margin: 0 0 0 0; padding:0 0 0 0;} 

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

/*company page tabs*/
#company-tabbar{
	position:relative;
	width: 900px;
	height: 25px;
	border: 0px solid yellow;	
	top:20px;
}

#company-tab2{left:181px;}
#company-tab3{left:362px;}
#company-tab4{left:543px;}
#company-tab5{left:724px;}

A.tabLink {text-decoration:none;}
A.tabLink:link {color : #fff; }
A.tabLink:visited {color : #fff;}
A.tabLink:hover {color : #036;}

/*ticketing star rating classes */
.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  */


td.support-title{
	background-color : #E2E3ED;
	color : #036;
	font-weight : bold;
}
td.support-header{
	color : #000;
	font-weight : bold;
	border-bottom : 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 */


/* Reseller Area */
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-bottom : 1px solid #ccc;
	padding : 3px 5px 3px 5px;
	font-size : 90%;
	line-height : 95%;
}

A.numeralnav{
	text-decoration : underline;
	font-size : 90%;
}

/*Search classes*/


#grayHeader, #grayHeader2, #grayHeader3, #grayHeader4{
	position : relative;
	right : 0px;
	width : 200px;	
	height : 21px;
	margin : 0 0 0 0;
	padding : 3px 10px 3px 10px;
	background : #e1e1e1;
}
#refine-search, #servicecase-search{
	position : relative;
	right : 0px; 
	top : 0px;	
	width : 195px;
	margin : 0 0 0 0;
	padding : 0 0 10px 0;
	visibility : visible;	
}

#spacepad, #spacepad1, #spacepad2, #spacepad3{
	width: 200px; 
	padding: 5px 5px 5px 5px; 
	border: 0px solid yellow;
}
td.search-cell{
	border-bottom : 1px solid #ccc;	
	padding : 5px 0 5px 10px;
}
ul.search{
	margin : 0px 0px 7px 20px;
	padding : 0 0 0 0;
}
ul.ps-search{
	margin : 3px 0 7px 15px;
	padding : 0 0 0 0;
}
.refine{
	font-size : 120%;
	color : #666;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
}

A.searchurl{text-decoration : none; color : #999; font-size : 85%;}
A.searchurl:visited{color : #999;}

/*
	shop page
*/

#sp-menu{
	border : 0px solid pink;
	width : 210px;
	position : relative;
	padding : 0;
	top : 15px;
	
}
#sp-header{
	border : 0px solid #ccc;
	background-color : #e1e1e1;
	color : #fff;
	/*font-size : 200%;*/
	font-family: Arial,Helvetica;
	padding : 10px 10px 10px 10px;
	width : 190px;
	text-align:center;
}
#sp-products-menu {
	width:210px; 
	padding: 0 0 10px 0;
	position: relative;
	top:15px;

}
.sp-sub-menu {
	font-size : 100%;
	color : #999;
	line-height : 170%;
	letter-spacing : 1px;
	background-color: #fff;
	border : 0px solid blue;	
}

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

#content-newproduct, #content-bestsellers{
	position : relative;
	border: 0px solid green;
	top : 10px;
	left : 0px;
	padding : 0px 0px 5px 5px;
	width : 880px;
	background-color : #fff;
}

#hotspecial, #newproduct, #bestsellers{
	position : relative;
	top : 15px;
}
#hdr-special {
	position : relative;
	width : 640px;
	background-color : #e1e1e1;
	padding : 10px 10px 10px 10px;
	border : 0px solid #ccc;
}
#hdr-newproduct, #hdr-bestsellers{
	position : relative;
	width : 880px;
	background-color : #e1e1e1;
	padding : 10px 10px 10px 10px;
	border : 0px solid #ccc;
}


/*
	clearance corner
*/



/* 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;
}


/* where to buy classes */
td.wtbhead {
	border-bottom : 1px solid #ccc;
	font-weight : bold;
	text-align : left;
}

td.wtbcell {
	border-bottom : 1px solid #ccc;
	padding : 3px 5px 3px 5px;
}
td.wtb {
	border-bottom : 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.product:link,A.product:visited,A.product:hover {color : #036; font-size: 100%; text-decoration : none; font-family: Arial, Helvetica; font-weight: bold;}


A.item {color: #999; font-size:100%; text-decoration:none; font-family: Arial, Helvetica;}
A.item:link {color: #999;}
A.item:visited {color: #999;}
A.item:hover {color: #999; text-decoration:underline;}

.item{color: #999; font-size:100%; font-family: Arial, Helvetica;}


A.noline {text-decoration:none;}
A.noline:link {}
A.noline:visited {}
A.noline:hover {text-decoration:none;}

A.newslink {text-decoration:none; font-size:110%;}
A.newslink:link {}
A.newslink:visited {}
A.newslink:hover {text-decoration:none;}

sup.std_sup{font-size:8px;line-height:10px;}

/* product page */
img.productThumbnail {cursor:pointer;}

#userBenefits ul {padding-bottom:10px;margin-bottom:0px;}
#userBenefits ul li {color: #666666;font-size: 1.2em;padding-bottom: 6px;line-height: 1.3em;}

/* add to cart */
table.addToCart{margin-bottom:10px;margin-top:7px;border-width:1px 2px 1px 2px;border-style:solid;border-color:#e1e1e1;-moz-border-radius: 9px 9px 0 0;border-radius: 9px 9px 0 0;}
div.addToCartHead{position:relative;background-color:#e1e1e1;color:#036; padding: 2px 0px 0px 6px;margin: 0px 0px 0px 0px;font-family: arial,helvetica;font-weight:bold;height: 20px;-moz-border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0;}
table.addToCart th{padding:0;text-align:left;border-bottom:1px solid #e1e1e1;}
table.addToCart td{padding:2px 0;border-bottom:1px solid #e1e1e1;}
table.addToCart td.mid{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;width:120px;}
table.addToCart td.capacity {text-align:left;padding-left:6px;color:#036;line-height:135%;font-weight:bold;border-right:1px solid #e1e1e1;}
table.addToCart td.price {text-align:center;font-weight:bold;color:#666;}
table.addToCart td.action {text-align:center;border-left:1px solid #e1e1e1;}


/* service buttons */
div#service_buttons{width:285px;text-align:right;vertical-align:bottom !important;}
div#service_buttons p{text-align:left;padding:2px 0;margin-bottom:10px;}
div#service_buttons p a{margin-left:10px;}


/* overview tab */
div.prevOverview {width:600px;}
div#overview {width:100%;margin:10px 0;padding:0;font-size:1.2em;}
div#overview div.o_section{margin-bottom:20px;overflow:auto;}
div#overview div.o_left{width:48%;float:left;}
div#overview div.o_right{width:48%;float:right;}
div#overview .o_img{text-align:center;}
h1.overview{font-size:28px;font-weight:normal}
h2.overview{color:#063b7f;font-weight:normal;font-size:1.4em;}
ul#o_anchorRow3,ul#o_anchorRow4,ul#o_anchorRow5{width:900px;margin:0 auto;padding:0;}
ul#o_anchorRow3 li,ul#o_anchorRow4 li,ul#o_anchorRow5 li{list-style:none;float:left;}
ul#o_anchorRow3 li.anchorBox {width: 28%;padding: 0 20px;}
ul#o_anchorRow4 li.anchorBox{width:20%;padding:0 20px;}
ul#o_anchorRow5 li.anchorBox{width:16%;padding:0 16px;}
ul#o_anchorRow5 li.anchorBox p.a_headline{font-weight:bold;line-height:16px;margin-bottom:7px;color:#036;}
ul#o_anchorRow4 li.anchorBox strong,ul#o_anchorRow5 li.anchorBox strong{color:#036;}
ul#o_anchorRow4 p,ul#o_anchorRow5 p{font-weight:bold;color:#003366;}
div.section{margin-top:60px;}
div.section p{font-size:14px;}


/* Reviews tab */
table.reviews {width:80%;}
table.reviews td{vertical-align:top;padding:10px 0 ;border-bottom:1px solid #dddddd;}
table.reviews img.reviewImage {float:left;padding-right:20px;}
table.reviews div.reviewCopy {float:left;}
table.reviews p.reviewSection {background-color:#e1e1e1;padding:4px 2px 1px 10px;color:#036;font-size:16px;font-family: arial,helvetica;font-weight:bold;}

/* tabs */
#tabs {margin-top:20px;}
.ui-tabs { padding: .2em; zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; margin:0; padding:0 0 5px 3px; border-bottom:1px solid #ccc;}
.ui-tabs-nav:after {display: block;clear: both;content: "";}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0;background-color:#e1e1e1; border-radius: 8px 8px 0 0;}
.ui-tabs .ui-tabs-nav li:hover {background-color:#036;}
.ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; padding: 0.2em 2em;color:#036;font-weight:bold;}
.ui-tabs .ui-tabs-nav li:hover a {color:#fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color:#036;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover { background-color:#036;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;color:#fff;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important;}

ul.o_spaceSaver{
font-size:13px;line-height:16px;
}
ul.o_spaceSaver li.anchorBox p {
font-size:14px;color:#036;font-weight:bold;margin-bottom:4px;
}