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

.master-wrapper-main
{
	margin: 0 auto;
	width:980px;
	margin-top:10px;
}

.master-wrapper-content
{
	margin: 0 auto;
	text-align: left;
	background: #FFF url(images/header-background.gif) repeat-x;
}

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

html > body .master-wrapper-center
{
	float: left;
	width: 760px;
	margin: 0px 0 0 10px;
	background: #FFF;
	display: inline;
}

.master-wrapper-center
{
	width: 760px;
	margin: 0px 0 0 10px;
	background: #FFF;
	
}

.master-wrapper-cph
{
	float: left;
	width: 780px;
	color: #000;
	min-height: 600px;
	
}

.master-wrapper-center-1
{
	
	width: 830px;
	background: url(images/bg_maincolumn_single.gif) no-repeat left top #FFF;
	display: inline;
	margin: 0 auto;
}

.master-wrapper-cph-1
{
	width: 810px;
	color: #000;
	min-height: 600px;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
}

.flashbanner { 
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0px auto;
} 
.mainContent { 
	width:980px;
	margin: 0px auto; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	background: #FFFFFF;
	padding-top:10px;
}
.leftHandSide { 
	width:16%;
	float:left;
} 
.rightHandSide { 
	
	background:#fff;
	width:16%;
	float:right;
} 
.rightHandSide .title
{
	font-size: 0.9em;
	font-weight: bold;
	padding: 7px 10px;
	color: #FFF;
	background: #A84D4D url(images/bg_sidebar_title.gif) no-repeat;
	margin-bottom:10px;
}
.content { 
	background:#fff;
	width:66%;
	float:left;
	margin-left:10px;
} 

.content .title
{
	font-size: 0.9em;
	font-weight: bold;
	padding: 7px 10px;
	color: #FFF;
	background: #A84D4D url(images/bg_sidebar_title.gif) repeat-x;
	margin-bottom:10px;
}

.deliverymap
{
	margin-left:5px;
	margin-bottom:21px;
	
}
.roannmarble
{
	margin-left:5px;
	
}




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

	MASTER HEADER

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

.header
{
	height: 90px;
	width:980px;
	margin:0 auto;
	
}

.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
{
	margin-top: 5px;
	float: left;
	text-align: left;
}

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

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

.header-contact
{
	color:#fff;
	font-size:2em;
	font-weight:bold;
	width:350px;
	display:inline-block;
	float:right;
}

.header-currencyselector
{
	float: right;
}

.header-languageselector
{
	float: left;
}

.header-taxDisplayTypeSelector
{
	float: right;
}

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

.header-links
{
	border: solid 1px #9a9a9a;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	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: #FFFFFF;
	text-decoration: none;
}

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

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

	MASTER HEADER MENU

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

.headermenu
{
	color: #FFFFFF;
	background: #f1f1f1;
	padding: 1px;
	vertical-align: middle;
	letter-spacing: 1px;
	width:750px;
	display:block;
	float:right;
	margin-top:15px;
}

.headermenu ul
{
	padding: 0;
	margin: 0;
	width:550px;
}

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

.headermenu a
{
	color: #860808;
	text-decoration: none;
	font-weight:bold;
	font-size: 0.80em;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	text-transform:uppercase;
}

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

	MASTER HEADER MENU - SEARCH BOX 

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

.searchbox
{
	margin-top:-14px;
	float: right;
	width: 180px;
	display: inline;
	padding-top:2px;
	padding-left: 5px;
	height:18px;
}

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

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









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

	CATEGORY NAVIGATION

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

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

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

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

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

.category-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	padding: 7px 10px;
	color: #fff;
	background: #a84d4d url(images/bg_sidebar_title.gif) no-repeat;
}

.category-navigation .treeview
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	background: #f1f1f1 url(images/bg_sidebar_block.gif) no-repeat left bottom;
	margin: 10px 0 0 0;
	color:#000;
}

.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;
	color:#000;
}

.category-navigation .treeview ul .li_unselected
{
}

.category-navigation a
{
	color:#000;
	font-weight:normal;
}





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

	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: #ff9933;
	background: #333 url(images/bg_sidebar_title.gif) no-repeat;
}

.manufacturer-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	background: #404040 url(images/bg_sidebar_block.gif) no-repeat left bottom;
	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;
}

.RecentlyViewedProductsBox li
{
	list-style: none;
}

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

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

.RecentlyViewedProductsBox .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 10px;
	color: #fff;
	background: #a84d4d url(images/bg_sidebar_title.gif) no-repeat;
}

.RecentlyViewedProductsBox .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	background: #f1f1f1 url(images/bg_sidebar_block.gif) no-repeat left bottom;
	color:#000;
	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: #000;
	width: 140px;
	font-size: 1px;
	margin: 5px 0 5px 0;
}

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

	INFO BLOCK NAVIGATION

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

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

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

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

.infoblock-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	padding: 7px 10px;
	color: #FFF;
	background: #A84D4D url(images/bg_sidebar_title.gif) no-repeat;
	
}

.infoblock-navigation .listbox
{
	font-size: 11px;
	padding: 5px 10px 10px;
	line-height: 18px;
	background: #f1f1f1 url(images/bg_sidebar_block.gif) no-repeat left bottom;
	margin-top: 10px;
}

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

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

	FOOTER

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

.footer
{
	clear: both;
	height: 30px;
	color: #FFF;
	width:100%;
	padding: 5px 3px 5px 3px;
	background:#fff url(images/footer-background.gif) repeat-x;
}

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

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

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