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

/*Login-Registration-Form*/
div.stretcher {width:600px;}

/*Payment Methods*/
h4.payment {margin:30px 0 5px; border-bottom:1px solid #787878;}
ul.payment_method{list-style:none; margin-bottom: 20px;}
ul.payment_method li{ margin-bottom:5px;}
ul.payment_method .inputbox{width:200px;}


/*Tabellen*/
#content table{border-collapse:collapse; color:#fff; width:600px;}
#content th{background-color:#333333; padding:5px; border:1px solid #787878;}
#content td{color:#787878; border:1px solid #787878;}

/*
General Form Styling
*/
input#searchfield{padding:3px;}

.formLabel {
	float:left;
	width:30%;
	text-align:right;
	font-weight: bold;
	margin: 2px;
	white-space: nowrap;
	clear: left;
	vertical-align: middle;
	margin-top: 8px;
}

.formField {
	float:left;
	width:60%;
	margin: 2px;
	vertical-align: middle;
	margin-top: 8px;
	
}
.formField select, .formField input {
	width:250px;	
}
.missing {color:#990000; font-weight:bold; font-style:italic;}

fieldset {border:none;}

input{font-size:1em;}


/*Warenkorb*/
table#mybasket {}
.sectiontableheader h2 {margin-top:20px;}
.sectiontableentry0 {background-color:#FFF;}
.sectiontableentry1 {background-color:#F5F5F5;}
.sectiontableentry2 {background-color:#DDDDDD;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td {padding:5px 5px;}
#cart_headline{display:none;}

table#coupon_table{margin-top:10px; text-align:right;}

input#qt_update_field, input#update_button, input#delete_button {float:left; margin-left:5px;}
input#qt_update_field {height:12px;}

span#minimum_price_msg {font-weight:bold; margin-left:20px;}


/*Benutzer-Informationen unter Warenkorb*/
h4#customer_info_title{margin-top:20px; text-decoration:underline;}
ul#customer_info_list{margin-top:10px; list-style:none; padding-bottom:10px;}
ul li div.fixed_width{float:left; width:150px; font-weight:bold;}

/*Shipping-Informationen unter Warenkorb*/
h4#shipping_select{margin-top:30px; text-decoration:underline;}
ul#select_shipping_address{margin-top:10px; list-style:none;}
ul#select_shipping_address li {margin-bottom:10px;}

/*Shipto-Selection-Tabelle unter Warenkorb*/
table#shipto_table{}

/*Order Confirmation Page*/
h2#important_note {color:#760101; margin:25px 0; border-bottom:1px solid #760101;}
textarea#customer_note{width:400px; background-color:#F5F5F5; border:none; padding:15px; overflow:hidden;}
h4#confirm_shipping_address, h4#confirm_shipping_method, h4#confirm_payment, h4#confirm_note {border-bottom:none; margin-top:20px;}
/* This is the text box informing customers about your returns policy */
#legalinfo {
	background-color:#F5F5F5;
	color:#999999;
	padding: 15px;
	margin-top:15px;
	width:570px;
}
div#i_agree {text-align:left; margin-top:15px;}
div#order_confirm_button {text-align:left; margin-top:15px; margin-bottom:50px;}

/* Danke  am Ende der Bestellung */
div#thanks {width:600px;}



/* ---- UNTERKATEGORIE Übersicht (Innerhalb einer Kategorie werden die zugehörigen Produkte aufgelistet) ------ */
div#product_list {}
h1#top_level_categories {display:none;}
div.seitenbeschreibung {width:600px;}
div.product_list_item {float:left; width:600px; padding-bottom:50px;}
div.browse_picture {float:left; margin-right:20px;}

/* Produktdetails anzeigen Link */
.product_details {font-weight:bold; border-top:1px solid #787878; text-align:right; padding-top:7px;}


/* ---- EINZELPRODUKT Übersicht ------ */

#single_product_box{}

#sp_pictures{width:200px; float:left;}
#sp_pictures #additional_pictures {padding-left:19px; padding-top:2px;}
#sp_pictures #additional_pictures img {border:1px solid #f1f1f1; margin-right:4px; margin-bottom:8px;}
#sp_pictures #additional_pictures a:hover img {border-color:#760101;}

div#sp_info_column{width:380px; float:left;  margin-left:20px; padding-top:20px;}
div#sp_info_column div{width:380px;}
#sp_info_column h1{}

#sp_description h1{font-size:1em; padding-bottom: 5px;  border-bottom:1px solid #787878}
#sp_description p{font-size:1em; padding-top: 5px;}

/*Preisanzeige-Container*/
#sp_price {margin:20px 0 0px;}
#sp_price h4{text-transform:uppercase;}
span.price_style {}

/*Preis pro Einheit*/
.price_per_unit{}

/*Preis des Produkts*/
.productPrice {}
.product-Old-Price { color:red;	text-decoration:line-through;}

/*Verfügbarkeit*/
#sp_availability {}
h4.availabilityHeader {
	text-transform:uppercase;
	padding-top:20px;
}

/* add to Cart Container in der Produktansicht */
.vmCartContainer {
	margin-top:20px;
}

/* Zum Warenkorb hinzufügen Button*/
div#sp_add_to_cart {}

.addtocart_button, .notify_button {
	text-align:center;
	/*width:160px;height:30px;*/
	padding:2px 20px;
	cursor:pointer;
	/*border: none;*/
	font-weight:bold;
	font-family:inherit;
	font-size:1em;
	color:#760101;
	vertical-align: middle;
	text-transform:uppercase;
}
.addtocart_button {
	/*background: url( "themes/murdermod-mart/images/mdpc-add-to-cart.gif" ) no-repeat  center transparent;*/
}
.notify_button {
	/*background: url( "themes/murdermod-mart/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( "themes/murdermod-mart/images/transparent.gif" ) no-repeat  center transparent;
	vertical-align: middle;
	overflow:hidden;
	
}

input.addtocart_button_module:hover  {
	color: #333333;	
}
form.addtocart_form {
	width: 380px;
}
div.add_to_cart_container { width:380px; padding-top:10px;}







/* The quantity box beneath the "add to cart" button  */
.quantity_box {	
	vertical-align: middle;
}
.quantity_box_button {
	width:15px;
	vertical-align:middle;
	height:15px;
	background-repeat: no-repeat;
	background-position: center;
	background-color:#CCCCCC;
}
.quantity_box_button_down {
	background-image: url( "themes/murdermod-mart/images/down_small.gif" );
}
.quantity_box_button_up {
	background-image: url( "themes/murdermod-mart/images/up_small.gif" );
}

/*div mit continue-shopping-link ... checkout-link*/
div#continue_or_checkout{text-align:right; width:600px;}
.continue_link, .checkout_link {
	background-color:#760101;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1em;
	color:#fff;
}
.checkout_link {
	padding:5px 30px;
	border-left:1px solid #fff;
	/*background: url( "themes/murdermod-mart/images/forward.png" ) no-repeat left;*/
}
.continue_link {
	padding:5px 30px;
	/*background: url( "themes/murdermod-mart/images/back.png" ) no-repeat left;*/
}
.next_page {
	background: url( "themes/murdermod-mart/images/next_16x16.png" ) no-repeat right;
	padding-right: 30px;
	line-height: 20px;
	float: right;
	width: auto;
}
.previous_page {
	background: url( "themes/murdermod-mart/images/previous_16x16.png" ) no-repeat left;
	padding-left: 30px;
	line-height: 20px;
	float: left;
	width: auto;
}

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;
}


/** BROWSE PRODUCTS STYLES (edited from me)**/
.browseProductContainer {

}

.browseProductTitle {
	font-size: 16px; 
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
	width: 30%;
	float: left;
}
.browseProductImageContainer {
	float: left;
	width: auto;
	margin: 3px;
}
.browseProductDetailsContainer {
	float: left;
	width: 70%;
}
.browseProductDescription {
	margin-top: 40px;
	width:50%;
}
.browsePriceContainer {
	float: left;
	margin: 5px;
	width:20%;
}
.browseAddToCartContainer {
	width:30%;
	text-align:center
}
.browseRatingContainer {
	float: left;
	width:25%;
	margin: 3px;
	white-space: nowrap;
}

/** Flypage Styles **/
.thumbnailListContainer {
	text-align: center;
	width: 200px;
	height: 200px;
	overflow: auto;
}



/**
* 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%;
}





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

.vmCartChild { /* Container for the Child Product ... Produktoptionen*/
	background-color:#CCCCCC;
}

.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;
	
}



/*container, der alle Optionen bei einem Produkt umschließt */
.vmCartAttributes { /* Attributes Div*/
margin-bottom:20px;
}

/*container, der jede einzelne Option umschließt */
div.all_product_options {}

/*label für eine Option */
div.all_product_options label {float:left; width:100px;}

/*auswahlfeld für eine Option*/
select.inputboxattrib {
width:250px;
margin-bottom:7px;
}


	

.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 */	
}

.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;
}

.quantitycheckbox {
	margin-top: 6px;
	vertical-align: middle;
}	

/**
* Addtocart detail Styles for placing attributes beside product_types
*/
.vmCartContainer_2up { /* Cart Container */
	width: 100%;
	float: left;
	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*/
	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 */
}

.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;
}

#category_overview {
	margin: auto;
	width: 425px;
}