.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. 
/****************************************************************************************************/

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

	MASTER PAGE WRAPPERS

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

.master-wrapper-page
{
	margin: 0 auto;
	width: 1008px;


}

.master-wrapper-content
{
 
	width: 1008px;
	 
		background-color:Transparent;

			 
}
.onecolumn
{
	clear: both;
	width: 1008px;
	background:white;
			 
}
.content
{

 width: 1008px;
 margin:0;
 
 
 

 
 
 
}
.master-wrapper-side
{
 
	display: block;
	float: left;
	margin-top:80px;
	padding-top: 1px;
	width: 190px;
	
}

.master-wrapper-center
{

	display: block;
	float: left;
 	background:white;
 	width:1008px;

	
}

.master-wrapper-cph
{
	float: left;
	width:985px;
	color: #000;
    min-height:700px;
	margin: 70px 0px 0px 0px;
	background:white;
    padding:10px;
 
}

.master-wrapper-center-1
{
	float: left;
	width:985px;
	display: inline;
	background-color:White;
		margin: 70px 0px 0px 0px;
		 	
}

.master-wrapper-cph-1
{
	float: left;
		width:985px;
	color: #000;
 	background-color:White;
	padding: 10px 10px 10px 10px;
 
}
/**slider****/
.topslider
{
 width:99%; height:300px; background-color:#eee; 	margin-top:30px;
	
}
.slider{ width:100%; height:300px; overflow:hidden; padding:25px 0px 10px  10px;   }
*html .slider{background:url(images/slider_ie_bg.gif) left top no-repeat!important;}
.box-top {
		overflow:hidden;
		width:850px;
		color:#616161;
		font-size:1.2em;
		background:0;
		float:left;
		position:relative;
		left:0;
		margin-right:5px;
}

#left, #right{ cursor:pointer}	
 	

.box-top ul { list-style:none; padding:0; }
.box-top ul li {  width:180px; margin:0 35px 0px 0; display:inline-block; float:left;overflow:hidden;}	

.box-left { width:55px; padding:120px 0 0 0; margin:0; font-size:0; float:left; line-height:0;}
.box-right { width:55px; padding:120px 0 0 0; font-size:0; float:left; line-height:0 }

.slider .box-top li button{float:right; padding:0; position:relative; margin:-20px -10px 0 0; width:100px; height:36px!important; overflow:hidden; background:url(images/but.gif) left top no-repeat!important;}	
.slider .box-top li button.over{background:url(images/but2.gif) left top no-repeat!important;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
button.button {
	background:0;
	border:0;
	cursor:pointer;
	overflow:visible;
	width:auto;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;		
	height:22px!important;
	padding:0 8px;
	background:url(images/buttons_bg1.gif) left top repeat-x!important;
}
button.button span{display:block; font-weight:bold; color:#FFF; text-align:center; padding:2px 0; height:15px!important; overflow:hidden!important;  white-space:nowrap; line-height:normal;}
.sidebar button.button,
.cart button.button{background:url(images/buttons_bg_2.gif) left top repeat-x!important;}

button.disabled {}
button.disabled span {}

button.button::-moz-focus-inner { padding:0; border:0; }
#nav {
	padding-left: 200px;
	padding-top:98px;
}

#nav ul {
	float: left;
	list-style: none;
	margin: 0;
	margin-right: 70px;
	padding: 0;
}

* html #nav ul {
	margin-right: 40px;
}

#nav li {
	float: left;
	list-style: none;
	color:white;
	margin: 0;
	margin-right: 30px;
	padding: 0;
	
}
#nav li a {
	 
	color: #333300;
 
	
}
#nav li a:hover {
	 
	color: #333300;
 
	
}
.header
{
 
 
	height:107px;
	width: 1008px;
	background: url('images/hdrbg.jpg') no-repeat;

}

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

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

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

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

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

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

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

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

a.logo
{
	
}

.header-selectors-wrapper
{
	text-align: right;
	float: right;
	width: 500px;
}

.header-currencyselector
{
	float: right;
}

.header-languageselector
{
	float: left;
}

.header-taxDisplayTypeSelector
{
	float: right;
}

.header-links-wrapper
{

	float: right;
	text-align: right;
	width: 570px;
	border:none;
 
	
}

.header-links
{
  float:right;
	padding:2px 5px 1px 5px;
	margin-bottom: 1px;
	display: inline-table;
 
}

.header-links ul
{
	padding: 0;
	margin: 0;

}

.header-links ul li
{
	list-style: none;
	display: inline;
	padding-right: 2px;
	color: #fff;
}

.header-links a
{
	color: #fff;
	text-decoration: none;
}

.header-links a:hover
{
	color: #cc9933;
}

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

	MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.headermenu { top:109px;	width:1008px;  height:20px;margin:0;  		text-align: center; }
.headermenu ul {  padding:0; list-style:none;   }
.headermenu li { margin:0; padding:0;  font:bold 12px tahoma, Helvetica, sans-serif; color:#a6a6a6; float:left;}
.headermenu a {  text-transform:uppercase; line-height:16px; float:left; font:bold 12px  tahoma, "Times New Roman", Times, serif; color:#fff; padding:5px 16px; margin:0; text-decoration:none;}
.headermenu a:hover {  line-height:16px;text-transform:uppercase;color:maroon; background: url(images/back.gif)  ; padding:3px 15px; border-top:none; border-left: 1px solid #505050; border-right: 1px solid #505050; border-bottom:none;}
.headermenu span {   text-transform:none; line-height:16px; font:bold 12px tahoma, "Times New Roman", Times, serif; color:#996633; text-align:center;} 
.headermenu a.active { font-weight:bold; text-transform:uppercase;color:#b4d800; background: url(images/hover_bg.gif) top repeat-x; padding:5px 15px; border-top:none; border-left: 1px solid #505050; border-right: 1px solid #505050; border-bottom:none;}
 .headermenu a.selected {  line-height:16px;text-transform:uppercase;color:maroon; background: url(images/back.gif) ; padding:3px 15px; border-top:none; border-left: 1px solid #505050; border-right: 1px solid #505050; border-bottom:none;}

.headermenu1
{
 
	top:100px;
	color: #FFFFFF;
   text-align: center;
   width:1008px;
	letter-spacing: 1px;
	margin-bottom: 0;
	height:30px;
}


.hdr
{
	 
 
}

.hdr .left{width:690px;float:left; }
.hdr .left h2 { font:normal 25px Arial, Helvetica, sans-serif; color:#fff;  margin:35px 0 0 20px;}
.hdr .left p {font:normal 16px Arial, Helvetica, sans-serif; color:#fff;  margin:20px 10px 10px 20px; padding:0;}
.hdr .left a { text-decoration:none; color:#fff; font:bold 14px Arial, Helvetica, sans-serif;   margin:0;  background:url(images/55.gif) no-repeat;}

.hdr .right{margin:10px 5px 5px 35px;width:240px;float:left; }
.hdr .right .screen_list { width:280px; width:100%; padding:0; margin:3px 5px; float:right; }

.hdr .right .screen_list .lbl { width:80px; display:inline; }
.hdr .right .screen_list .box { width:180px;  display:inline;  }
.hdr .right .screen_list h2 { background: url(images/h2_news.gif) left no-repeat; padding:10px 5px 5px 40px;}
.hdr .right .screen_list .box2 { width:180px;  display:block;margin:5px 0 0 42px;   }
.hdr .right .screen_list p { margin:0; padding:2px 0;font-weight:bold;font-size:12px;}
.hdr .right .right_body { width:100%; padding:0; margin:3px 5px; float:right; }
.hdr .right .right_body h2 { background: url(images/h2_news.gif) left no-repeat; padding:15px 5px 15px 50px;}
.hdr .right .right_body form { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
 
.hdr .right .right_body p {float:left;width:60px; font: bold 12px Arial, Helvetica, sans-serif; color:#666666;text-decoration:none;margin:0;padding:0;}
 .hdr .right .right_body .box {float:left; width:120px; margin::0 0 0 10px;padding:0;  }
 .hdr .right .about_body .data { float:left; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 10px; padding:0 15px;}
 .hdr .right .about_body .title { float: left; font: bold 14px Arial, Helvetica, sans-serif; color:#242424; margin:0; padding:0; margin:0; padding:0 15px;}
 
/*portfolio*/




.search { width:350px; height:35px; float:right; padding:5px 0 0 0; margin:0;  }
.search input.keywords { float:left; width:200px; height:20px; background:#fff; color:#a4a4a4; font:normal 11px Arial, Helvetica, sans-serif; margin:0 15px 0 10px; padding:0 0 0 10px; border:1px solid #eae5dd;}
.search input.buttons { float:right; width:24px; height:24px; margin:0; padding:0; background:url(images/search.gif)  no-repeat;border:0}
/* menu */








.headermenu1 ul
{
	padding: 0;
	margin: 0;
}

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

.headermenu1 a
{
	color: #ccff99;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: middle;
	 
}
.headermenu1 a:hover
{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: middle;
	  	background:url(images/menu2.gif)  repeat-x;
}
 

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

	MASTER HEADER MENU - SEARCH BOX 

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

.searchbox
{
	float: left;
	width: 180px;
	display: inline;
	padding-left: 5px;
}

.searchbox ul
{
	margin: 0;
	padding: 0;
}

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









.reward
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
	border:2px solid white;
	background:url(images/22.gif)  repeat-y;
	text-align:center;
}

.reward li
{
	list-style: none;
	
 
}

.reward a
{
	color: #000;
	font-weight: bold;
	text-decoration: none;

}

.reward .li_selected a
{
	color: #333300;
	font-weight: bold;
	text-decoration: none;
}

.reward .title
{
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 1px 7px 1px;
color:lightyellow;
 letter-spacing:1px;
 text-decoration:underline;
		background:url(images/category2.gif)  no-repeat;
 
}

.reward .treeview
{
	font-size: 11px;
	padding: 5px;
	line-height: 18px;

	margin: 0px;
}

.reward .treeview ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #3664A5;
	background-color: inherit;

}



.reward .treeview ul li
{
	font-weight: bold;
	color:Navy;
		  
}
.reward .treeview ul .li_selected
{
	font-weight: bold;
		  
}

.reward .treeview ul .li_unselected
{
}

















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

	CATEGORY NAVIGATION

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

.category-navigation
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
	border:2px solid white;
	background:url(images/2.gif)  repeat-y;
	
}

.category-navigation li
{
	list-style: none;
	background:url(images/5.gif) no-repeat 0px 5px ;
   padding-left:13px;
 
}

.category-navigation a
{
	color: #000;
	font-weight: bold;
	text-decoration: none;

}

.category-navigation .li_selected a
{
	color: #333300;
	font-weight: bold;
	text-decoration: none;
}

.category-navigation .title
{
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 1px 7px 19px;
color: #fff;
 
		background:url(images/category.gif)  no-repeat;
 
}

.category-navigation .treeview
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;

	margin: 0px;
}

.category-navigation .treeview ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #3664A5;
	background-color: inherit;

}

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

.category-navigation .treeview ul .li_unselected
{
}

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

	MANUFACTURER NAVIGATION

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

.manufacturer-navigation
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
	border:2px solid white;
	background:url(images/2.gif)  repeat-y;
}

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

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

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

.manufacturer-navigation .title
{
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 1px 7px 19px;
color: #fff;
 
		background:url(images/category.gif)  no-repeat;
}

.manufacturer-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;

	margin: 0px;
}

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


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

	RECENTLY VIEWED PRODUCTS BOX

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

.RecentlyViewedProductsBox
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
	border:2px solid white;
	background:url(images/2.gif)  repeat-y;
}

.RecentlyViewedProductsBox li
{
	list-style: none;
}

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

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

.RecentlyViewedProductsBox .title
{
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 1px 7px 19px;
color: #fff;
 
		background:url(images/category.gif)  no-repeat;
}

.RecentlyViewedProductsBox .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;

	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
{
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 0;
	border:2px solid white;
	background:url(images/2.gif)  repeat-y;
}

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

.infoblock-navigation a
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.infoblock-navigation .title
{
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 1px 7px 19px;
color: #fff;
 
		background:url(images/category.gif)  no-repeat;
}

.infoblock-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;

	margin: 0px;
}

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

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

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
#footer a:link { 
	color: #F1D6AC;
	font-weight: bold;
	text-decoration: none;
}
	
#footer a:visited { 
	color: #F1D6AC;
	font-weight: bold;
	text-decoration: none;	
}
	
#footer a:hover, #footer a:active { 
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
#footer
{
	 	clear: both;
	color: #F1D6AC;
	display: block;
 
	padding-top:10px;
	text-align: center;
	 
 
 
	width:1008px;
	background:url(images/footer.gif) repeat-x;
	height:40px;
}

.footer a
{
	text-decoration: none;
	color: #FFF;
}

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

.footer-poweredby
{
	float: left;
	font-size: 11px;
}



.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
 
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
 
 
line-height: 16px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: url(images/back.gif);
width: 230px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width100%;
display: block;
 font-size:11px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
 
background: url(images/back.gif);
text-align:left;
padding-left:5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: url(images/bgf.gif);
color: #ffcc66;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}