@charset "utf-8";

/* 
************
GENERAL
************
*/
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	background:#666
}

/* 
************
COMMON 
************
*/
* {
	padding:0;
	margin:0; /* box-sizing:  border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; */
}

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

a:hover {
	color:#fff;
	text-decoration:underline
}

a img, :link img, :visited img, fieldset, input.checkbox, input.radio, img {
	border:none
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font:inherit
}

ol, ul {
	list-style:none
}

.fr {
	float:right;
	width:auto;
	clear:right;
	display:inline
}

.fl {
	float:left;
	width:auto;
	clear:right;
	display:inline
}

.ar {
	text-align:right
}

.al {
	text-align:left !important
}

.cntr {
	text-align:center;
}

/* 
******************
PAGE CONTENTS
******************
*/
/* HEADER */
#h {
	background:transparent url(../images/bg_h.gif) no-repeat 50% 0;
	clear:both;
	height:102px;
	padding:19px 25px 0
}

#h h1 {
	display:block;
	text-indent:-2000px;
	width:345px;
	height:63px;
	float:left;
	display:inline
}

#h h1 a {
	display:block;
	width:345px;
	height:63px;
	background:url(../images/bg.gif) no-repeat 0 0
}

#h h2 {
	display:none
}

#cmenu, #bmenu {
	float:right;
	clear:right;
	width:605px;
}

#cmenu li, #bmenu li {
	display:inline;
	font-size:10px;
	font-weight:bold;
	text-align:right
}

#cmenu li {
	height:36px;
	line-height:36px
}

#cmenu li#hTollFree {
	float:right;
	font-size:14px
}

#cmenu li#hEmptyCart, #cmenu li#hViewCart a {
	margin-left:248px;
	padding:12px 0 12px 20px;
	background:url(../images/bg.gif) no-repeat 0 -63px
}

#cmenu li#hViewCart a {
	margin-left:188px
}

#h a {
	color:#fff
}

#bmenu {
	height:27px;
	line-height:27px;
	color:#999
}

#bmenu fieldset {
	float:left;
	display:inline
}

#bmenu li {
	float:right;
	display:inline;
	background:url(../images/bg.gif) repeat-x scroll -34px -99px
}

#bmenu li a {
	text-decoration:none;
	color:#999;
	background:url(../images/bg.gif) no-repeat -45px -142px;
	padding:0 8px
}

#bmenu li a:hover {
	text-decoration:underline;
	color:#fff
}

#bmenu li#hSearch {
	background-position: 0 -99px;
	padding-left:30px
}

* html #bmenu li#hSearch {
	padding:4px 0 3px 30px
}

#bmenu li#hSearch input {
	width:118px;
	border:1px solid #999;
	padding:2px 1px;
	font-size:10px;
	font-weight:bold;
	color:#333
}

#bmenu li#hSearch input#sSearchGo {
	background:url(../images/bg.gif) no-repeat 0 -139px;
	height:20px;
	width:30px;
	border:none;
	text-indent:-2000em;
	line-height:200em
}

#bmenu li#hLogin, #bmenu li#hLogout {
	padding:0 8px
}

#bmenu li#hLogin a, #bmenu li#hLogout a {
	color:#fff;
	text-decoration:underline;
	background:none;
	padding:0
}

#bmenu li#hLogin a:hover, #bmenu li#hLogout a:hover {
	text-decoration:none
}

/*
TOP MENU
*/
#nav {
	background:url(../images/bg.gif) repeat-x 0 -166px;
	height:32px;
	clear:both;
	border-bottom:1px solid #242424
}

#nav li {
	float: left;
	display:inline;
	background:url(../images/bg.gif) no-repeat -343px -64px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase
}

#nav li.first {
	background:none
}

#nav li a {
	display:block;
	width:151px;
	height:32px;
	line-height:32px;
	text-align:center
}

#nav li#hLCall, #nav li#hLChat {
	text-align:left;
	padding:0 8px;
	width:156px;
	height:32px;
	line-height:32px
}

#nav li#hLCall img, #nav li#hLChat img {
	float:right;
	display:inline;
	margin-top:5px;
	width:80px;
	height:22px
}

/* 
ADDITIONS 
*/
#breadcrumb a, #breadcrumb {
	color:#666
}

#noProducts {
	margin:19px 0;
	text-indent:32px;
	font-size:14px;
	font-weight:bold
}

/* 
COLUMNS 
*/
#clc {
	padding:0 6px 0 25px
}

/* 
PADDINGS of main cols 
*/
#mcc {
	padding: 0 25px 0 0;
	min-height:400px
}

* html #mcc {
	height:400px
}

/* Left Paddings */
#pPane, #pMoreImages {
	margin-left:10px
}

/* 
CENTRAL COLUMN HP 
*/
#hpBanners img {
	margin-top:5px;
	margin-right:5px;
	display:inline
}

#hpBanners #hpBan3 img {
	margin-right:0
}

/* EOF COLUMNS */

/* 
FOOTER 
*/
#f {
	background:url(../images/bg_c.gif) repeat-y 50% 0
}

#fc {
	text-align:center;
	color:#666;
	padding:6px 25px 32px;
	background: url(../images/bg_f.gif) no-repeat 50% 100%;
	font-size:10px
}

#fc a {
	white-space:nowrap;
	color:#333;
	text-decoration:none
}

#fPan {
	margin:0 auto;
	height:70px;
	width:948px;
	border:1px solid #999;
	display:block;
	clear:both
}

#fPan div#fBan {
	float:right;
	width:272px;
	height:50px;
	text-align:right;
	margin-top:10px;
	margin-right:10px
}

#fPan div {
	float:left;
	display:inline;
	margin-top:2px
}

div#fMenu {
	text-align:left;
	padding-bottom:0;
	width:648px;
	float:left
}

div#fCustCare {
	width:180px;
	margin-left:11px;
	margin-right:32px;
	padding-right:8px
}

* html div#fCustCare {
	margin-right:14px;
	width:220px;
	zoom:1
}

div#fAcInfo {
	width:148px;
	padding-left:11px;
	overflow:hidden
}

div#fJoin {
	width:232px
}

#fc strong {
	font-size:12px;
	margin-bottom:3px;
	display:block;
	color:#333
}

#fc li {
	list-style:none;
	float:left;
	white-space:nowrap;
	width:50%;
}

#fc p {
	margin:4px 0
}

input#fSubscribe {
	display:inline;
	border:#666 1px solid;
	width:110px;
	padding:2px
}

#fCopy {
	margin-top:18px
}

/* EOF FOOTER */

/* 
              _____________
     ....-''``'._ _________))  ( MODULES and WIDGETS )
             ,_  '-.___)
               `'-._)_)
     -----'``"-,__(__)
*/
/* HP Central Col Widgets */
.wBox {
	clear:both;
	width:620px;
	margin:0 auto
}

.wH {
	background:url(../images/bg.gif) no-repeat;
	border-bottom:1px solid #fff;
	height:33px;
	line-height:33px;
	clear:both
}

#mc .wH h4 {
	float:left;
	height:0;
	text-indent:-2000px;
	width:340px;
	border:none;
	line-height:0;
	margin:0
}

.wH a {
	color:#ffffff;
	float:right;
	font-size:11px;
	text-decoration:none;
	margin-right:8px
}

.wH a:hover {
	color:#eeeeee
}

.wBody {
	background: url(../images/bg_widget.gif) no-repeat scroll 50% -765px;
	border-top:1px solid #999;
	clear:both;
	height:228px;
	margin-bottom:1em;
	overflow:hidden;
	position:relative;
	width:620px
}

/* Widget Headings */
#wNewArrivals .wH {
	background-position:0 -27px
}

#wFeatured .wH {
	background-position:0 -69px
}

#wBestSellers .wH {
	background-position:0 -112px
}

/* 
PRODUCT BOXES 
*/
/* Central Col Boxes */
#pGrid {
	float:left;
	display:inline;
	width:100%;
	clear:both;
	margin:0 19px 0 20px;
	background:url(../images/bg_grid.gif) repeat-y 0 0
}

.pBox {
	float:left;
	display:inline;
	border-collapse:collapse;
	color:#333;
	font-size:12px;
	font-weight:bold;
	height:298px;
	width:215px;
	margin:0 15px;
	padding-bottom:15px;
	overflow:hidden;
	text-align:center;
	line-height:20px;
}

.wBox .pBox {
	border:none;
	margin:0;
	padding:8px
}

.pBox h5 a, .rvBox h5 a {
	display:block;
	font-size:14px;
	text-transform:uppercase;
	height:18px;
	margin-bottom:6px;
	margin-top:4px;
	overflow:hidden;
	color:#333
}

.pImg img, .pImgM img {
	border:1px solid #666;
	clear:both;
	height:213px;
	margin:0 auto;
	text-align:center;
	width:213px
}

.tdPdescr .pImg img {
	width:100px;
	height:100px
}

.pPrice, .rvPrice {
	color:#c00
}

.pBox ul li {
	text-align:left
}

.pBox .pButs a {
	text-decoration:underline;
	color:#fff
}

.pBox .pButs a:hover {
	text-decoration:none
}

/* Rel Products */
#pRel .pBox {
	height:198px
}

#pRel .pBox .sku {
	margin-bottom:4px
}

/* More Images */
#pMoreImages .pBox {
	height:130px;
	width:100px;
	margin-left:0;
	margin-right:11px
}

#pMoreImages .pImg img {
	width:98px;
	height:98px
}

.AdImgColor {
	font-size:10px;
	font-weight:bold;
	margin:8px auto;
	text-align:center
}

/* Side Boxes */
.sBox {
	border:none;
	float:none;
	clear:both;
	width:100%;
	height:auto;
	padding:10px 8px 0
}

.sBox .pBoxIn {
	padding-bottom:8px;
	clear:both;
	float:none;
	width:100%;
	overflow:hidden
} /* needed for ie6-7*/

.sBox h5 a {
	height:auto
}

.sBox .pImg img {
	width:100px;
	height:100px
}

.sBox .pPrice {
	font-size:14px;
	line-height:24px
}

/* Recently Viewed Boxes */
.rvBox {
	clear:both;
	overflow:hidden;
	margin-bottom:12px;
	zoom:1
}

.rvBox h5 a {
	height:54px
}

.rvImg img {
	float:left;
	border:1px solid #ccc;
	clear:both;
	height:100px;
	margin:0 8px 0 0;
	text-align:center;
	width:100px
}

/* EOF PRODUCT BOXES */
/* BRANDS AND CATEGORIES BOXES */
.pBrand, .pCat {
	float:left;
	display:inline;
	border-collapse:collapse;
	color:#000;
	font-size:12px;
	height:156px;
	margin:0 14px 8px 13px;
	overflow:hidden;
	text-align:center;
	width:139px;
	padding:8px 16px
}

.pBrand h5 a, .pCat h5 a {
	display:block;
	font-size:12px;
	line-height:26px;
	height:26px;
	margin-top:4px;
	overflow:hidden
}

.pBrandImg img, .pCatImg img {
	border:1px solid #ccc;
	clear:both;
	height:123px;
	margin:0 auto;
	text-align:center;
	width:123px
}

/*
PRODUCTS PAGE FILTERS
*/
#h3 {
	text-align:center;
	width:714px;
	height:58px;
	margin:0 auto 10px;
	overflow:hidden
}

/*#filterH h3 { text-align:center; font-size:24px; font-weight:normal; text-transform:uppercase; margin:0 auto 5px }*/
#filterH {
	border:#989898 1px solid;
	background:#2a2a2a;
	padding:6px;
	width:700px;
	margin:10px auto 10px;
	clear:both;
	zoom:1
}

#inFilter {
	clear:both;
	border:0;
	padding:0;
	margin:0
}

#inFilter * {
	display:inline;
	margin: 0 4px;
	width: 140px;
}

#inFilter label {
	text-align:right;
	color:#ccc;
	width:72px;
	font-weight:bold;
	float:left
}

#products #breadcrumb {
	width:714px;
	margin:0 auto;
}

/*
SIDE BOXES PAN + INNER PAGES BOXES
*/
.sPan {
	border:1px solid #242424;
	zoom:1
}

.sPan, .inPan {
	font-size:10px;
	color:#666;
	margin:0 0 5px
}

.sH {
	background: url(../images/bg.gif) no-repeat 0 -218px;
	border-bottom:1px solid #242424;
	height:28px
}

.sH h4 {
	display:block;
	text-indent:-2000em
}

.sBody {
	padding:0 1px 1px;
	line-height:16px;
	zoom:1
}

.sBody a {
	font-size:11px;
	font-weight:bold
}

.sBody ul {
	margin:8px 0 8px 16px
}

#sCustCare .sH {
	background-position: -177px -218px
}

#sWhyUs .sH {
	background-position: 0 -260px
}

#sWhyUs .sBody ul {
	margin-left:8px
}

/*
INNER PAGES BOXES
*/
.inPan {
	width: 169px;
	margin:28px auto
}

.inPan .sH h4 {
	border:none !important;
	margin:0 !important;
	height:auto !important
}

/*
SIDE CATEGORIES
*/
#sCats ul {
	margin:0
}

#sCats li {
	background:url(../images/bg.gif) no-repeat -179px -776px;
	line-height:23px;
	clear:both;
	border-top:1px solid #000;
	display:block;
	zoom:1
}

#sCats li:hover {
	background-position:0 -776px
}

#sCats li li:hover {
	background:none
}

#sCats li:hover a {
	color:#fff
}

* html #sCats li a:hover {
	color:#fff
}

#sCats li a {
	padding-left:4px;
	zoom:1;
	color:#333
}

#sCats li a.exp {
	background-image:url(../images/bg.gif);
	background-position: -330px -720px;
	width:16px;
	height:23px;
	float:left
}

#sCats li a.current {
	background-position:-330px -696px
}

#sCats li a:hover {
	color:#1e1e1e;
	text-decoration:underline;
	background-position:-330px -744px
}

#sCats ul ul {
	font-size:10px;
	padding:4px 1px 4px 12px;
	background:#666
}

#sCats li li {
	background:none;
	border:none;
	line-height:16px
}

#sCats li li a {
	background:none;
	color:#ccc;
	padding-left:12px;
	font-size:10px
}

* html #sCats li li a {
	padding-left:15px
}

#sCats li:hover li a {
	color:#ccc
} /* must be same color as top item */

#sCats li li a:hover {
	color:#fff !important;
	text-decoration:none;
	background:none
}

/************
INNER PAGES 
************/
h3 {
	font-size:16px;
	color:#fff;
	text-transform:capitalize;
	clear:both;
	margin:4px 0 14px
}

#mc h4 {
	font-size:12px;
	line-height:22px;
	height:22px;
	clear:both;
	display:block;
	border-bottom:#666 1px solid;
	margin:0 0 5px
}

.emptyPage {
	margin:1em 0
}

#mc p {
	margin:16px 0
}

div.pTxt {
	padding-left:10px
}

div.pTxt p {
	line-height: 18px
}

.pTxt h5 {
	font-size:13px;
	margin:16px 0
}

.pTxt dl {
	padding:1em 0
}

.pTxt dt {
	font-weight:bold;
	padding:0.2em 0
}

.pTxt dd {
	padding:0.2em 0 0.8em
}

/* LOADER */
.ploader {
	top:128px;
	position:absolute;
	z-index:999;
	width:97%;
	height:56px;
	line-height:56px;
	text-align:center;
	display:none
}

.ploader .ploader-content {
	width: 218px;
	padding: 4px;
	margin:0 auto;
	height:56px;
	line-height:56px;
	background-color:#f1f1f1;
	font-size: 14px;
	border:1px solid #fff;
	text-shadow:#ccc;
	color:#666;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px
}

* html .ploader .ploader-content {
	padding: 28px 4px;
	height:auto
}

/* PAGINATION */
.pages {
	clear:both;
	margin:1em 30px;
	clear:both;
	line-height:34px;
	height:34px;
	font-size:10px;
	border-bottom:#333 1px solid
}

#bottomPages {
	border:none;
}

.toPage {
	right:58px;
	position:absolute
}

* html .toPage {
	padding-top:8px
}

.paging {
	position:absolute;
	right:186px;
	margin-top:8px;
	font-size:11px
}

* html .paging {
	height:34px;
	overflow:hidden
}

.paging li {
	display:inline;
	float:left;
	margin:0 2px
}

.paging li a, .paging li a.pOn:hover {
	font-weight:bold;
	line-height:18px;
	width:18px;
	text-align:center;
	display:block
}

.paging li a.pOn, .paging li a:hover {
	color:#fff
}

.paging .pNext *, .paging .pPrev * {
	width:46px
}

.paging .pPrev span, .paging .pNext span {
	color:#e4e4e4;
	font-weight:bold;
	line-height:18px;
	height:18px;
	text-align:center;
	display:block
}

span.pageSum {
	float:left;
	font-size:14px
}

/* 
Product Page 
*/
#pPane {
	clear:both;
	padding-left:268px;
	margin-top:10px
}

.pImgM {
	text-align:left;
	width:256px;
	float:left;
	display:inline;
	margin:0 12px 1em -268px;
	overflow:hidden
}

.pImgM .p_lb img {
	width:246px;
	height:246px;
	border:#666 2px solid
}

.pImgM li {
	float:left;
	display:inline;
	margin:5px 4px 0 0
}

.pImgM li a {
	float:left;
	display:inline;
	text-align:center;
	text-decoration:none
}

.pImgM #butsUImg {
	float:left;
	margin-bottom:14px
}

.pImgM #butsUImg li a {
	text-align:left;
	padding-left:36px;
	margin-top:4px;
	height:24px;
	line-height:24px;
	width:86px;
	background:url(../images/bg.gif) no-repeat 0 -306px;
	font-size:10px;
	font-weight:bold;
	color:#666;
	overflow:hidden
}

.pImgM #butsUImg li#emailFriend a {
	background-position: -140px -306px;
	margin-left:2px
}

.pImgM #butsUImg li a:hover {
	color:#333
}

#mc .pImgM p {
	margin:0 0 4px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	display:block
}

ul#altViews {
	background:#333;
	border-bottom:5px solid #333;
	padding:5px 0 0 5px;
	margin:4px auto;
	display:block;
	width:210px;
	height:100px;
	overflow:hidden
}

.pImgM #altViews li {
	margin:0;
	padding:0
}

.pImgM #altViews img {
	width:98px;
	height:98px;
	border:1px solid #666;
	margin-right:5px
}

.pData {
	clear:right;
	position:relative;
	font-size:14px;
	color:#333333
}

.pData span {
	text-transform:uppercase
}

.pData img {
	vertical-align:middle
}

h3#pHead {
	font-size:14px;
	clear:right;
	margin-bottom:8px;
	margin-top:0;
	line-height:14px;
	padding-bottom:8px;
	border-bottom:1px solid #666;
	text-transform:uppercase
}

.pData .chooseSize {
	margin:1em 0
}

.pData .price {
	font-size:16px;
	line-height:18px;
	color:#f00;
	font-weight:bold
}

#pShortDescr {
	color:#999;
	border-top:#ccc 1px solid;
	padding-top:1em
}

#pAddCart {
	font-size:14px;
	font-weight:bold;
	width:206px;
	height:44px;
	background:url(../images/bg.gif) no-repeat 0 -343px;
	line-height:44px;
	margin-top:.6em
}

#pAddCart * {
	float:left;
	display:inline;
	margin-left:3px
}

#pAddCart input {
	margin-top:12px;
	width:32px;
	margin-left:6px
}

input#pButAddCart {
	background:transparent url(../images/bg.gif) no-repeat scroll -238px -343px;
	height:27px;
	left:85px;
	line-height:200em;
	padding:0;
	position:absolute;
	text-indent:-2000em;
	left:86px;
	width:107px;
	margin-top:8px;
	border:none
}

#pAddCart img {
	margin-top:8px;
	position:absolute;
	left:6px
}

#pDescr {
	margin-top:1em;
	clear:both
}

/* 
Search
*/
#sForm {
	margin-bottom:2em;
	clear:both
}

/*
LOGIN
*/
#login h3, #register h3, #forgot_password h3, #custService h3, #contact_us h3, #privacy h3, #returns h3, #about_us h3, #policy h3 {
	line-height:42px;
	height:52px;
	display:block;
	text-align:center;
	color:#ccc;
	background:url(../images/bg.gif) repeat-x 0 -406px
}

/* Customer Service */
#csIcons {
	margin:56px auto;
	width:380px;
	display:block;
	clear:both;
	height:148px
}

#csIcons li {
	float:left;
	display:inline;
	margin:4px
}

#csIcons li a {
	width:128px;
	height:48px;
	display:block;
	padding:8px 2px 0 50px;
	background:url(/smarty/templates/images/bg_al.gif) no-repeat 0 -85px;
	font-size:10px;
	color:#ccc
}

#csIcons li a:hover, #csIcons li a:hover span {
	text-decoration:none
}

#csIcons li a span {
	color:#ccc;
	text-decoration:underline;
	display:block
}

#csIcons li a b {
	font-size:14px;
	color:#fff;
	display:block
}

#csIcons li#csFaq a {
	background-position: -189px -85px
}

#csIcons li#csSEm a {
	background-position: 0 -151px
}

#csIcons li#csCus a {
	background-position: -189px -151px
}

/* Contact */
p#officeHours {
	clear:both
}

/* EOF Inner Pages */

/*
             .-"-._( ) )
            /  ,  ,  66\
     `======\   )_\\=\_o)=   FORMS and Buttons 
             `~~"~ `"
*/
input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:middle
}

a:active, input:active, * :focus {
	outline: none
}

/* ff way to remove outline from submit button
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border: none} */
form {
	display:inline
}

/*
**************
MAIN BUTTONS
**************
*/

.buttons {
	margin:8px 0 0
}

.but {
	cursor:pointer;
	border:0;
	overflow:hidden;
	background:#a9a9a9 url(../images/bg.gif) repeat-x 0 -665px;
	color:#333;
	border:1px solid #4c4c4c;
	font-weight:bold;
	padding:1px 2px 3px;
	height:22px;
	line-height:16px;
	vertical-align:middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:12px !important
} /* some maneuvers to make it similar in all browsers, change carefully! */

.but:hover {
	color:#555
}

.boxSubmit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:0 8px 3px !important;
	margin:6px 0
}

input.vcbutblue, input.vcbut, input.cfbut, ul.checkout_opts .opt_button_wrap input.opt_button {
	background:url(../images/bg_al.gif) repeat-x 0 -318px; /* same as .but, but taller */
	line-height:21px;
	height:21px;
	border:0;
	font-weight:bold;
	font-size:12px !important;
	color:#fff !important;
	cursor:pointer
}

input.vcbut {
	background-position: 0 -236px;
	width:108px !important;
}

input.cfbut {
	background-position: 0 -275px;
}

ul.checkout_opts .opt_button_wrap input.opt_button {
	width:125px !important
}

.pDel {
	display:block;
	width:18px;
	height:18px;
	text-indent:-2000px;
	background:url(../images/del.gif) no-repeat 0 0;
	margin-top:2px
}

#createAccCol .panIn a {
	background:transparent url(/smarty/templates/images/bg_al.gif) no-repeat 0 0;
	color:#fff;
	display:block;
	font-size:15px;
	font-weight:bold;
	height:46px;
	line-height:46px;
	margin:8px auto;
	text-align:center;
	width:181px
}

input#butCOLogin, #butCOContinue {
	background:url(../images/bg_pancologin.gif) no-repeat 0 -270px;
	width:160px !important;
	height:34px;
	margin:0;
	font-weight:bold;
	font-size:12px;
	text-align:center
}

#butCOContinue {
	background-position:-201px -270px;
	width:177px !important
}