/** 
* Main CSS file for the "default" theme for VirtueMart
* @copyright 2006-2008 soeren
* @license GNU/GPL
*
*/

.vm-col-3 {
    width: 33%;
}

/* General Shop Styles here please */
.addtocart_button, .notify_button {
	text-align:center;
	background-position:bottom left;
	cursor:pointer;
	border: none;
	font-weight:bold;
	font-family:inherit;
	vertical-align: middle;
	overflow:hidden;
}
.addtocart_button {
	background-color: #878787;
	background-image: url('../images/cart_add.png' );
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding: 4px 15px 5px 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-bottom: 1px solid #616161;
}
.notify_button {
	background: url( 'images/notify_blue.gif' ) no-repeat  center transparent;
}
.addtocart_button_module {
	background-color: #878787;
	background-image: url('../images/cart_add.png' );
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding: 4px 15px 5px 30px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-bottom: 1px solid #616161;
}

input.addtocart_button_module:hover  {
	color: #333333;	
}

.addtocart_form {
	width: 100%;
	display: inline;
	white-space: nowrap;
}

/* 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;
	background-color: #D5D5D5 !important;
	border: none;
	padding: 5px;
	font-size: 1.1em;
	margin: 0px 0px;
	color: #FFF;
	height: 20px;
	width: 20px;
	border-right: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}
.quantity_box_button_down {
	background-image: url(images/down_small.gif);
}
.quantity_box_button_up {
	background-image: url(images/up_small.gif);
}
.continue_link, .checkout_link {
	margin: 2px;
	padding: 2px 0px 2px 25px;
	vertical-align: middle;
	font-weight: normal;
	font-size: 1.2em;
	width: 40%;
}
.checkout_link {
	margin-left: 40px;
	background: url( 'images/forward.png' ) no-repeat left;
}
.continue_link {
	background: url( 'images/arrow_left.png' ) no-repeat left;
}
.next_page {
	background: url( 'images/next.png' ) no-repeat right;
	padding-right: 40px;
	line-height: 30px;
	float: right;
	width: auto;
}
.previous_page {
	background: url( 'images/prev.png' ) no-repeat left;
	padding-left: 40px;
	line-height: 30px;
	float: left;
	width: auto;
}

/* This is the text box informing customers about your returns policy */
.legalinfo {
	background: #d3d3d3;
	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 {
	margin:10px;
	width:10%;
	float:right;
	display: none;
}

.product_price{
	font-weight: bold;
	white-space: nowrap;
	background-color: #689744;
	padding: 6px 10px;
	color: #FFF;
	border-right: 1px solid #EEF5E9;
	border-bottom: 1px solid #EEF5E9;
}

	#vmMainPage .related{
		background-image: none;
	}
		#vmMainPage .related .rel_product{
			background-color: #FFF;
			text-align: center;
			padding: 4px;
			display: inline-block;
			border: 1px solid #D3D3D3;
			width: 185px;
			vertical-align: top;
		}
			#vmMainPage .related .rel_product a img{
				max-width: 150px;
			}
		.lt-ie8 #vmMainPage .related .rel_product{
			display: inline;
			zoom:1;
		}
		#vmMainPage .related .rel_product .add_to_cart br{
			display: none;
		}
		#vmMainPage .related .rel_product .product_name{
			background-color: #878787;
			padding: 3px 10px;
		}
		#vmMainPage .related .rel_product .product_name a{
			color: #FFF;
			line-height: 1.1em;
		}

.productPrice {
}
.product-Old-Price {
	color:red;
	text-decoration:line-through;
}
/** BROWSE PRODUCTS STYLES **/

.browseProductContainer {
	padding: 10px;
	vertical-align: top;
	background-color: #F3F3F3;
	margin: 10px 0px;
	border-bottom: 2px solid #CCCCCC;
	position: relative;
	box-sizing: border-box;
}
.browseProductContainer .browsePriceContainer{
	display: inline-block;
	padding: 3px 10px;
	background-color: #528C10;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: none;
	width: auto;
}

.browseProductTitle {
	font-size: 20px; 
	padding: 3px;
	margin-top: 3px;
	width: 55%;
	line-height: 1em;
}
.browseProductTitle a{
	color: #000;
}
.browseProductImageContainer {
	position: absolute;
	right: 10px;
	top: 0;
	width: auto;
	margin: 5px;
	padding: 5px;
	background-color: #FFF;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.browseProductDetailsContainer {
	float: left;
	width: 70%;
}
.browseProductDescription {
	margin-top: 5px;
	width:50%;
}
.browsePriceContainer {
	float: left;
	margin: 7px 5px 7px 0px;
	width:20%;
}
.browseAddToCartContainer {
	width:30%;
	text-align:center
}
.browseAddToCartContainer input.quantity_box_button{
	background-color: #D5D5D5;
	border: none;
	padding: 5px;
	font-size: 1.1em;
	margin: 0px 0px;
	color: #FFF;
	height: 20px;
	width: 20px;
	border-right: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}
.browseRatingContainer {
	float: left;
	width: 1%;
	margin: 0px;
	white-space: nowrap;
	display: none;
}

/** 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;
 	color: black; 
	background-position:left 5px;
	background-repeat:no-repeat;
	border-color:#AACCAA;
	border-style:dotted none;
	border-width:1px 0pt;
	font-weight: 900;
	margin:1pt 1pt 1em 1em;
	padding: 1em 1em 1.5em 48px;
}
.shop_error {
	background-image: url( images/error.gif );
}
.shop_warning {
	background-image: url( images/warning.png );
}
.shop_info, .shop_tip {
  	background-image: url( images/info.png );
}

.shop_debug {
	background-image: url( images/log_debug.png );

}
.shop_critical {
	font-weight: bold;
	background-image: url( images/log_critical.png );
}
/**
* Addtocart detail Styles
*/
.vmCartContainer { /* Cart Container */
	width: auto;
	float: left;
	background: #FFF;
	padding: 3px;
}

.vmCartChildHeading { /* Header for the cart */
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
}

.vmCartChild { /* Container for the Child Product */
	
	vertical-align: middle;
	border: 1px solid #000;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 2px;
	float:left;	
}

.vmChildDetail { /* Child Detail, description , attributes ,price, quantity etc */
	vertical-align: middle;
	margin-top: 6px;
}

.vmCartChildElement { /* Individual element styling */
	width: 100%;
	vertical-align: middle ;
	height: 25px;
	text-align: left;
	
}

.vmCartAttributes { /* Attributes Div*/
	
	margin-top:8px;
	width:100%;
}

.vmAttribChildDetail {  /* Product Attributes Styling */
	
}
	

.vmMultiple {
	height:35px;
}



.vmChildType { /* Product type div*/

width: 100%;
}

.vmClearDetail { /*Clear the divs afer child types*/
	clear: both;
}

.vmClearAttribs { /*Clear the divs before the attributes*/
	clear:both;
}
.vmRowOne { /* Odd Row One styling */
	background: #d3d3d3;	
}

.vmRowTwo { /* Even Row Styling */
	background: white;
}

/* 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
*/
.vmCartContainer_2up { /* Cart Container */
	width: 100%;
	float: left;
	background: #ADD8E6;
	border: 1px solid #000;
	padding: 3px;
}

.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: #ADD8E6;
	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: #d3d3d3;	
}

.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;
}
ul.pagination{
	margin-bottom: 0px;
}
.clr { clear: both; overflow:hidden; }

.product_photo{
	border: 2px solid #D3D3D3;	
	padding: 5px;
}
	.product_photo .extraimages{
		margin-top: 10px;
	}
		.product_photo .extraimages a{
			display: inline-block;
			border: 1px solid #D3D3D3;
		}
	#vmMainPage table td{
		background-color: #FFF;
		vertical-align: top;
	}
	#vmMainPage table a{
		text-decoration: none;
	}
	#vmMainPage table a.button{
		background-color: #878787;
		padding: 4px 15px 5px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		height: auto;
		display: inline-block;
		-webkit-box-shadow: none;	
		box-shadow: none;	
		-moz-box-shadow: none;	
		border: none;
		color: #FFF;
	}
	div#vmMainPage table tbody tr td table{
		background-image: url(images/texture-3.png);
	}
	div#vmMainPage .sectiontableheader th{
		background-image: url(images/texture-1.png);
		color: #FFF;
	}
	div#vmMainPage tr.sectiontableentry1 td{
		background-color: #F0F0EF;
	}
	div#vmMainPage tr.sectiontableentry1 form input[type=image]{
		position: relative;
		bottom: 5px;
	}
	div#vmMainPage hr{
		-moz-box-sizing: border-box;
		border: 0;
		background-color: lightgrey;
		display: block;
		height: 1px;
		margin: 0.5em auto;
		border-style: solid;
	}
	#vmMainPage .stretcher{
		background-image: url(images/texture-3.png);
		padding: 10px 5px !important;
	}
	#vmMainPage .stretcher label{
		display: inline-block;
		width: 130px;
		margin-right: 10px;
		margin-top: 10px;
	}
	#vmMainPage .formLabel label{
		display: inline-block;
		width: 130px;
		margin-right: 10px;
		margin-top: 10px;
	}
	#vmMainPage .stretcher label[for=register_account]{
		width: 200px;
		margin-top: 0px;
	}
	#vmMainPage #agreed_div label{
		margin-top: 0px;
	}
	#vmMainPage .stretcher input[type=text],
	#vmMainPage .stretcher input[type=password]{
		padding: 4px;
	}
	#vmMainPage .stretcher input[type=submit]{
		padding: 3px 20px;
		font-weight: bold;
	}

.categorychildlist{
	border-collapse: separate;
	border-spacing: 1px 1px;
	/*background-color: #D3D3D3;*/
}	
.categorychildlist td{
	background-color: #FFF;
	text-align: center;
	padding: 2px;
        border: 1px solid #D3D3D3;;
}
.categorychildlist td a{
	display: block;
	padding: 5px;
	border-top: 1px solid #D3D3D3;
	line-height: 1.1em;
	background-color: #F2F2F2;
	min-height: 27px;
}
	.categorychildlist td .category_thumb_image{
		min-height: 90px;
	}

.featured_product{
	padding: 5px;
	margin-right: 0px;
	margin-left: -1px;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #D3D3D3;
	position: relative;
	box-sizing: border-box;	
}	
.featured_product .product_image{
	text-align: center;
	display: block;
	background-color: #FFF;
	margin-top: 0px;
	padding-top: 10px;
}	
#vmMainPage .featured_product a.featured_product_title {
	display: block;
	height: 44px;
	text-decoration: none;
}	
#vmMainPage .featured_product .h4{
	background-image: none;
	border-bottom: 1px solid #528C10;
	background-color: #878787;
	color: #FFF;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 0px;
	height: inherit;
}	
#vmMainPage .featured_product .productPrice{
	display: block;
	padding: 6px 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #689744;
}	
#vmMainPage .featured_product p{
	margin: 10px;
}
.center{
	text-align: center;
}
.account_index{
	
}	
.account_index td img{
	float: left;
	margin-right: 15px;
}	
div#vmMainPage .account_index hr{
	margin-bottom: 1em;
	clear: both;
}
.checkoutbar{
	border: 1px solid #D8D8D8;
}	
.checkoutbar a{
	display: block;
	background-color: #528C10;
	color: #FFF;
	text-align: center;
	padding: 3px 15px;
}	
.checkoutbar a{
	vertical-align: middle;
}

.customer_info{
	border-collapse: separate;
	border-spacing: 1px 1px;
	background-color: #D8D8D8;
}	
.customer_info td{
	background-color: #FFF;
}	
.get_final_confirmation{
	border-collapse: separate;
	border-spacing: 1px 1px;
	background-color: #D8D8D8;
}	
.get_final_confirmation td{
	background-color: #FFF;
}

.sort_icon{
	position: relative;
	top: 3px;
}

.product_info h1{
	font-size: 2.2em;
}

/* Featured Products module */

.featured_prod {
	margin-bottom: 10px;
	margin-left: -1px;
	float: left;
	border: 1px solid #CCC;
	padding: 5px;
}
.featured_prod .product_name {
	background-color: #878787;
	padding: 3px 10px;
	text-align: center;
	height: 36px;
}
/*.featured_prod .product_name:before {
	content:" ";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}*/
.featured_prod .product_name a{
	color: #FFF;
}
.featured_prod .product_image {
	width: 100%;
	text-align: center;
	vertical-align: baseline;
}
.featured_prod .product_price {
	background-color: #689744;
	border-bottom: 1px solid #EEF5E9;
	border-right: 1px solid #EEF5E9;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 10px;
}
.featured_prod .product_image img {
	margin: auto;
}
.featured_prod .product_price, .featured_prod .add_to_cart{
	text-align: center;
}
.featured_prod .addtocart_button_module {
	background-color: #878787;
	font-size: 0.9em;
	margin: 10px 0px 5px;
	color: #FFF;
	background-image: url("../images/cart_add.png");
	background-position: 3px 2px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #616161;
	border-left: 1px solid #989898;
	border-radius: 3px 3px 3px 3px;
	border-top: 1px solid #989898;
	padding: 4px 15px 5px 30px;
}

#user5 .vmCartModule {
	height: 150px;
}
	#vmMainPage table{
		width: auto !important;
	}
	#vmMainPage>table{
		margin-top: 10px;
		border-spacing: 1px;
	}
	#vmMainPage h3{
		margin-top: 10px;
	}
	#vmMainPage>h1{
		background-image: url("../images/h3.png");
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 7px;
		padding-bottom: 3px;
		line-height: 1.5em;
		color: #679539;
		font-size: 2.1em;
		margin-bottom: 0.5em;		
	}
	#vmMainPage>h3{
		background-image: url("../images/h3.png");
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 10px;
		line-height: 1.5em;
	}
	#vmMainPage>div.h3{
		background-image: url("../images/h3.png");
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 7px;
		padding-bottom: 3px;
		line-height: 1.5em;
		font-size: 2em;
		margin-bottom: 0.75em;
	}
	
	#vmMainPage div.h3{
		background-image: url("../images/h3.png");
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 12px;
		padding-bottom: 10px;
		line-height: 1em;
		font-size: 1.7em;
		margin-bottom: 0.75em;
	}
	#vmMainPage h4{
		background-image: url("../images/category.png");
		background-repeat: no-repeat;
		padding-left: 25px;
		background-position: left 2px;
	}