/** 

* Main CSS file for the "NetShops.com" theme for VirtueMart

* @copyright 2006-2008 soeren

* @license GNU/GPL

*

*/



/* category slide CSS */



.boxgrid{ 

	width: 325px; 

	height: 260px; 

	margin:10px; 

	float:left; 

	background-color:#161616; 

	border: solid 2px #EAEAEA; 

	overflow: hidden; 

	position: relative; 

	}



.boxgrid img{ 

		position: absolute; 

		top: 0; 

		left: 0; 

		border: 0; 

	}



.boxgrid p{ 

		padding: 0 10px; 

		color:#afafaf; 

		font-weight:bold; 

		font:10pt "Lucida Grande", Arial, sans-serif; 

	}

	

.boxcaption{ 

	float: left; 

	position: absolute; 

	background: #161616; 

	height: 100px; 

	width: 100%; 

/*	opacity: .8; 
*/
	/* For IE 5-7 */

/*	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
*/
	/* For IE 8 */

/*	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
*/
}



.boxcaption h3 a {

	color: #FFFEFE !important;

	font-family: Arial, Helvetica, Arial, Tahoma;

	font-size: 18px;

	line-height: 1.7em;

	font-weight: normal;

	}



.boxcaption .productPrice {

	font-size: 16px;

/*	color: #FAFAFA;*/		
color: #F9F8F8;


	}

	

.boxcaption .product-Old-Price, .boxcaption  .product-amount-saved  {

/*	color: #F7F7F7; */	
 color: #F8F8F8;
 
	

	}

	

.captionfull .boxcaption {

	top: 260px;

	left: 0;

	}



.caption .boxcaption {

	top: 220px;

	left: 0;

	}

 

 

/* Product Details CSS */



#comment {

	width: 95%;

	}



#product_list {

	border-bottom: 1px dotted #BBB;

	padding: 5px 0px;

	}



.cart_header {

	padding:0;

	margin:0;

	font-family:Verdana;

	font-weight:bold;

	letter-spacing:-.05em;

	font-size:1.7em;

	}

	

#vmMainPage h1 {

	font-size: 18px;

	padding-bottom: 0px;

	margin-bottom: 0px;

	font-family:  Verdana, Arial, sans-serif;
	font-weight: bold;
    color: #020202;
	display: block;

	}



.vmCartContainer tr,th,td {

	margin-bottom: 0px;

	font-family: Arial, Verdana, sans-serif;

	font-weight: normal;

	}



.vmBrowseProductTitle  a{

	margin-bottom: 0px;

	margin-top: 10px;

	margin:10px auto 0px;

	font-weight: normal !important;

	text-decoration: underline !important;

	text-align: left !important;

	font-size: 11px;

	line-height: 1.3em;

/*	color: #000;*/
	color: #010101;

	height: 50px;

	font-family: Verdana, Arial;

	}	



.vmBrowseContainerList {

	margin:0 0 10px;

	background:transparent url(images/br.png) no-repeat scroll 100% 100%;

	}

	

.vmtr {

	background:transparent url(images/tr.png) no-repeat scroll 100% 0;

	}

	

.vmbl {

	background:transparent url(images/bl.png) no-repeat scroll 0 100%;

}



.vmtl {

	background:transparent url(images/tl.png) no-repeat scroll 0 0;

	overflow:hidden;

	width:99%;

}

	

.vmBrowseProductTitleList  {

	margin-top: 10px;

	margin-left:10px;

	font-weight: bold !important;

	text-decoration: none !important;

	text-align: left !important;

	font-size: 17px;

	line-height: 1em;

	height: 25px;

	font-family: Arial, Tahoma, Verdana;



	}

	

.vmBrowseProductTitle  a:hover, a:active {

	color: #808080;

	}

	

.vmfloatcontainer:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; width:98%; margin:auto; } 

.vmfloatcontainer{display: inline-block; margin-bottom:5px;} 

/* Hides from IE Mac \*/ * html .vmfloatcontainer {height: 1%;} .vmfloatcontainer{display:block;} /* End Hack */ 

	

.vmfloat {float:left;margin-right:10px; width:100%;}











div .vmCartContainer {

	/*padding: 3px;

	margin: 15px auto;*/
	

	width: 305px;

	 background: #F7F7F7;
	 height:auto;
	 padding:5px;

	float:left;

	}



.vmBrowseProductList {

	float:right;

	font-weight:bold;

	background: #0071BC;

	border:2px solid #0054A6;

	padding: 5px;

	}



.vmBrowseProductList a, .vmBrowseProductList a:hover, .vmBrowseProductList a:active{	

/*	color:#FFF !important;*/
	color:#FEFEFE !important;

	}

	

.vmCartInside {

	background: #F4F4F2;

	/*padding: 5px;*/

	float:left;

	width:auto;

	vertical-align: middle;
	text-align:center;

	}

	

.vmBrowseContainer {

	width:99%;

	padding: 10px 8px !important;

	background:transparent;

	border-bottom:0px dashed #E0E0E0;

	border-right:0px dotted #BBB;

	float:left;

	margin-top:15px;

	min-height: 75px;

	}



.vmCatDesc {

	margin-top:10px;

	margin-left:10px;

	}

	

.vmBrowseContainerLeft {

	width:92%;

	padding: 10px 8px !important;

	background:transparent;

	border-bottom:0px dashed #E0E0E0;

	border-right:0px dashed #E0E0E0;

	float:left;

	}



.vmBrowseImageContainer {

	width:20%;

	padding: 5px !important;

	background:transparent;

	float:left;

	}



.vmBrowseContentContainer {

	width:98%;

	padding: 5px !important;

	background:transparent;

	float:left;

	}

	

.vmBrowseProductSDesc {

	font-size: 11px;

	line-height: 12px;

/*	color: #000; */
	color: #010101;
	}

	

.product-Old-Price {

	font-size: 10px !important;

	font-family: Verdana, Arial, sans-serif !important;

	font-weight: normal;

	color: #030303;

	}



.product-amount-saved {

	font-size: 10px;

	font-family: Verdana, Arial, sans-serif;

	font-weight: normal;

	color: #030303;

	}



.vmFlyPageTop .product-amount-saved, .vmFlyPageBottom .product-Old-Price  {

	color: #CC0000;

	font-size: 12px;

	}

	

.vmFlyPageTop .product-Old-Price, .vmFlyPageBottom .product-Old-Price {

	font-size: 12px !important;

	color: #030303;

	}

	

#vmCatSku {

	font-size: 11px !important;

	font-weight: normal !important;

	line-height: 12px;

	padding:5px 0;

	color: #666;

	margin-top:0px;

	text-align:left;

	}



#vmCatPrice {

	font-size: 11px !important;

	font-weight: bold !important;

	line-height: 12px;

	background: #F4F3F2;

	padding:2px 0;

	margin-top:15px;

	text-align:left;

	width:100%;

	color: #FF0000;

	}



.vmFlyPageTop .productPrice, .vmFlyPageBottom .product-Old-Price  {

	font-size: 18px;

	color: #CC0000;

	font-weight: bold;

	font-family: Arial, Verdana;

	

	}

	

.productPrice {

	font-size: 14px;

	font-weight: bold;

	font-family: Arial, Verdana;

	}

	

.vmAttribChildDetail {

	font-size: 1em;

	font-family: Arial, Verdana;

	font-weight: normal;

	}

/* browse page CSS */

.browseProductContainerpbv {

	vertical-align: bottom;

	width: 98%;

	height: 225px;

	margin: 5px !important;

	border-right: 1px dashed #CCC;

	border-bottom: 1px dashed #CCC;

	}



.browseProductImageContainerpbv {

	padding-top: 5px !important;

	padding-left: 5px !important;

	}

	

.browseProductTitlepbv  a,h5{

	font-size: 1.025em;

	font-weight: bold !important;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: -15px !important;

	color: #3399FD !important;

	}



.vmFlyPageTop {

	width: 97%;

	float:left;

	background: transparent;

	padding: 20px 10px;

	border:0px solid #CCC;

	}






.vmImages {

	width: 31%;

	float:left;

	background: transparent;

	margin-right: 5px;

	}



.vmDetails{

	width: 66%;

	float:left;

	background: transparent;

	margin-right: 0px;
	

	}



.vmReviews {

	border:1px solid #CCCCCC;

	font-size: 12px;

	padding:4px 8px;

	width: 85%;

	margin:5px auto;

	background: #FAFAFA;

	}

	

.vmSDesc {

	width: 31%;

	float:left;

	margin-right: 5px;

	}

	

.vmAddCart {

	width: 31%;

	float:left;

	margin-right: 5px;

	}

	

.vmProductName {

	font-size: 18px;

	line-height: 20px;

	font-weight: bold;

	font-family: Verdana, Arial, Helvetica, Verdana;

	color: #0A263C;

	padding-bottom: 5px !important;

	border-bottom:0px dashed #E4E4E4;

	}



.vmProductSku {

	font-size: 12px;

	font-weight: normal;

	font-family: Verdana, Helvetica, Arial;

	color: #333;

	padding-bottom: 10px !important;

	}

	

.vmProductDesc {

	font-size: 11px;

	line-height: 12px;

	}



.vmAddtoCart {

	float: left;

	padding:3px 0px 3px 4px; 
		vertical-align: middle;

	border:0px solid #CCC;

	background: transparent;
	background-color:#FFFFFF;

	margin:2px 1px 2px 0px;

	overflow: hidden;

	width:300px;

	height: auto;
	


	}



.vmCartHeader {

	background: #E7E7E7;

	padding: 3px 8px;

	color: #0A263C;

	font-weight:bold;

	font-size: 12px;

	}

	

.vmsectiontableheader {

	font-size: 12px;

/*	text-transform: normal;
*/
	font-weight: bold !important;

	padding: 2px 8px;

	color: #0A263C;

	height: 15px;

	border-right:1px solid #F7F7F7;

	border-bottom:2px solid #CCC;

	background: #E7E7E7 ;

	font-family: Arial, Verdana, sans-serif;

	font-weight: normal;

	}



.vmsectiontableentry1  {

	font-size: 11px;

/*	text-transform: normal;
*/
	padding: 5px;

	color: #333;

	height: 15px;

	border:0px solid #CCC;

	background: #F6F4F3;

	font-family: Arial, Verdana, sans-serif;

	font-weight: normal;

	}



.vmsectiontableentry2 {

	font-size: 13px;

/*	text-transform: normal;
*/
	padding: 5px;

	color: #333;

	height: 20px;

	border:0px solid #CCC;

	background: #F2F3F2;

	font-family: Arial, Verdana, sans-serif;

	font-weight: normal;

	}

	

#browsePriceContainerpbv {

	width: 110px;

	}

	

#vmMainPage tr.sectiontableheader {

	background: #888888 !important;

	font-family: arial, verdana;

	}



/* Checkout page, cart and button CSS */

#vmMainPage legend.sectiontableheader {

	padding:5px;

	margin:0;

	font-family:Verdana;

	font-weight:normal;

	letter-spacing:-.05em;

	font-size:1.3em;

	color: #333;

	background: transparent;

	text-transform: none;

	border: 0px solid #555;

	}



	

#vmMainPage fieldset {

	border: 1px solid #333 !important;

	margin-bottom: 10px !important;

	color: #555;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background: #F5F5F5;

	}

/* General Shop Styles here please */

.notify_button {

	text-align:center;

	background-position:bottom left;

	width:78px;height:30px;

	cursor:pointer;

	border: none;

	font-weight:bold;

	font-family:inherit;

	vertical-align: middle;

	overflow:hidden;

}



.addtocart_button {

	background: url(images/btn_Add-to-Cart.gif) no-repeat scroll left top transparent !important;

	width:145px !important;

	height:45px;

	border:0px solid #DE5400;

	color:#FFFFFF;

	padding:0px;

	margin:2px;

	}

	

.addtocart_button_fr{

	background: url(images/btn_Add-to-Cart_fr.gif) no-repeat scroll left top transparent !important;

	width:145px !important;

	height:45px;

	border:0px solid #DE5400;

	color:#FFFFFF;

	padding:0px;

	margin:2px;

	}



.addtocart_browse {

	width: 100%;

	margin-top:2px;

	float:left;
	

	}



	

.notify_button {

	background: #F18200;

	border: 1px solid #DE5400;

	padding: 1px 8px;

	color: #FFFFFF;

}



.addtocart_button_module {

	background: #F18200 !important;

	width:90px !important;

	border:1px solid #DE5400;

	color:#FFFFFF !important;

	padding:1px 8px;

	margin:2px;

	font-weight: bold;

	vertical-align: middle;

	text-align: center;

	font-size: 12px;

	font-family: Arial, Sans-serif, Verdana;

}



#vmMainPage .button {

	background: #0071BC !important;

	border:1px solid #0054A6;

	color:#FFFFFF;

	padding:1px 8px;

	margin:2px;

	font-weight: bold;

	vertical-align: middle;

	text-align: center;

	font-size: 12px;

	font-family: Arial, Sans-serif, Verdana;

	}



input.addtocart_button_module:hover  {

	color: #F8F8F8;	

}



.addtocart_form {

	width: 100%;

	display: inline;

	white-space: nowrap;

}



/* The quantity box beneath the "add to cart" button  */

.quantity_box {	

	vertical-align: middle;

	font-size: 12px;

	color:#020202;

}

.quantity_box_button {

	width:10px;

	vertical-align:middle;

	height:10px;

	background-repeat: no-repeat;

	background-position: center;

}

.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: 0px;

	padding: 0px 0px 2px 0px;

	vertical-align: middle;

	font-weight: bold;

	font-size: 12px;

	width: 100%;

}



.continue_link {

	background: transparent;

	border:0px solid #406A83;

	color: #FFF;

	text-decoration: none;

	padding: 2px 8px;

	}



.continue_link  img {

	border: 0 !important;

	}



.next_page {

	background: url( images/next_16x16.png ) no-repeat;
	background-position:right;

	padding-right: 30px;

	line-height: 20px;

	float: right;

	width: auto;

}

.previous_page {

	background: url( images/previous_16x16.png ) no-repeat;
	background-position: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;

}





.product-Old-Price {

	font-size:10px !important;

	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;

	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

*/

.vmPlaceOrder {

	background: url(images/btn_place_order.gif) no-repeat;
	background-position:center;

	height: 45px;

	width: 190px;

	border: none;

	}





.vmPlaceOrder_fr {

	background:  url(images/btn_place_order_fr.gif) no-repeat left center ;

	height: 45px;

	width: 190px;

	border: none;

	}

.vmCartContainer { /* Cart Container */

	width:auto;

	float: left;

	Text-align:left;

	/*border: 1px solid #000;

	padding: 5px;*/

}



.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: 0px;

	padding-right: 0px;

	margin-bottom: 0px;

	float:left;	

	width: 99%;

}



.vmChildDetail { /* Child Detail, description , attributes ,price, quantity etc */

	

	vertical-align: middle;

	margin-top: 6px;

}



.vmCartChildElement { /* Individual element styling */

	

	width: 100%;

	vertical-align: middle ;

	height: 45px;

	text-align: left;



	

}



.vmCartAttributes { /* Attributes Div*/

	background: #F7F7F7;

	/*margin-top:8px;*/

	border:1px solid #EAEAEA;

	width:300px;
	padding-left:2px;

	/*padding: 5px;*/

	/*margin: 3px 8px; */
	

}



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

}



.vmRowTwo { /* Even Row Styling */

	background: transparent;

}



/* Link Details for link to child*/

.vmChildDetail a, .vmChildDetail a:link {

  font-size        : 11px;

  color            : #030303;

  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: #FEFBFF;

}



/* Link Details for link to child*/

.vmChildDetail_2up a, .vmChildDetail_2up a:link {

  font-size        : 11px;

  color            : #030303;

  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            : #030303;

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

.sectiontableheader

{color:#F6F4F6;

	background-color: #969595;

	padding: 0px;

}

.sectiontableentry1

{

	background-color: #F7F7F7;

}

.sectiontableentry

{

background-color: #F5F5F5;

}


