/** 

* Main CSS file for the "default" theme for VirtueMart

* @copyright 2006-2008 soeren

* @license GNU/GPL

*

*/



/* General Shop Styles here please */

/* TEXT ELEMENTS **************************************************/
#content p { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; margin-top: 0pt; margin-right: 0pt; margin-left: 0pt; line-height: 130%; }
#content p.right		{ text-align: right; }
#content p.last      	{ margin-bottom:0; }
#content ul, #content ol      	{ margin: 0; list-style-type: none; }
#content a           	{  font: Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; outline: none; font-weight: none; }
#content a:hover     	{ text-decoration:none; }
#content blockquote  	{ margin: 1.5em 0 1.5em 1.5em;  font-style: italic; }
#content strong      	{ /*color: #5d6060;*/  font-weight: bold; }
#content ol          	{ list-style-type: decimal; }
#content dl          	{ margin: 1.5em 0; }
#content dl dt       	{ font-weight: none; }
#content table   { margin-bottom: 1.4em; /*border-top:0.1em solid #ddd; border-left:0.1em solid #ddd;*/  margin:0 auto; width:100%;}

#fptab content a {  font: Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; outline: none; font-weight: none; }

.addtocart_button, .notify_button {

	text-align:center;

	background-position:bottom left;

	width:230px;height:30px;

	cursor:pointer;

	border: none;

	font-weight:bold;

	vertical-align: middle;


}

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

	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 40px;

	vertical-align: middle;

	font-weight: bold;

	font-size: 1.4em;

	width: 40%;

}

.checkout_link {

	margin-left: 40px;

	background: url( 'images/forward.png' ) no-repeat left;

}

.continue_link {

	background: url( 'images/back.png' ) no-repeat left;

}


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

}



/* 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;
	font-size:14px;
	white-space: nowrap;

}

.product-Old-Price {

	color:red;

	text-decoration:line-through;

}

/** BROWSE PRODUCTS STYLES **/



.browseProductContainer {
	width:74%;
	padding: 3px 3px 3px 3px;
	vertical-align: top;
	float:left;
	border-right:1px dotted #cccccc;
}

.productSeperator {
	width: 100%;
	border-bottom:1px dotted #cccccc;
	margin:20px 0px 0px 0px;
	padding-bottom:20px;
	float:left;
	
}


.browseProductTitle {
	
	width:90%;
	font-size: 210%; 
	font-weight: bold;
	margin-top: 3px;
	float: left;
	color: #00FF66;
	line-height:30px;

}

.browsePriceContainer {
	float:left;
	margin-right: -5px;
	margin-left:-5px;
	border:5px solid #ffffff;
	padding:15px;
	background-color:#eeeeee !important; 
}

.browseRatingContainer {
	float:left;
	border:5px solid #ffffff;
	padding:17px 15px 16px 15px;;
	white-space: nowrap;
	background-color:#eeeeee !important; 

}

.browseProductImageContainer {

	float: right;
	width: 120px;
	height:120px;
	margin-left:20px
}

.browseProductDetailsContainer {

	float: left;
color:#ffff00;
background-color:#FF0000
	width: 70%;

}

.browseProductDescription {

	margin-top: 17px;
	margin-bottom: 10px;
    width:93%;

}



.browseAddToCartContainer {

	width:30%;

	text-align:center

}



/** 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( 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: 98%;

	float: left;

	background: #ebebeb;

	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 1px;

	display: inline;

	background: none;

}

.clr { clear: both; overflow:hidden; }

.vote it {float: left;}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 300px; /*width of featured content slider*/
height: 250px;
}





//David Fuentes CSS Code for Tabs Slider

.sliderwrapper{
position: relative; /*leave as is*/
overflow: auto; /*leave as is*/
}


.contentdiv{
width: 100%;
position:absolute;
visibility: hidden;
border: 0px solid;

}

.orderby {
float: right;
}


.shadetabs{
/* width: 90%; width of menu. Uncomment to change to a specific width */
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border-right: 1px solid #eeeeee;
color: #2d2b2b;
background: white url(media/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a:focus{
text-decoration: underline;
background:#eeeeee;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background: #999999;
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}