/*
Filename: content-styles.css
Description: specific content styles, middle content area
Author: Renellyn Talabucon
Last edit: 1 July 2009
*/
/*default content headers*/
.content h1{
font:24px Arial, Verdana, Helvetica, sans-serif; 
color:#0038a7; font-weight:bold; 
}
.content h2{
font:22px Arial, Verdana, Helvetica, sans-serif; 
color:#0038a7; font-weight:bold; 
}
.content h3{
font:18px Arial, Verdana, Helvetica, sans-serif; 
color:#0038a7; font-weight:bold; 
}
.content h4{
font:16px Arial, Verdana, Helvetica, sans-serif; 
color:#0038a7; font-weight:bold; 
}
.content h5{
font:14px Arial, Verdana, Helvetica, sans-serif; 
color:#0038a7; font-weight:bold; 
}
.content h6{
font:12px Arial, Verdana, Helvetica, sans-serif; 
color:#0038a7; font-weight:bold; 
}

/*generic content*/
.heading {
font:14px Arial, Helvetica, sans-serif;
font-weight: bold; color: #000;
text-transform: uppercase;
}
.heading {
margin-bottom: 10px; padding-bottom: 3px; 
border-bottom: 1px solid #ddd;
}
.content p, .content ul{ padding:3px 0; }
.content .top {
margin:20px 10px; padding:0; text-align:center;
width:auto; height:auto;
/* width:470px;  */
}
	.content .top h1{
	padding:15px 0 0 5px; float:left; 
	font:16px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
	font-weight:bold;  text-align:left; text-transform:uppercase;
	}	
.content .middle{
margin:10px; padding:0; text-align:center;
/* width:470px; */ width:auto; height:auto; clear:both;
font:11px Arial,Verdana, Helvetica, sans-serif;
color:#333; /* border:1px solid #f60;  */
}

.content .content-top{
margin:0 10px; 
}
	.add-beetle{
	background:url(../images/img-beetle120x50.gif) no-repeat top right;
	}
.content .content-top h1{	
font:26px Arial,Verdana, Helvetica, sans-serif; color:#333;
font-weight:bold; text-align:left; text-transform:uppercase; letter-spacing:0.8px;	
}
	.content .content-top h1 span{
	font:26px Arial,Verdana, Helvetica, sans-serif; color:#ce1127;
	font-weight:bold; text-align:left;
	text-transform:uppercase; letter-spacing:0.8px;
	}
.content .content-top p{
margin:10px 0; text-align:left;
}

/*content styles*/
.content .button-generic{
background:#eee; 
margin:0 auto; padding:3px 5px;
text-align:center;
border:1px solid #ccc;
}		
	.content .button-generic a, .content .button-generic a:link, 
	.content .button-generic a:active, .content .button-generic a:visited{
	padding:8px 0 0 0;
	font:11px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
	font-weight:bold; text-decoration:none; text-align:center;
	}
	.content .basic-link a, .content .basic-link a:link, 
	.content  .basic-link a:active, .content .basic-link a:visited{
	background:url(../images/bullet_orange.png) no-repeat bottom left;
	padding:8px 0 0 15px;
	font:10px Arial, Verdana, Helvetica, sans-serif; color:#f60;
	font-weight:bold; text-decoration:underline; text-align:center;
	}
	
.content .button-continue{
background:url(../images/button-content2.gif) no-repeat top center;
width:100px; height:30px; display:block; /* clear:both; */
margin:15px 12px 0 0; float:right;
}		
	.content .button-continue a, .content .button-continue a:link, 
	.content .button-continue a:active, .content .button-continue a:visited{
	background:url(../images/arrow-bbutton2.gif) no-repeat top left;
	background-position:8px 0; display:block; 
	padding:8px 0 0 10px;
	font:11px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
	font-weight:bold; text-decoration:none; text-align:left;
	}	
.content .button-back{
background:url(../images/button-content2.gif) no-repeat top center;
width:100px; height:30px; display:block; /* clear:both; */
margin:15px 0 0 12px; float:left;
}		
.content .button-back a, .content .button-back a:link, 
.content .button-back a:active, .content .button-back a:visited{
background:url(../images/arrow-bbutton1.gif) no-repeat top right;
background-position:8px 0; display:block; 
padding:8px 0 0 10px;
font:11px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
font-weight:bold; text-decoration:none; text-align:left;
}	
	.content .button-continue a span,
	.content .button-back a span{
	padding:0 0 0 15px;
	}

/*info pages*/
.contact-details{
background:#f7f7f7;
margin:0 auto; padding:20px 10px;  
height:auto; text-align:left;
}	
	.contact-details .address{
	float:left; width:200px;
	padding:0 10px; 
	}
	.contact-details .telephone{
	float:right; width:200px;
	padding:0 10px; 
	}
	.contact-details .address strong, .contact-details .telephone strong{
	font:12px Arial,Verdana, Helvetica, sans-serif;
	color:#ce1127; text-transform:uppercase;
	font-weight:bold;
	}
.contact-details:after{
content: "."; display: block; 
height: 0; clear: both; visibility: hidden;
}
.contact-form{
margin:10px; padding:0; text-align:left;
}
	.contact-form label{
	font:12px Arial,Verdana, Helvetica, sans-serif;
	color:#0038a7; /* text-transform:uppercase; */
	font-weight:bold;	
	}	
.content .top:after,	.content .middle:after, .contact-details:after{
content: "."; display: block; 
height: 0; clear: both; visibility: hidden;
}		

/*sitemap page*/
.sitemap{
margin:10px 30px;
float:left; 
}
	.sitemap ul{
	text-align:left;
	}
	.sitemap ul li{
	padding:3px 0;
	list-style-type:disc;
	font:14px Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;		
	}
		.sitemap ul li a{
		font:14px Arial, Verdana, Helvetica, sans-serif;
		font-weight:bold;
		}
	.sitemap ul li ul{
	padding:0 20px;
	}
		.sitemap ul li ul li{
		list-style-type:circle;
		}
		.sitemap ul li ul li a{
		font:12px Arial, Verdana, Helvetica, sans-serif;
		font-weight:normal;
		}

.defaultbox-styles{
margin:10px; padding: 10px; 
background:#F7F7F7; text-align:left;
border:1px solid #DDD; clear:both;	
}		
	.defaultbox-styles:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}	
	.defaultbox-styles table input, 	
	.defaultbox-styles table th{
	padding:3px 0;
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#333;	font-weight:bold;
	border-bottom:1px solid #ccc;
	}

	.defaultbox-styles table td select{
	padding:1px 0;
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#333;	font-weight:bold;
	border-bottom:1px solid #ccc;	
	}

	.defaultbox-styles table option{
	padding:0;
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#333;	font-weight:bold;
	border-bottom:1px solid #ccc;	
	}
	
	.defaultbox-styles table tr{ padding:5px 0; }
	.defaultbox-styles table td{	
	padding:5px 0; 
	font:11px Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;	
	}
	.defaultbox-styles table td a{	
	font:11px Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	}
	
	.defaultbox-styles textarea{
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#333;
	}
	
.success {
margin:10px; padding:5px; text-align: center;
background: #E4F1C9; border: 1px solid #A5BD71;
font: 11px Verdana, Geneva, sans-serif;	
}
.warning {
margin:10px; padding:5px; text-align: center;
background: #FFDFE0; border: 1px solid #FF9999;
font: 11px Verdana, Geneva, sans-serif;	
}
.wait {
margin:10px; padding:5px; text-align: center;
background: #FBFAEA; border: 1px solid #EFEBAA;
font: 11px Verdana, Geneva, sans-serif;	
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
clear:both;
overflow: hidden; 
width: 100%;
}

	
	
/*home - featured products*/	
.content .featuredProd{	
margin:5px auto; 
background:url(../images/img-featured.gif) no-repeat top center;
width:495px; height:320px;
}
	.content .featuredProd h1.sectionTitle{
	padding:15px 0 0 25px; float:left; 
	font:16px Arial, Verdana, Helvetica, sans-serif; color:#fcd119;
	font-weight:bold;  text-align:left; text-transform:uppercase;
	}
	.content .featuredProd .button-moreFeaturedProd{
	background:url(../images/button-content1.gif) no-repeat top center;
	width:100px; height:30px; display:block; 
	margin:12px 12px 0 0; float:right;
	}		
		.content .featuredProd .button-moreFeaturedProd a{
		background:url(../images/arrow-ybutton1.gif) no-repeat top left;
		background-position:8px 0; line-height:30px; padding:7px 0 0 6px;
		width:100px; height:30px; display:block; 
		font:10px Arial, Verdana, Helvetica, sans-serif; color:#fcd119;
		font-weight:bold; text-decoration:none;
		}
/****styles for FEATURED products in list*/	
.featuredProd ul{
margin:0 0 0 20px; text-align:left; 
width:465px; display:block; clear:both;		
}
.featuredProd ul li{
margin:32px auto 0 auto; padding:0 25px 0 15px;
width:115px; height:175px; float:left;	
text-align:center;		
}
.featuredProd .prodImg{
margin:0 auto; padding:0;
text-align:center;		
width:100px; height:100px;
}
.featuredProd .prodData{
margin:0 auto; padding:0;
text-align:center;	
}	
	.featuredProd  .prodData h3{
	margin:0 auto; padding:0;
	font:14px Verdana, Helvetica, sans-serif;
	display:block;
	}
		.featuredProd .prodData h3 a:link,
		.featuredProd .prodData h3 a:active,
		.featuredProd .prodData h3 a:visited{
		color:#0038a7;	font-weight:bold;
		text-decoration:none;
		}			
			.featuredProd .prodData h3 a:hover{
			color:#f60;	font-weight:bold;
			text-decoration:none;
			}	
		.featuredProd .prodModel{
		font:10px Arial, Verdana, Helvetica, sans-serif;color:#000;
		}			
		.featuredProd .prodPrice{
		font:14px Arial, Verdana, Helvetica, sans-serif; 
		color:#c00; font-weight:bold; 
		display:block;
		}					
.featuredProd  .addButtons{
margin:0 auto; padding:0;	
text-align:center; clear:both;
}	
	.featuredProd  .addButtons span{
	margin:0 auto; padding:0;
	clear:both; display:block;
	}
	.featuredProd .addButtons a, 
	.featuredProd .addButtons a:link, 
	.featuredProd .addButtons a:active, 
	.featuredProd  .addButtons a:visited{
	font:10px Arial, Verdana, Helvetica, sans-serif;
	color:#c03; text-decoration:none;		
	}
		.featuredProd  .addButtons a:hover{
		font:10px Arial, Verdana, Helvetica, sans-serif;
		color:#f60; text-decoration:none;		
		}		
	.featuredProd  .addButtons .addCart{
	background:url(../images/icon-basket.gif) no-repeat top left;
	background-position:10px 0;
	position:relative; top:-2px;
	}
	.featuredProd .addButtons .addWish{		
	background:url(../images/icon-star.gif) no-repeat top left;
	position:relative; top:-4px;
	}
	
/*home - latest products*/	
.content .latestProd{
margin:5px auto; padding:0; text-align:center;
/* background:url(../images/border-latestbg.gif) repeat-y top center;  */
/* width:495px;  */width:auto; height:auto;
}		
	.content .latestProd .border-latesttop{
/* 	background:url(../images/border-latesttop.gif) no-repeat top center;  */
	/* width:495px;  */height:11px; display:block; z-index:1;
	}		
	.content .latestProd .border-latestbot{
/* 	background:url(../images/border-latestbot.gif) no-repeat bottom center;  */
	/* width:495px; */ height:11px; display:block; z-index:1; clear:both;
	}
	.content .latestProd h1.sectionTitle{
	padding:10px 0 0 25px; float:left; 
	font:16px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
	font-weight:bold; text-align:left; text-transform:uppercase;
	}
	.content .latestProd .button-moreLatestProd{
	background:url(../images/button-content2.gif) no-repeat top center;
	width:100px; height:30px; display:block; 
	margin:0 12px 0 0; float:right;
	}		
		.content .latestProd .button-moreLatestProd a{
		background:url(../images/arrow-bbutton2.gif) no-repeat top left;
		background-position:8px 0; padding:9px 0 0 10px; display:block; 
		font:10px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
		font-weight:bold; text-decoration:none;
		}
	
	/****styles for LATEST products in list*/	
	.latestProd ul{
	margin:10px auto; padding:10px 0 0 20px; /* padding:10px 0 0 5px; */ 
	text-align:center; display:block; clear:both;
	} 
		.latestProd ul:after{
		content: "."; display: block; 
		height: 0; clear: both; visibility: hidden;
		}
	.latestProd ul li{
	margin:5px 2px 0 2px; padding:10px 2px 0 2px;
/* 	margin:0 2px 5px 2px; padding:2px 2px 2px 1px; */
	float:left; width:30%; height:200px;
	border:1px solid #0038a7;
	}		
	.latestProd .prodImg, .latestProd .prodImg img{
	width:90px; height:90px;
	}
	.latestProd .prodData{		
	text-align:center; 
	border-bottom:1px dashed #0038a7;
	}	
		.latestProd  .prodData h3{
		margin:0; padding:0;
		font:11px Verdana, Helvetica, sans-serif;
		display:block;
		}
			.latestProd .prodData h3 a:link,
			.latestProd .prodData h3 a:active,
			.latestProd .prodData h3 a:visited{
			color:#0038a7;	font-weight:bold;
			text-decoration:none;
			}			
				.latestProd .prodData h3 a:hover{
				color:#f60;	font-weight:bold;
				text-decoration:none;
				}
		.latestProd .prodModel{
		font:10px Arial, Verdana, Helvetica, sans-serif; color:#000;
		}			
		.latestProd .extraData{
		font:9px Arial, Verdana, Helvetica, sans-serif; color:#666;	
		clear:both; display:block; 
		}
		.latestProd .moreInfo{
		background:url(../images/arrow-minired.gif) no-repeat center right;
		text-align:right; display:block;
		}
			.latestProd .moreInfo a:link, 
			.latestProd .moreInfo a:active,
			.latestProd .moreInfo a:visited{
			padding:3px 10px 3px 0;
			font-size:10px; color:#ce1127;
			font-weight:bold; text-decoration:none; 
			display:block; 
			}			
				.latestProd .moreInfo a:hover{
				padding:3px 10px 3px 0;
				font-size:10px;color:#f60;	
				font-weight:bold; text-decoration:none; 
				display:block;
				}
		.latestProd .prodPrice{
		padding:3px 5px; float:left; 
		font:13px Arial, Verdana, Helvetica, sans-serif; 
		color:#c00; font-weight:bold; 
		}	
	.latestProd  .addButtons{
	width:45px; float:right; 
	position:relative; top:3px;
	text-align:right; 
	}	
		.right-panel  .addButtons .addCart,
		.right-panel  .addButtons .addCart form {
		background:url(../images/icon-basket.gif) no-repeat top left;
		}
		.right-panel  .addButtons .addWish{		
		background:url(../images/icon-star.gif) no-repeat top left;
		}					
		
		
/*added seals on panels*/
.seal-orangesale{
background:url(../images/icon-orangesale.gif) no-repeat top right;
float:right;
}
.img-orange-basket{
background:url(../images/icon_orange-basket.png) no-repeat top right;
background-position:95% 10px;
}
.img-orange-shopcart{
background:url(../images/icon_orange-shopcart.png) no-repeat top right;
background-position:95% 10px;
}
.img-yellow-note{
background:url(../images/icon_yellow-note.png) no-repeat top right;
background-position:95% 10px;
}

/*checkout styles - confirm page*/
.checkout-confirm{
background:#F7F7F7 ;
/* background:#F7F7F7 url(../images/calculator_blue48.png) no-repeat left; */
background-position:10px 10px;  text-align:left;
margin:10px auto; padding: 10px;  border:1px solid #fcd119; clear:both;	
}		
	.checkout-confirm:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}	
	.checkout-confirm table th{
	padding:5px 0;
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#333;	font-weight:bold;
	border-bottom:1px solid #ccc;
	}

	.checkout-confirm table tr{	
	padding:2px 0; 
	}
	.checkout-confirm table td{	
	padding:2px 0; 
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#333;	font-weight:bold;	
	}
	
	.checkout-confirm .label{
	padding:0 10px 0 0;
	font:12px Arial,Verdana, Helvetica, sans-serif;
	color:#0038a7;font-weight:bold;
	}
	.checkout-confirm .value{	
	font:12px Arial,Verdana, Helvetica, sans-serif;
	color:#333;font-weight:bold;
	}	
/*account/history styles*/
.order-history{
background:#F7F7F7; text-align:left;
margin:10px auto; padding:5px 10px;  
border-top:1px solid #ccc; clear:both;	
font:11px Arial,Verdana, Helvetica, sans-serif;
color:#333;	font-weight:bold;
}
	.order-history .label{
	padding:0 5px 0 0;
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#0038a7;font-weight:bold;
	}
	.order-history .value{	
	font:11px Arial,Verdana, Helvetica, sans-serif;
	color:#333;font-weight:bold;
	}

/*bookmarking*/
.bookmarks{
margin:20px auto;clear:both; text-align:center;
}
.bookmarks ul{
clear:both; text-align:center; display:inline;
}
.bookmarks ul li span{
margin:0 10px 0 0;
font:12px Arial, sans-serif; 
font-weight:bold; color:#990033;
}
.bookmarks ul li{
display:inline; 
}