.foo{}/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input
{
    margin: 0;
    padding: 0;
}

body
{
	font-family: Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	
	color: #444444;
	overflow:auto; 
	overflow-x:hidden; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a
{
	color: #5C5B5B;
    text-decoration: none;
    font-weight: normal;
}

a:hover{color:#888;text-decoration: underline;}

a img
{
	border: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
	border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS & TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, h5, h6
{
    font-family: arial, helvetica, sans-serif;
}

h2, h3
{
    font-size: 16px;
}

.sectiontitle
{
    color: #ff9933;
    font-size: 1.3em;
    font-weight: bold;
}

.sectionsubtitle
{
    color: #555;    
    font-size: 1.1em;
    font-weight: bold;
}

.sectiontitle-blue
{
    color: #608fc8;
    font-size: 1.3em;
    font-weight: normal;
}

.smallprint
{
    font-size: x-small;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TABLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td
{
    vertical-align: middle;
}

td.fieldname
{
    font-size: 12px;
}

.TableContainer
{
}

.TableContainer .Row
{
}
.TableContainer .Row .ItemName
{ 
	padding: 3px 10px 0px 0px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: middle;
}
.TableContainer .Row .ItemValue
{ 
	padding: 3px 0px 0px 0px;
	vertical-align: middle;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	STATIC PAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.htmlcontent
{
	
}

.htmlcontent-title
{	   
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
    padding-left:0px;
}

.htmlcontent-header 
{
    padding-top: 2px;
	font-size: 20px;
    font-weight: 400;
}

.htmlcontent-body
{
	color: #3b3b3b;
    padding:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC. CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear
{
	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.linkButton
{
	color: #3664A5;
	background-color: inherit;
	text-decoration: underline;
	font-weight: bold;
}

a.linkButton:hover
{

}

.dropDownLists
{
	height: 17px;
	font-size: 10px;
	padding-left: 2px;
	font-family: Tahoma;
}

.textBox
{
	margin: 1px;
	border-right: #dfe5e7 1px solid;
	border-top: #a8bac2 1px solid;
	border-left: #a8bac2 1px solid;
	border-bottom: #dfe5e7 1px solid;
	background: url(Images/bgTextBox.gif) white repeat-x left top;
	color: #11354A;
	font-family: verdana;
	font-size: 8pt;
	padding: 1px;
	height: 15px;
}

.messageError
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: green;
}

.copyright
{
	float: right;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.copyright a
{
	color: #3664A5;
	background-color: inherit;
}

.ideal_logo
{
	background: url(Images/ideal.gif) white repeat-x left top;
	width:160px;
	height:52px;
	}

.verzending_logo
{
	background: url(Images/verzending.png) white repeat-x left top;
	width:157px;
	height:41px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER PAGE WRAPPERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-wrapper-page
{
	margin: 15px auto 0;
}

.master-wrapper-content
{	
	width: 940px;
	margin: 0px auto;
	text-align: left;
}

.master-wrapper-side
{
	float: left;
    width: 185px;
    margin: 10px 0;
    font-family: arial, helvetica, sans-serif;
    display: inline;
   
}

.master-wrapper-center
{
	float: right;
	width: 755px;
	margin: 0px 0 0 0px;	
	display: inline;
}

.master-wrapper-cph
{
    background-color:white;
	float: left;
	width: 745px;
	min-height: 787px;	
    padding-left:10px;
    padding-right:10px;  
}

.master-wrapper-side-product
{
    width:167px;
    background-color:#ECECED;
	float: right;    
    border-left: solid 1px #007ba4;
}

.master-wrapper-center-product
{
	float: left;
	width: 750px;
	margin: 0px 0 0 0px;
	
	display: inline;
}

.master-wrapper-cph-product
{	
	width: 772px;	
	padding: 0px 0px 0px 0px;
    border-bottom: solid 1px #007ba4;
}

.master-wrapper-center-1
{
	float: inherit;
	width: 900px;
	background: url(images/bg_maincolumn_single.gif) no-repeat left top #ffffff;
	display: inline;
}

.master-wrapper-cph-1
{	
    z-index: 1;
    position: relative;
    float: none;	
	color: #3c3b3b;
    min-height: 0px;
    background-color:white;    
}

/* three column master page */
.master-wrapper-leftside-3
{
	float: left;
	width: 180px;	
	font-family: arial, helvetica, sans-serif;
	display: inline;
}

.master-wrapper-center-3
{
	float:  none;
	width: 610px;
	margin: 0px 0 0 0px;
	background: url(images/bg_maincolumn.gif) no-repeat left top #FFF;
	display: inline;
}

.master-wrapper-cph-3
{
	float: left;
	width: 610px;
	color: #000;
	min-height: 600px;
	padding: 0px 5px 0px 10px;
}

.master-wrapper-rightside-3
{
	float: right;
	width: 180px;		
	font-family: arial, helvetica, sans-serif;
	display: inline;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header
{
	padding: 2px 0px 5px 5px;
	height: 105px;
}

.header .icon
{
	vertical-align: bottom;
}

.header .ico-register
{
	background: url('images/ico-register.gif') no-repeat;
	padding-left: 20px;
}

.header .ico-login
{
	background: url('images/ico-login.gif') no-repeat;
	padding-left: 20px;
}

.header .ico-logout
{
	background: url('images/ico-logout.gif') no-repeat;
	padding-left: 20px;
}

.header .ico-cart
{
	background: url('images/ico-cart.gif') no-repeat;
	padding-left: 20px;
}

.header .ico-wishlist
{
	background: url('images/ico-wishlist.gif') no-repeat;
	padding-left: 20px;
}

.header .ico-admin
{
	background: url('images/ico-admin.gif') no-repeat;
	padding-left: 20px;
}


.header-logo
{	
	float: left;
    margin-top: 5px;	
}

.header-tagline 
{  
	float: left;
	height:60px;
    margin-left:20px;
}

a.promotion
{
	display:none;
	/*background: url('images/promotion.gif');
	display: block;
	width: 117px;
	height: 76px;
	text-decoration: none;
	margin-left: 35px	*/
}

a.logo
{   
	background: url('images/logo.gif');
	display: block;
	width: 419px;
	height: 63px;
	text-decoration: none;
}

.header-currencyselector
{
	float: right;
}

.header-languageselector
{
	float: left;
}

.header-taxDisplayTypeSelector
{
	float: right;
}

.header-links-wrapper
{
	float: right;
	text-align: right;	
    width: 420px;
}

.header-links
{	
	padding-bottom: 10px;
}

.header-links .call 
{
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 5px;   
    white-space: nowrap;
}

.header-links .call .message
{	
    color: #655c51;
    text-transform: uppercase;
}

.header-links .call .phone
{	
    color: #bbb908;
}

.header-links ul
{
	padding: 3px 0;
    height: 20px;
    margin: 0;
    float: left;
}

.header-links ul li
{
	list-style: none outside none;
    display: inline;    
    margin-left: 8px;
    float: left;
    height: 100%;
    font-size: 11px;
}

.header-links ul li + li::before {
    content: " | ";
}

.header-links a
{
    padding-left:5px;
	color: #888;
    text-decoration: none;     
}

.header-links a:hover
{
	color:#888;text-decoration: underline;
}


.header-links-bottom-1
{
	display:none;
}

.header-links-bottom-2
{
	display:none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADER SHOPPING CART

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header-shoppingcart-wrapper{float:right;margin-top: 12px;width: 420px;font-size: 10px;position: relative;z-index:10;}
.header-shoppingcart-wrapper a, .header-shoppingcart-wrapper a:hover{ color: #666;text-decoration: none;}
.header-shoppingcart-wrapper .cart-qty {float: left;width: 94px;height: 28px;line-height: 28px;padding: 0 7px;white-space: nowrap;border: 1px solid #e6e4e5;zoom: 1;*display: inline;text-align: left}
.header-shoppingcart-wrapper .cart-title {float: left;width: 100px;height: 30px;background: #c31e6c;text-transform: uppercase;color: #fff;text-align: center;line-height: 30px;zoom: 1;*display: inline;}
.header-shoppingcart-wrapper .cart-title a{width: 100%;height: 100%;display: block;color: #fff;}
.header-shoppingcart-wrapper .cart-qty .text{ margin-left: 4px;}
.header-shoppingcart-wrapper .shopping-cart-box{ float: right;}
.header-shoppingcart-wrapper .shopping-cart-box #topcartlink{zoom: 1}
.header-shoppingcart-wrapper .shopping-cart-box #topcartlink:after{ display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.header-shoppingcart-wrapper .welcome-block{float: right;padding: 10px;margin-right: 10px;font-weight: bold}
.header-shoppingcart-wrapper .welcome-block a{ text-transform: uppercase;color: #bbb908;font-weight: bold}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MINI SHOPPING CART

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.flyout-cart{display:none;position:absolute;float:left;top:27px;right:0px;width:300px;min-height:50px;z-index:99999;}
.flyout-cart.active{display:block;}
.mini-shopping-cart{padding:5px 10px 10px;margin:0;border:1px solid #C1C1C1;background:none repeat scroll 0 0 #F6F6F4;font-size:11px;}
.mini-shopping-cart a{font-weight:700;text-decoration:none;}
.mini-shopping-cart a:hover{text-decoration:underline;}
.mini-shopping-cart .count{margin:10px 0px 10px;}
.mini-shopping-cart .items{}
.mini-shopping-cart .item{overflow:hidden;clear:both;border-bottom:1px solid #EEEEEE;}
.mini-shopping-cart .item.first{border-top:1px solid #EEEEEE;}
.mini-shopping-cart .item > div{padding:10px 5px;}
.mini-shopping-cart .item .picture{float:left;width:50px;text-align:center;}
.mini-shopping-cart .item .product{float:right;width:208px;text-align: right;}
.mini-shopping-cart .item .name{margin-bottom:5px;}
.mini-shopping-cart .item .attributes{font-size:10px;margin:0px;}
.mini-shopping-cart .item .price{font-size:10px;margin:10px 0px 0px 0px;}
.mini-shopping-cart .item .quantity{font-size:10px;margin:0px}
.mini-shopping-cart .totals{margin:10px 0px;text-align:right;}
.mini-shopping-cart .buttons{margin:10px 0px;text-align:right;}
.mini-shopping-cart .cart-button,.mini-shopping-cart .checkout-button{margin:0;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.headermenu
{
    text-transform: uppercase;
    width: 940px;
    background-color: #4c3d2c;
    color: white;    
    height: 35px;
    vertical-align: middle;
    letter-spacing: 1px;    
}

.headermenu ul
{		
	margin: 0;
	padding-left:0px;
	padding-top:10px;    
}


.headermenu li
{
	list-style: none;
	display: inline;
}

.headermenu li + li::before {
    content: " | ";
}

.headermenu a
{
	color: White;	
	font-size: 12px;
	
	vertical-align: middle;
	padding-left: 9px;
	padding-right: 10px;
    text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU - SEARCH BOX 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchbox
{	    
    height: 25px;
    float: right;
    display: inline;
}

.searchbox ul
{
	margin: 0;
	margin-left:5px;
	padding: 0;
}

.searchbox ul li
{
	list-style: none;
	float: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADER CATEGORY NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-category-navigation
{	
    position: relative;
    z-index: 2;
    background: #4c3d2c;
    height: 40px;
    margin-bottom:10px;
}

.header-category-navigation li
{
	list-style: none;
	display: inline;
    position: relative;
}

.header-category-navigation li + li::before {
    content: "  |  ";
}

.header-category-navigation a
{	
	text-transform: uppercase;
    color: #f1f0f0;
    font-size: 12px;
    text-decoration: none;
}

.header-category-navigation a:hover{color:#888;text-decoration: underline;}


.header-category-navigation .title
{
	font-size: 12px;
    font-weight: bold;
    padding: 7px 10px;
    color: #f1f0f0;
}

.header-category-navigation .treeview
{
	padding: 10px 1px 5px 1px;
    line-height: 18px;
    margin: 0px;
}

.header-category-navigation .treeview ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	color: #f1f0f0;
	background-color: inherit;
	position:relative;
}

.header-category-navigation .treeview ul div
{
	display:none;
}

.header-category-navigation .treeview li.mega div 
{
    border: 1px solid #bbb908;
    width: 18em;
    position: absolute;
    top: 2.5em;
    left: 0em;
    padding: 1.3em;
    background: none repeat scroll 0 0 #F6F6F4;
    color: #5C5B5B;
}

.header-category-navigation .treeview li.mega div a
{
   color:#5C5B5B;
   font-size:9px;
}

.header-category-navigation .treeview li.hovering div {
  display: block;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.category-navigation
{
	margin-bottom: 10px;
    padding-bottom:10px;
    padding-left: 0;    
    border-bottom: 1px solid #dededf;
}

.category-navigation li
{
	list-style: none;
	padding-bottom: 5px;    
}


.category-navigation a
{
	background: url("images/top-menu-list-image.png") no-repeat 14px 10px;
    display: block;
    padding: 3px 3px 3px 33px;
    min-height: 16px;
}

.category-navigation h3
{
	font-size:11px;	
}

.category-navigation .li_selected a
{
	color: #5C5B5B;
    font-weight: 700;
    text-decoration: none;
}

.category-navigation .title
{
	color: #fff;
    margin: 0;
    background: #bbb908;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: left;
    padding: 9px 7px;
    text-transform: uppercase;
    font-weight: 700;
}

.category-navigation .treeview
{
	padding: 5px 1px 5px 1px;
    line-height: 18px;
    margin: 0px;
    font-size:12px;
}

.category-navigation .treeview ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	color: #3664A5;
	background-color: inherit;
	position:relative;
}

.category-navigation .treeview ul .li_selected
{
	font-weight: bold;
}

.category-navigation .treeview ul .li_selected .icon
{
	
}

.category-navigation .treeview ul .li_unselected
{
}

.category-navigation .treeview ul .li_unselected .icon
{
	
}

.category-navigation .treeview ul .li_unselected .item
{	
	
}

.category-navigation .treeview ul .li_selected .item
{	
	
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MANUFACTURER NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.manufacturer-navigation
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.manufacturer-navigation li
{
	list-style: none;
}

.manufacturer-navigation a.inactive
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation a.active
{
	color: #ff9933;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 10px;
	color: White;
	background-color: #fa8500;
	
}

.manufacturer-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	border: solid 1px #cccccc;
	border-top:0px;
	background-color: White;
	color: #fa8500;
	margin: 0px;
}

.manufacturer-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	background-color: inherit;
}

.manufacturer-navigation .listbox ul a
{
	color: #fa8500;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyViewedProductsBox
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.RecentlyViewedProductsBox li
{
	list-style: none;
}

.RecentlyViewedProductsBox a
{
	color: #555555;
	font-weight: bold;
	text-decoration: none;
}

.RecentlyViewedProductsBox a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #ff9933;
}

.RecentlyViewedProductsBox .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 10px;
	color: #008ec7;
	background-color: #ececed;
	border: solid 1px #cccccc;	
}

.RecentlyViewedProductsBox .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	border: solid 1px #cccccc;
	border-top:0px;
	background-color: White;
	color: #cccccc;
	margin: 0px;
}

.RecentlyViewedProductsBox .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	background-color: inherit;
}

.RecentlyViewedProductsBox .separator
{
	height: 1px;
	line-height: 1px;
	background: #ff9933;
	width: 140px;
	font-size: 1px;
	margin: 5px 0 5px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INFO BLOCK NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.infoblock-navigation
{	
    padding-bottom:10px;
	padding-left: 0;  
    border-bottom: 1px solid #dededf;
    margin-bottom: 10px;
}

.infoblock-navigation li
{
	list-style: none;
}

.infoblock-navigation a
{
	color: #5C5B5B;
	
	text-decoration: none;
}

.infoblock-navigation .title
{
	color: #333;
    margin: 0;    
    font-size: 14px;
    letter-spacing: 1px;
    text-align: left;
    padding: 9px 7px;
    text-transform: uppercase;    
    font-weight: 700;
}

.infoblock-navigation .listbox
{	
	line-height: 18px;
	color: #555555;
	
}

.infoblock-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;	
	background-color: inherit;
}

.infoblock-navigation .items
{
    margin-top: 10px;
}

.infoblock-navigation .items ul
{
    color: #FFFFFF;
}

.infoblock-navigation .buttons
{
	text-align: right;
}

.infoblock-navigation .quantity
{
	color:#555;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SAMPLE BLOCK NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sampleblock-navigation
{	
	padding-bottom: 5px;
	padding-left: 0;
    border-bottom: solid 1px #007ba4;
    background-color:#FFF7E0;
}


.sampleblock-navigation .title
{
	font-size: 16px;
	font-weight: bold;
	padding: 7px 10px;
	color: #008ec7;	    
    background-color:#FFF7E0;
}

.sampleblock-navigation .listbox
{	
	line-height: 18px;
	color: #555555;
	background-color:#FFF7E0;
}

.sampleblock-navigation .buttons
{
	text-align: right;
}

.sampleblock-navigation .listbox .cartbutton 
{
    display: block;
    white-space: nowrap;
    height: 38px;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    padding-right: 0;
    width: 146px;    
    background-color: rgb(232, 51, 0);
    background-image: linear-gradient(rgb(242, 142, 0) 10%, rgb(232, 51, 0) 90%);
    border-bottom-color: rgb(26, 26, 26);
    border-bottom-style: solid;
    border-bottom-width: 0.9090908765792847px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(230, 230, 230);
    border-left-style: solid;
    border-left-width: 0.9090908765792847px;
    border-right-color: rgb(128, 128, 128);
    border-right-style: solid;
    border-right-width: 0.9090908765792847px;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 0.9090908765792847px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer
{
	margin: 0px auto;
    width: 890px;
    clear: both;    
    margin: 30px auto 20px auto;
    padding: 30px 25px 20px 25px;
    background: none repeat scroll 0 0 #4c3d2c;
    color: #b9b2ad;
    text-align: left; 
}

.footer .title 
{
    font-size: 15px;
    color: #f1f0f0;
    text-transform: uppercase;
    font-weight: normal;   
    padding-bottom: 20px;
}

.footer a
{
	text-decoration: none;
    color: #e1dcdc;
    text-transform: uppercase;
    font-size: 10px;
}

.footer-disclaimer
{
	font-size: 11px;
    margin-top: 10px;
}

.footer-poweredby
{	   
	font-size: 11px;
    margin-top: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	html

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

checkbox, input, radio, select
{
	font-size: 11px;
}

/* fix ie button padding bug  - apply to all button classes
input
{
	width: auto;
	overflow: visible;
}*/

textarea
{
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TEXTBOX CONTROLS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.textbox
{
}

.searchtext
{
	border: solid 1px #d3d3d3;
	vertical-align: top;
	font-size: 12px;
    padding: 5px 0 5px 5px;
    color: #888;
}

.searchboxtext
{
	font-size: 10px;
    height: 12px;
    width: 159px;
    padding: 4px 5px;
    vertical-align: top;
    margin: 0;
    border: 1px solid #e6e4e5;
    border-right: none;
    float: left;
    color: #888;
}

.newsaddcommenttitletext
{
	width: 250px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.newsaddcommentcommenttext
{
	height: 150px;
	width: 500px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.blogaddcommentcommenttext
{
	height: 150px;
	width: 500px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.accountsignaturetext
{
	height: 100px;
	width: 500px;
	border: solid 1px #E3E3E3;
	vertical-align: top;
}

.nopnumerictextboxtext
{
	border: solid 1px #E3E3E3;
	vertical-align: top;
	font-size: 12px;
}

.shoppingcartquantitytext
{
	border: solid 1px #E3E3E3;
	font-size: 12px;
	text-align: right;
}

.wishlistquantitytext
{
	border: solid 1px #E3E3E3;
	font-size: 12px;
	text-align: right;
}

.forumtopictitletext
{
	width: 500px;
	border: 1px solid #acacac;
	vertical-align: top;
	font-size: 12px;
}

.forumsearchtext
{
	width: 500px;
	border: 1px solid #acacac;
	font-size: 14px;
}


.forumsearchboxtext
{
	border: 1px solid #acacac;
	font-size: 12px;
}

.bbeditortext
{
	border: #cec6b5 1px solid;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINK BUTTON CONTROLS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.edittopiclinkbutton
{
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-edit.gif') no-repeat;
}

.deletetopiclinkbutton
{
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-delete.gif') no-repeat;
}

.movetopiclinkbutton
{
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-moveTopic.gif') no-repeat;
}

.replytopiclinkbutton
{
	padding-right: 5px;
	padding-left: 18px;
	padding-bottom: 3px;
	background: url('images/ico-forum-post-add.gif') no-repeat;
}

.watchtopiclinkbutton
{
	padding-left: 18px;
	background: url('images/ico-forum-watch.gif') no-repeat;
}

.editpostlinkbutton
{
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-edit.gif') no-repeat;
}

.deletepostlinkbutton
{
	padding-right: 5px;
	padding-left: 18px;
	background: url('images/ico-delete.gif') no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BUTTON CONTROLS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchboxbutton
{
	color: #888 !important;background: #fff !important;height: 22px !important;border: 1px solid #e6e4e5 !important;border-left: none !important;text-transform: uppercase;margin: 0;padding: 0 6px !important;width: 40px !important;float: left;cursor: pointer !important;font: inherit !important;font-size: 10px !important;text-shadow: none;
}


.searchbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.contactusbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px
}

.productlistproductdetailbutton
{
	background: #6c6c6e url(images/details-button-background.png) no-repeat 82%;
    border: none;
    width: 80px;
    height: 25px;
    font-size: 11px;
    color: #d7d8da;
    text-align: left;
    padding-left: 16px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.productlistaddtocartbutton
{
	display:none;
	background: url(images/grey_button_cart_small_bg.gif) no-repeat 25% 50% #333;
	border: 0px solid rgb(255, 136, 0);
	margin-bottom: 3px;
	color: #FFF;
	text-align: right;
	height: 20px;
	padding: 0 30px 0 5px;
	width: 133px;
	overflow: visible;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

.productgridproductdetailbutton
{
	background: #6c6c6e url(images/details-button-background.png) no-repeat 82%;
    border: none;
    width: 80px;
    height: 25px;
    font-size: 11px;
    color: #d7d8da;
    text-align: left;
    padding-left: 16px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.productgridaddtocartbutton
{
	display: none;
	background: url(images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	margin-bottom: 3px;
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;  
}

.newsitemaddcommentbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.blogpostaddcommentbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.productemailafriendbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;   
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.productaddtocomparelistbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;   
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.productvariantaddtocartbutton
{
    background-color: #bbb908;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width:150px;
    line-height: 40px;
    display: block;
    border: none;
    cursor: pointer;
}

.productvariantaddtowishlistbutton
{
	background: url(images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	margin-bottom: 3px;
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.productwritereviewbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;   
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.loginbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.registerbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.checkoutasguestbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.savecustomerinfobutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.addbillingaddressbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.addshippingaddressbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.editaddressbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.deleteaddressbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.orderdetailsbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.changepasswordbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.registernextstepbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.completeregistrationbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.passwordrecoverybutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.newpasswordbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.saveaddressbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.orderdetailsprintbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.updatewishlistbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.sendemailafriendbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.applycouponcodebutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.updatecartbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.continueshoppingbutton
{
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.checkoutbutton
{
    position:absolute;
    right:0px;
    bottom:0px;
	background-color: #bbb908;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width: 150px;
    line-height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.selectshippingaddressbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.newaddressnextstepbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.selectbillingaddressbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.sameasshippingaddressbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.shippingmethodnextstepbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.paymentmethodnextstepbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.paymentinfonextstepbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.confirmordernextstepbutton
{
	background-color: #bbb908;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width: 200px;
    line-height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.confirmorderpreviousstepbutton
{
    float: right;
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
   
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
   
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.orderprocessedcontinuebutton
{
	background: url(images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.submitpollvotebutton
{
	background: url(images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.submitforumtopicbutton
{
	background: url(images/orange_button_bg.gif) no-repeat 25% 50% rgb(255, 136, 0);
	border: 1px solid rgb(255, 136, 0);
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.cancelforumtopicbutton
{
	background: url(images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}

.forumsearchbutton
{
	background: url(images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	cursor:pointer;
}


.forumsearchboxbutton
{
	background: url(images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	color: #FFF;
	height: 20px;
	padding: 0 5px 0 5px;
	width: auto;
	overflow: visible;
	text-align: center;
	cursor:pointer;
}

.button-1, .button-2 {
    color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DROP DOWN LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.currencylist
{
	background: #e3e3e3;
	border: solid 1px #3a3a3a;
}

.languagelist
{
	background: #e3e3e3;
	border: solid 1px #3a3a3a;
}

.taxdisplaytypelist
{
	background: #e3e3e3;
	border: solid 1px #3a3a3a;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CHECKBOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumtopicoptionscheck
{
}

.forumtopicoptionscheck label
{
	color: #555;
	font-size: 0.9em;
	padding-left: 5px;
	vertical-align: top;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	AJAX CONTROL TOOLKIT - TAB CONTROL CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.orange
{
	font-family: arial,helvetica;
}

.orange .ajax__tab_body
{
	font-size: 10pt;
	border: 1px solid #333;
	border-top: none;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.orange .ajax__tab_header
{
	background-color: #333;
	border: solid 2px #333;
	border-bottom: none;
	padding: 2px 2px 4px 2px;
}

.orange .ajax__tab_tab
{
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border: solid 1px #FFF;
	padding: 5px;
	background: #404040;
}

.orange .ajax__tab_active .ajax__tab_tab, .orange .ajax__tab_hover .ajax__tab_tab
{
	color: #ff9933;
	border: solid 1px #ff9933;
}

/* GREY THEME */

.grey .ajax__tab_header
{
	font-family: "Helvetica Neue" , Arial, Sans-Serif;
	background: url(images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
}
.grey .ajax__tab_header .ajax__tab_outer
{
	background: url(images/tab.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
}
.grey .ajax__tab_header .ajax__tab_inner
{
	background: url(images/tab.png) no-repeat right top;
	border-color: #666;
	color: #666;
	padding: 3px 10px 2px 0px;
}
.grey .ajax__tab_hover .ajax__tab_inner
{
	color: #000;
}
.grey .ajax__tab_active .ajax__tab_outer
{
	background: url(images/tab.png) no-repeat 0pt -40px;
	border-bottom-color: #ffffff;
}
.grey .ajax__tab_active .ajax__tab_inner
{
	background: url(images/tab.png) no-repeat right -40px;
	color: #000;
	border-color: #333;
}
.grey .ajax__tab_body
{
	font-family: arial,helvetica;
	font-size: 10pt;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageProductGrid
{
	margin-left: 30px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 15px;
    width: auto;
    text-align: center;
    zoom: 1;
}

.HomePageProductGrid .ItemBox
{
	padding-top:20px;
    padding-bottom:20px;
    text-align: center;
    vertical-align: text-top;
    height: 200px;
}

.HomePageProductGrid .ProductItem
{
	text-align: left;
    margin: 0;
    padding: 0;
    width: 180px;
    position: relative;
    height: 200px;
}

.HomePageProductGrid .ProductItem .sale-icon 
{
    background: url(images/sale-icon.png) no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 44px;
    height: 44px;
    color: #fff;
    text-transform: uppercase;
    line-height: 44px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
}

.HomePageProductGrid .ProductItem .title
{
    bottom: 70px;
    position: absolute;
    left: 0;
	font-weight: bold;
    font-size: 11px;
    padding: 0;    
    text-transform: uppercase;
    color: #8f8d8d;
}

.HomePageProductGrid .ProductItem .title a
{
	display: block;
    height: auto;
    line-height: 1.3em;
    overflow: hidden;
    padding: 4px 10px 5px 0;
}

.HomePageProductGrid .ProductItem .shortdescription
{	
    display: none;
    margin: 5px 5px 0 5px;
    text-align: center;
    padding: 10px 5px;
    border-top: solid 1px #e3e3e3;
    color: #555;
    height: 50px;
	}

.HomePageProductGrid .ProductItem .picture
{
	background: none repeat scroll 0 0 #FFFFFF;
    text-align: center;
    height: 100px;
    top: 0;
    position: absolute;
}

.HomePageProductGrid .ProductItem .prices
{
	text-align: center;
    vertical-align: middle;
    position: absolute;
    bottom: 40px;
}

.HomePageProductGrid .ProductItem .productPrice
{
	font-size: 13px;
    color: #686868;
    font-weight: bold;
}

.HomePageProductGrid .ProductItem .oldproductPrice
{
	font-size: 10px;
    color: #b4b4b4;
    text-decoration: line-through;
    margin-right: 10px;
}

.HomePageProductGrid .ProductItem .productPriceInclTax
{
	color: orange;
	font-size: x-small;
}

.HomePageProductGrid .ProductItem .buttons
{
	vertical-align: middle;
    position: absolute;
    bottom:0px;
    margin-top: 10px;
    text-align: left;
}

.HomePageProductGrid .ProductItem .buttons .detailsbutton
{
	background: #6c6c6e url(images/details-button-background.png) no-repeat 82%;
    border: none;
    width: 80px;
    height: 25px;
    font-size: 11px;
    color: #d7d8da;
    text-align: left;
    padding-left: 16px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

/*
.HomePageProductGrid
{
	margin-left: auto;
	margin-right: auto;
	width: 615px;
}

.HomePageProductGrid .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}

.HomePageProductGrid .ProductItem
{
	width: 609px;
	height: 177px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: url('images/pb_s_bg.gif') no-repeat 0 100%;
	margin-top: 10px;
	position: relative;
}

.HomePageProductGrid .ProductItem .title
{
	font-weight: bold;
	color: #008ec7;
	background-color: #ececed;
	border-top: solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding-left: 10px;
}

.HomePageProductGrid .ProductItem .title a
{
	color: #3D9BD8;
	display: block;
	height: 20px;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.HomePageProductGrid .ProductItem .shortdescription
{	
	padding: 0px 5px 0 10px;
	margin: 10px 130px 0px 120px;
	text-align: left;
	border-left: solid 1px #e3e3e3;
	color: #555;
	}

.HomePageProductGrid .ProductItem .picture
{
	float: left;
	margin: 10px 0 10px 10px;
}

.HomePageProductGrid .ProductItem .prices
{
	float: right;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 5px;
}

.HomePageProductGrid .ProductItem .productPrice
{
	color: green;
}

.HomePageProductGrid .ProductItem .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.HomePageProductGrid .ProductItem .productPriceInclTax
{
	color: orange;
	font-size: x-small;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY ADDED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyAddedProducts
{
	margin-bottom: 15px;
	padding: 0px;
}

.RecentlyAddedProducts .title
{
	padding: 3px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	font-size: 1.1em;	
	color:#008EC7;
	border-bottom: 1px solid #CCC;
}

.RecentlyAddedProducts .ProductGrid
{
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	text-align: center;
}

.RecentlyAddedProducts .ProductGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align:top;
}

.RecentlyAddedProducts .ProductGrid .ProductItem
{
	
	margin: 10px 10px 10px 10px;
	width: 250px;
	border: solid 1px #cccccc;
	border-top:0px;
	background-color: White;
	color: #cccccc;
	background: url('images/prod_grid_box_bg.gif') no-repeat 0 100%;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .title
{
	font-weight: bold;	
	color: #3a3a3a;
	background-color: #ececed;
	border: solid 1px #cccccc;
	border-left:0px;
	border-right:0px;
	padding: 0 0 0 10px;
	text-transform: none;
	font-size: 1em;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .title a
{
	display: block;	
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
	color: #3D9BD8;	
}

.RecentlyAddedProducts .ProductGrid .ProductItem .picture
{
	text-align: center;
	margin-top: 10px;
	height:150px;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .description
{
	margin: 5px 5px 0 5px;
	text-align: left;
	padding: 10px 5px 10px 5px;
	border-top: solid 1px #e3e3e3;
	color: #555;
	height: 100px;
}


.RecentlyAddedProducts .ProductGrid .ProductItem .description ul
{
	
	margin-top:0px;
	
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo
{
	vertical-align: bottom;
	text-align: right;
	width: 250px;
	height: 80px;
	position: relative;	
	color:#555;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices
{
	padding-right:5px;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .buttons
{
	padding-top:5px;
	padding-right:5px;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices .productPrice
{
	color: green;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.RecentlyAddedProducts .ProductGrid .ProductItem .addInfo .prices .productPriceSave
{
	color:orange;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyViewedProducts
{
	margin-bottom: 15px;
	padding: 0px;
}

.RecentlyViewedProducts .title
{
	padding: 15px 10px 10px 0px;
	font-weight: 400;
	clear: both;
	font-size: 20px;
}

.RecentlyViewedProducts .ProductGrid
{
	margin-bottom: 15px;
}

.RecentlyViewedProducts .ProductGrid .ItemBox
{
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    vertical-align: text-top;
    height: 220px;
}

.RecentlyViewedProducts .ProductGrid .ProductItem
{
	text-align: left;
    margin: 0;
    padding: 0;
    width: 180px;
    position: relative;
    height: 230px;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .ProductRatingBox
{
	position: absolute;
    bottom: 76px;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .title
{
	bottom: 100px;
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 11px;
    padding: 0;
    text-transform: uppercase;
    color: #8f8d8d;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .title a
{
	display: block;
    height: auto;
    line-height: 1.3em;
    overflow: hidden;
    padding: 4px 10px 5px 0;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .picture
{
	background: none repeat scroll 0 0 #FFFFFF;
    text-align: center;
    height: 100px;
    top: 0;
    position: absolute;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .description
{
	display: none;
    margin: 5px 5px 0 5px;
    text-align: center;
    padding: 10px 5px;
    border-top: solid 1px #e3e3e3;
    color: #555;
    height: 50px;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo
{
	
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices
{	
    vertical-align: middle;
    position: absolute;
    bottom: 35px;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .buttons
{
	vertical-align: middle;
    position: absolute;
    bottom: 0px;
    margin-top: 10px;
    text-align: left;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices .productPrice
{
	font-size: 13px;
    color: #686868;
    font-weight: bold;
}

.RecentlyViewedProducts .ProductGrid .ProductItem .addInfo .prices .oldproductPrice
{
	font-size: 10px;
    color: #b4b4b4;
    text-decoration: line-through;
    margin-right: 10px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductDetailsPage
{
	margin-top: 0px;
	padding: 25px 10px 10px 10px;
    background-color:white;
}

.ProductCollateral
{
	margin-top: 0px;
	margin-bottom: 10px;
	clear: both;
}

.ProductCollateral .social 
{
border-bottom: 1px solid lightGrey;
padding-bottom: 10px;
margin-bottom: 15px;
}

.ProductCollateral .fulldescription 
{
    padding:10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS INFO - PRODUCT INFO CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductEssential
{
}

.ProductDetailsInfo
{

}


.ProductDetailsInfo .attributes .dd .ddTitle 
{
	height: 55px;
}

.ProductDetailsInfo .productname
{
    
}

.ProductDetailsInfo .picture
{
    padding-left:20px;
    padding-bottom:20px;
	float: left;
	width: 425px;
    position:relative;	
}

.ProductDetailsInfo .overview
{
	float: right;
    width: 250px;	
}

.ProductDetailsInfo .usps 
{	
	clear:both;
	float:right;
	padding-right:40px;
}

.ProductDetailsInfo .overview .productname
{
	color: #2e2e2e;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}

.ProductDetailsInfo .overview .shortdescription
{
	color: #3c3b3b;
	margin-bottom: 0.3em;
	font-size: 1.1em;
}

.ProductDetailsInfo .overview .shortdescription ul
{
	margin-bottom:0px;
}

.ProductDetailsInfo .fulldescription
{
	border-top: 1px solid #D7D7D7;
	clear: both;
	color: #3c3b3b;
	margin-bottom: 0.3em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT RATING

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductRatingBox
{	
	margin-bottom: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT VARIANT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ProductVariantList
{	
	
	margin-bottom: 5px;
	padding: 0px;
}

.ProductVariantLine
{    
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
    position: relative;
}

.ProductVariantLine .pricing
{    
	background-color:#F3F3F3;
	border-top:1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding-bottom:11px;
	margin-bottom:5px;
	padding-left: 5px;
}

.ProductVariantLine .pricing2 
{
    position:absolute;
    bottom:0px;
    right:0px;
	width: 218px;
	float: right;
	background-color: #FFF7E0;
	border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
	padding-bottom: 11px;	
	padding-left: 2px;
    padding-right: 5px;
}
.ProductVariantLine .picture
{
	float: left;
	width: 300px;
	margin-bottom: 0px;
}

.ProductVariantLine .overview
{
	float: right;
	width: 200px;
	margin-right: 25px;
}

.ProductVariantLine .overview .productname
{
	color: #3c3b3b;
	font-size: 1.3em;
	margin-bottom: 0.3em;
}

.ProductVariantLine .description
{
	clear: both;
	color: #3c3b3b;
	margin-bottom: 0.3em;
}

.ProductVariantList .fulldescription
{
	border-bottom: solid 1px #d3d3d3;
	clear: both;
	color: #555;
	margin-bottom: 15px;
	margin-top:15px;
	padding-bottom: 15px;
}

.ProductVariantLine .price
{
	clear:both;
    margin-bottom: 20px;
    margin-top: 20px;
}

.ProductVariantLine .price2 
{	
	margin-right: 10px;	
	margin-bottom: 5px;
	text-align: right;
}


.ProductVariantLine .price .productPrice
{
	color: green;
	font-weight:bold;
	font-size:16px;
}

.ProductVariantLine .price2 .productPrice
{
	color: green;
	font-weight:bold;
	font-size:16px;
}

.ProductVariantLine .price .oldProductPrice
{
	color: red;	
	text-decoration: line-through;
}

.ProductVariantLine .price2 .oldProductPrice
{
	color: red;
	text-decoration: line-through;
}

.ProductVariantLine .addinfo
{		
	
}

.ProductVariantLine .addinfo2
{	
	
}

.ProductVariantLine .addinfo .nopnumerictextboxtext
{
    float:left;
	margin-top: 23px;
	
	margin-right: 20px;
}

.ProductVariantLine .addinfo2 .nopnumerictextboxtext
{
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

.ProductVariantLine .shippingImage
{
	margin-left:400px;
	background-image: url('images/gratis_verstuurd.gif');	
	width: 81px;
	height: 54px;		
}

.ProductVariantLine .attributes
{
	
}

.ProductVariantLine .attributes2 
{		
	padding-top:8px;       
}

.ProductVariantLine .attributes2 .container
{
    float: left;
    border: 1px solid lightGrey;
}

.ProductVariantLine .attributes2 .header
{
    background-color:#555;
	font-weight:bold;
	color:white;
	height: 15px;
    width:510px;
}

.ProductVariantLine .attributes2 .content
{    	    
	padding:20px;
	overflow:auto;
    width:470px;
    margin-bottom:5px;
}

.ProductVariantLine .attributes2 .content .specs
{
    width:300px;
	float:left;
}

.ProductVariantLine .attributes2 .content .help
{	
	background-color: #007ba4;	
	padding: 5px;
	color:white;	
	font-style:italic;
	font-size:11px;
    float:right;
    width:140px;
}

.ProductVariantLine .attributes2 .content .help a 
{
   color:white;
}

.ProductVariantLine .attributes2 .selectiontitle
{
	font-weight: bold;
    background-color: #007BA4;
    padding: 2px;    
    color: white;
    border: 2px solid #007BA4;
}


.ProductVariantLine .attributes2 .selectioncontent
{
	 padding:5px;	 
	 width:210px;	
	 color:#555;
     border-bottom: 2px dashed #007BA4;
     border-left: 2px dashed #007BA4;
     border-right: 2px dashed #007BA4;
     height: 1%; overflow: hidden;
     }

.ProductVariantLine .attributes2 .selectioncontent .price
{
    border: 1px solid #D7D7D7;
                            background-color: #FFF7E0;	
                            color:#45a12a;
                            width:200px;
                            padding:5px;
                            text-align:left;font-size:16px;
}

.ProductVariantLine .attributes2 .selectioncontent .sample {
    margin-left: 5px;
    float: right;
    background-color: orange;
    border: 0px solid #F80;
    color: white;
    height: 48px;
    width: 80px;
    overflow: visible;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

.ProductVariantLine .attributes2 .selectionPrice2
{
	 position:absolute; 
     right:0px;    
     bottom:100px;
     font-size:20px;     
     border-left:1px solid #D7D7D7;
     border-right:1px solid #D7D7D7;
     border-top:1px solid #D7D7D7;
     background-color: #FFF7E0;	
     color:#45a12a;
     width:215px;
     padding:5px;
     text-align:right;
	height:19px;
}

.ProductVariantLine .attributes2 .price
{
	 background-color: #FFF7E0;	
	 padding:5px;
	 float:left;
	 width:270px;
	 font-weight:bold;
	 font-size:20px;
	 color:#45a12a;
     border: 1px solid #D7D7D7;
}

.ProductVariantLine .attributes2  td
{
	vertical-align:top;	
}

.ProductVariantLine .usps
{
	clear:both;
	float:left
}

.ProductVariantLine .usps2
{	
	margin-right: 10px;
	margin-top: 5px;	
}

.ProductVariantLine .error
{
	color: Red;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RELATED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RelatedProductsGrid
{
}

.RelatedProductsGrid .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	font-size: 1.1em;
	color: #ff9933;
}

.RelatedProductsGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}
.RelatedProductsGrid .RelatedItem
{
	text-align: center;
	margin: 10px 10px 10px 5px;
	border: solid 1px #d3d3d3;
	width: 178px;
	height: 200px;
}

.RelatedProductsGrid .RelatedItem .title
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	text-transform: none;
	font-size: 1em;
	padding: 0;
}

.RelatedProductsGrid .RelatedItem .picture
{
	text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT REVIEWS LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.productReviewBox
{
	margin-bottom: 15px;
	padding: 10px 5px 10px 5px;
}


.productReviewList
{
	margin: 10px 0 0 0;
	font-size: 11px;
	color: #555D65;
}

.productReviewList .productReviewItem
{
	border: solid 1px #d3d3d3;
	margin-top: 10px;
	padding: 10px;
	clear: both;
}

.productReviewList .productReviewItem .title
{
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}

.productReviewList .productReviewItem .rating
{
	float: right;
}

.productReviewHelpfulness
{
	color: #333;
}

.productReviewHelpfulness a, .productReviewHelfulness a:hover
{
	color: #ff9933;
	text-decoration: none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT SPEC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.productSpecBox
{
	padding: 5px 5px 5px 5px;
	clear: both;
	color: #555;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lbOverlay
{
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer
{
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading
{
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage
{
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink
{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink
{
	left: 0;
}

#lbPrevLink:hover
{
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink
{
	right: 0;
}

#lbNextLink:hover
{
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom
{
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink
{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber
{
	margin-right: 71px;
}

#lbCaption
{
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	COMPARE PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.compareProducts
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.compareProducts .title
{
	padding: 15px 10px 5px 0px;
	font-weight: 400;
	clear: both;
    font-size: 20px;
}

.compareProducts .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.compareProductsTable
{
    margin-top: 10px;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

.compareProductsTable .removeButton
{
	float: right;
	color: #6e6e6e;
    font-size: 11px;
    text-decoration: none;
    position: static;
    display: inline-block;
    background: #F6F6F6 url(images/button2-background.png) repeat-x;
    -webkit-transition: border-color .218s;
    transition: border-color .218s;
    border: solid 1px #adadae;
    cursor: pointer;
    min-height: 20px;
    width: auto;
    overflow: visible;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.compareProductsTable tr.productName
{
	background-color: #CCCCCC;
	font-weight: bold;
}

.compareProductsTable td
{
	border: 1px solid #EEE;
    padding: 3px;
    vertical-align: top;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRICE RANGE FILTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PriceRangeFilter
{
}

.PriceRangeFilter .title
{
	width: 100px;
    background-color: #bbb908;    
    font-weight: bold;
    background: url('/images/image/icons/filtericoon32x32.png') no-repeat #bbb908;
    padding: 5px 0px 5px 30px;
    margin-bottom: 5px;
}

.PriceRangeFilter ul
{
	margin: 0;
	padding-left: 5px;
}

.PriceRangeFilter li
{
	list-style: none;
	padding-bottom: 2px;
}

.PriceRangeFilter li a
{	
    text-decoration:none;
    font-weight:bold;
}

.PriceRangeFilter .SelectedPriceRange
{
	padding-left: 20px;
}

.PriceRangeFilter .RemovePriceRangeFilter
{
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Custom FILTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CustomFilter
{
}

.CustomFilter .title
{	
    width: 100px;
    background-color: #bbb908;
    font-weight: bold;
    background: url('/images/image/icons/filtericoon32x32.png') no-repeat #bbb908;
    padding: 5px 0px 5px 30px;
    margin-bottom: 5px;
}

.CustomFilter .SelectedSpecification 
{
    padding-left:25px;
}

.CustomFilter .RemoveSpecificationFilter 
{
    font-weight: bold;
    padding-left:25px;
    width: 110px;
}

.CustomFilter ul
{
	margin: 0;
	padding-left: 5px;
}

.CustomFilter li
{
	list-style: none;
	padding-bottom: 2px;
}

.CustomFilter li .coloricon
{
    width:10px;
    height:10px;
    float:left;
    margin-right:2px;
    margin-top:2px;
    border: 1px lightgray solid;
}

.CustomFilter li a
{	
    text-decoration: none;    
}

.CustomFilter .SelectedColor
{
	padding-left: 20px;
}

.CustomFilter .RemoveColorFilter
{
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Category FILTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryFilter
{
    display:none;
}

.CategoryFilter .title
{
	color: #555;
	font-weight: bold;
	background: url('/images/image/arrow_right.jpg') no-repeat;
	padding: 5px 0px 5px 25px;
}

.CategoryFilter .SubCategoryList
{
	padding-left:19px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TIER PRICES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.TierPrices
{
	text-align: center;	
	margin-bottom: 10px;
}

.TierPrices .prices-header
{
	background: #3a3a3a;
	color: #FFF;
	padding: 3px 3px 3px 3px;
	font-weight: bold;	
}

.TierPrices .prices table
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	background: #f3f3f3;
}

.TierPrices .prices .prices-table td
{
	padding: 0;
}

.TierPrices .prices .item-table td
{
	border-bottom: solid 3px #d7d7d7;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

.TierPrices .prices .item-table .item-price
{
	color: Green;
}

.TierPrices .prices .item-table .item-percentage
{
	color: Red;
}

.TierPrices .prices .header-table td
{
	border-bottom: solid 3px #d7d7d7;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

.TierPrices .prices .prices-table .field-header
{
	font-weight: bold;
	text-align: center;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SEARCH PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchPanel
{
	margin-bottom: 15px;	
    padding-left: 10px;
}

.searchPanel .maintitle
{
    font-size: 20px;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom:15px;
}

.searchPanel .searchInput
{	
	padding: 10px;
    border: 1px solid #d7d7d7;  
}

.searchPanel .searchResults
{
	padding-top: 10px;
}

.searchPanel .searchResults .result
{
	font-weight: bold;
	color: #555;
}

.searchResults .ProductList1
{	
	padding-left: 10px;
}

.searchResults .ProductList1 .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}

.searchResults .ProductList1 .ProductItem
{	
	height: 150px;
	margin-top: 10px;
	position: relative;
    border-bottom: 1px solid #dededf;
}

.searchResults .ProductList1 .ProductItem .title
{
	
}

.searchResults .ProductList1 .ProductItem .title a
{
	font-weight: 700;
    height: auto;
    overflow: hidden;
    padding: 4px 10px 8px 0;
    text-transform: uppercase;
    color: black;
}

.searchResults .ProductList1 .ProductItem .picture
{
	float: left;
	margin: 10px 0 10px 10px;
}

.searchResults .ProductList1 .ProductItem .description
{
	padding: 0px 0 0 10px;
	margin: 10px 150px 0px 140px;
	text-align: left;
	border-left: solid 1px #e3e3e3;
	color: #555;
}

.searchResults .ProductList1 .ProductItem .prices-wrapper
{
	float: right;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 5px;
text-align:right;
}

.searchResults .ProductList1 .ProductItem .prices
{
	
}

.searchResults .ProductList1 .ProductItem .prices .productPrice
{
	font-size: 14px;
    color: #686868;
    font-weight: bold;
}

.searchResults .ProductList1 .ProductItem .prices .oldproductPrice
{
	font-size: 10px;
    color: #b4b4b4;
    text-decoration: line-through;

}

.searchResults .ProductList1 .ProductItem .productPriceInclTax
{
	color: orange;
	font-size: x-small;
}

.searchResults .ProductList1 .ProductItem .buttons
{
	padding-top: 20px;
    float:right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTACT US FORM

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contactform
{

}

.contactform .result
{
    color:green;
}


.contactform .title
{
    color:#007ba4;    
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
}

.contactform .button
{
	text-align: right;
}

.contactform .continueButton 
{       
    display: block;
    white-space: nowrap;
    height: 38px;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    padding-right: 0;
    width: 250px;    
    background-color: darkgreen;
    background-image: linear-gradient(green 10%, darkgreen 90%);
    border-bottom-color: rgb(26, 26, 26);
    border-bottom-style: solid;
    border-bottom-width: 0.9090908765792847px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(230, 230, 230);
    border-left-style: solid;
    border-left-width: 0.9090908765792847px;
    border-right-color: rgb(128, 128, 128);
    border-right-style: solid;
    border-right-width: 0.9090908765792847px;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 0.9090908765792847px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

.contactform .orderButton 
{
    display: block;
    white-space: nowrap;
    height: 38px;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    padding-right: 0;
    width: 250px;    
    background-color: rgb(232, 51, 0);
    background-image: linear-gradient(rgb(242, 142, 0) 10%, rgb(232, 51, 0) 90%);
    border-bottom-color: rgb(26, 26, 26);
    border-bottom-style: solid;
    border-bottom-width: 0.9090908765792847px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(230, 230, 230);
    border-left-style: solid;
    border-left-width: 0.9090908765792847px;
    border-right-color: rgb(128, 128, 128);
    border-right-style: solid;
    border-right-width: 0.9090908765792847px;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 0.9090908765792847px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}


.contactform .sendEmail
{
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.breadcrumb
{
    margin-top: 10px;
    font-size: 1.1em;
    font-weight: bold;
    padding: 8px 0 9px 0;
    text-transform: uppercase;
    color: #5c5c5e;
    width: 100%;
    border-bottom: 1px solid #dededf;
}

.breadcrumb a
{
	font-size: 0.9em;
    font-weight: normal;
    text-decoration: underline;
}

.breadcrumb a:hover
{
	text-decoration: underline;
    color:#5C5B5B;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.newslist
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.newslist .title
{
	padding: 10px 0px 1px 0px;
	margin: 0 5px 10px 5px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	font-size: 1.1em;
	color: #3a3a3a;
	border-bottom: solid 1px #999;
}

.newslist .newsitems
{
	margin: 0px 5px 0 5px;
	padding: 0px 0 0 0;
}

.newslist .newsitems .item
{
	border-bottom: dashed 1px #9a9a9a;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.newslist .newsitems .newsDate
{
	color: #9a9a9a;
	font-style: italic;
}

.newslist .newsitems a.newsTitle
{
	color: #444;
	text-decoration: none;
	font-size: 1.2em;
}

.newslist .newsitems a.newsTitle:hover
{
	text-decoration: underline;
}

.newslist .newsitems .newsDetails
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.newslist .newsitems .newsReadMore
{
	font-weight: bold;
	text-decoration: none;
	color: #ff9933;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.newsitem
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.newsitem .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #3a3a3a;
}

.newsitem .newsDate
{
	color: #9a9a9a;
	font-style: italic;
}

.newsitem .newsbody
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.newsComments
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.newsComments .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #3a3a3a;
}

.newsComments .newComment
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.newsComments .newComment td.leaveTitle
{
	padding: 0px 10px 10px 0px;
	font-weight: bold;
	font-size: 1.1em;
	color: #3a3a3a;
}

.newsComments .newComment td.button
{
	text-align: right;
}

.newsComments .commentList
{
	border-top: solid 1px #6a6a6a;
	margin-top: 10px;
	background: url('images/cart-footer-bg.gif') repeat-x bottom;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS COMMENTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.newscomment
{
	border-bottom: solid 1px #E3E3E3;
}

.newscomment .commentinfo
{
	width: 170px;
	float: left;
	padding: 5px;
	height: 100%;
	border-right: solid 1px #F3F3F3;
}

.newscomment .commentinfo .userinfo
{
	padding-top: 5px;
}

.newscomment .commentinfo .userinfo a.username
{
	font-weight: bold;
	margin-bottom: 5px;
}

.newscomment .commentinfo .userinfo span.username
{
	font-weight: bold;
	margin-bottom: 5px;
}

.newscomment .commentinfo .userinfo .avatar
{
	margin: 5px 0 5px 0;
}

.newscomment .commentinfo .userinfo .userstats
{
	font-size: 0.9em;
	text-align: left;
	font-weight: bold;
	color: #555;
}

.newscomment .commentinfo .userinfo  .userstats .statvalue
{
	font-weight: normal;
}

.newscomment .commentcontent
{
	margin-left: 180px;
	border-left: solid 1px #F3F3F3;
}

.newscomment .commentcontent .commenttime
{
	font-weight: bold;
	line-height: 20px;
	padding: 3px;
	background: #e3f3f3;
}

.newscomment .commentcontent .commenttime .statvalue
{
	font-weight: normal;
}

.newscomment .commentcontent .commenttitle
{
	padding: 3px;
	font-weight: bold;
}

.newscomment .commentcontent .commentbody
{
	padding: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BLOG LIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.blog
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.blog .title
{	
    font-size: 20px;
    font-weight: 400;
    padding-top:15px;
}

.blogposts .post .blogDate
{
	color: #9a9a9a;
	font-style: italic;
}

.blogposts .post a.blogTitle
{
	color: #444;
	text-decoration: none;
	font-size: 1.2em;
}

.blogposts .post a.blogTitle:Hover
{
	text-decoration: underline;
}

.blog .blogposts
{
	margin: 0px 5px 0 5px;
	padding: 0px 0 0 0;
}

.blog .blogposts .post
{
	border-bottom: dashed 1px #9a9a9a;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.blog .blogposts .blogBody
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog .blogposts .blogDetails
{
	font-weight: bold;
	text-decoration: none;
	color: #ff9933;
	background-color: inherit;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BLOG DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.blogpost
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.blogpost .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #3a3a3a;
}

.blogpost .postDate
{
	color: #9a9a9a;
	font-style: italic;
}

.blogpost .postbody
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.blogComments
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.blogComments .title
{
	padding: 10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #3a3a3a;
}

.blogComments .newComment
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}


.blogComments .newComment td.leaveTitle
{
	padding: 0px 10px 10px 0px;
	font-weight: bold;
	font-size: 1.1em;
	color: #3a3a3a;
}

.blogComments .newComment td.button
{
	text-align: right;
}

.blogComments .commentList
{
	border-top: solid 1px #6a6a6a;
	margin-top: 10px;
	background: url('images/cart-footer-bg.gif') repeat-x bottom;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BLOG COMMENTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.blogcomment
{
	border-bottom: solid 1px #E3E3E3;
}

.blogcomment .commentinfo
{
	width: 170px;
	float: left;
	padding: 5px;
	height: 100%;
	border-right: solid 1px #F3F3F3;
}

.blogcomment .commentinfo .userinfo
{
	padding-top: 5px;
}

.blogcomment .commentinfo .userinfo a.username
{
	font-weight: bold;
	margin-bottom: 5px;
}

.blogcomment .commentinfo .userinfo span.username
{
	font-weight: bold;
	margin-bottom: 5px;
}

.blogcomment .commentinfo .userinfo .avatar
{
	margin: 5px 0 5px 0;
}

.blogcomment .commentinfo .userinfo .userstats
{
	font-size: 0.9em;
	text-align: left;
	font-weight: bold;
	color: #555;
}

.blogcomment .commentinfo .userinfo  .userstats .statvalue
{
	font-weight: normal;
}

.blogcomment .commentcontent
{
	margin-left: 180px;
	border-left: solid 1px #F3F3F3;
}

.blogcomment .commentcontent .commenttime
{
	font-weight: bold;
	line-height: 20px;
	padding: 3px;
	background: #e3f3f3;
}

.blogcomment .commentcontent .commenttime .statvalue
{
	font-weight: normal;
}

.blogcomment .commentcontent .commentbody
{
	padding: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POLLS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.todaysPollBox
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.todaysPollBox .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.todaysPollBox .pollItem
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.pollBlock
{
	float: left;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
}

.pollTakePoll, .pollResults
{
	border: dashed 1px #666;
	padding: 5px;
	margin-top: 10px;
}

.pollDisplayText
{
	font-weight: bold;
}

.pollTotalVotes
{
	font-style: italic;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	EMAIL A FRIEND PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.emailafriendBox
{
	margin-bottom: 15px;
	padding: 0px;
}

.emailafriendBox .title
{
	padding: 15px 10px 5px 0px;
    font-weight: 400;
    clear: both;
    font-size: 20px;
}

.emailafriendBox .sendEmail
{	
	margin-top: 10px;
	padding: 0 0 10px 10px;
    width:750px;
}

.emailafriendBox .sendEmail .product
{
	font-weight: bold;
}

.emailafriendBox .sendEmail .description
{
	font-style: italic;
}

.emailafriendBox .sendEmail .confirm
{
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RATING

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ratingStar
{
	font-size: 0pt;
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}
.filledRatingStar
{
	background: url(images/star-x-active.png) 0 0 repeat-x;
}
.emptyRatingStar
{
	background: url(images/star-x-inactive.png) 0 0 repeat-x;
}
.savedRatingStar
{
	background-image: url(Images/SavedStar.png);
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER ACCOUNT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.AccountPage
{
	padding: 10px;
}

.AccountPage .title
{
    color:#007ba4;    
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
}

.AccountPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER INFO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CustomerInfoBox
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
}

.CustomerInfoBox .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	height: auto;
}

.CustomerInfoBox .Button
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

.CustomerAddresses
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerAddresses .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

.CustomerAddresses .AdressList
{
}

.CustomerAddresses .AdressList .AddressItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CustomerAddresses .AddButton
{
	margin-bottom: 5px;
	margin-top: 5px;
	float: right;
	text-align: right;
}

.CustomerOrders
{
	margin: 0px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerOrders .OrderList
{
}

.CustomerOrders .OrderList .OrderItem
{
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CustomerPassRecovery
{
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CustomerInfoBox .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.blockBordered
{
	border: 1px solid rgb(232, 230, 210);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LOGIN PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.LoginPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.LoginPage .title
{
	font-size: 20px;
    font-weight: 400;
    padding-top: 15px;
}

.LoginPage .wrapper
{
	width: 600px;
	margin-top: 10px;
	padding-left: 5px;
	font-size: 11px;
	color: #555;
}

.LoginPage .wrapper .new-wrapper
{
	float: left;
	width: 50%;
}

.LoginPage .wrapper .new-wrapper .RegisterTitle
{
	text-align: center;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
}

.LoginPage .wrapper .new-wrapper .RegisterBlock
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	border: solid 1px #d3d3d3;
	height: 300px;
	vertical-align: top;
}

.LoginPage .wrapper .new-wrapper .CheckoutAsGuestOrRegisterBlock
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	border: solid 1px #d3d3d3;
	height: 300px;
	vertical-align: top;
}

.LoginPage .wrapper .returning-wrapper
{
	float: right;
	width: 50%;
}

.LoginPage .wrapper .returning-wrapper .LoginTitle
{
	text-align: center;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
}

.LoginPage .wrapper .returning-wrapper .LoginBlock
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	padding: 15px 5px 5px 5px;
	border: solid 1px #d3d3d3;
	height: 300px;
}

.LoginTableContainer
{
	vertical-align: middle;
}

.LoginTableContainer .Row
{
}

.LoginTableContainer .Row .ItemName
{
	padding: 10px 10px 10px 0px;
	display: block;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: bold;
}

.LoginTableContainer .Row .ItemValue
{
	padding: 10px 0px 10px 0px;
	vertical-align: middle;
}

.LoginPage .ForgotPassword
{
	font-weight: bold;
}

.LoginPage .LoginButton
{
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	REGISTRATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RegistrationPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.RegistrationPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
    color:#3D9BD8;
}

.RegistrationPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.RegistrationPage .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
	font-size: 12px;
}

.RegistrationPage .SectionBody
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.RegistrationPage .Button
{
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PASSWORD RECOVERY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PasswordRecoveryPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.PasswordRecoveryPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.PasswordRecoveryPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	AVATAR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CustomerAvatar
{
	padding: 10px;	
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ACCOUNT ACTIVATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.AccountActivationPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.AccountActivationPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.AccountActivationPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADDRESS EDIT PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.AddressEditPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.AddressEditPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.AddressEditPage .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MANUFACTURER PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ManufacturerPage
{
	margin-bottom: 15px;
	padding: 0px;
}
.ManufacturerPage .ManufacturerTitle
{
	padding:10px 10px 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear:both;
	font-size: 1.1em;
	color: #3a3a3a;
}

.ManufacturerPage .ManufacturerDescription
{
	color: #555;
	font-size: 1.1em;
}

.ManufacturerPage .ProductPager
{
	text-align: center;
}

.ManufacturerPage .ProductPager a
{
	font-size: 1em;
}

.ManufacturerPage .ProductPager a:link
{
	text-align: center;
	color: #555;
}

.ManufacturerPage .ProductPager span
{
	color: #ff9933;
	font-size: 1.3em;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MANUFACTURER FEATURED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ManufacturerPage .FeaturedProductGrid
{
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	text-align: center;
}

.ManufacturerPage .FeaturedProductGrid .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	margin: 0;
	color: #ff9933;
}

.ManufacturerPage .FeaturedProductGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	width: 250px;
	background: url('images/prod_grid_box_bg.gif') no-repeat 0 100%;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .title
{
	font-weight: bold;
	background: url('images/deal_box_hl.gif') no-repeat 0 0;
	padding: 0 0 0 10px;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .title a
{
	background: url('images/deal_box_hr.gif') no-repeat 100% 0;
	display: block;
	height: 2em;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .picture
{
	text-align: center;
	margin-top: 10px;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .description
{
	margin: 5px 5px 0 5px;
	text-align: center;
	padding: 10px 5px 10px 5px;
	border-top: solid 1px #e3e3e3;
	color: #555;
	height: 50px;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .addInfo
{
	vertical-align: bottom;
	text-align: right;
	width: 250px;
	height: 85px;
	position: relative;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .addInfo .prices
{
	text-align: right;
	vertical-align: middle;
	position: absolute;
	bottom: 15px;
	right: 10px;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .addInfo .buttons
{
	vertical-align: middle;
	position: absolute;
	bottom: 15px;
	left: 10px;
	text-align: left;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .addInfo .prices .productPrice
{
	color: green;
}

.ManufacturerPage .FeaturedProductGrid .ProductItem .addInfo .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN GRID - TEMPLATE - DONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ManufacturerPage .ProductGrid
{
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	text-align: center;
}

.ManufacturerPage .ProductGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}

.ManufacturerPage .ProductGrid .ProductItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	width: 250px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: url('images/prod_grid_box_bg.gif') no-repeat 0 100%;	
}

.ManufacturerPage .ProductGrid .ProductItem .title
{
	font-weight: bold;
	color: #008ec7;
	background-color: #ececed;
	border-top: solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding-left: 10px;
}

.ManufacturerPage .ProductGrid .ProductItem .title a
{	
	color: #3D9BD8;
	display: block;
	height: 20px;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.ManufacturerPage .ProductGrid .ProductItem .picture
{
	text-align: center;
	margin-top: 10px;
}

.ManufacturerPage .ProductGrid .ProductItem .description
{
	margin: 5px 5px 0 5px;
	text-align: center;
	padding: 10px 5px 10px 5px;
	border-top: solid 1px #e3e3e3;
	color: #555;
	height: 50px;
}

.ManufacturerPage .ProductGrid .ProductItem .addInfo
{
	vertical-align: bottom;
	text-align: right;
	width: 250px;
	height: 85px;
	position: relative;
}

.ManufacturerPage .ProductGrid .ProductItem .addInfo .prices
{
	text-align: right;
	vertical-align: middle;
	position: absolute;
	bottom: 15px;
	right: 10px;
}

.ManufacturerPage .ProductGrid .ProductItem .addInfo .buttons
{
	vertical-align: middle;
	position: absolute;
	bottom: 15px;
	left: 10px;
	text-align: left;
}

.ManufacturerPage .ProductGrid .ProductItem .addInfo .prices .productPrice
{
	color: green;
}

.ManufacturerPage .ProductGrid .ProductItem .addInfo .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT FILTERS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ManufacturerPage .ProductFilters
{
	width: 600px;
	background: url('images/fb_s_bg.gif') no-repeat 0 100%;
	margin-left: 5px;
}

.ManufacturerPage .ProductFilters .FilterTitle
{
	font-weight: bold;
	background: url('images/deal_box_hl.gif') no-repeat 0 0;
	padding-left: 10px;	
	color: #555;
}

.ManufacturerPage .ProductFilters .FilterTitle span
{
	background: url('images/deal_box_hr.gif') no-repeat 100% 0;
	display: block;
	height: 2em;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.ManufacturerPage .ProductFilters .FilterItem
{
	padding: 5px 10px 5px 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM MAIN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumsmain
{
	margin-top: 5px;
}

.forumsmain .forumsmainheader
{
	border-bottom: 1px solid #C5C5C5;
	padding-bottom:10px;
	height: 20px;
}

.forumsmain .forumsmainheader .currenttime
{
	font-size: 0.9em;
	color: #555;
	float: left;
}

.forumsmain .forumsmainheader .forumsearchbox
{
	float: right;
	text-align: right;
    padding-right:20px;
}

.forumsmain .forumgroups
{
	margin-top: 10px;
    padding:10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM GROUP

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumgrouppage .forumsearchbox
{
	text-align: right;
    width:720px;
}

.forumgroup
{
	margin-bottom: 10px;
	float: left;
	width: 280px;
	Height: 120px;
	margin-right: 20px;
}

.forumgroups .forumgroup .grouptitle
{
	font-size: 20px;
font-weight: 400;
}

.forumgroup .forumgroup .grouptitle
{
	font-size: 20px;
font-weight: 400;
}

.forumgroup .grouptitle a
{
	font-weight: bold;
	color:#008EC7;
}

.forumgroup table.groups
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 15px;
}

.forumgroup table.groups td
{
	padding: 3px 0 3px 0;
}

.forumgroup tr.groupheader
{
	font-weight: bold;
}

.forumgroup tr.groupheader td
{
	background: url('images/forum-header-bg.gif') repeat-x 50%;
	color: #FFF;
	border-right: solid 1px #6a6a6a;
	height: 20px;
}

.forumgroup tr.groupheader td.forumname
{
	width: 55%;
	text-align: left;
	padding-left: 3px;
}

.forumgroup tr.groupheader td.topics
{
	width: 10%;
}

.forumgroup tr.groupheader td.posts
{
	width: 10%;
}

.forumgroup tr.groupheader td.lastpost
{
	width: 25%;
}

.forumgroup tr.forum td.image div
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum.gif') no-repeat 40% 40%;
}

.forumgroup tr.forum td
{	
	vertical-align: middle;
	padding-left: 3px;
}

.forumgroup tr.forum td.forumname
{
	text-align: left;
	width: 55%;
}

.forumgroup tr.forum td.forumname .forumtitle
{
	font-size: 1.1em;	
}

.forumgroup tr.forum td.forumname .forumdescription
{
	font-size: 0.9em;
	color: #555;
}

.forumgroup tr.forum td.lastpost
{
	font-size: 0.8em;
	color: #555;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forum
{
    width:750px;
}

.forum .forumheader
{
}

.forum .top .foruminfo
{
	float: left;
}

.forum .top .foruminfo .forumname
{	
    font-size: 20px;
    font-weight: 400;    
}

.forum .top .foruminfo .forumdescription
{
	color: #555;
}

.forum .top .actions
{
	float: right;
	text-align: right;
}

.forum .top .actions .newtopic
{
	background: url('images/ico-forum-post-add.gif') no-repeat;
	padding: 0 10px 3px 20px;
}

.forum .top .actions .watchforum
{
	background: url('images/ico-forum-watch.gif') no-repeat;
	padding-left: 20px;
}

.forum .top .actions .forumsearchbox
{
	padding-top: 5px;
}

.forum .topicsgroup
{
	width:750px;
}

.forum table.topics
{
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
}

.forum table.topics td
{
	padding: 3px 0 3px 0;
}

.forum table.topics tr.forumheader
{
	font-weight: bold;
}

.forum table.topics tr.forumheader td
{	
	color: #FFF;
	
	height: 20px;
}

.forum table.topics tr.forumheader td.topicname
{
	width: 55%;
	text-align: left;
	padding-left: 3px;
}

.forum table.topics tr.forumheader td.replies
{
	width: 10%;
}

.forum table.topics tr.forumheader td.views
{
	width: 10%;
}

.forum table.topics tr.forumheader td.lastpost
{
	width: 25%;
}

.forum table.topics tr.topic td
{	
	vertical-align: middle;
	padding-left: 3px;
}

.forum table.topics tr.topic td.image div
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum.gif') no-repeat 40% 40%;
}

.forum table.topics tr.topic td.topicname
{
	text-align: left;
	width: 55%;
}

.forum table.topics tr.topic td.topicname .topictype
{
	font-size: 0.9em;
	line-height: 18px;
}

.forum table.topics tr.topic td.topicname .topictitle
{
	font-size: 1.1em;
	line-height: 18px;
}

.forum table.topics tr.topic td.topicname .topicstarter
{
	font-size: 0.9em;
	color: #555;
}

.forum table.topics tr.topic td.lastpost
{
	font-size: 0.8em;
	color: #555;
}

.forum table.topics tr.topic .post
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum-post.gif') no-repeat 40% 40%;
}

.forum table.topics tr.topic .postannoucement
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;
}

.forum .pager
{
	text-align: right;
	padding: 5px 3px 5px 0;
	border-bottom: 1px solid #C5C5C5;
}

.forum .pager a:link
{
	color: #555;
}

.forum .pager span
{
	color: #ff9933;
	font-size: 1.2em;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM TOPIC EDIT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.postedit
{
	background: url('images/forum-footer-bg.gif') repeat-x bottom;
}

.postedit .title
{
	background: url('images/forum-header-bg.gif') repeat-x 50%;
	color: #FFF;
	border: solid 1px #6a6a6a;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 3px;
}

.postedit .wrapper
{
	padding: 5px 5px 5px 5px;
}

.postedit table.posttopic
{
	width: 100%;
	vertical-align: middle;
	border-collapse: collapse;
}

.postedit table.posttopic td
{
	padding: 4px 4px 4px 4px;
}

.postedit table.posttopic td.fieldname
{
	font-weight: bold;
	width: 20%;
	color: #555;
}

.postedit table.posttopic td.options
{
	text-align: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MOVE TOPIC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.moveforumtopic
{
	background: url('images/forum-footer-bg.gif') repeat-x bottom;
}

.moveforumtopic .title
{
	background: url('images/forum-header-bg.gif') repeat-x 50%;
	color: #FFF;
	border: solid 1px #6a6a6a;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 3px;
}

.moveforumtopic .wrapper
{
	padding: 5px 5px 5px 5px;
}

.moveforumtopic table.movetopic
{
	width: 100%;
	vertical-align: middle;
	border-collapse: collapse;
}

.moveforumtopic table.movetopic td
{
	padding: 4px 4px 4px 4px;
}

.moveforumtopic table.movetopic td.fieldname
{
	font-weight: bold;
	width: 30%;
	color: #555;
	white-space: nowrap;
}

.moveforumtopic table.movetopic td.options
{
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	VIEW FORUM TOPIC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumtopic
{
	
}

.forumtopic .title
{		
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 3px;
}

.forumtopic .title .topicname
{	
    font-size: 20px;
    font-weight: 400;    
}

.forumtopic .title .manage
{
	float: right;
	text-align: right;
}

.forumtopic .title .manage a
{
	color: #F3F3F3;
}

.forumtopic .topicheader
{	
}

.forumtopic .topicheader .topicoptions, .topicfooter .topicoptions
{
	float: right;
	text-align: right;
}

.forumtopic .topicheader .topicoptions a, .topicfooter .topicoptions a
{
	font-weight: bold;
}

.forumtopic .posts
{
}

.topicfooter
{
	padding: 5px 5px 5px 5px;	
	height: 16px;
    width:750px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM POST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumpost
{
	border-bottom: solid 1px #E3E3E3;
    width:750px;
}

.postinfo
{
	width: 170px;
	float: left;
	padding: 5px;
	height: 100%;
	border-right: solid 1px #F3F3F3;
}

.postinfo .manage
{
	line-height: 20px;
}

.postinfo .manage a
{
	font-weight: bold;
	color: #555;
}

.postinfo .userinfo
{
	padding-top: 5px;
}

.postinfo .userinfo a.username
{
	font-weight: bold;
	margin-bottom: 5px;
}

.postinfo .userinfo span.username
{
	font-weight: bold;
	margin-bottom: 5px;
}

.postinfo .userinfo .avatar
{
	margin: 5px 0 5px 0;
}

.postinfo .userinfo .userstats
{
	font-size: 0.9em;
	text-align: left;
	font-weight: bold;
	color: #555;
}

.postinfo .userinfo .userstats .statvalue
{
	font-weight: normal;
}

.postcontent
{
    width:750px;
}

.postcontent .posttime
{
	font-weight: bold;
	line-height: 20px;
	padding: 3px;
	background: #e3f3f3;
}

.postcontent .posttime .statvalue
{
	font-weight: normal;
}

.postcontent .postbody
{
	padding: 3px;
}

.postcontent .postbody a
{
	color: #ff9933;
	text-decoration: underline;
}


.postcontent .postbody .posttext
{
}

.postcontent .signature
{
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0;
	font-size:90%;
	
	padding:1em 0 20px;
	text-align:left;
	font-style: italic;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM SEARCH BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumsearchbox
{
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM SEARCH PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumsearch
{
}

.forumsearch .forumSearchPanel
{
    width:750px;
}

.forumsearch .forumSearchPanel .title
{
	color: #007ba4;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
}

.forumsearch .forumSearchPanel .searchInput
{
}

.forumsearch .forumSearchPanel .searchError
{
	color: Red;
}

.forumsearch .forumSearchPanel .searchResults
{
}

.forumsearch .topicsgroup
{
	
}

.forumsearch table.topics
{
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
}

.forumsearch table.topics td
{
	padding: 3px 0 3px 0;
}

.forumsearch table.topics tr.forumheader
{
	font-weight: bold;
}

.forumsearch table.topics tr.forumheader td
{	
	color: #008EC7;	
	height: 20px;
}

.forumsearch table.topics tr.forumheader td.topicname
{
	width: 55%;
	text-align: left;
	padding-left: 3px;
}

.forumsearch table.topics tr.forumheader td.replies
{
	width: 10%;
}

.forumsearch table.topics tr.forumheader td.views
{
	width: 10%;
}

.forumsearch table.topics tr.forumheader td.lastpost
{
	width: 25%;
}

.forumsearch table.topics tr.topic td
{	
	vertical-align: middle;
	padding-left: 3px;
}

.forumsearch table.topics tr.topic td.image div
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum.gif') no-repeat 40% 40%;
}

.forumsearch table.topics tr.topic td.topicname
{
	text-align: left;
	width: 55%;
}

.forumsearch table.topics tr.topic td.topicname .topictype
{
	font-size: 0.9em;
	line-height: 18px;
}

.forumsearch table.topics tr.topic td.topicname .topictitle
{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 18px;
}

.forumsearch table.topics tr.topic td.topicname .topicstarter
{
	font-size: 0.9em;
	color: #555;
}

.forumsearch table.topics tr.topic td.lastpost
{
	font-size: 0.8em;
	color: #555;
}

.forumsearch table.topics tr.topic .post
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum-post.gif') no-repeat 40% 40%;
}

.forumsearch table.topics tr.topic .postannoucement
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;
}

.forumsearch .pager
{
	text-align: right;
	padding: 5px 3px 5px 0;
	border-bottom: 1px solid #c5c5c5;
}

.forumsearch .pager a:link
{
	color: #555;
}

.forumsearch .pager span
{
	color: #ff9933;
	font-size: 1.2em;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PROFILE PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.profilepage
{
}

.profilepage .title
{
	background: url('images/forum-header-bg.gif') repeat-x 50%;
	color: #FFF;
	border: solid 1px #6a6a6a;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 3px;
}

.profilepage .body
{
}

.profilepage .body .profileInfoBox
{
	background: url('images/forum-footer-bg.gif') repeat-x bottom;
	margin-bottom: 15px;
}

.profilepage .body .profileInfoBox .title
{
}

.profilepage .body .profileInfoBox .profileStat
{
	font-weight: bold;
	padding: 2px;
}

.profilepage .body .profileInfoBox .profileStat .profileStatValue
{
	font-weight: normal;
	color: #555;
}

.profilepage .body .profileInfoBox .userDetails
{
	width: 180px;
	float: left;
	padding: 10px;
	height: 100%;
	border-right: solid 1px #F3F3F3;
	text-align: center;
}

.profilepage .body .profileInfoBox .userDetails .avatar
{
	margin-bottom: 5px;
}

.profilepage .body .profileInfoBox .userStats
{
	margin-left: 200px;
	border-left: solid 1px #F3F3F3;
	padding: 10px;
}

.profilepage .body .profileInfoBox .userStats .sectionTitle
{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.profilepage .body .userLastPosts
{
}

.profilepage .body .userLastPosts .sectionTitle
{
	margin-bottom: 10px;
	font-weight: bold;
}

.profilepage .body .userLastPosts .topic
{
	border: solid 1px #F3F3F3;
	margin-bottom: 10px;
}

.profilepage .body .userLastPosts .topicTitle
{
	font-weight: bold;
	line-height: 20px;
	background: #e3f3f3;
	padding: 3px;
}

.profilepage .body .userLastPosts .topicBody
{
	padding: 10px;
}

.profilepage .body .userLastPosts .topicData
{
	background: #f3f3f3;
	padding: 3px;
	color: #555;
	font-size: 0.9em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumbreadcrumb
{  
    text-transform: uppercase;
    font-size: 10px;
    color: #444444;
    padding-top:9px;
}

.forumbreadcrumb a
{
	text-decoration: none;	
}

.forumbreadcrumb a:hover
{
	text-decoration: none;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BB CODE EDITOR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.toolbar
{
	padding: 2px;
	display: inline;
}

.toolbar .button
{
	background: url('images/bbeditor-button-bg.gif') repeat-x;
	padding: 2px;
	margin-right: 2px;
	border: #cec6b5 1px solid;
}

.toolbar .button:hover
{
	border: #333 1px solid;
}

/* Browser specific (not valid) styles to make preformatted text wrap */		

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #ffffff;
}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}

.csharpcode .lnum { color: #606060; }


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
	background-color:White;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE CATEGORIES - DONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageCategoryGrid
{
	margin-left: auto;
	margin-right: auto;
	
}

.HomePageCategoryGrid a
{
	color: #444444;
	text-decoration:none;
}

.HomePageCategoryGrid a:hover
{
	color: #ff9933;
	text-decoration: underline;
}

.HomePageCategoryGrid .ItemBox
{
	text-align: center;
	vertical-align: text-top;
}

.HomePageCategoryGrid .HomePageCategoryItem
{
	text-align: center;
	margin: 10px 5px 10px 5px;
	width: 180px;
	height: auto;	
}

.HomePageCategoryGrid .HomePageCategoryItem .title
{	
	font-weight: bold;
	color: #444444;	
	font-size: 18px;
	display: block;
	overflow: hidden hidden;
	height: 30px;
	padding: 2px;
}

.HomePageCategoryGrid .HomePageCategoryItem .picture
{
	/*display:none;*/
	text-align: center;
	padding: 10px 0 10px 0;	
	border-top:0px;
	background-color: White;
	color: #cccccc;
	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY DETAILS PAGE - DONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage
{	
	padding: 0px;
    margin-top: 10px;
}

.CategoryPage .CategoryTitle {
padding: 5px 10px 0px 0px;
font-weight: bold;
font-size: 12pt;
clear: both;
}

.CategoryPage .CategoryDescription
{
	border-bottom: solid 1px #dededf;
    font-size: 12px;    
}

.CategoryPage .CategoryDescription .FilterSummary
{
    padding: 3px;
    color: green;
    font-weight: bold;
}


.CategoryPage .ProductPager
{
	text-align: right;    
	height:15px;
    padding-top:10px; 
   
}

.CategoryPage .ProductPager a
{
	font-size: 1em;
}

.CategoryPage .ProductPager a:link
{
	text-align: center;
	color: #3c3b3b;
	
}

.CategoryPage .ProductPager span
{
	border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #5e5e5e;
    box-shadow: inset 0px 1px 5px 2px #EEE;
    padding: 0 6px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SUB CATEGORIES - PRODUCTS IN GRID TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .SubCategoryGrid
{
	margin-left: auto;
	margin-right: auto;
	width: 520px;
}

.CategoryPage .SubCategoryGrid a
{
	color: #555;
}

.CategoryPage .SubCategoryGrid .ItemBox
{
	text-align: center;
	vertical-align: text-top;
}

.CategoryPage .SubCategoryGrid .SubCategoryItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	width: 150px;
	height: auto;
	background: url('images/home-cat-bg.gif') no-repeat 0 100%;
}

.CategoryPage .SubCategoryGrid .SubCategoryItem .title
{
	text-align: center;
	font-weight: bold;
	background: url('images/home-cat-title.gif');
	font-size: 0.9em;
	display: block;
	overflow: hidden hidden;
	height: 1.8em;
	padding: 8px 0 5px 0;
}

.CategoryPage .SubCategoryGrid .SubCategoryItem .picture
{
	text-align: center;
	padding: 10px 0 10px 0;
}

.CategoryPage .SubCategoryList
{
	margin-bottom: 10px;
margin-top: 10px;
	padding: 0px;
padding-left: 20px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FEATURED PRODUCTS IN CATEGORY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .FeaturedProductGrid
{
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 610px;
}

.CategoryPage .FeaturedProductGrid .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	margin: 0;
	color: #ff9933;
}

.CategoryPage .FeaturedProductGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}

.CategoryPage .FeaturedProductGrid .ProductItem
{	
	margin: 0px 10px 0px 0px;
	width: 296px;
	border-bottom: 1px solid #CCCCCC;
    	border-left: 1px solid #CCCCCC;
    	border-right: 1px solid #CCCCCC;
}

.CategoryPage .FeaturedProductGrid .ProductItem .title
{
	font-weight: bold;
	background-color: #ECECED;
    	border-bottom: 1px solid #CCCCCC;
    	border-top: 1px solid #CCCCCC;
	padding: 0 0 0 10px;
	text-transform: none;
}

.CategoryPage .FeaturedProductGrid .ProductItem .title a
{	
	display: block;
	height: 2em;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.CategoryPage .FeaturedProductGrid .ProductItem .picture
{
	text-align: center;
	margin-top: 10px;
	height:80px;
}

.CategoryPage .FeaturedProductGrid .ProductItem .description
{	
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-top: solid 1px #E3E3E3;
	border-bottom: solid 1px #E3E3E3;
	color: #555;
	height: 73px;
}

.CategoryPage .FeaturedProductGrid .ProductItem .description ul 
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.CategoryPage .FeaturedProductGrid .ProductItem .addInfo
{	
	height: 65px;	
	background-color: #FFF7E0;
}

.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .prices
{	
	text-align:right;
	float:left;
	padding: 5px 5px 5px 0px;	
	font-size: 12px;	
	color: #555;
	padding-left:10px;
}

.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .buttons
{	
	float:right;
	padding-right:10px;
	padding-top:22px;
}

.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .prices .productPrice
{
	color: green;
	font-size:16px;
	font-weight:bold;
}

.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .prices .productPriceSave
{
	color: #F60;
	font-size:16px;
	font-weight:bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN GRID - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductGrid
{
	margin-left: auto;
	margin-right: auto;
	width: 615px;
}

.CategoryPage .ProductGrid .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}

.CategoryPage .ProductGrid .ProductItem
{
	width: 300px;
	height: 177px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: url('images/pb_s_bg.gif') no-repeat 0 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

.CategoryPage .ProductGrid .ProductItem .title
{
	font-weight: bold;
	color: #008ec7;
	background-color: #ececed;
	border-top: solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding-left: 10px;
}

.CategoryPage .ProductGrid .ProductItem .title a
{
	color: #3D9BD8;
	display: block;
	height: 20px;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.CategoryPage .ProductGrid .ProductItem .description
{	
	padding: 0px 3px 5px 10px;
	margin: 10px 0px 0px 140px;
	text-align: left;
	border-left: solid 1px #e3e3e3;
	color: #555;
	}

.CategoryPage .ProductGrid .ProductItem .buttons
{
	display:none;
}

.CategoryPage .ProductGrid .ProductItem .picture
{
	float: left;
	margin: 10px 0 10px 10px;
}

.CategoryPage .ProductGrid .ProductItem .prices
{
	float: right;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 5px;
}

.CategoryPage .ProductGrid .ProductItem .productPrice
{
	color: green;
	font-weight: bold;
	font-size: 16px;
}

.CategoryPage .ProductGrid .ProductItem .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.CategoryPage .ProductGrid .ProductItem .productPriceInclTax
{
	color: orange;
	font-size: x-small;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 1 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductList1
{
	width: 609px;
	margin: 0 auto 0 auto;
}

.CategoryPage .ProductList1 .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}

.CategoryPage .ProductList1 .ProductItem
{
	width: 609px;
	height: 177px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background: url('images/pb_s_bg.gif') no-repeat 0 100%;
	margin-top: 10px;
	position: relative;
}

.CategoryPage .ProductList1 .ProductItem .title
{
	font-weight: bold;
	color: #008ec7;
	background-color: #ececed;
	border-top: solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding-left: 10px;
}

.CategoryPage .ProductList1 .ProductItem .title a
{
	color: #3D9BD8;
	display: block;
	height: 20px;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
}

.CategoryPage .ProductList1 .ProductItem .picture
{
	float: left;
	margin: 10px 0 10px 10px;
}

.CategoryPage .ProductList1 .ProductItem .description
{
	padding: 0px 0 0 10px;
	margin: 10px 150px 0px 140px;
	text-align: left;
	border-left: solid 1px #e3e3e3;
	color: #555;
}

.CategoryPage .ProductList1 .ProductItem .prices-wrapper
{
	float: right;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 5px;	
}

.CategoryPage .ProductList1 .ProductItem .prices
{
}

.CategoryPage .ProductList1 .ProductItem .prices .productPrice
{
	color: green;
}

.CategoryPage .ProductList1 .ProductItem .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.CategoryPage .ProductList1 .ProductItem .prices .productPriceInclTax
{
	color: orange;
	font-size: x-small;
}

.CategoryPage .ProductList1 .ProductItem .buttons
{
	padding-top: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 2 - TEMPLATE (JUST SHOWS HYPERLINKS)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductList2
{
	margin-bottom: 15px;
	padding: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT FILTERS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductFilters
{
	width: 150px;
	float:left;    
}

.CategoryPage .ProductFilters .FilterTitle
{
	font-weight: bold;	
	padding-left: 10px;		
	color: #444;	
	margin-top:10px;    
}

.CategoryPage .ProductFilters .FilterTitle span
{	
	display: block;
	height: 2em;
	line-height: 1.3em;
	overflow: hidden hidden;	
}

.CategoryPage .ProductFilters .FilterItem
{
    width:200px;
	padding: 5px 10px 5px 10px;		
	margin-bottom: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Horizontal 4 items - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .Horizontal4items
{
	width: 900px;
	margin: 0 auto 0 auto;
}

.CategoryPage .Horizontal4items .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
	margin-bottom: 1px;
	width: 242px;
}

.CategoryPage .Horizontal4items .ProductItem
{
	width: 242px;
	height: 300px;
	border:solid 1px #cccccc;	
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

.CategoryPage .Horizontal4items .ProductItem .Sale
{
	height: 298px;
	border:solid 1px #cccccc;	
}

.CategoryPage .Horizontal4items .ItemBox .ProductItem .title
{
	font-size:11px;
	color: #555;
	padding-left: 10px;
	padding-bottom:5px;
	height:50px;
}

.CategoryPage .Horizontal4items .ProductItem .title a
{
	color: #555;
	display: block;
	height: 20px;
	line-height: 1.3em;
	overflow: hidden hidden;
	padding: 4px 10px 8px 0px;
	text-decoration:none;
}

.CategoryPage .Horizontal4items .ProductItem .picture
{
	margin: 5px 0 0px 0px;
	padding-bottom:5px;
	height:100px;
	text-align:center;
}

.CategoryPage .Horizontal4items .ProductItem .description
{
	padding: 0px 0 0 10px;
	margin: 10px 150px 0px 140px;
	text-align: left;
	border-left: solid 1px #e3e3e3;
	color: #555;
	display: none;
}

.CategoryPage .Horizontal4items .ProductItem .prices-wrapper
{
	float: right;
	text-align: right;	
	height:20px;
}

.CategoryPage .Horizontal4items .ProductItem .prices
{
	padding-right: 5px;
}

.CategoryPage .Horizontal4items .ProductItem .prices .productPrice
{
	color: #008ec7;
	font-weight:bold;
}

.CategoryPage .Horizontal4items .ProductItem .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.CategoryPage .Horizontal4items .ProductItem .prices .productPriceInclTax
{
	color: orange;
	font-size: x-small;
	padding-right:5px;
}

.CategoryPage .Horizontal4items .ProductItem .buttons
{
	padding-top: 5px;
	padding-right: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ProductsWithFilter - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductsWithFilter
{	
	margin: 0 auto 0 auto;
float: left;
border-left: solid 1px #dededf;
width: 593px;
border-bottom: solid 1px #dededf;
padding-bottom: 10px;
margin-bottom: 10px;
}

.CategoryPage .ProductsWithFilter .ItemBox
{
	text-align: left;
    clear: both;
    position: relative;
    margin: 5px;
    margin-bottom: 0px;
    width: 180px;
    margin-left:25px;
}

.CategoryPage .ProductsWithFilter .ProductItem
{	
	height: 225px;	
	margin-top: 5px;
	margin-bottom: 15px;
	position: relative;
}

.CategoryPage .ProductsWithFilter .ProductItem .ProductRatingBox
{
    position:absolute;
    bottom: 59px;
}

.CategoryPage .ProductsWithFilter .ProductItem .Sale
{
		
}

.CategoryPage .ProductsWithFilter .ProductItem .sale-icon
{
	background: url(images/sale-icon.png) no-repeat;
    position: absolute;
    top: 5px;
    right: 0px;
    width: 44px;
    height: 44px;
    color: #fff;
    text-transform: uppercase;
    line-height: 44px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;	
}

.CategoryPage .ProductsWithFilter .ItemBox .ProductItem .title
{
    font-size: 11px;
    padding: 0;
    text-transform: uppercase;
    color: #8f8d8d;
}

.CategoryPage .ProductsWithFilter .ItemBox .ProductItem .title .youtubeicon 
{
    float:left;
}

.CategoryPage .ProductsWithFilter .ProductItem .title a
{
	color: #555;
	display: block;
	text-decoration:none;
    height:28px;
}

.CategoryPage .ProductsWithFilter .ProductItem .picture
{	
	padding-bottom:5px;		
    height: 100px;
}

.CategoryPage .ProductsWithFilter .ProductItem .description
{
	padding: 0px 0 0 10px;
	margin: 10px 150px 0px 140px;
	text-align: left;
	border-left: solid 1px #e3e3e3;
	color: #555;
	display: none;
}

.CategoryPage .ProductsWithFilter .ProductItem .prices-wrapper
{
	
}

.CategoryPage .ProductsWithFilter .ProductItem .prices
{
	padding-right: 5px;
    margin-bottom:5px;
    padding-top:30px;  
}

.CategoryPage .ProductsWithFilter .ProductItem .prices .action
{
	display:none;
}


.CategoryPage .ProductsWithFilter .ProductItem .prices .productPrice
{
	font-size: 13px;
    color: #686868;
    font-weight: bold;
}

.CategoryPage .ProductsWithFilter .ProductItem .prices .oldproductPrice
{
	font-size: 10px;
    color: #b4b4b4;
    text-decoration: line-through;
    margin-right: 10px;
}

.CategoryPage .ProductsWithFilter .ProductItem .prices .productPriceInclTax
{
	color: orange;
	font-size: x-small;
}

.CategoryPage .ProductsWithFilter .ProductItem .buttons
{	
	vertical-align: middle;
    bottom: 0px;
    margin-top: 10px;
    text-align: left;
    float:left;   
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ProductsWithFilter2 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductsWithFilter2
{
	width: 740px;
	margin: 0 auto 0 auto;
	float: left;
}

.CategoryPage .ProductsWithFilter2 .ItemBox
{
	text-align: left;
	clear: both;
	position: relative;
	margin:5px;
    margin-bottom:0px;
	width: 245px;  
}

.CategoryPage .ProductsWithFilter2 .ProductItem
{
	width: 245px;
	height: 300px;	
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .Sale
{
	height: 200px;
	
}

.CategoryPage .ProductsWithFilter2 .ItemBox .ProductItem .title
{
    font-weight:bold;
	font-size:12px;
	color: #555;
	padding-left: 10px;
	padding-bottom:5px;
    text-align:center;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .title a
{
	color: #555;
	display: block;
	padding: 4px 10px 8px 5px;
	text-decoration:none;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .picture
{
	margin: 5px 0 0px 5px;
	padding-bottom:5px;	
	text-align:center;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .description
{
	padding: 0px 0 0 10px;
	margin: 10px 150px 0px 140px;
	text-align: left;
	border-left: solid 1px #e3e3e3;
	color: #555;
	display: none;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .prices-wrapper
{
	padding-left:15px;
    text-align:center;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .prices
{
	padding-right: 5px;
    margin-bottom:5px;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .prices .productPrice
{
	color: #45A12A;
	font-weight:bold;
	font-size:16px;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .prices .oldproductPrice
{
	color: Red;
	text-decoration: line-through;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .prices .productPriceInclTax
{
	color: orange;
	font-size: x-small;
}

.CategoryPage .ProductsWithFilter2 .ProductItem .buttons
{	
	padding-right: 3px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER SUMMARY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderSummaryContent
{
	margin: 0px;
	padding: 10px 0px 10px 10px;
	font-size: 11px;
	color: #555;
    background-color: white;
}

.OrderSummaryContent .CouponBox
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	color: #555;
	background: background: rgb(247, 245, 232);
	margin-bottom: 10px;
	border: dotted 1px #d3d3d3;
}

.OrderSummaryContent .cart
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

.OrderSummaryContent .cart td
{
	padding: 3px 0 3px 0;
}

.OrderSummaryContent .cart .cart-header-row
{
	font-weight: bold;
    background: none repeat scroll 0 0 #404040;
}

.OrderSummaryContent .cart .cart-header-row td
{
	padding: 2px 8px;
	color: #FFF;
	border-right: solid 1px #6a6a6a;
	height: 20px;
}

.OrderSummaryContent .cart .cart-header-row td.picture
{
	border: none;
}

.OrderSummaryContent .cart .cart-header-row td.end
{
	text-align: right;
	padding-right: 5px;
}

/*.OrderSummaryContent .cart .cart-item-row
{

}*/

.OrderSummaryContent .cart .cart-item-row td
{
	border-bottom: 1px solid #c5c5c5;
	vertical-align: top;
	line-height: 20px;
}

.OrderSummaryContent .cart .cart-item-row td.product
{
	text-align: left;
	padding: 0px 10px 0px 10px;
}

.OrderSummaryContent .cart .cart-item-row td.product a
{
	font-weight: bold;
}

.OrderSummaryContent .cart .cart-item-row td.end
{
	text-align: right;
	font-weight: bold;
	color: Green;
	padding-right: 5px;
}

.OrderSummaryContent .cart-footer
{
	width: 100%;
	
}

.OrderSummaryContent .TotalInfo
{
	padding: 10px 5px 10px 0px;
	font-size: 12px;
    margin-bottom:30px;
}

.OrderSummaryContent .WarningBox .WarningText
{
	color: Red;
}

.cart_total_left
{
	width: 100%;
	text-align: right;
	vertical-align: middle;
	height: 21px;
	font-weight: bold;
	color: #353434;
}

.cart_total_right
{
	text-align: right;
	vertical-align: middle;
	padding-left: 5px;
}

.OrderSummaryContent .Buttons
{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	float: left;
}

.OrderSummaryContent .Buttons .CommonButtons
{
	float: left;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}

.OrderSummaryContent .Buttons .AddonButtons
{
	float: right;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHOPPING CART

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.shoppingcart
{
	margin-bottom: 0px;
	padding-bottom: 5px;
	padding-left: 0;
}

.shoppingcart .crosssell
{
	
}

.shoppingcart .crosssell .title
{
	text-align:center;
	color:Green;
}

.shoppingcart .crosssell .products
{
	padding-left:0px;	
}

.HomePageProductGrid .ProductItem .ProductTitle
{
	text-align: center;
	font-weight: bold;
	color: #FA8F15;
	background-color: #ECECED;
	border: solid 1px #cccccc;
	border-left:0px;
	border-right:0px;	
	display: block;
	overflow: hidden hidden;	
	padding: 5px 0 5px 0;
	vertical-align:middle;
}

.HomePageProductGrid .ProductItem .ProductTitle a
{
	color: #FA8F15
}

.shoppingcart .title
{	
    font-size: 20px;
    font-weight: 400;
    padding: 15px;
}

.shoppingcart .body
{
    position:relative;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	WISHLIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.WishlistContent
{
	margin: 0px;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.WishlistContent .cart
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
}

.WishlistContent .cart td
{
	padding: 3px 0 3px 0;
}

.WishlistContent .cart .cart-header-row
{
	font-weight: bold;
}

.WishlistContent .cart .cart-header-row td
{
	background: url('images/cart-header-bg.gif') repeat-x 50%;
	color: #FFF;
	border-right: solid 1px #6a6a6a;
	height: 20px;
}

.WishlistContent .cart .cart-header-row td.picture
{
	border: none;
}

.WishlistContent .cart .cart-header-row td.end
{
	text-align: right;
	padding-right: 5px;
}

/*.WishlistContent .cart .cart-item-row
{

}*/

.WishlistContent .cart .cart-item-row td
{
	border-bottom: 1px solid #c5c5c5;
	vertical-align: middle;
	line-height: 30px;
}

.WishlistContent .cart .cart-item-row td.product
{
	text-align: left;
	padding: 0px 10px 0px 10px;
}

.WishlistContent .cart .cart-item-row td.product a
{
	font-weight: bold;
}

.WishlistContent .cart .cart-item-row td.end
{
	text-align: right;
	font-weight: bold;
	color: Green;
	padding-right: 5px;
}

.WishlistContent .WarningBox .WarningText
{
	color: Red;
}

.wishlist
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}

.wishlist .title
{
	padding: 10px 10px 15px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}

.wishlist .body
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
}

.wishlist .shareinfo
{
	background: url('images/cart-footer-bg.gif') repeat-x bottom;
	font-size: 1.2em;
	height: 50px;
	padding: 0 0 5px 5px;
}

.wishlist .shareinfo .sharelabel
{
	font-weight: bold;
}

.wishlist .shareinfo .sharelink
{
	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CHECKOUT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutPage
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}
.CheckoutPage .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}
.CheckoutPage .CheckoutData
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	font-size: 11px;
	color: #555;
	background-color: inherit;
}

.CheckoutData .OrderSummaryTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}
.CheckoutData .OrderSummaryBody
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADDRESSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .SelectAddressTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}

.CheckoutData .AddressGrid
{
	margin-bottom: 15px;
	padding: 0px;
}

.CheckoutData .AddressGrid .ItemBox
{
	padding-bottom: 10px;
	text-align: center;
	vertical-align: text-top;
}

.CheckoutData .AddressGrid .AddressItem
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	width: 200px;
	height: auto;
}

.CheckoutData .AddressGrid .AddressItem .SelectButton
{
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

.CheckoutData .AddressGrid .AddressItem .AddressBox
{
	text-align: left;
}

.CheckoutData .EnterAddressTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}

.CheckoutData .EnterAddress
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CheckoutData .EnterAddress .EnterAddressBody
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}

.CheckoutData .EnterAddress .Button
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .EnterAddress .TheSameAddress
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}

.CheckoutData .EnterAddress .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHIPPING OPTIONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .ShippingOptions
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CheckoutData .ShippingOptions .ShippingOptionItem
{
	text-align: left;
	vertical-align: text-top;
	padding: 5px 0 0 5px;
}

.CheckoutData .ShippingOptions .ShippingOptionItem .OptionName
{
	font-weight: bold;
}

.CheckoutData .ShippingOptions .ShippingOptionItem .OptionDescription
{
	padding: 5px 0 5px 16px;
}

.CheckoutData .ShippingOptions .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .ShippingOptions .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .ShippingNotAllowed
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAYMENT METHODS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .PaymentMethods
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CheckoutData .PaymentMethods .PaymentMethodItem
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.CheckoutData .PaymentMethods .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .NoPaymentMethods
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}


.CheckoutData .PaymentInfo
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CheckoutData .PaymentInfo .Body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.CheckoutData .PaymentInfo .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONFIRM ORDER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .ConfirmOrder
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CheckoutData .ConfirmOrder .Selectbutton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

.CheckoutData .ConfirmOrder .ErrorBlock
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	COMPLETED

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CheckoutData .OrderCompleted
{
	text-align: left;
	margin: 10px 10px 10px 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

.CheckoutData .OrderCompleted .Body
{
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
}

.CheckoutData .OrderCompleted .SelectButton
{
	margin: 10px 10px 10px 10px;
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderDetails
{
	margin-bottom: 15px;
	padding: 0px;
}
.OrderDetails .title
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
}
.OrderDetails .info
{
	border: 1px solid #d7d7d7;
	padding: 10px;
}
.OrderDetails .SectionTitle
{
	padding: 10px 10px 5px 0px;
	font-weight: bold;
	clear: both;
}
.OrderDetails .OrderOverview
{
	text-align: left;
	padding-bottom: 10px;
}
.OrderDetails .ShippingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}
.OrderDetails .BillingBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}
.OrderDetails .ProductsBox
{
	text-align: left;
	padding: 10px;
	border: 1px solid #d7d7d7;
	height: auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER PROGRESS CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.OrderProgress
{
	height: 30px;	
	text-align:center;
	border-bottom: solid 2px #f3f3f3;
	font-size:12px;
    padding-top:10px;
}

.OrderProgress ul
{
	padding: 0;
	margin: 0;
}

.OrderProgress ul li
{
	list-style: none;
	display: inline;	
	padding: 5px 30px 0 20px;
}

.OrderProgress ul li .ActiveStep
{
	color: #6a6a6a;
	background: url('images/progress-step-active.gif') no-repeat ;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left:20px;
	
}

.OrderProgress ul li .InactiveStep
{
	color: #d7d7d7;
	background: url('images/progress-step-inactive.gif') no-repeat ;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left:20px;
	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	OnePageCheckout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.onepagecheckout
{	
	color: #555;
    background-color:white;
	}
	
.onepagecheckout .title
{
    font-size: 20px;
    font-weight: 400;
    padding: 0px 15px 0px 0;
}
	
.onepagecheckout .summary
{
    margin-left:10px;
	width:705px;
	background-color:white;
	margin-bottom:10px;    
}	
		
.onepagecheckout .addressdata
{	
	min-height:380px;
	border: solid 1px #EEE;
	background-color: #fbfaf6;
	padding-bottom:5px;
	font-size: 11px;
}

.onepagecheckout .addressdata .validation
{	
	background-color:#F9F1F1;
	margin-bottom:5px;
}

.onepagecheckout .addressdata .validation .validationsummary
{
	padding:5px;
	color:green;	
	}

.onepagecheckout .addressdata .title
{
	border: none;
	border-bottom: 1px solid #EEE;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #008EC7;
	background-color: #f9f3e3;
	padding: 6px 6px;
}

.onepagecheckout .addressdata .subtitlea
{
	background: #B20405;
    border-color: #B20405;
    color: #fff;
    font-weight:bold;
    padding:2px;
}

.onepagecheckout .addressdata .subtitleb
{
	color: #555;
    font-weight:bold;
}

.onepagecheckout .addressdata .shippingaddress
{	
	width:275px;
	float:left;
	padding-left:10px;
}

.onepagecheckout .addressdata .billingaddress
{	
	width:400px;
	float: right;
	border-left: solid 1px #CCC;
	min-height:375px;
	padding-left:10px;	
}

.onepagecheckout .addressdata .button
{
	float:right;
	padding-bottom:10px;
	padding-right:10px;
	margin-top:10px;
	}

.onepagecheckout .shipandpay
{
	border: solid 1px #CCC;		
	overflow: auto;
	margin-bottom:10px;
	background-color: #fbfaf6;
	font-size: 11px;
	}
	

.onepagecheckout .shipandpay .title
{
	border: none;
    border-bottom: 1px solid #EEE;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #008EC7;
    background-color: #f9f3e3;
    padding: 6px 6px;
}

.onepagecheckout .shipandpay .subtitlea
{
	background: #B20405;
    border-color: #B20405;
    color: #fff;
    font-weight:bold;
    padding:2px;
}

.onepagecheckout .shipandpay .subtitleb
{
	color: #555;
    font-weight:bold;
}
	

.onepagecheckout .shipandpay .shippingdata
{
	float:left;
	width:220px;
	padding:5px;	
	padding-left: 10px;	
	margin-top:5px;
	margin-bottom:5px;
}
	
.onepagecheckout .shipandpay .subtitle
{
	font-size:12px;
	font-weight:bold;	
	padding-bottom:10px;	
}
	
.onepagecheckout .shipandpay .paymentdata
{
	float:right;
	width:450px;
	padding:5px;
	padding-left:10px;
	border-left: solid 1px #CCC;
	min-height: 150px;	
	margin-top:5px;
	margin-bottom: 5px;
	}
	
.onepagecheckout .confirmdata
{
	border: solid 1px #CCC;	
	background-color: #fbfaf6;
	}
	
.onepagecheckout .confirmdata .validation
{	
	background-color:#F9F1F1;
	margin-bottom:5px;
}

.onepagecheckout .confirmdata .validation .validationsummary
{
	padding:5px;
	color:green;	
	}

.onepagecheckout .confirmdata .title
{
	border: none;
    border-bottom: 1px solid #EEE;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #008EC7;
    background-color: #f9f3e3;
    padding: 6px 6px;
}

.onepagecheckout .confirmdata .subtitlea
{
	background: #B20405;
    border-color: #B20405;
    color: #fff;
    font-weight:bold;
    padding:2px;
}

.onepagecheckout .confirmdata .subtitleb
{
	color: #555;
    font-weight:bold;
}

.onepagecheckout .confirmdata .content
{
	padding:5px;
	padding-left: 10px;
}

.onepagecheckout .paymentinfo
{
	background-color: Green;
	color:White;
	padding: 5px;	
	padding-left: 10px;
	}

.ModalPopupBG
{
    background-color: gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ModalPopupFG {
    position:static;
    background-color:white;
    padding:10px;
    width:700px;    
}

.ModalPopupButton {
    padding: 0px;
    border: solid 1px gray;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(/images/image/close-button.gif);
    width: 26px;
    height: 24px;
}

.UpdateContainer {
z-index:1;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px;
}

.UpdateBackground {
z-index:2;width:100%;background-color:Silver;position:absolute;opacity:0.4;filter:alpha(opacity=40);top: 0px; left: 0px;right:0px;bottom:0px;
}

.UpdateIndicator {
z-index:5;position:absolute;width:100%;height:100%;top: 0px; left: 0px;right:0px;bottom:0px;
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *slider-wrapper
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.green-button {background: #444444 url(images/shop-now-triangle.png) no-repeat 82%;text-transform: uppercase;color: white;font-size: 11px;font-weight: bold;height: 40px;line-height: 40px;display: block;border: none;cursor: pointer;margin-bottom: 10px;}

.slider-button {background-position-x: 82%;position: absolute;width: 95px;bottom: 40px;right: 0;padding-left: 15px;margin-right: 10px;}

.bx-wrapper {position: relative;margin: 0 0 0px;padding: 0;*zoom: 1;}
.bx-wrapper img {display: block;}

/** THEME
===================================*/
.bx-viewport ul {overflow: hidden;}
.bx-viewport ul li {max-height: 254px;}
.slider-button {background-position-x: 82%;position: absolute;width: 95px;bottom: 40px;right: 0;padding-left: 15px;margin-right: 10px;}
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}

/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

/* PAGER */
.bx-has-controls-direction {position: absolute;width: 100%;bottom: 10px;overflow: hidden;}
.bx-wrapper .bx-pager {float: left;overflow: hidden;margin-left: 10px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: url(images/bullets.png) no-repeat;text-indent: -9999px;display: block;width: 20px;height: 20px;outline: 0;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background-position: 0 -21px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover {}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {background: url(images/slider-prev.png) no-repeat;width: 54px;height: 21px;display: block;line-height: 21px;font-size: 11px;color: #d7d8da;padding-left: 25px;}
.bx-wrapper .bx-next {background: url(images/slider-next.png) no-repeat;width: 65px;height: 21px;display: block;font-size: 11px;line-height: 21px;padding-left: 10px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {text-decoration: none;color: #d7d8da;}
.bx-wrapper .bx-next:hover {color: #676f7f;}
.bx-controls-direction {height: 0;float: right;margin-right: 10px}
.bx-wrapper .bx-controls-direction a {float: left;margin-left: 10px;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}


/*manufacturers slider*/
#ManufacturerSlider {height: 80px;overflow: hidden;}
.slider-wrapper.theme-default.manufacturers {height: 100px;background: #f7f7f7;border: 1px solid #d9d9da;margin-top: 20px;}
.manufacturers a {}
.manufacturers a img{*padding-top: 10px;*padding-left: 10px;}
.manufacturers .bx-wrapper img {margin: 0 auto;max-height: 90px;}
.manufacturers .bx-wrapper .bx-prev, .manufacturers .bx-wrapper .bx-next {width: 12px;height: 12px;padding: 0;margin: 0;}
.manufacturers .bx-wrapper .bx-prev {background: url(images/slider-arrows.png) no-repeat 0;margin-left: 12px;}
.manufacturers .bx-wrapper .bx-next {background: url(images/slider-arrows.png) no-repeat -12px;float: right;margin-right: 12px;}
.manufacturers .bx-controls-direction {position: relative;width: 100%;margin: 0;}
.manufacturers .bx-has-controls-direction {bottom: 56px;overflow: visible;height: 0;}