rendered paste body/**
* Main CSS file for the "thestore2" theme for VirtueMart
* @copyright 2006-2008 soeren
* @license GNU/GPL
*
*/
#vmMainPage {
padding-left:1px }
#vmMainPage h3 {
margin-bottom:0;
line-height:1.75em;}
#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: 30px;
line-height: 25px;
height:25px;
float: right;
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: 30px;
line-height: 25px;
height:25px;
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:5px 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:10px;
margin-right:5px;
margin-left:5px;
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 .fixheight {
height:150px;}
#VM_categories img {
margin:10px 0 0;
text-align:center;
float:none;}
/* Browse Products
--------------------------*/
#product_list {}
.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:62px;
margin-top:12px!important;}
.browseRatingContainer span.contentpagetitle {
color:#999}
.browseRatingContainer img {
float:left;
margin:0 20px 5px 25px;
text-align:center}
/* Order By */
.order_by {
border-top:1px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;
background:#F2F2F2;
margin:20px 5px 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 #product_image {
float:left;
width:20%;
padding-top:15px}
#product_page #product_image a {
color:#005C7A;}
#product_page #product_description {
float:left;
text-align:left;
width:55%;
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;}
html>body #product_description p.readmore {
width:205px!important;}
#product_page #product_price {
float:right;
width:20%;}
#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;
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-top:10px;}
.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;}