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

/*
  Kleuren: het standaard Topledshop groen: #96cf3d
  voor de H2 Headers, het donkergroen:     #6e982d
  Voor (Links) donkergroen in de teksten:  #47621c
 */

/* VIRTUEMART
----------------------------------------------------------- */

/* browse product overview */

.Browse2ProductContainer {
	width:           325px;
    float:           left;
    height:          295px;
	margin:          3px 0px 0px 0px;
	border:          1px solid #ebebeb;
}
.Browse2ProductTitle {
	margin:          0px 0px 15px 0px;
	padding:         9px 0px 0px 0px;
	width:           100%;
	height:          35px;
	background:      url( "themes/topledlayout/images/title-H35.jpg" ) repeat-x top left;
	border-bottom:   1px solid ##eaeaea; 
}
.Browse2ProductTitleIn {
	margin:          8px 0px 0px 0px;
	padding:         0px 0px 0px 4px;
	font-size:       13px;
	color:           #6e982d;
	vertical-align:  bottom;
	font-weight:     bold;	
}
h2.Browse2ProductHeading {
	font-size:       13px;
	color:           #6e982d;
	font-weight:     bold;
	text-shadow:     0 0 0.1em #c1b8c3;
}
.Browse2ProductPhoto {
	float:           left;
	width:           50%;
	height:          140px;
	padding:         0px 0px 0px 5px;
	vertical-align:  top;	
}
.Browse2ProductDescription {
	float:           left;
	width:           48%;
	height:          140px;
}
.Browse2ProductPrice {
	float:          left;
	width:          44%;
	height:         40px;
	text-align:     left;
	padding:        0px 0px 0px 20px;
	font-size:      medium;
	font-weight:    bold;
	vertical-align: text-bottom; 
}
.Browse2ProductMoreInfo {
	float:          left;
	width:          40%;
	height:         30px;
	color:          #47621c;
	text-align:     right;
	text-decoration: underline;
}
.Browse2ProductAddCart {
	float:          left;
	width:          100%;
}
.Browse2ProductDimLogo, .B2PDL {
    margin-left:   -60px;	
    margin-top:    0px;	
    float:         left;	
}
/* End browse product overview */

/* Flypage overview, details of the product */

.flypage_LeftTop {
    width:           195px;
    height:          300px;
    vertical-align:  top;
}

.flypage_ProductImage {
    vertical-align:  top;
    height:          125px;
}
.flypage_AskSeller {
    vertical-align:  top;
}

.flypage_RightTop {
	width:           435px;
	height:          300px;
	vertical-align:  top;
}

.flypage_Logos {
    vertical-align:  top;
    float:           left;
	padding:         2px 2px 2px 2px;
}

.flypage_SellingPoints {
    height:          115px;
    vertical-align:  top;
    border:          1px solid #ccc;
	padding:         5px 5px 5px 2px;
}

.flypage_VerzendKosten {
	vertical-align:  top;
	color:           #6e982d;
	text-align:      right;
}

.flypage_PrijsWord {
  	vertical-align:  top;
    font-size:       15px;
    padding-right:   2px;
    padding-left:    3px;
}

.flypage_PrijsAmount {
    vertical-align:  top;
    font-size:       15px;
    padding-right:   10px;
    padding-left:    1px; 
    text-align:      right;
}

.flypage_LeverSnelheid {
    vertical-align:  top;
    color:           #6e982d;
    text-align:      right;
}

.flypage_ProductAvailability {
	vertical-align:  center;
	color:           #6e982d;
	text-align:      right;
}

.flypage_AddToCartButton {
    text-align:      right;
	float:           right;
	background-color:#C93;
}

.flypage_GeneriekText {
    vertical-align:  top;
	padding:         0px 0px 30px 5px;
}

.flypage_GarantieArea {
    vertical-align:  top;	
	width:           213px;     
}

.flypage_GarantieBox {
	width:           165px;     
	margin-left:     48px;
	border:          1px solid #ccc;
	text-align:      left;
	padding-left:    4px; 
	padding-bottom:  7px;
}

.flypage_GarantieHeader {
	color:           #000;
	margin-top:      10px;
	text-align:      center;
}

.productcategoriecontainer {
	margin:          0px 0px 5px 0px; 
	position:        relative; 
	width:           100%;
	height:          180px;
	background:      #fff;
	border:          1px solid #eaeaea; 
}

.productcategorietitle {
	margin:          0 auto;
/*	position:        relative; */
	width:           100%;
	height:          40px;
	background:      url( "themes/topledlayout/images/title.png" ) repeat-x top left;
	border-bottom:   1px solid #eaeaea; 
}

.productcategorietitlein {
	margin:          0 auto; 
/*	position: relative; */
	padding:         10px;
	font-size:       14px;
	color:           #6e982d;
	vertical-align:  top;
	font-weight:     bold;
	background:      none;
}

.productcategoriephoto {
	padding:         10px 0px 0px 5px;
	margin:          0;
	float:           left;
	width:           40%;
	vertical-align:  middle;
}

.productcategorietext {
	margin:          0;
	padding-top:     10px;
	padding-right:   8px;
	padding-bottom:  0px;
	padding-left:    0px;
	float:           right;
	width:           27%;
	vertical-align:  middle;
    text-align:      justify;
}

.productbrowse {
	width: 100%;
	height: 210px;
}

.productlargeimagelink {
	text-align:      center;
	color:           #47621c;
}
	
.productcontainer {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 210px;
	background: #fff;
	border: 1px solid #eaeaea;
}

.producttitle {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 40px;
	background: url( "themes/topledlayout/images/title.png" ) repeat-x top left;
	border-bottom: 1px solid #eaeaea;
}

.producttitlein {
	margin: 0 auto;
	position: relative;
	padding: 10px;
}

.productphoto {
	padding: 0;
	margin: 0;
	float: left;
	width: 30%;
	vertical-align:middle;
}

.producttext {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 45%;
	vertical-align:middle;
	text-align: justify;
}

.productline1 {
	margin: 5px 5px 5px 5px;
	padding-top: 10px;
	position: relative;
}

.productline3 {
	margin: 10px 0px 0px 0px;
	color: #96cf3d;
}

.productline4 {
	margin:      15px 0px 0px 0px;
	padding-top: 40px;
}

.productOrderArea {
	margin:      10px 0px 0px 0px;
}

.ProductMoreInformation, a.ProductMoreInformation {
	margin: 10px 0px 0px 0px;
	color:  #47621c;
	text-decoration: underline;
}

.productorder {
	padding: 0;
	margin: 0;
	float: left;
	width: 25%;
	vertical-align:middle;
}

/* ----------------------------------------------------------- */
/*  Alles van de ge-relateerde producten.                      */
/* ----------------------------------------------------------- */

/* voor de ge-relateerde producten, het hele gebied */
.RelatedProductsArea {
	padding:        0px 0px 0px 0px;
	height:         240px;
	position:       relative;
	width:          209px;
	float:          left; 
	border:         1px solid #eaeaea;
}
/* het titel gebied */
.RelatedProductsTitle {
	padding:        4px 0px 0px 0px;
	width:          100%;
	height:         36px;
	background:     url( "themes/topledlayout/images/title.png" ) repeat-x top left;
	vertical-align: bottom;
	color:          #47621c; 
	border-bottom:  1px solid #eaeaea;
}
.RelatedProductsTitleText, a.RelatedProductsTitleText {
	padding:        0px 5px 0px 5px;
	font-size:      14px;
	text-align:     center;
	vertical-align: bottom;
	color:          #47621c; 
}

/* het gebied van de foto  */
.RelatedProductsImage {
	min-height:     150px;
	margin-top:     10px;
	padding:        0px 0px 0px 10px;
	text-align:     center;
}

/* de tekst in het gebied */
.RelatedProductsText {
	border:         1px solid #eaeaea;
	vertical-align: bottom;
}
/* de bestel button */
.RelatedProductOrderButton {
	float:      right;
	position:   0px;
}
/* de prijs van het product */
.ProductRelatedPrice {
    padding:     9px;
    font-weight: 600;
	font-size:   small;
	float:       left;
	vertical-align: top;
	margin:      -18px 0px 0px 0px;
}

/* ---------------------------------------------------- */
/* Einde gebied van related products					*/
/* ---------------------------------------------------- */

.producttextdesc {
	margin: 0 auto;
	position: relative;
	text-align: justify;
}

a.productbrowse {
	font-size: 18px;
	color: #47621c;
	font-weight: bold;
	background: none;
}

a.productbrowse:hover, a.productbrowse:active, a.productbrowse:focus {
	color: #96cf3d;
	text-decoration: underline;
}

/* General Shop Styles here please */
.addtocart_button {
	text-align:             center;
	background-position:    bottom right;
	width:                  150px; 
	height:                 30px;
	cursor:                 pointer;
	border:                 none;
	font-weight:            bold;
	color:                  #25330f;
	font-family:            inherit;
    font-size:              15px;
    text-shadow:            0 0 0.1em #c1b8c3;
	vertical-align:         middle;
	overflow:               hidden;
	margin:                 10px 0px 10px 10px;
	padding:                0px 0px 0px 0px;
	background: url( "themes/topledlayout/images/add-to-cart_green_new.gif" ) no-repeat  center transparent;
}

.notify_button {
	text-align:             center;
	background-position:    bottom right;
	width:                  180px; 
	height:                 30px;
	cursor:                 pointer;
	border:                 none;
	font-weight:            bold;
	color:                  #25330f;
	font-family:            inherit;
    font-size:              15px;
    text-shadow:            0 0 0.1em #c1b8c3;
	vertical-align:         middle;
	overflow:               hidden;
	margin:                 10px 0px 10px 125px;
	padding:                0px 0px 0px 0px;
	background: url( "themes/topledlayout/images/notify_green_new.gif" ) no-repeat  center transparent;
}

.addtocart_button_module {
	text-align:           center;
	background-position:  bottom left;
	width:                149px;
	height:               30px;
	cursor:               pointer;
	border:               none;
	font-weight:          bold;
	font-family:          inherit;
	background:           url( "themes/topledlayout/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;
	margin:           5px;
}
.quantity_box_button {
	width:               10px;
	vertical-align:      middle;
	height:              15px;
	background-repeat:   no-repeat;
	background-position: center;
}
.quantity_box_button_down {
	background-image: url( "themes/topledlayout/images/down_small.gif" );
}
.quantity_box_button_up {
	background-image: url( "themes/topledlayout/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/topledlayout/images/forward.png" ) no-repeat left;
}
.continue_link {
	background: url( "themes/topledlayout/images/back.png" ) no-repeat left;
}
.next_page {
	background: url( "themes/topledlayout/images/next_16x16.png" ) no-repeat right;
	padding-right: 30px;
	line-height: 20px;
	float: right;
	width: auto;
}
.previous_page {
	background: url( "themes/topledlayout/images/previous_16x16.png" ) no-repeat left;
	padding-left: 30px;
	line-height: 20px;
	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:  40px;
	float:  right;
}

/* dit wordt gebruikt bij de producten overzichtpagina en bij de single product snapshot (display in een artikel) */
/*.productPrice {
	margin: 0px 0px 0px 0px; 
	font-weight: bold; 
	font-size: 16px;
} */

/*.prodprice {
	color:red;
	margin: 0px 0px 0px 0px;
	border: 1px solid #eaeaea;
	font-weight: normal;
	font-size: x-small;
	text-align: left;
} */

.ProductOverviewPrice {
	margin:       5px 5px 5px 5px;
	padding-top:  10px;
	position:     relative;
	text-align:   right;
	font-size:    medium;
	font-weight:  bold;
	height:       60px;
}

.ProductSinglePrice {
	font-size:    medium;
	font-weight:  bold;
}

.ProductArtikelPrice {
}

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

.ProductOverviewContainer {
}


/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
	width:100%;
	padding: 3px 3px 3px 3px;
	vertical-align: top;
}

.browseProductTitle {
	font-size: 16px; 
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
	width: 30%;
	float: left;
}
/*.browseProductImage {
	float:    left;
	width:    auto;
	padding:  10px 0px 6px 6px;
}*/
.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;
}

/*
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; 
	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:0.5em 1em 1.5em 48px;
}
.shop_error {
	background-image: url( "themes/topledlayout/images/error.gif" );
}
.shop_warning {
	background-image: url( "themes/topledlayout/images/warning.png" );
}
.shop_info, .shop_tip {
  	background-image: url( "themes/topledlayout/images/info.png" );
}

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

}
.shop_critical {
	font-weight: bold;
	background-image: url( "themes/topledlayout/images/log_critical.png" );
}
/**
* Addtocart detail Styles
*/
.vmCartContainer { /* Cart Container */
	width: auto;
	float: left;
/*	background: #ADD8E6; 
	border: 1px solid #000; */
	background: #FFFFFF;
	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 */
	float: left;
	vertical-align: middle;
	/*	border: 1px solid #000;  Frank Meijs */
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 2px;
}

.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 */
	float:         left;
	margin_top:    5px;
    margin-right:  4px;
	margin-left:   9px;
}
	

.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;
}
.clr { clear: both; overflow:hidden; }