.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: 950px;
	/*background: url(images/body_back.jpg) repeat-y; */
	padding-left: 0px;
	padding-right: 0px;
}

.master-wrapper-content
{
	float: left;
	width: 950px;
	margin: 0px;
	text-align: left;
	padding-bottom:20px;
}


.master-wrapper-main
{
    width: 950px;
    float:left;
    background: url(images/side-back.png) repeat-y left;
    border-left: 2px solid #991b1e;
    height:auto;
}

.master-wrapper-main-flipped
{
    width: 950px;
    float:left;
    height:auto;
    background: url(images/side-back.png) repeat-y right;
    border-left: 2px solid #991b1e;
    padding-left:0px;
}

.master-wrapper-side
{
    position:absolute;
    top:130px;
    clear:both;
	width: 190px;
	margin-left: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #981B1E;
	font-family:Trebuchet MS;
	font-size:1.1em;
}

.master-wrapper-side-right
{
    position:absolute;
    top:130px;
    clear:both;
	width: 190px;
	margin-left:760px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #981B1E;
	font-family:Trebuchet MS;
	float:right;
	font-size:1.1em;
}

.master-wrapper-side-right .thawteseal
{
    padding-left:65px;
    padding-right:50px;
}

.left
{
    float:left;
}

.right
{
    margin-left:740px;
    float:right;
    background-image: none !important;
    background-color:#f9dce3;
}

.title
{
    background: url(images/header.gif) repeat-x;
    color:White;
    font-size:16px;
    font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	padding: 4px 8px;
}

.title h1
{
    color:White !important;
}

.gototop
{
    text-align:center;
}
.required
{
    font-weight:bold; 
    color:#981B1E;  
}

.missing
{
    font-weight:bold; 
    font-size:12px;
    color:#981B1E;  
}

.master-wrapper-side a
{
    color: #000000;
}

.master-wrapper-side a:hover
{
    background-color: #981B1E;
    color:White;
    display:block;
    text-decoration:none;
    
}

.leftcolimage
{
    padding: 10px 0px 0px 30px;
}


.leftcolimageCS a:hover,
.leftcolimage a:hover
{
    display: block;
    text-decoration:none;
    background: none;
    margin:0px;
    padding:0px;
}

.leftcolimageCS
{
    padding-top:10px;
    padding-left:7px;
}

.master-wrapper-side .searchbox .title
{
    padding:8px 0px 0px 0px;
    background-color: #8E2E28;
    color:#ffffff;
    margin-bottom:5px;
}
.master-wrapper-side .searchbox ul
{
    padding:5px;   
    vertical-align:middle;
}


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


.master-wrapper-center .left
{
    position:absolute;
    top:130px;
	float: left;
	width: 740px;
	margin: 0px 0 0 10px;
	display: inline;
}

.master-wrapper-cph
{
	width: 740px;
	color: #000;
	min-height: 800px;
	padding: 0px;
}

.master-wrapper-center-1
{
	float: left;
	width: 740px;
	display: inline;
}

.master-wrapper-cph-1
{
	margin-left:100px;
	width: 740px;
	padding:10px;
}



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

	MASTER HEADER

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

.header
{
	padding: 0px 0px 0px 0px;
	height: 80px;
	background: #981B1E url('images/header.jpg') no-repeat left;
	color: #FFFFFF;
}

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

.header a
{
    color: #FFFFFF;
}

.header-right
{
    padding-top:5px;
    float:right;
    line-height:23px;
    font-size:14px;
    text-align:right;
}


a.logo
{
	display: block;	
	text-decoration: none;
}

.header-offer
{
    margin-top: 0px;
	float: left;
	text-align: left;
	width: 251px;
	height:80px;
	margin-right: 25px;
}
.header-basket
{
    margin-top: 0px;
	float: left;
	text-align: left;
	width: 226px;
	height: 75px;
	background:url(images/basket_back.jpg) no-repeat;
	padding-top:35px;
	padding-left: 15px;
}

.header-basket .basket-logo
{
    width:39px;
    height:60px;
    float:left;
    background: url(images/gift-bag.jpg); 
}

.header-basket .basket-logo-full
{
    width:39px;
    height:60px;
    float:left;
    background: url(images/gift-bag-full.jpg) 
    
}

.header-basket .basket-data
{
    width:120px;
    height:70px;
    float:left;
    margin-left:5px;
    padding-top:10px;
}

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

.header-links
{
	border: solid 1px #FFF;
	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;
}

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

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

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

	MASTER HEADER MENU

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

.headermenu
{
	color: #981B1E;
	text-align: center;
	height: 40px;
	vertical-align: middle;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	width:950px;
	
}

.headermenu ul
{
    float:left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	height: 40px;
	text-align:left;
}

.headermenu li
{
    
	list-style: none;
	display: inline;
}
.headermenu li:hover
{
    background-color: #981B1E;
    color:#FFFFFF;
}

.headermenu a
{
	color: #981B1E;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	padding: 15px 5px 10px 5px;
	
}
.headermenu a:hover
{
    text-decoration:none;
    background-color: #981B1E;
    color:#FFFFFF;
}

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

	MASTER HEADER MENU - SEARCH BOX 

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

.searchbox
{
    float:right;
    margin: 0px;
	width: 265px;
	height: 20px;
	padding-top: 8px;
	text-align:left;
	font-weight:bold;
}



.searchbox .searchBody
{
    padding: 5px 0px 5px 5px;
}

.searchbox .searchboxTextDiv
{
    float:left;
    padding-top:3px;
}
.searchbox .searchboxTextDiv .searchboxtext
{
    background-color:Red;
    vertical-align:top;
    border-color:#6C171D;
    width:180px;
    height:20px;
    float:left;
}

.searchbox .searchboxBtnDiv 
{
    float:left;
}
.searchbox .searchboxbutton
{
    vertical-align:top;
    float:right;
}


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

	CATEGORY NAVIGATION

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

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

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

.category-navigation a
{
    padding-left:15px;
}

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

.category-navigation .treeview ul
{
	margin: 0px;
	padding: 0px;
}

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

.category-navigation .treeview ul .li_unselected
{
    margin:0px;
}

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

	MANUFACTURER NAVIGATION

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

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

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

.manufacturer-navigation a.active
{
	font-weight:bold;
}

.manufacturer-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	padding: 4px 8px;
}

.manufacturer-navigation .listbox
{
	font-size: 12px;
	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
{
	padding: 5px 0px;
}



.RecentlyViewedProductsBox a
{
    padding-left:15px;
    display:block;
}

.RecentlyViewedProductsBox a:hover
{
    padding-left:15px;
}



.RecentlyViewedProductsBox .listbox
{
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
}

.RecentlyViewedProductsBox .listbox ul
{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	background-color: inherit;
}

.RecentlyViewedProductsBox li
{
	list-style: none;
	margin-left:0px;
	padding-left:0px;
	
}

.RecentlyViewedProductsBox li.separator
{
    list-style-image: none;
	height: 1px;
	background: rgb(232, 230, 210);
	width: 140px;
	margin: 5px 0 5px 0;
}

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

	INFO BLOCK NAVIGATION

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

.infoblock-navigation
{
	padding: 0px;
	
}

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

.infoblock-navigation a
{
}

.infoblock-navigation .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	padding: 4px 8px;
}

.infoblock-navigation .listbox
{
	font-size: 12px;
	padding: 5px 0px 0px;
	line-height: 18px;
	margin: 0px;
}

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

.infoblock-navigation a
{
    padding-left:15px;
}



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

	POPULAR SEARCHES BOX

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

.popular-searches
{
	padding: 5px 0px;
}



.popular-searches a
{
}

.popular-searches a:hover
{
}

.popular-searches .title
{
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	padding: 4px 8px;

}

.popular-searches .listbox
{
	font-size: 12px;
	padding: 10px 10px 0px;
	line-height: 18px;
	margin: 0px;
}

.popular-searches ul
{
    padding: 5px 10px 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #3664A5;
	background-color: inherit;
}

.popular-searches li
{
	list-style: none;
	list-style-image: url(Images/mini_heart.png);
	list-style-position:outside;
	margin-left:20px;
	
}

.popular-searches li.separator
{
    list-style-image: none;
	height: 1px;
	background: rgb(232, 230, 210);
	width: 140px;
	margin: 5px 0 5px 0;
}

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

	FOOTER

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

.footer
{
    height:150px;
	clear: both;
	border-top:4px solid #666666;
	color: #FFF;
	background:  #981b1e;
	padding: 5px 5px 5px 5px;
	width:100%;
	text-align:center;
}

.footer .wrapper
{
    margin: 0 auto;
	width: 950px;
	padding-left: 0px;
	padding-right: 0px;
}

.footer a
{
	text-decoration: none;
}

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

.footer .links
{
    color:#FFF;   
}
.footer .links a
{
    color:#FFF;
}
.footer .links a:hover
{
    color:#FFF;
    text-decoration:underline;
}

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

	Social Networking

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.social-networking
{
    height:140px;
}
.social-networking .title
{
    font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	padding: 4px 8px;
}
.social-networking .links
{
    padding:10px 0px;
    margin-left:10px;
    text-align:center;
}
.social-networking a
{
    margin-right:12px;   
    display:inline;
}

.social-networking a:hover
{
    text-decoration:none;
}

*html .social-networking a
{
    float:left;
}

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

	ProductItem Globals

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

.ProductItem
{
	text-align: center;
	margin-left: 10px;
	width: 170px;
	position:relative;
	top:0px;
}

.ProductItem .title
{
    font-family:Trebuchet MS;
	font-weight: bold;
	font-size: 11px;
	overflow:hidden;
	padding: 5px 5px 0px 5px;
	color:#981b1e;
	width: 180px;
	text-transform:none;
	bottom:0px;
	background:none;
}

.ProductItem .title a
{
	display: block;
	text-align:center;
	overflow: hidden hidden;
	padding: 0px;
	color:#981b1e;
	
	bottom:5px;
}

.ProductItem .picture
{
    top: 0px;
	text-align: center;
	vertical-align:middle;
	padding-top: 10px;
	width:180px;
	height:160px;
	
}

.ProductItem .picture img
{
    position:relative;
    bottom:0px;
}

.ProductItem .description
{
	margin: 5px 5px 0 5px;
	text-align: center;
	padding: 10px 5px 10px 5px;
	border-top: solid 1px rgb(232, 230, 210);
	color: #555;
	height: 0px;
	display:none;
	
}

.ProductItem .addInfo
{
	vertical-align: top;
	width: 180px;
	height: 20px;
}

.ProductItem .addInfo .prices
{
	text-align: center;
}

.ProductItem .addInfo .buttons
{
	vertical-align: middle;
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-align: left;	
	float:left;
}
.ProductItem .addInfo .prices .productview
{
    display:none;
    width: 61px;
    height:19px;
    padding:0px;
    margin:0px;
}

.ProductItem .addInfo .buttons .productview a
{
    display:none;
    height:19px;
    color:White;
    font-weight:bold;
}


.ProductItem .addInfo .prices .productPrice
{
	color: #000000;
	text-align:center;
	
}

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

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

	ProductPager Globals

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

.ProductPager
{
	text-align: center;
	border-bottom: solid 1px #981B1E;
	border-top: solid 1px #981B1E;
	padding:5px 0px 3px 0px;
	height:20px;
}

.ProductPager .sort
{
    float:left;
    margin-right:80px;
}

.ProductPager .pagerTop
{
    float:left;
    width:295px;
    padding-top:0px;
}

.ProductPager .pageCount
{
    float:right;
}

.ProductPager a
{
	font-size: 1em;
	color: #555;
}

.ProductPager a:link
{
	text-align: center;
}

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

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

	HOME PAGE

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

#ticker2 .cursor
{
    display: inline-block;
    background: white;
    width: 0.6em;
    height: 1em;
    text-align: center;
}
        
#ticker2
{
    padding-top:3px;
    color: white;
    font-family: Verdana;
    font-size: 12px;
}
#ticker2 a
{
    color: white;
    font-family: Verdana;
    font-size: 12px;
}

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

	S3Slider Plug-In

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

#s3slider {
   width: 574px; /* important to be same as image width */
   height: 164px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left:17px;
   border: solid 1px #6C171D;
}

#s3sliderContent {
   width: 574px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   margin:0px;
   padding:0px;  
}

#s3sliderContent li
{
    list-style-image:none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.secure-site
{
    text-align:center;
}

.secure-site .title
{
    text-align:left;
}