﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER PAGE WRAPPERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-wrapper-page
{
	margin: 0px auto;
	width: 990px;
        
}

.master-wrapper-content
{
	float: left;
	width: 990px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: #2f99bc url(images/header-bg.jpg);
        background-position:top center;
        background-repeat:no-repeat;
        height:128px;
}
#content-wrapper
{
        background-image:url(images/content-wrapper-bg.gif);
        background-repeat:repeat-y;
        background-position:top center;
        min-height:990px;
        height:auto;
      //_height:800px;
        padding-left:0px;
        padding-right:0px;
        margin: 0px 0px 0px 0px;
        padding-bottom:20px;
}
.master-wrapper-side
{
	float: right;
	width: 310px;
	margin: 5px 5px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	display: inline;
}

.master-wrapper-center
{
	float: left;
	width: 630px;
	margin: 5px 0px 5px 10px;
	background: url(images/bg_maincolumn.gif) no-repeat left top #FFF;
	display: inline;
}

.master-wrapper-cph
{
	float: left;
	width: 610px;
	color: #000;
	min-height: 600px;
	padding: 5px 5px 5px 5px;
}

.master-wrapper-center-1
{
	float: left;
	width: 830px;
        margin: 5px 5px 5px 5px;
       	background: url(images/bg_maincolumn_single.gif) no-repeat left top #FFF;
	display: inline;
}

.master-wrapper-cph-1
{
	float: left;
	width: 670px;
	color: #000;
	min-height: 600px;
	padding: 10px 10px 10px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header
{
      //padding: 0px 0px 0px 0px;
	padding: 0px 25px 0px 0px;
      //height: 60px;
        height:128px;
}

.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-inbox
{
	background: url('images/ico-inbox.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: 0px;
        float: left;
        text-align: left;
}
a.logo h1{
	margin:0;
        padding: .1em .5em .5em 2.5em;
        font-size:200%;
        font-family:"Lucida Grande","Lucida Sans Unicode",Sans-Serif;
}
a.logo h1 a, a.logo  h1 a:visited{
color:#2e4e6d;
}

a.logo h1 a:hover{
text-decoration:none;
color:#ffffff;
}
a.logo span{
padding-left:5em;
padding-right:3em;
color:#E3FBFB;
font-weight:bold;
font-size:110%;
font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif;
}
.header-selectors-wrapper
{
        vertical-align: top;
	text-align: right;
	float: right;
	width: 600px;
}

.header-currencyselector
{
	float: right;
}

.header-languageselector
{
	float: left;
}

.header-taxDisplayTypeSelector
{
	float: right;
}

.header-links-wrapper
{
        
	float: right;
	text-align: right;
	width: 700px;
}

.header-links
{
	border: solid 1px #9a9a9a;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	display: inline-table;
        background: #000000;
}

.header-links ul
{
	padding: 0;
	margin: 0;
}

.header-links ul li
{
	list-style: none;
	display: inline;
        color: #FFFFFF;
	text-decoration: none;
	padding-right: 4px;
}

.header-links a
{
	color: #FFFFFF;
	text-decoration: none;
}

.header-links a:hover
{
	color: #ff0000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.headermenu{
	color: #F6A8B6;
      //background-color:#000000;
        background-image:url(images/menu-bg.jpg);
        background-repeat:no-repeat;
        background-position:top center;
        height:40px;
        width: 990px;
      //background: #3a3a3a;
        padding: 10px 0px 0px 0px;
        font-weight:bold;
      //text-align: center;
      //height: 100%;
      //vertical-align: middle;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
.headermenu ul{
	margin:0;
        padding: 0px 0px 0px 40px;
      //list-style:none;
        float:left;
}
.headermenu li{
        list-style:none;
	display:inline;
      //float:left;
        height:40px;
      //padding-left:25px;
      //padding-right:5px;
}
.headermenu li a{
      //color:#E3FBFB;
      //display:block;
        text-decoration:none;
        padding-top:10px;
        padding-bottom:10px;
        font-weight:bold;
        padding-right:10px;
        padding-left:10px;
        color: #F6A8B6;
      //text-decoration: none;
      //text-transform: uppercase;
      //font-size: 0.9em;
      //font-weight: bold;
      //vertical-align: middle;
      //padding-left: 10px;
      //padding-right: 10px;
}
.headermenu li a:visited{
      //color:#EE6AA7; 
      //display:block;
        text-decoration:none;
        padding-top:10px;
        padding-bottom:10px;
        font-weight:bold;
        padding-right:10px;
        padding-left:10px;
        color: #F6A8B6;
      //text-decoration: none;
      //text-transform: uppercase;
      //font-size: 0.9em;
      //font-weight: bold;
      //vertical-align: middle;
      //padding-left: 10px;
      //padding-right: 10px;
}
.headermenu li a:hover{
        text-decoration:none;
        padding-top:10px;
        padding-bottom:10px
        font-weight:bold;
        padding-right:10px;
        padding-left:10px;
        color: #FFFFFF;
        background-image:url(images/tab-active-bg.jpg);
        background-repeat:repeat-x;
      //background-position:left top;
        background-position:top center;
        height:40px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER MENU - SEARCH BOX 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.searchbox
{
	float: right;
	width: 180px;
        height: 24px;
	display: inline;
	padding-left: 0px;
        padding-right: 40px;
}

.searchbox ul
{
	margin: 0;
	padding: 0;
}

.searchbox ul li
{
	list-style: none;
	float: left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.category-navigation
{
	margin-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.category-navigation li
{
          color: #6B4226;
          padding: 1px 1px 1px 5px;
	  font-size:16px;
          font-family: Comic Sans MS,Century Gothic,Arial,Helvetica,Verdana,sans-serif;
}

.category-navigation a {
	color: #6B4226;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}
.category-navigation a:hover {
	color: #2B7A9B;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}

.category-navigation .li_selected a
{
	color: #6B4226;   
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}

.category-navigation .title
{

        font-size: 14;
	font-weight: bold;
	text-transform: uppercase;
        text-align:center;
	padding: 7px 10px;
	color: #ffffff;
	background-image:url(images/sidebar-title-bg.jpg);
        background-repeat:repeat-n;
}

.category-navigation .treeview
{
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	line-height: 18px;
	background-image:url(images/inside-sidebar-bg.jpg);
        background-repeat:repeat-y;
	margin-bottom: 0px;
}

.category-navigation .treeview ul
{
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 15px;
	color: #6B4226;
	background-color: inherit;
}

.category-navigation .treeview ul .li_selected
{
        padding: 1px 1px 1px 5px;
	font-weight: bold;
}

.category-navigation .treeview ul .li_unselected
{
       padding: 1px 1px 1px 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MANUFACTURER NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.manufacturer-navigation
{
	margin-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.manufacturer-navigation li
{
          color: #6B4226;
          padding: 1px 1px 1px 5px;
	  font-size:16px;
          font-family: Comic Sans MS,Century Gothic,Arial,Helvetica,Verdana,sans-serif;
}
.manufacturer-navigation a.inactive
{
	color: #6B4226;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}
.manufacturer-navigation a:hover{
        color: #2B7A9B;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation a.active
{
	color: #6B4226;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}

.manufacturer-navigation .title
{
	font-size: 14;
	font-weight: bold;
	text-transform: uppercase;
        text-align:center;
	padding: 7px 10px;
	color: #ffffff;
	background-image:url(images/sidebar-title-bg.jpg);
        background-repeat:repeat-n;
}

.manufacturer-navigation .listbox
{
	font-size: 12px;
	padding: 5px 10px 10px;
	line-height: 18px;
	background-image:url(images/inside-sidebar-bg.jpg);
        background-repeat:repeat-y;
	margin: 0px;
}

.manufacturer-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	color: #6B4226;
	background-color: inherit;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RECENTLY VIEWED PRODUCTS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.RecentlyViewedProductsBox
{
	margin-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.RecentlyViewedProductsBox li
{
          color: #6B4226;
          padding: 1px 1px 1px 5px;
	  font-size:16px;
          font-family: Comic Sans MS,Century Gothic,Arial,Helvetica,Verdana,sans-serif;
}
.RecentlyViewedProductsBox a
{
	color: #6B4226;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}

.RecentlyViewedProductsBox a:hover{
        color: #2B7A9B;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}

.RecentlyViewedProductsBox .title
{
	font-size: 14;
	font-weight: bold;
	text-transform: uppercase;
        text-align:center;
	padding: 7px 10px;
	color: #ffffff;
	background-image:url(images/sidebar-title-bg.jpg);
        background-repeat:repeat-n;;
}

.RecentlyViewedProductsBox .listbox
{
	font-size: 12px;
	padding: 5px 10px 10px;
	line-height: 18px;
	background-image:url(images/inside-sidebar-bg.jpg);
        background-repeat:repeat-y;
	margin: 0px;
}

.RecentlyViewedProductsBox .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	color: #6B4226;
	background-color: inherit;
}

.RecentlyViewedProductsBox li.separator
{
	height: 1px;
	line-height: 1px;
	background: #6B4226;
	width: 140px;
	font-size: 1px;
	margin: 5px 0 5px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	INFO BLOCK NAVIGATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.infoblock-navigation
{
	margin-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.infoblock-navigation li
{
	color: #6B4226;
          padding: 1px 1px 1px 5px;
	  font-size:16px;
          font-family: Comic Sans MS,Century Gothic,Arial,Helvetica,Verdana,sans-serif;
}

.infoblock-navigation a
{
	color: #6B4226;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}
.infoblock-navigation a:hover{
        color: #2B7A9B;
        padding: 1px 1px 1px 5px;
	font-weight: bold;
	text-decoration: none;
}

.infoblock-navigation .title
{
	font-size: 14;
	font-weight: bold;
	text-transform: uppercase;
        text-align:center;
	padding: 7px 10px;
	color: #ffffff;
	background-image:url(images/sidebar-title-bg.jpg);
        background-repeat:repeat-n;
}

.infoblock-navigation .listbox
{
	font-size: 12px;
	padding: 5px 10px 10px;
	line-height: 18px;
	background-image:url(images/inside-sidebar-bg.jpg);
        background-repeat:repeat-y;
	margin: 0px;
}

.infoblock-navigation .listbox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	color: #6B4226;
	background-color: inherit;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer{
background-image:url(images/footer-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
height:150px;
clear:both;
color:#F6A8B6;
font-size:14px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif;
        
}


#footer a{
text-decoration:none;
color:#F6A8B6;
font-weight: bold;
}
#footer a:visited{
text-decoration:none;
color:#F6A8B6;
font-weight: bold;
}
#footer a:hover{
font-weight: bold;
color: #2B7A9B;
}
.footer{
        background-image:url(images/menu-bg.jpg);
        background-position:top center;
        background-repeat:no-repeat;
        height:40px;
        width: 990px;
        color:#F6A8B6;
        font-size:14px;
        font-weight: bold;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif;
	clear: both;
	
}
#footer-disclaimer {
        text-decoration:none;
	float: right;
        padding: 10px 40px 0px 0px;
        color:#F6A8B6;
	font-size: 14px;
        font-weight: bold;
}

.footer-poweredby
{
	float: left;
        padding: 10px 0px 0px 40px;
        color:#F6A8B6;
	font-size: 14px;
        font-weight: bold;
}
.footer-poweredby a{
	color:#F6A8B6;
	font-size: 14px;
        font-weight: bold
}
.footer-poweredby a:hover{
        font-weight: bold;
        color: #2B7A9B;
}
#count{        
	float: right;
        font-size: 18px;
        color:#ffffff;
        margin: 0px 0px 0px 0px;
        padding: 8px 100px 0px 0px;
}
#count img{        
	vertical-align: middle;
        padding: 1px 0px 0px 0px;
}
