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

/* General Shop Styles here please */
.addtocart_button, .notify_button {
        text-align:center;
        background-position:bottom left;
        width:160px;height:30px;
        cursor:pointer;
        border: none;
        font-weight:bold;
        font-family:inherit;
        vertical-align: middle;
        overflow:hidden;
}
.addtocart_button {
        background: url( 'images/add-to-cart_blue.gif' ) no-repeat  center 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:10px;
        vertical-align:middle;
        height:10px;
        background-repeat: no-repeat;
        background-position: center;
   border:1px solid #000;
}
.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 2px;
        vertical-align: middle;
        font-weight: bold;
        font-size: 1.4em;
        width: 40%;
        font-weight: bold !important;
}
.continue_link {
        background: url( 'images/back.png' ) no-repeat left;
}*/
.cart_bottom {
        font-size: 130%;
}
.cart_bottom a {
        font-weight: bold !important;
}
.continue_link,
.checkout_link {
        padding: 20px;
}
.checkout_link {
        background: url( 'images/forward.png' ) no-repeat right;
        padding-right:30px;
}
.next_page {
        background: url( 'images/next_16x16.png' ) no-repeat right;
        padding-right: 30px;
        line-height: 20px;
        float: right;
        width: auto;
}
.previous_page {
        background: url( 'images/previous_16x16.png' ) no-repeat left;
        padding-left: 30px;
        line-height: 20px;
        float: left;
        width: auto;
}

.product_navigation {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
}

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

.productPrice {
        font-weight:bold;
        white-space: nowrap;
}
.product-Old-Price {
        color:red;
        text-decoration:line-through;
}
/** 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;
}
.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;
    color:black; 
        background-position:0 50%;
        background-repeat:no-repeat;
        /*border-color:#AACCAA;
        border-style:dotted none;
        border-width:1px 0pt;*/
        font-weight: 900;
        margin:0 0 20px 0;
        /*padding:0.5em 1em 1.5em 48px;*/
        padding-left: 48px;
        /*line-height: 30px;*/
        width: 50%;
        padding: 15px 0 15px 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: #ADD8E6;
        border: 1px solid #000;
        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 2px;
        display: inline;
        background: none;
}
.clr { clear: both; overflow:hidden; }




table.product_detail_table {
        width: 70%;
        border-collapse: collapse;
}
table.product_detail_table td.images {
        width: 30%;
}

table.product_detail_table td.images img {
        max-width: 100%;
}

table.product_detail_table h2, .addtocart_container h2 {
        font-weight: bold;
}
table.product_spec_table {
        border-collapse: collapse;
        width: 100%;
        margin-top: 20px;
}
table.product_spec_table th {
        background-color: black;
        color: white;
        text-align: left;
        font-size: 120%;
}
.row1 td,
.row1 th {
        background-color: #efefef;
}
table.product_spec_table td, table.product_spec_table th {
        padding: 5px;
}
table.product_spec_table td.heading {
        font-weight: bold;
        width: 30%;
}
table.addtocart_container td.heading {
        font-weight: bold;
}
div.right_box {
        
}
div.addtocart_container {
        float: right;
        width: 25%;
        border: 1px solid #ccc;
        padding: 20px;
        font-size: 110%;
}
div.addtocart_container table {
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
}
div.addtocart_container table th {
        text-align: left;
}
div.addtocart_container table th, div.addtocart_container table td {
        padding: 5px 0;
}
div.addtocart_container table.prices th {
        padding-right: 0;
}

div.addtocart_container table.quantity input.quantity {
        width: 80px;
        /*line-height: 40px;*/
        padding: 0;
        margin-right: 5px;
}

.addtocart_button {
        width: 81px;
        height: 45px;
        background: url('../../../../images/stories/addtobasket.gif') center center no-repeat;
        border: 0;
        cursor: pointer;
        text-indent: -2000em;
        margin-left: 15px;
}

table.prices.EUR,
table.prices.USD {
        display: none;
}

table.prices th {
        width: 50%;
}

.buttons_heading {display: none;}
.vmCartContainer {
        border: 0;
        background-color: transparent;
        width: 100%;
}
label.quantity_box {
        display: block;
        font-weight: bold;
}

select#currency_selector {
        padding: 4px;
        cursor: pointer;
}

div.product_docs {
        letter-spacing: 3px;
        text-align: center;
        margin-top: 20px;
}

tr.sectiontableheader th {
        border-bottom: 1px solid #ccc;
}

tr.sectiontableentry2 td {
        /*background-color: white;*/
}

.vmBreadcrumbs {
        margin-bottom: 20px;
}

.vmBreadcrumbs, .vmBreadcrumbs a {
        color: #aaa !important;
}

span.productPrice {
        display: none;
}

a.load_quantity {
        text-decoration: none !important;
        font-weight: bold !important;
}

a.load_quantity:hover {
        text-decoration: underline !important;
}

.cart_wrapper {
        width: 700px; 
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        border-left:1px solid #ccc;
        padding:15px;
        background-color:#efefef;
        position:relative;
}

.cart_wrapper.fullwidth {
        border:1px solid #ccc;
}

.cart_wrapper .cart_wrapper {
        width: inherit;
        border: 0;
        padding: inherit;
}

.cart_wrapper tr.sectiontableentry0 > td,
.cart_wrapper tr.sectiontableentry1 > td,
.cart_wrapper tr.sectiontableentry2 > td {
  padding: 4px 4px 4px 0;
}

.cart_wrapper tr.sectiontableheader th {
        height: 30px;

} 

.cart_wrapper #currency_selector {
        float:right;
        margin: 0;
}

td.quantityupdate input.inputbox {
        text-align: center;
        width: 50px;
        margin: 0;
}


td.quantityupdate input.update {
        vertical-align:top;
}

.update_col1,
.update_col2 {
        width:50%;
        float:left;
        text-align: center;
}

.product-row-check > td {
        border-top: 1px solid #ccc;
}

.product-row table.availability {
        border-collapse: collapse;
}

.product-row table.availability td.quantity {
        width: 35px;
}

#cart-relatedproducts {
        vertical-align:top;
        padding: 20px;
        border: 1px solid #ccc;
        /*width: 100%;*/
}

#cart-relatedwrapper {
        position: fixed;
        width: 227px;
}

.arrow-cell {
        position: relative;
}

.arrow-cell .related-arrow {
        position: absolute;
        right: -20px;
        top: 50%;
        width: 20px;
        height: 29px;
        margin-top: -15px;
        background: url('../../../../templates/willow/images/related-arrow.png') center center no-repeat;
        display: none;
}

.related-product-wrapper {
        display: none;
        
		position: absolute;
		right: -271px;
		top: -30px;
		width: 230px;
}

.related-product-wrapper h2 {
        margin-top: 0;
        font-weight: bold;
}

.related-product {
        clear:both;
        border-top: 1px solid #efefef;
        padding: 5px 0;
}

.related-product .image img {
        width: 29%;
        float: left;
}

.related-product .description {
        font-size: 90%;
        float: right;
        width: 68%;
        text-align: left;
}

.related-product .description strong {
        display: block;
        margin-bottom: 5px;
        font-size: 110%;
}

.accepted_cards {
        text-align: center;
        margin-top:30px;
        display: none;
}

.accepted_cards span {
        display: block;
        margin-bottom: 10px;
}

.checkout-bar span:first-child,
.checkout-bar a:first-child {
        display: block;
        padding-top:100px;
}

.account-edit {
        display: block;
        background-position: 0 50%;
        padding-left: 60px;
        line-height: 45px;
        background-repeat: no-repeat;
}

ul.addresses li {
        line-height: 190%;
}

.lightbox {
        display: none;
        background-color: white;
        padding: 20px;
        width: 400px;
        
}

.lightbox .close2 {
        float: right;
        display: block;
        font-weight: bold;
        background-color: #ddd;
        color: white;
        padding: 5px;
}

.requiredstar {
        color: red;
}

#alt_shipping_wrapper {
	position: absolute;
	margin-left: 500px;
	width: 430px;
	top: 300px;
	right: -250px;
}

#alt_shipping {
	background-color: white;
	box-shadow: 0 0 15px #ABABAB;
	padding: 20px;
	margin-top: 20px;
	clear: both;
	display: none;
}

#alt_shipping .formLabel {
	width: 40%;
}

#alt_shipping .formField {
	width: 50%;
}

#alt_shipping #alt_country_field,
#country_field {
	width: 217px;
}