/** 

* Main CSS file for the "default" theme for VirtueMart

* @copyright 2006-2008 soeren

* @license GNU/GPL

*

*/





/* The quantity box beneath the "add to cart" button  */

.quantity_box {	

	vertical-align: middle;

}

.quantity_box_button {

	width:10px;

	vertical-align:middle;

	height:10px;

	background-repeat: no-repeat;

	background-position: center;

}

.quantity_box_button_down {

	background-image: url( "themes/default/images/down_small.gif" );

}

.quantity_box_button_up {

	background-image: url( "themes/default/images/up_small.gif" );

}

.continue_link, .checkout_link {

	margin: 2px;

	padding: 2px 0px 2px 40px;

	vertical-align: middle;

	font-weight: bold;

	font-size: 1.4em;

	width: 40%;

}

.checkout_link {

	margin-left: 40px;

	background: url( "themes/default/images/forward.png" ) no-repeat left;

}

.continue_link {

	background: url( "themes/default/images/back.png" ) no-repeat left;

}



.nextprevbuttons {

	float:left;}



.next_page {

	background: url( "themes/default/images/next_16x16.png" ) no-repeat right;

	padding-right: 20px;

	line-height: 20px;

	width: auto;

	

}

.previous_page {

	background: url( "themes/default/images/previous_16x16.png" ) no-repeat left;

	padding-left: 20px;

	line-height: 20px;

	width: auto;

	margin-right:25px

}



/* This is the text box informing customers about your returns policy */

.legalinfo {

	background: lightgray;

	border: 2px solid gray;

	margin: 10px;

	padding: 0px 0px 10px 10px;

}



div.pathway {

	margin-bottom: 1em;

}



div.pathway img {

	padding: 0 2px;

}



/* The PDF, Email and Print buttons */

div.buttons_heading {

	float:right;}

	div.buttons_heading  a{

		margin-left:5px}





.product-Old-Price {

	color:red;

	text-decoration:line-through;

}

/** BROWSE PRODUCTS STYLES **/

.browseProductContainer {

	width:100%;

	padding: 3px 3px 3px 3px;

	vertical-align: top;

}





/** Flypage Styles **/

.thumbnailListContainer {

	text-align: center;

	width: 200px;

	height: 200px;

	overflow: auto;

}



/*

General Form Styling

*/

.formLabel {

	float:left;

	width:30%;

	text-align:right;

	font-weight: bold;

	margin: 2px;

	white-space: nowrap;

	clear: left;

	vertical-align: middle;

	margin-top: 8px;

}



#agreed_div {

	white-space: normal;

}



.formField {

	float:left;

	width:60%;

	margin: 2px;

	vertical-align: middle;

	margin-top: 8px;

	

}

.missing {

	color:red;

	font-weight:bold;

}



/**

* Administration Styles

*/

.adminListHeader {

	float:left; height: 48px; background-repeat: no-repeat;

	text-align: left; font-size: 18px; font-weight: bold;

	padding-left: 80px;	

}



.labelcell {

	margin-left: auto;

	font-weight: bold;

	vertical-align: top;

	width: 30%;

}

table.adminform td.labelcell {

	text-align: right;

}

.iconcell {

	vertical-align: top;

	width: 5%;

}

.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {

	background-color:#FAFAD2;

	clear:both;

	background-position:left 5px;

	background-repeat:no-repeat;

	border-color:#AACCAA;

	border-style:dotted none;

	border-width:1px 0pt;

	font-weight: 900;

	margin:1em 0 1em 0;

	padding:1em 1em 1em 48px;

}

.shop_error {

	background-image: url( "themes/default/images/error.gif" );

}

.shop_warning {

	background-image: url( "themes/default/images/warning.png" );

}

.shop_info, .shop_tip {

  	background-image: url( "themes/default/images/info.png" );

}



.shop_debug {

	background-image: url( "themes/default/images/log_debug.png" );



}

.shop_critical {

	font-weight: bold;

	background-image: url( "themes/default/images/log_critical.png" );

}





/* Link Details for link to child*/

.vmChildDetail a, .vmChildDetail a:link {

  font-size        : 11px;

  color            : #000000;

  text-decoration  : none;

  font-weight      : bold;

}

.vmChildDetail a:hover {

  font-size        : 11px;

  color            : #333333;

  text-decoration  : none;

  font-weight      : bold;

}

/* Styling for the form elements to enable correct Line Up  */

.inputboxquantity {

	margin-top: 3px;

	vertical-align: middle;

}

.availabilityHeader {

	text-decoration:underline;

	font-weight:bold;

}

.inputboxattrib {

	float: left;

	margin-top: 0px;

	vertical-align: middle;

	margin-bottom: 2px;

}



.quantitycheckbox {

	margin-top: 6px;

	vertical-align: middle;

}	



/**

* Addtocart detail Styles for placing attributes beside product_types

*/





.vmCartChildHeading_2up { /* Header for the cart */

	font-size: 14px;

	font-weight: bold;

	padding-bottom: 3px;

	text-align: left;

}



.vmCartChild_2up { /* Container for the Child Product */

	

	vertical-align: middle;

	border: 1px solid #000;

	padding-left: 2px;

	padding-right: 2px;

	

	margin-bottom: 2px;

	float:left;	

}



.vmChildDetail_2up { /* Child Detail, description , attributes ,price, quantity etc */

	vertical-align: middle;

	margin-top: 6px;

}



.vmCartChildElement_2up { /* Individual element styling */

	width: 100%;

	vertical-align: middle ;

	height: 25px;

	text-align: left;

	

}



.vmCartAttributes_2up { /* Attributes Div*/

	float: left;

	padding: 0px 5px 5px 5px;

	margin: 0px 5px 5px 5px;

	width:50%;

}



.vmAttribChildDetail_2up {  /* Product Attributes Styling */

	

}

	

.vmMultiple {

	height:35px;

}



.vmChildType_2up { /* Product type div*/

	background: lightblue;

	padding: 0px 5px 5px 5px;

	margin: 0px 5px 5px 5px;

	float: left;

	width: 40%;

	border: 1px solid #000;

}



.vmClearDetail_2up { /*Clear the divs afer child types*/

	

}



.vmClearAttribs_2up { /*Clear the divs before the attributes*/

	clear:both;

}

.vmRowOne_2up { /* Odd Row One styling */

	background: lightgray;	

}



.vmRowTwo_2up { /* Even Row Styling */

	background: white;

}



/* Link Details for link to child*/

.vmChildDetail_2up a, .vmChildDetail_2up a:link {

  font-size        : 11px;

  color            : #000000;

  text-decoration  : none;

  font-weight      : bold;

}

.vmChildDetail_2up a:hover {

  font-size        : 11px;

  color            : #333333;

  text-decoration  : none;

  font-weight      : bold;

}



.vmCartModuleList  {

  cursor : pointer;

  font-size        : 11px;

  color            : #000000;

  text-decoration  : none;

  font-weight      : bold;

}

.vmCartModuleList:hover {

  font-size        : 11px;

  color            : #333333;

  text-decoration  : none;

  font-weight      : bold;

}

.vmquote {

	margin: 4px;

	border: 1px solid #cccccc;

	background-color: #E9ECEF;

	padding: 10px;

	font-size: 12px;

	color: #254D78;

}

.editable {

	background: #ffff33;

	cursor: pointer;

}

ul.pagination li {

	padding: 2px 1px;

	display: inline;

	background: none;

}

.clr { clear: both; overflow:hidden; }

	





/* Component VirtueMart */

#vmMainPag { clear:both}



#vmMainPage h2 {

	margin:0}



#vmMainPage	form#orderby fieldset {

	padding:0 10px;

	border-left:none;

	border-right:none;

	height:50px;

	line-height:52px;

	background:#F7F6F2 }

#vmMainPage	form#orderby p {

	display:inline;}	

#vmMainPage	form#orderby label {

	margin:0;

	margin-right: .5em;

	padding:0;}

#vmMainPage	form#orderby .inputbox {

	width:30%;

	padding:0;

	margin:0}

	#vmMainPage	form#orderby p.displayarea { margin-left:30px}

	#vmMainPage	form#orderby p.displayarea .inputbox { 	width:7%;}

	

#vmMainPage	form#orderby img {

	margin:0 0 0;

	float:none}

	

#vmMainPage	form#orderby .buttonstore {

	margin:0 0 5px 0;}





#vmMainPage	.ulnavarea {

	border-top:1px solid #E9E9E9;

	border-bottom:1px solid #E9E9E9;

	background:#F7F6F2;

	margin:10px 0 30px;

	padding:0 10px;

	height:50px;

	line-height:52px;

	position:relative;

	overflow:hidden }

	

#vmMainPage	.ulnavarea ul {

	border-top:none;

	border-bottom:none;

	padding:0;

	margin:0;

	width:75%;

	float:left;}

	#vmMainPage	.ulnavarea ul li{

		border:none;}



#vmMainPage	.ulnavarea p#displaypage {

	float:right;

	padding:0;

	margin:0;}





#vmMainPage	form#orderby p#displaypagetop {

		font-size:1.4em;

		color:#666;

		font-family:Geneva, Arial, Helvetica, sans-serif;}

	

		 

/* On Category */

#vmMainPage .product_list {

	clear:both;

	position:relative;

	overflow:hidden;

	margin-right:-10px}

	

	#vmMainPage  .icemodule div div div{

		padding:5px!important}

		

#vmMainPage .product_list .productlist{

	height:340px;

	width:182.2px;

	color:#666;}

	#vmMainPage .product_list .productlist2{

	height:392px;

	width:182.2px;

	color:#666;}

	#vmMainPage .product_list .categorylist{

	height:180px;

	width:182.2px;

	color:#666;}



	

#vmMainPage  h2 {

	font-size:2em;

	margin-bottom:.25em;

}



#vmMainPage .product_list  h3 {

	font-size:1.2em;

	font-weight:bold}

	#vmMainPage .product_list .categorylist h3 {

			font-size:1em;}

	

#vmMainPage .product_list .browsePriceContainer {

	font-size:1.4em;

	line-height:1.5em;

	color:#333;

	text-align:center;}

	



	

#vmMainPage .product_list .browseProductImageContainer {

	margin:0;

	text-align:center;

	height:90px;}

	#vmMainPage .product_list .categorylist .browseProductImageContainer {

		height:100px;}

	

	#vmMainPage .product_list .browseProductImageContainer img{

	margin:0}





#vmMainPage .product_list .browseProductDescription {

	margin:0 -5px}

#vmMainPage .product_list .browseRatingContainer {

	text-align:center;

	margin:0 auto;}

#vmMainPage .product_list .browseRatingContainer .contentpagetitle {

	color:#999;}





#vmMainPage .product_list .browseRatingContainer img {

	float:none;

	margin:0 auto;}	

	

#vmMainPage .product_list .browseAddToCartContainer{

	border-top:1px solid #E7E7E7;}

	

.inputboxquantity {

	width:35px;

	margin:0.3em 0.5em 0.5em 0;

	border: 1px solid #E6E6E6;

	color: #999;

	line-height:18px;

	padding:1px 5px;}

#vmMainPage .product_list .browseAddToCartContainer p {

	text-align:center;

	margin:5px auto 0}	

	

	

/*	List of recent products */

ul.vmRecentDetail {

	width:100%;

	margin:0}

	ul.vmRecentDetail li{

		float:left;

		list-style-type:none;

		margin:0 1px 1px 0;

		width:230.3px;

		display:block;

		float:left;

		height:30px;

		line-height:32px;

		padding:0 10px;

		border:1px solid #E9E9E9;}

		ul.vmRecentDetail li a{

			}

			

		

	





/* Shooping Cart */

.vmCartModule .cartarea{

	width:100%;

	height:125px;

	text-align:center;}

	.vmCartModule .cartarea img {

		margin:10px 0 10px}



.vmCartModule hr {

	margin:1em 0}	

	

.vmCartModule .showcart {

	clear:both;

	text-align:center;

	position:relative;

	overflow:hidden}

	.vmCartModule .showcart a {

		font-weight:bold;}

		





	

/* Details Page */

#flypage {

	clear:both}



#flypage h1{

	line-height:1;

	margin-bottom:.25em;}

	

#flypage .icemodule div div div div {

	padding:10px}

	

#flypage #productimage {

	width:152px;

	text-align:center}

	#flypage #productimage a {

		text-decoration:none}

	#flypage #productimage img{

		float:none;

		text-decoration:none

		}

	

	

#flypage #productdesc {

	width:362px;

	border-left:1px dashed #DEDEDE;

	border-right:1px dashed #DEDEDE}

	



#flypage  #addtocart { 

	width:162px;

	text-align:center }

	#flypage  #addtocart img {

		float:none;

		margin-top:5px}

	#flypage span.productPrice{

		font-size:1.3em;

		margin-top:.5em}

		

#flypage .vmCartContainer {

	margin:-10px 0 35px;}

	

#flypage table.ratetable img {

	margin:0 auto;

	float:none} 

	

/* Cart */

.updateform input {

	margin:-2px 0 0 5px}

.updateform .inputbox{

	width:50px;

	margin:0}

	

.cartbuttons {

	overflow:hidden;

	position:relative;

	border-top:1px solid #E6E6E6;

	border-bottom:1px solid #E6E6E6;

	background:#F7F6F2;

	padding:10px 10px;}

	.cartbuttons .previous_page{

		float:left;

		height:30px;

		line-height:32px;}

	.cartbuttons .buttonstore {

		float:right;

		height:30px;

		line-height:30px;

		padding:0 25px;

		font-size:1.3em}

		

		

/* Checkout */

div.shippingmethods table{

	width:100%;

	border-top:1px solid #ccc;

	border-right:1px solid #ccc;

	margin:1em auto;

	border-collapse:collapse;}

	div.shippingmethods table th {

	font-weight:normal;

	text-align:left;

	border-bottom: 1px solid #ccc;

	border-left:1px solid #ccc;

	padding:.3em 1em;

	background:#F0F0F0;

	text-align:center;

	font:bold 1.3em/2.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;

	color:#555}

	div.shippingmethods table td {

	border-bottom:1px solid #ccc;

	border-left:1px solid #ccc;

	padding:.5em 1.2em;

	text-align:center;}		.cbOverlay {
	background-color: #000;
}

.cbContainer {
	padding:5px;
	background-color:white;
	border: 2px solid gray;
}
.cbBox h3 {
	font-size:1.4em;
	margin-top:0px;
	padding-top: 3px;
	vertical-align: middle;
	text-align:center;
	background-color:#ccc;
	background-image: url( "js/mootools/header-background.png" );
}
.cbBox p {
	margin:3px;
}
.cbBox, .cbButtons {
	text-align:center;
}
.cbButton {
	margin: 3px;
}
.cbCloseButton {
	background: url( "js/mootools/close.gif" ) no-repeat;
	width: 16px; height: 16px;
	position:absolute;
	top: 9px;
	right:5px;
	cursor: pointer;
}