/* These are the css classes for the css layouts used from Version 6.2.
To use this file, upload to your store root and add a line like this to the <head> section
 <link rel="stylesheet" type="text/css" href="newstyle.css" />
or copy and paste the classes into your existing css file.
You will also need the following in vsadmin/includes.asp
 usecsslayout=TRUE
or in vsadmin/includes.php
 $usecsslayout=TRUE;
A help page is available here http://www.ecommercetemplates.com/help/css-layouts.asp
This is just a sample file and can be edited to match your current design and layout.
-------------------------------------*/


/* The product page
-------------------------------------*/
div.prodfilter{
	float:left;
	background-color:#ececec;
	border: 1px dotted #42619a;
	padding:6px;
	font-weight:normal;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}
div.prodfilterbar{
float:left;
width:720px;
}

select.prodfilter{
padding:0px;
margin:0px;
}

div.product{
	padding:2px;
	width:260px;
	float:left;
	height:360px;
	margin:2px;
	border:1px solid #567CBB;
	background-color:#FFF;
}

div.prodnavigation{
padding:10px;
float:left;
width:500px;
}

div.checkoutbutton{
width:120px;
padding:6px;
float:right;
}

div.allproddiscounts{
font-size: 13px;
color:#567CBB;
width:500px;
margin-bottom:2px;
float:left;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
	font-weight:normal;
}

div.prodsku{
color:#666;
padding:6px;
}

div.prodimage{
padding-top: 6px;
text-align:center;
}

div.prodname{
padding:10px;
font-size: 13px;
text-align:center;
}

div.prodrating{
padding-left:10px;
}

div.prodinstock{
padding:4px;
color:#666;
}

div.proddescription{
font-size: 13px;
padding-top:4px;
padding-bottom:6px;
float:left;
}

div.prodoptions{
padding:6px;
width:340px;
float:left;
border: 1px solid #ccc;
}

select.prodoption{
font-size:11px;
width:220px;
float:right;
margin:6px;
}

span.prodoption{
font-size:11px;
float:left;
padding: 2px;
}

div.optiontext{
padding: 2px;
font-size:12px;
width: 90px;
float:left;
margin:2px;
}

div.option{
padding: 0px;
}

div.listprice{
padding: 2px;
text-align:center;
width:350px;
float:left;
}

div.prodprice{
	padding: 4px;
	font-size: 15px;
	font-weight:normal;
	text-align:center;
	float:left;
	width:350px;
}

div.prodcurrency{
padding: 2px;
text-align:center;
float:left;
width:350px;
}

div.addtocart{
text-align:center;
padding-top:6px;
float:left;
width:350px;
}

.notifystock{
text-align:center;
padding-top:6px;
float:left;
width:350px;
}

.configbutton{
text-align:center;
margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:normal;
}

.prodid {
background: #567CBB;
color:#fff;
padding:6px;
text-align:center;
}

div.multioptiontext{
width:180px;
}
div.pagenums{
text-align:center;
float:left;
padding:10px;
}

/* The detail page 
-------------------------------------*/
div.detailimage{
float:left;
width:200px;
padding:10px;
} 
.detailid {
color:#000;
width:560px;
padding-bottom:10px;
}
.detailmanufacturer{
float:right;
width:520px;
}

.detailinstock{
float:right;
width:522px;
border-bottom:1px #ccc dotted;
}

.detailname {
color:#000;
padding:6px;
width:520px;
float:right;
}

.detaildiscounts{
	color:#60A1DE;
	font-weight:normal;
	font-size:12px;
	float:right;
	width:526px
}

span.detaildiscountsapply{
	color:#60A1DE;
	font-weight:normal;
}

div.detaildescription{
font-size: 13px;
margin-top:20px;
float:left;
padding-left:16px;
padding-top:10px;
width:800px;
border:1px #ccc dotted;
}

.detaillistprice{
text-align:center;
float:left;
width:800px;
}

div.detailprice{
	font-size: 16px;
	font-weight:normal;
	text-align:center;
	float:left;
	width:800px;
	color:#0075C2;
	padding-top:8px;
}

div.detailcurrency{
padding-top: 6px;
font-size: 11px;
text-align:center;
float:left;
width:800px;
}

.detailoptions{
padding: 6px;
float:left;
width:350px;
padding-left:36px;
}

select.detailprodoption{
font-size:11px;
float:left;
width:190px;
margin:6px;
}

.detailoptiontext{
padding: 6px;
float:left;
}

span.detailoption{
	font-weight:normal;
}

div.review{
width:700px;
}
.previousnext{
padding-top:10px;
padding-bottom:6px;
float:left;
width:800px;
text-align:center;
}

div.emailfriend{
padding-top: 10px;
text-align:center;
float:left;
width:800px;
}
div.detailquantity{
float:left;
width:740px;
}
div.detailquantitytext{
margin:4px;
float:left;
width:360px;
text-align:right;
}

div.detailquantityinput{
margin:4px;
float:right;
width:360px;
text-align:left;
}

div.detailaddtocart,.detailoutofstock{
margin:4px;
float:left;
width:800px;
text-align:center;
border-bottom:1px #ccc dotted;
padding-bottom:10px;
}

.detailnotifystock{
text-align:center;
padding-top:6px;
float:left;
width:800px;
}

div.review{
float:left;
width:810px;
}

div.navdesc{
padding-top:10px;
}

p.cstitle{
float:left;
width:700px;
}

.csproduct{
float:left;
width:700px;
}

/* The category page 
-------------------------------------*/
div.category{
width:370px;
float:left;
}

div.catimage{
width:130px;
float:left;
}

div.catdesc{
padding:4px;
}

div.catname{
margin-top:16px;
}

.catdiscounts, .allcatdiscounts{
padding-left:5px;
font-weight:bold;
color:#60A1DE;
}

.categorymessage{
	padding-left:5px;
	font-weight:normal;
}