/* Global Styles */

/* changes to styles which need to appear in the editor
   MUST also be added to /css/fck_editorarea.css */

body { 
	margin: 0;	
	background-color: #f5f5f5; 
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000;
	background-image: url(/ps_image/background.jpg);
	background-repeat: repeat-x;
}
p,td {  
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333333;	
	vertical-align: top;
}

h1 {  font-size: 20px; font-weight:normal; color:#2877A6;clear:both;}
h2 {  font-size: 18px; font-weight:normal; margin-bottom: 4px;color:#6F6F71;}
h3 {  font-size: 14px; font-weight:normal;color:#2877A6;}
h4 {  font-size: 12px; font-weight:bold;color:#00628B;margin:0;}
h5 {  font-size: 11px; font-weight:bold;color:#333;margin:8px;} /* show snapshot */

td {vertical-align:top;}

a 			{color:#00628B;}
a:hover	{color:#000000;}

.tiny		{font-size: 9px}
.asterix	{color: #990000;font-weight:bold;}

img{border:0;}

p.header1{color:#004563;font-size:16px;margin-top:0;}
p.header2{color:#000;font-size:14px;font-weight:bold;margin:0 0 5px 0;}

.button{
	border: 0;
	background-color: #333;
	color:#ddd;
	padding:3px 10px;
	margin:0 10px;
}


/* header */
.container 			{width: 917px;margin:auto;position:relative;}
.innerContainer	{width:890px;float:right;}

.header img {display:block;}

.minicart{
	padding: 8px;
	height:69px;
	width:237px;
	background-image: url(/ps_image/minicart_bg.png);
	background-repeat: no-repeat;
	float:right;
	
}
.minicart .left{width:auto;float:left;line-height:120%;}
.minicart .right{width:auto;float:right;text-align:right;line-height:120%;}



.errorBox { 
	background-color: #FFCC00;
	border: 1px solid #000000;
	padding: 5px;
	text-align: center;
	color: #000000;
}

.searchbox {position:absolute;bottom:0px;right:0px;}
.searchbox form{margin:0;padding:0;}

	
#topmenu { 
	padding: 0;
	margin: 0;
	height:30px;
	background-color: transparent;
	position:relative;

}

table.middle {
	width:100%;
	border-collapse: collapse;
	background-color: #fff;
	border:1px solid #ddd;
	margin-top:10px;
}


/* leftmenu */
td.leftmenu	{ width: 200px;padding:20px 12px;border-right:1px solid #ddd;}
td.main 		{padding:20px}	

.contactBox{border:1px solid #ddd;padding:10px;margin-bottom:16px;background-color:#fbfbfb;width:175px;}



/* footer */
table.footer 			{width: 100%;background-color: #f5f5f5;}
table.footer td		{font-size: 10px;color: #666;padding:5px 0}
table.footer a			{font-size: 10px;color: #666;}
table.footer a:hover	{color: #2877a6;}



/* Specials randomprod (sent to ps_product/showimage() ) */

.randomProd{
	width: 182px;
	height: 230px;
	text-align: center;
	margin-bottom:18px;
	margin-right:18px;
	border:1px solid #ddd;
	padding:5px;
	color:#333;
	font-weight:bold;
	font-size:11px;
	position:relative;
	float:left;
}
.randomProd img {display:block;margin:5px auto;}
.randomProd .price{color:#2877a6;}
.last{margin-right:0;} 
.randomProd a{color:#333;text-decoration:none;font-weight:bold;}


/* browse */

.category_link{
	height:120px;
	width:120px;
	border:1px solid #ccc;
	float:left;
	margin:14px 14px 0 0;
	padding: 10px;
	text-align:center;
}
.category_link img{
	border:0;
}



.browseProd a{color:#333;text-decoration:none;}
.browseProd a:hover{text-decoration:underline;}


.browseProd{
	width: 172px;
	height: 250px;
	text-align: center;
	margin-bottom:18px;
	margin-right:18px;
	border:1px solid #ddd;
	padding:10px;
	color:#333;
	font-weight:normal;
	font-size:12px;
	position:relative;
	float:left;
}
.browseProd img {display:block;margin:5px auto;}
.browseProd .price{color:#2877a6;}
.last{margin-right:0;} 

.browseProd .price{font-size:13px;font-weight:bold;color:#333;margin:14px 0 6px 0;}
.browseProd .price .dollars{color:#2877a6;}
.browseProd .rrpPrice{text-decoration:line-through;font-size:11px;font-weight:normal}
.browseProd .rrp {color: #990000;font-size:11px;font-weight:normal}



#prevNext{text-align: center;padding: 4px 0 4px 0;}
#prevNext a {margin-bottom: 4px;color: #333333;}
#prevNext a:hover {color: #333333;}
#prevNext a.current { margin-bottom: 4px;	color: #990000;text-decoration: none;}
#prevNext a:hover.current { color: #990000;}



/* product Page (flypage) 
   a. also in ps_product_category/navigation_list()  */

.attribBoxes select{min-width:160px;margin-bottom:10px;}
.attribBoxes .label{width:100px;float:left;font-weight:bold;}

.flypage .product .price{font-size:22px;font-weight:bold;color:#00628b;margin-bottom:16px;}
.flypage .product .rrpPrice{color:#000;text-decoration:line-through;font-size:11px;font-weight:normal}
.flypage .product .rrp {color:#000;font-size:11px;font-weight:normal;margin-top:4px;}


.flypage table.product{width:100%;border-collapse:collapse;border-bottom:1px dashed #ccc;}
.flypage table.product .left{padding:0 20px 20px 0;}
.flypage table.product .right{padding-bottom:20px;}

.navigationList {font-size: 9px;margin-bottom: 4px;}


.shipping_estimate{margin-top:16px;}


.relatedProducts{border-top:1px dashed #ccc;}
.relatedProd{
	width: 172px;
	height: 230px;
	text-align: center;
	margin-bottom:18px;
	margin-right:18px;
	border:1px solid #ddd;
	padding:10px;
	color:#333;
	font-weight:bold;
	font-size:11px;
	position:relative;
	float:left;
}
.relatedProd img {display:block;margin:5px auto;}
.relatedProd .price{color:#2877a6;}
.last{margin-right:0;}
.relatedProd a{color:#333;text-decoration:none;font-weight:bold;}

/* shopping cart */
/* basket, ro_basket, checkout/index(info table headers), checkout/thankyou */

table.cart { 
	background-color: #FFFFFF;
	width: 100%;
	border: 0px;
	border-collapse: collapse;

}

table.cart th{ 
	font-size: 12px;
	color : #ffffff;
	font-weight : bold;
	background-color : #066690;
	padding:6px 20px 6px 4px;
	text-align: right;
}

table.cart th.left{ 
	text-align: left;
	padding-right:0;
}

table.cart td{ 
	text-align: right;
	padding:6px 20px 6px 4px;
	border-bottom: 1px solid #eeeeee;
	vertical-align: middle;
}


table.cart td.left{ 
	text-align: left;
	padding-right:0;
}
.cartHeader {
	font-size: 12px;
	color : #ffffff;
	font-weight : bold;
	background-color : #066690;
	padding:6px 4px;
}
.cartHeaderRight {
	font-size: 12px;
	color : #ffffff;
	font-weight : bold;
	background-color : #066690;
	padding: 6px 20px 6px 0;
	text-align: right;
}
.cellRight{
	padding-right: 20px;
	text-align: right;
	white-space: nowrap;
}


 

td.cartCell {/* basket, ro_basket - used in subtotal cell etc*/ 
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
}
td.cartCellRight {/* basket, ro_basket - used in subtotal cell etc*/ 
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
	padding-right: 20px;
	text-align: right;
}
.qty{
	text-align:right;
	border:0;
	padding-right:2px;
}


#postage_calculator 						{ border:1px solid #666; padding:12px; line-height:150%; margin-bottom:30px;}
#postage_calculator select				{ padding:1px;}
#postage_calculator select.country	{ font-size:11pt;}
#postage_calculator .asterix			{ font-size:11px;}



.register{
	background-color: #f5f5f5;
	margin-top:30px;
	width:380px;
	padding:10px;	
	text-align: left;
}

.note{
	margin:0;
	margin-bottom:10px;
	text-align:right;
}

.register h2{
 	float:left;
	width:210px;
	white-space:nowrap;
	margin:0;
}

.register .label {
	width:100px;
	float:left;
	text-align:right;
	margin-bottom:13px;
	margin-right:6px;
	white-space:nowrap;
}
.register .value {
	margin-bottom:13px;
}

.register .spacer{
	height:20px;
}

.country{
	font-size:9pt;
}




.express_reg td{
	padding:6px 10px 6px 6px;
	text-align: left;
}
table.express_reg td.label{
	padding:6px;
	text-align: right;
	white-space: nowrap;
}






.login_form{
	background-color: #f5f5f5;
	margin-top:30px;
	width:250px;
	height:195px;
	padding:10px;
	text-align: left;
}

.login_form h2{
	margin-top:0;
	margin-bottom:20px;
}

.login_form .label {
	width:90px;
	float:left;
	text-align:right;
	margin-bottom:13px;
	margin-right:6px;
	white-space:nowrap;
}
.login_form .value {
	margin-bottom:13px;
}

.login_form .spacer{
	height:20px;
}

.register_link{
	background-color: #f5f5f5;
	margin-top:30px;
	width:250px;
	height:195px;
	padding:10px;
}
.register_link h2{
	margin:0;
	margin-bottom:20px;
}

.newAccount{
	width:300px;
	float:right;
	border:1px solid #333;
	padding:10px;
	margin-top:10px;
}
.newAccount h2{margin:0}

/* shop/login, account/billing, account/shipto */

hr.login { 
	height: 1px;
	color: #000000;
	width: 100%;
	border-style: dotted;
}

/* contact */  

.contactformlabel { 
	font-size: 10px; 
	font-weight: bold; 
	color: #333333;
	margin-bottom: 0px;
}
.vendoraddress {   
	font-size: 12px;
	color : #333333;
	font-weight : bold;
}
a.vendoraddress {   
	font-size: 12px;
	color: #333333;
}
a:hover.vendoraddress {
	color: #4B95B4;
}
a:visited.vendoraddress { 
	color: #333333;
}

/* related products */

table.related { 
	width: 100%;
	border: 1px solid #993399;
	margin: 0px;
}
td.relatedHeader { 
	background-color: #993399;
	color: #ffffff;
	font-size: 13px;
	text-align : center;
	font-weight : bold;
	white-space: nowrap;
}

/* debug panel */
table.debugPanel{
	background-color: #999999;
	border: 5px solid #FF0000;
	font-size: 20pt;
}
.debugPanelHeader{
	color: #000099;
	font-size: 9pt;
	font-weight: bold;
}
.debugLabel{
	color: #000099;	
	font-size: 7.5pt;
	font-weight: bold;
}
.debugValue{
	color: #ffffff;
	font-size: 7.5pt;
	font-weight: bold;
}


/* search color 1 and search color 2 are set in phpshop.cfg
they are used in  basket and ro_basket
search color 2 is also used in ps_account->ship_to_address
and ps_checkout->ship_to_address_radio to set bgcolor
of address boxes. */