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

#vmMainPage {
	position:relative;}


#vmMainPage h3 {
	margin:0em .5em .5em;
	line-height:1.0em;}
	#vmMainPage h3 img {
		margin:0}
	
	
/* General Shop Styles here please */
.addtocart_button, .notify_button {
	text-align:center;
	width:140px;
	height:29px;
	line-height:27px;
	cursor:pointer;
	border: none;
	color:#FFD11B;
	font-family:inherit;
	overflow:hidden;
}
.addtocart_button {
	background: url( 'images/add-to-cart.png' ) no-repeat  top transparent;
}
.notify_button {
	background: url( 'images/notify_blue.gif' ) no-repeat  center transparent;
}
.addtocart_button_module {
	text-align:center;
	background-position:bottom left;
	width:160px;height:30px;
	cursor:pointer;
	color: #000000;
	border: none;
	font-weight:bold;
	font-family:inherit;
	background: url( 'images/transparent.gif' ) no-repeat  center transparent;
	vertical-align: middle;
	overflow:hidden;
	
}

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:16px;
	vertical-align:middle;
	height:16px;
	border:none;
	cursor:pointer;
	background:none;}
   
   
.quantity_box_button_down {
	background-image: url(images/quantity_box_button_down.png);
}
.quantity_box_button_up {
	background-image: url(images/quantity_box_button_up.png);
}


/* Checkout and Continue Links */
.checkoutarea {
	border:1px solid #D9D9D9;
	width:99%;
	margin:25px 0 0 1px;
	background:#F0F0F0;
	padding:10px 0}
	
	a.checkout_link,
	#vmMainPage .button {
		float:right;
		border:none;
		cursor:pointer;
		margin:0 15px 0 0;
		display:block;
		height:29px;
		text-align:center;
		line-height:28px;
		color:#fff!important;
		background: url(images/checkout.png) no-repeat top;
		width:120px!important;
		text-decoration:none!important;}
		.checkout_link:hover,
		#vmMainPage .button:hover{
			background-position:bottom;}
	
	
a.continue_link {
	background: url(images/continue.png) no-repeat top left;
	padding-left: 22px;
	line-height: 16px;
	margin-left:15px;
	margin-top:6px;
	color:#666!important;
	float: left;}
	a.continue_link:hover {	
		text-decoration:none;
		background-position:bottom left;}


/* Previous - Next Buttons */
a.next_page {
	background: url(images/next_page.png) no-repeat top right;
	padding-right: 25px;
	line-height: 20px;
	height:20px;
	float: right;
	margin-right:25px;
	margin-bottom:12px;}
	a.next_page:hover {
		text-decoration:none;
		background-position:bottom right}
	
a.previous_page {
	background: url(images/previous_page.png) no-repeat top left;
	padding-left: 25px;
	line-height: 20px;
	height:20px;
	margin-bottom:12px;
	float: left;}
	a.previous_page:hover {	
		text-decoration:none;
		background-position:bottom left;}
		
		
/* 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;
		margin:0}

/* The PDF, Email and Print buttons */
div.buttons_heading {
	margin:0 5px 0 0;
	float:right;}
	div.buttons_heading img  {
		margin:0 7px 0 0;}


.product-Old-Price {
	color:red;
	text-decoration:line-through;
}


/* Browse Categories
--------------------------*/
#vmMainPage .vm-module {
	margin-bottom:30px;
	margin-right:10px;
	clear:both;
	position:relative;
	overflow:hidden;
	text-align:center;
	background: url(images/col-module_br.png) no-repeat bottom right;}
	#vmMainPage .vm-module div {
		padding: 0;
		background: url(images/col-module_bl.png) no-repeat bottom left;}
		#vmMainPage .vm-module div div {
			padding: 0;
			background: url(images/col-module_tr.png) no-repeat top right;}
			#vmMainPage .vm-module div div div{
				padding: 0;
				background: url(images/col-module_tl.png) no-repeat top left;}
				#vmMainPage .vm-module div div div div {
					margin: 0;
					padding: 10px;
					overflow:hidden;
					background: none;}
					#vmMainPage .vm-module div div div div div {
						padding:0}
					#vmMainPage .vm-module h3 {
						margin:-8px 0 6px 0;
						line-height:32px;
						border-bottom:1px dashed #D1D1D1;
						white-space:nowrap;
						padding:0;
						font-size:1em;
						font-weight:bold;}



#VM_categories {
	margin-right:-15px;
	overflow:hidden;
	margin-bottom:25px;}

#VM_categories .fixheight {
	height:150px;}

#VM_categories img {
	margin:10px 0 0;
	text-align:center;
	float:none;}

#VM_categories .vm-module  {
	margin-bottom:10px}
							
/* Browse Products 
--------------------------*/
#product_list {
	margin-right:-18px;}

	.browseProductImageContainer {
		height:110px;
		text-align:center;}
		.browseProductImageContainer img {
			float:none;
			margin:8px 0 0 0 ;}
		
.browseProductDetailsContainer {
	float: left;
	width: 70%;}
	
	.browseProductDescription {
		text-align:left;}
		
	.browsePriceContainer {
		text-align:center;
		font-size:1.45em;
		color:#222;
		border-bottom:1px dotted #ccc;
		height:35px;
		margin-bottom:10px!important;}
		.productPrice {
			white-space: nowrap;}
	
	div.browseAddToCartContainer {
		text-align:center;
		border-top:1px dotted #ccc;
		padding-top:15px!important;
		margin-top:15px!important;}
		
		div.browseAddToCartContainer button {
			margin-top:10px}
		
		
		
	.browseRatingContainer {
		text-align:center!important;
		height:0px;
		margin-top:0px!important;}
		.browseRatingContainer span.contentpagetitle {
			color:#999}
		.browseRatingContainer img {
			float:left;
			margin:0 20px 5px 55px;
			text-align:center}


/* Order By */
.order_by {
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	background:#F3F3EF;
	margin:20px 0 20px;
	padding:0 10px;
	clear:both;
	position:relative;
	height:45px}
	
	.order_by .PagesCounter {
		padding-top:13px;
		font-size:1.2em;}
		
	.order_by form {
		display:inline;
		padding-left:30px;}
	
	.order_by img {
		float:none;
		margin:15px 0 0}
	
	.order_by .inputbox {
		width:120px}




/* Flypage Styles 
--------------------------*/
#product_page {
	margin-right:-10px}

#product_page #product_image {
	float:left;
	width:22%;
	padding-top:15px}
	#product_page #product_image a {
		color:#005C7A;}


#product_page #product_description {
	float:left;
	text-align:left;
	width:50%;
	padding:0 10px;
	border-left:1px dashed #ccc;
	border-right:1px dashed #ccc}
	
	 #product_description a.button {
		float:none!important;
		border:none;
		padding:0 0 0 10px!important;
		cursor:pointer;
		margin:0!important;
		display:block!important;
		height:auto;
		text-align:left;
		line-height:1.85em;
		color:#777!important;
		background:none;
		width:auto!important;
		text-decoration:none!important;}
		 #product_description a.button:hover {
			 color:#222!important;}

		#product_description p.readmore {
			border:1px solid #f0f0f0;
			background:#F3F3EF;
			padding:2px 15px 2px 5px;
			}
	

#product_page #product_price {
	float:right;
	width:23%;}
	#product_page #product_price .productPrice {
			white-space: nowrap;
			font-size:1.7em;
			line-height:1.8em;}



/*
General Form Styling
*/
.formLabel {
	float:left;
	width:30%;
	text-align:right;
	font-weight: bold;
	margin: 10px 10px 0 0;
	white-space: nowrap;
	clear: left;
	vertical-align: middle;
}

#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;
	position:relative;
	background-position:left center;
	background-repeat:no-repeat;
	border-color:#AACCAA;
	border-style:dotted none;
	border-width:1px 0pt;
	font-weight:bold;
	line-height:4em;
	margin:1em 0;
	padding:0 1em 0 50px;
}
.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 button {
	padding:3px 0 3px 0;
        margin-top:12px;
}
	
	



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

.vmCartChild { /* Container for the Child Product */
	text-align:center;}

.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 {
	border:1px solid #ccc;
	width:35px;
	vertical-align:middle;
	margin-right:5px;
	padding:1px 2px;
	margin-left:5px}
	
.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;
}

/* Pagination */
ul.pagination {
	float:left;
	margin:11px 0 0;}
	ul.pagination li {
		float:left;
		list-style-type:none;
		margin-right:2px;}
		ul.pagination li a,
		ul.pagination li span.pagenav{
			padding:0 7px;
			float:left;
			display:block;
			background:#fff;
			color:#555;
			border:1px solid #D9D9D9}
			ul.pagination li a {
				color:#005C7A;}
			ul.pagination li a:hover {
				text-decoration:none;
				background:#333;
				border-color:#333;
				color:#ccc}
				
				
.clr { clear: both; overflow:hidden; }

/* BlockQuotes */
blockquote {
	border:1px dotted #dedede!important;
	background:#F7F7F7!important;
	position:relative;
	overflow:hidden;
	margin:14px 0 35px 20px!important;
	padding:10px!important;}
	
	
	

/* Basket Styles */
#vmMainPage table.custom {
	width:99%;}
	
#vmMainPage table.custom tr.sectiontableentry2 td	{
	background:#F7F7F7;}


#vmMainPage table.custom input { vertical-align:middle!important}


/* Coupon code */
#vmMainPage #couponcode_field {
	margin-bottom:20px}
	
#vmMainPage #couponcode_field .inputbox {
	width:170px}
#vmMainPage #couponcode_field .button {
	background:#F2F2F2;
	color:#777!important;
	float:none;
	height:auto!important;
	display:inline;
	cursor:pointer;
	padding:2px 10px!important;
	border:1px solid #DEDEDE}
	#vmMainPage #couponcode_field .button:hover {
		color:#333!important;}