@charset "UTF-8";
/* CSS Document */
* {font-size: 100.01%;}
html {font-size: 62.5%;}
body {
	margin:0;
	color:#666;
	font:1.1em/1.2em Arial, Helvetica, sans-serif;
	background:#fff;
}
p {
    font-size: 14px;
    color: #666;
}
h1 {
	font-family:'ProximaNova', Arial, Helvetica;
	font-size:1.8em;
	font-weight:normal;
}

h2 {
	font-family:'ProximaNova', Arial, Helvetica;
	font-size:2em;
	font-weight:normal;
}

h3 {
	font-family:'ProximaNova', Arial, Helvetica;
	font-size:14px;
	margin-bottom:-15px;
}

img {border-style:none;}
a {
	text-decoration:none;
}
a:hover {text-decoration:underline;}
input,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#999;
}
form, 
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}

/* ~~ Universal Color Styles ~~ */


#wrapper a { text-decoration:none; color:#000;}
#wrapper a:hover { color:#666;}

#nav-shop ul .active a{color:#000 !important;}
#nav-shop .active a{color:#000;}

h1, h2, h3 {color:#000 !important}

/* ~~ End Universal Color Styles ~~ */

#points-summary {
	float:right;
	display:block;
	width: 240px;
	padding-right:20px;
	padding-top:20px;
	margin-bottom:4em;
}

#points-summary table {
	font: 12px/24px Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 240px;
	}
	
#points-summary th {
font-family: 'ProximaNova', Helvetica, sans-serif;
font-size: 16px !important;
font-weight: normal;
text-align: left;
border-bottom:2px solid;
margin-bottom:1em;
margin-top:2em;
	}

#points-summary td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

#points-summary td.width {
	width: 190px;
	}

#points-summary td.adjacent {
	text-align: right;
	}


/* ~~ Beginning of Content Page Styles ~~ */
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 968px;
	background-image:url(../../images/background.jpg);
	background-repeat:repeat-y;
	background-color:#FFF;
	color: #666;
	/* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
.linkcolumn {
	float:left;
	padding-right:35px;
	display:block;
	margin-top:10px
}

#wrapper .linkcolumn a {
	font-family: 'ProximaNova';
	font-size: 1em;
	background:#fff;
	border:1px solid #aaa;
	color:#666;
	padding:5px 15px;
	border-radius:5px;
	display:block;
	margin-bottom:-10px;
}
#wrapper .linkcolumn a:hover {
	background:#aaa;
	color:#fff;
	padding:5px 15px;
	text-decoration: none;
}
/* ~~ This column floats right and contains both the account information, graphic and shop the catalog button ~~ */
.sidebar-home {
	float: right;
	width: 290px;
	margin-right:15px;
}
.sidebar-home a {
	color:#FFF;
}

/* ~~ This area contains the shop the catalog button ~~ */
.sidebar-home-shop {
	float:right;
	width: 290px;
	text-align:center;
}

/* ~~ These styles control the appearance of the shop now buttons including rollover and graphics ~~ */
.rollover a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}

#shop a{
   height: 250px;
   width: 238px;
   background: url(../Images/home-bttn-shop.jpg) no-repeat left top;
}

#shop a:hover{
   background-position: left -250px;
}

#back {
	float:left;
}

#back a{
   height: 44px;
   width: 159px;
   background: url(../Images/bttn-back.jpg) no-repeat left top;
}

#back a:hover{
   background-position: left -44px;
}
/* ~~ End of Content Page Styles ~~ */


/* ~~ Beginning of Shopping Page Styles ~~ */

#wrapper{
	width:965px;
	margin:0 auto;
	color:#666;
	font:1.1em/1.2em Arial, Helvetica, sans-serif;
	line-height:1.8em;	background-color:#FFF;
	min-height:400px;
}

#wrapper p {
	font-size:12px;
}
/* header */
#bodyheader{
	font-size:12px;
	line-height:16px;
	color:#666;
	overflow:hidden;
	border-bottom:1px solid #9c9c9c;
	padding:19px 27px 14px 3px;
}
#bodyheader table {
	width:220px;
	float:left;
	margin:0px 0px 0px 25px;
}
#bodyheader.description{
	text-align:left;
}
#bodyheader.number{
	text-align:right;
}
.id-name{
	float:right;
	color:#505050;
	font-size:1.091em;
}
/* main */
#main{
	width:100%;
	overflow:hidden;
	padding:16px 0 30px;
}
/* sidebar */
#sidebar {
width: 234px;
float: left;
}

#sidebar ul#nav-shop {padding-left:15px;}

.container-advanced-search #sidebar, .container-product-detail #sidebar-right {
background: #eee;
border-radius: 15px;
padding: 20px 15px;
margin-top: 1em;
}

.container-advanced-search #contentArea, .container-product-detail #contentArea{
	width:620px;
}

#sidebar h2{
	margin:0 0 6px;
	font-size:1.536em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
	text-align:center;
	color:#666;
}
/* navigation */
#w-shop{
	list-style:none;
	padding:0;
	margin:0;
	font-size:1.10em;
	line-height:1.273em;
}
#nav-shop li{
	background:url(../Images/bg-nav.jpg) no-repeat 0 100%;
	height:1%;
	overflow:hidden;
	vertical-align:top;
}
#nav-shop a{
	color:#666;
	padding:11px 0 9px 19px;
	display:block;
}
#nav-shop span{display:block;}
#nav-shop em{
	font-style:normal;
	padding:0 17px 0 0;
	background:url(../Images/nav-arrow.gif) no-repeat 100% 2px;
}
#nav-shop ul{
	list-style:none;
	padding: 10px 0 5px 39px;
	margin:0;
	font-size: 0.909em;
	line-height: 1.182em;
	background:#fff url(../Images/bg-nav-ul.jpg) no-repeat 0 100%;
}
#nav-shop ul li{
	background:none;
	padding:0 0 5px;
	height:1%;
	overflow:hidden;
	vertical-align:top;
}
#nav-shop ul a{
	background:none !important;
	color:#666 !important;
	padding:0;
	display:inline;
}
#nav-shop ul a:hover,
#nav-shop a:hover,
#nav-shop a:hover{text-decoration:none;}
#nav-shop li:hover em,
#nav-shop .active em{background:url(../Images/nav-arrow-active.gif) no-repeat 100% 3px;}
#nav-shop .active span,
#nav-shop li:hover span{background:url(../Images/bg-nav-active-t.jpg) no-repeat;}
#nav-shop .active,
#nav-shop li:hover{background:url(../Images/bg-nav-active-c.jpg) repeat-y;}
#nav-shop .active a,
#nav-shop li:hover a{background:url(../Images/bg-nav-active-b.jpg) no-repeat 0 100%;}
#nav-shop ul li:hover{background:none;}
#nav-shop ul .active{background:none;}
/* content */
#contentArea{
	width:643px;
	float:right;
	padding:8px 39px 0 0;
}
#contentArea-Admin{
	width:645px;
	float:right;
	padding:8px 39px 0 0;
}
/* search form */
.search-form{
	height:1%;
	overflow:hidden;
	margin:0 0 15px;
}
.text{
	float:left;
	width:396px;
	background:url(../Images/bg-text.gif) no-repeat;
	padding:0 14px;
}
.text input{
	width:396px;
	padding:0;
	height:29px;
	background:none;
	border:0;
	font-size:14px;
	line-height:26px;
}
.btn{
	float:left;
	cursor:pointer;
	background:url(../Images/btn-search.jpg) no-repeat;
	width:99px;
	height:29px;
	cursor:pointer;
	padding:0 0 3px;
	border:0;
	color:#fff;
	font-size:14px;
	line-height:16px;
	margin:0 7px 0 0;
}
.ad-search{
	text-decoration:underline;
	color:#333;
	font-size:15px;
	margin:13px 0 0;
	float:left;
}
.ad-search:hover{text-decoration:none;}

#contentArea h1 {
    margin: 0 0 2px;
    font: 1.636em/2em Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

#contentArea h1 span {
    color: #666;
    font-size: 0.727em;
    text-transform: uppercase;
}

/* filter */
.section{
	height:1%;
	overflow:hidden;
	border:1px solid #ddd;
	background-image: -webkit-linear-gradient(#ededed 0%, #fff 100%);
	padding:6px 10px 4px 13px;
	margin:0 0 25px;
}
.section span{
	float:left;
	color:#000;
	line-height:1.364em;
}
.filter-form{
	float:right;
	width:199px;
}
.filter-form label{
	float:left;
	color:#000;
	margin:0 9px 0 0;
	line-height:1.364em;
}
.filter-form select{width:152px;}
/* product's listing */
.product-list{
	list-style:none;
	padding:0;
	margin:0 -30px 0 0;
	width:672px;
	overflow:hidden;
}
.product-list li{
	float:left;
	width:150px;
	text-align:center;
	padding:0 18px 36px 0;
}
.photo{
	width:100%;
	height:148px;
	display:table;
	margin:0 0 7px;
}
.photo img{
	display:block;
	margin:0 auto;
	max-height:148px;
}
* html .photo{position:relative;}
*+html .photo{position:relative;}
.photo a{
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
* html .product-list .photo a{
	position:absolute;
	top:50%;
}
*+html .product-list .photo a{
	position:absolute;
	top:50%;
}
* html .photo img{
	position:relative;
	top:-50%;
	left:-50%;
}
*+html .photo img{
	position:relative;
	top:-50%;
	left:-50%;
}
.txt{
	height:1%;
	overflow:hidden;
	padding:0 10px;
}
.txt a{
	display:inline-block;
	margin:0 0 8px;
}
.product-list strong{
	font-size:1.091em;
	line-height:1.273em;
	display:block;
}
/* paging */
.paging{
	width: 618px;
	margin:-1px 0 0 0;
	padding: 6px 25px 6px 0px;
	overflow:hidden;
	border:1px solid #ddd;
	background-image: -webkit-linear-gradient(#ededed 0%, #fff 100%);
	}
	
.paging ul{
	margin:0 auto;
	padding:0px 0px 0px 6px;
	list-style:none;
	font-weight:bold;
	float:left;
	overflow:hidden;
}
.paging li {
	float:left;
	margin:0 3px;
	display:inline;
}
.paging .prev, 
.paging .next{
	margin:0 9px;
}
.paging .prev a, 
.paging .next a{text-decoration:underline;}
.paging .prev a:hover, 
.paging .next a:hover{text-decoration:none; background-color:transparent;}
.paging .prev a {color:#999;}
.paging .next a {color:#000;}
.paging a{
	display: inline-block;
	padding-left:6px;
	padding-right:6px;
	float:left;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.paging a:hover{
	background-color:#ddd;
}
.paging .selected,
.paging .selected a:hover{
	background-color:#ddd;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* ~~ End of Shopping Page Styles ~~ */


/* ~~ Beginning of Advanced Search Page Styles ~~ */
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container-advanced-search {
	width: 968px;
	margin: 0 auto; 
	/* the auto value on the sides, coupled with the width, centers the layout */
}

/* Styles for the appearance of the search bars */
fieldset.search {
	border: none;
	width: 190px;
	margin: 0 auto;
	background: #eee;
}
.search input, .search button {
	border: none;
	float: left;
	margin-left:-10px;
}
.search input.box {
	color: #666;
	font-size: 13px;
	width: 143px;
	height: 29px;
	padding: 0px 0px 0px 10px;
	background: url(../Images/search_bg.gif) no-repeat;
	margin-right: 0px;
}
.search input.box:focus {
	background: url(../Images/search_bg.gif) no-repeat left -29px;
	padding-left:10px;
	width:143px;
	outline:none;
}
.search button.btn {
	width: 35px;
	height: 29px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../Images/search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
background: url(../Images/search_bg.gif) no-repeat bottom right;
}

.search input.box {
	background: url(../Images/search_bg_ie.gif) no-repeat right bottom; /* Unique Input Box background image specifically for IE, and the background position must be aligned to the right*/
}
.search-copy {
	padding-left: 20px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}
.search-copy h2{
	text-align:left !important;
}

.search-copy form{
	padding-top:5px;
}


.search-small-copy {
	font-size:10px;
}

.Callout {
	padding-top:20px;
	display:block;
	width:190px;
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-size:14px;
	text-align:center;
}

.Callout a {background-color:#999; color:white !important; padding:.35em; border-radius:50px; font-family: Arial, Helvetica, sans-serif; display:block; margin:.35em auto; width:170px;}

.Callout a:hover {background-color: #666;}


/* ~~ End of Advanced Search Page Styles ~~ */


/* ~~ Beginning of Product  Page Styles ~~ */
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container-product-detail {
	width: 968px;
	background-repeat:repeat-y;
	margin: 0 auto; 
	/* the auto value on the sides, coupled with the width, centers the layout */
}
.container-product-detail a {
	text-decoration:none;
}
.container-product-detail a:hover {text-decoration:underline;}

/* sidebar */
#sidebar-right {
	width:234px;
	float:right;
	text-align:center;
}
#sidebar-right h2 {
	margin:20px 0 6px;
	font-size:1.636em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
	text-align:center;
	color:#666;
}
#sidebar-right hr {
	border-color:#CCC;
}

#sidebar-right table{
	background-color:transparent;
	}

/* content */
#content-detail {
	width:400px;
	float:left;
	padding-left:10px;
	padding-right:15px;
}

.product-image {
	float:left;
	width:275px;
	text-align:center;
}

.product-Name {
	font-size:20px;
	color:#333;
}
.product-Description {
	font-size:12px;
	color:#333;
}
.product-Points {
	font-size:24px !important;
}
.product-Stock {
	font-size:16px;
	color:#006600;
}
.product-callout {
	display:block;
	width:175px;
	padding-top:10px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:14px;
	text-align:center;
}
/* ~~ End of Product Page Styles ~~ */

/* ~~ Beginning of Cart/Wishlist Page Styles ~~ */
/* content */
.cart-error {
	color:#FFF;
	font-weight:normal;
	font-size:14px;
	background-color:#C00;
	padding:15px;
}
#content-cart {
	width:640px;
	float:left;
	padding-left:10px;
	padding-right:40px;
}
#content-cart h3 {
	margin-bottom:0px;
	color:#333;
}
#content-cart form {
text-align:center;
}
#content-cart hr {
	color: #fff;
	background-color: #fff;
	border: 1px dotted #666;
	border-style: none none dotted;
}
.cart-Name {
	font-size:14px;
	color:#666;
}
.cart-Item-Number {
	font-size:12px;
	color:#666;
	text-align:center;
}
.cart-ColumnName {
	font-size:10px;
	color:#999;
	font-weight:bold;
	text-align:center;
}
.cart-Link {
	font-size:10px;
	line-height:12px;
	color:#333;
	text-align:center;
	text-decoration:underline;
}
.cart-MainLinks {
	font-size:12px;
	color:#597FB2;
	font-weight:bold;
	padding-right:20px;
	float:right;
}
.cart-Points {
	font-size:16px;
	color:#6c6c6c;
	text-align:center;
}
/* ~~ Beginning of Cart/Wishlist sidebar Styles ~~ */
.cart-sidebar-total {
	font-size:18px;
	color:#333;
	text-align:center;
}
.cart-sidebar-unit  {
	font-size:12px;
	color:#999;
	text-align:right;
}
.cart-sidebar-unit-small  {
	font-size:9px;
	color:#999;
	text-align:right;
}
.wishlist-items-copy {
	text-align:center;
	font-size:14px;
}
/* ~~ End of Cart/Wishlist sidebar Styles ~~ */
/* ~~ End of Cart/Wishlist Page Styles ~~ */

/* ~~ Beginning of Checkout Styles ~~ */
.checkout-title {
	font-size:18px;
}
.checkout-required {
	font-size:12px;
	color:#990000;
	padding-left:10px;
}
.left {
	text-align:left;
}
.checkout-receipt {
	padding-left:10px;
	clear:both;
	float:left;
}
.cart-receipt-total {
	font-size:24px;
	color:#333;
	text-align:right !important;
}
.cart-receipt-unit  {
	font-size:12px;
	color:#999;
	text-align:right !important;
}
.formNames {
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#333;
}
.form input {
	height:20px;
}
.form-required {
	font-size:14px;
	color:#900;
}
.form-error-message {
	font-size:10px;
	color:#900;
}
/* ~~ Beginning of Specials Styles ~~ */
.discount {
	text-decoration:line-through;
	color:#C30;
}
/* ~~ Beginning of No Results Styles ~~ */
.noresults {
	color:#C30;
}

ol {
font-size:14px;
color:#666;
}

/* ~~ Universal Color Styles ~~ */
.color-primary {color:#000;}
.border-primary {border-color: #000;}
.background-primary, .button.background-primary {background-color: #000;}