
@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Arvo);
@import url(https://fonts.googleapis.com/css?family=Lato);

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, html, label, table, tr, td { margin:0; padding:0; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:13px; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img, a img, :link img, :visited img { border:0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
p.h1, p.h2, p.h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
h5, h6 {font-size:1.7em; text-transform:uppercase;}
h5 {font-size: 1.5em; margin: 10px 0px;}
html {height:100%;}
.clear {clear: both;}


#info-box .description {padding-top: 25px; width:840px; color:#333;}
#info-box .description a {color:#4DA1C0; text-decoration: none;}
html, body {height:100%;}
body {background: #A7DBF0 url(/images/backgrounds/1254.jpg);}

/*---------------------------------------------------------------
						 HEADER STYLES
---------------------------------------------------------------*/
#header {}
#logo {}
#logo img {overflow:hidden;}
/*---------------------------------------------------------------
						 NAV STYLES
---------------------------------------------------------------*/
#nav {width:920px; float:left; clear:both; background-color:#E5E5E5; margin:15px 0;}
#nav ul li {font-size:14px; font-weight:600; float:left;}
#nav ul li a {color:#3A3A3A; text-decoration:none; display:block; float:left; padding:23px 8px 15px 8px; height:22px;}
#nav ul li a span {}
#nav ul li a.shopping {color:#3A3A3A; text-decoration:none; display:block; float:left; padding:0 10px; height:60px;}
#nav ul li a.shopping span {position:relative; top:13px;}
#nav ul li a:hover {background-color:#CCC; color:#3A3A3A;}

/*---------------------------------------------------------------
						 SHARE BUTTON
---------------------------------------------------------------*/
.share_button { position: fixed; top: 150px; z-index:100; background:url(../images/cart8/share.gif) no-repeat 0 0; margin-top:40px; height: 108px; width:27px; vertical-align: middle; }
.share_button:hover { color: white; background:url(../images/cart8/share.gif) no-repeat -27px 0; cursor:pointer;}
.share_button_txt { font-size: 13px; font-weight: bold; padding-left:17px; padding-top:7px; }

/*---------------------------------------------------------------
						 SPAN STYLES
---------------------------------------------------------------*/
.gray {color:#333;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
span.super {font-size:.5em; vertical-align:top;}
a img {outline:none; border:none; text-decoration:none;}
.large {font-size:1.5em;}
.red {color:#ff2323;}
/*---------------------------------------------------------------
						 IMAGE STYLES
---------------------------------------------------------------*/
img.alignright {float:right; margin-left:25px; display:inline-block;}
img.alignleft {float:left;}
img.aligncenter {display:block; margin:0 auto; clear: both;}

/*---------------------------------------------------------------
						 GENERAL STYLES
---------------------------------------------------------------*/

/*---------------------------------------------------------------
						 Grey Content STYLES
---------------------------------------------------------------*/
#grey-main {text-align: justify;}
#grey-main a {outline:none; border:0; color:#4DA1C0; text-decoration: none;}

/*---------------------------------------------------------------
						 JQUERY TABS
---------------------------------------------------------------*/
ul.tabs {margin-top: 20px; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 920px;}
ul.tabs li {float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/	overflow: hidden; position: relative; background: #e0e0e0;}
ul.tabs li a {text-decoration: none; color: #000; display: block; font-size: 1em; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none;}
ul.tabs li a:hover {background: #ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/}
.tab_container {list-style: none; border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 920px; background: #fff; }
.tab_content {padding: 20px; font-size: 13px; line-height:150%;}
.tab_content ul {list-style:circle; float:none; margin:15px 30px; line-height:19px;}

.slide-out-div {padding: 27px; width: 190px; background: #def3fb;}

/*---------------------------------------------------------------
					 CHECK OUT PAGE
---------------------------------------------------------------*/
#check-out-wrapper {width:94%; float:left; padding:3%;}
#check-out {width:100%; background-color:#FFF; margin-bottom:15px;}
#check-out table {width:100%;}
#check-out table tr.table-head {background-color:#00baff; color:#FFF; font-weight:bold; border:1px solid #00acec; text-shadow:#333 1px 1px 1px;}
#check-out table tr.table-head td {border-right:1px solid #00acec;}
#check-out table tr.table-total {background-color:#FFFFCC; font-weight:bold; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#check-out table td {padding:1%;}

#check-out table tr td.qty, #check-out table tr td.savings, #check-out table tr td.price, #check-out table tr td.total {width:10%; vertical-align:top; text-align:center;}
#check-out table tr td.desc {width:60%; vertical-align:top;}
#check-out table tr.one {border-bottom:1px solid #ccc;}
#check-out table tr.two {border-bottom:1px solid #ccc;}
#check-out table tr td.qty form input.update-qty {width:60px; text-align:center; margin:0 0 5px 0;}
.update-btn {width:58px; border:1px solid #b31b02; background:#c43004; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e57811', endColorstr='#c43004'); background:-webkit-gradient(linear, left top, left bottom, from(#e57811), to(#c43004)); background:-moz-linear-gradient(top, #e57811, #c43004); -webkit-border-radius:5px; -moz-border-radius:3px; border-radius:3px; text-shadow:rgba(0,0,0,.4) 0 1px 0; color:#FFF; font-size:.8em; text-align:center; text-transform:uppercase; outline:none; margin:0 0 5px 0;}
#update-btn:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c43004', endColorstr='#e57811'); background:-webkit-gradient(linear, left top, left bottom, from(#c43004), to(#e57811)); background:-moz-linear-gradient(top, #c43004, #e57811); color:#FFF; cursor:pointer;}

#check-out table tr td.grand-total {font-size:1.4em; text-align:right;}
#check-out table tr td.grand-total-num {font-size:1.4em; text-align:center;}

#check-out table tr td.qty a {color:#6f6f6f;}

.check-out-btn {margin-bottom:15px; float:right;}
#check-out-wrapper .check-out-btn a {background:#028cdc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02a8e4', endColorstr='#028cdc'); background:-webkit-gradient(linear, left top, left bottom, from(#02a8e4), to(#028cdc)); background:-moz-linear-gradient(top, #02a8e4, #028cdc); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:rgba(0,0,0,1) 0 1px 0; -moz-box-shadow:rgba(0,0,0,1) 0 1px 0; box-shadow:rgba(0,0,0,1) 0 1px 0; text-shadow:rgba(0,0,0,.4) 0 1px 0; color:#FFF; font-size:1.1em; text-align:center; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:5px;}
#check-out-wrapper .check-out-btn a:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#028cdc', endColorstr='#02a8e4'); background:-webkit-gradient(linear, left top, left bottom, from(#028cdc), to(#02a8e4)); background:-moz-linear-gradient(top, #028cdc, #02a8e4); color:#FFF;}

h3.main-cart-title {background:url(../images/cart8/Shopping_Cart.png) no-repeat 0 0; padding-left:70px; height:64px;}
h3.main-cart-title span {position:relative; top:20px;}

/*---------------------------------------------------------------
						GRID STYLES
---------------------------------------------------------------*/

ul {list-style: none; float:left; }
#grid {margin: 10px; float:left;}
#grid li.left {float: left; margin:3px; width:165px; position: relative;}

.box_shadow {height: 9px; background-image: url(../images/cart8/grid_shadow.png); background-repeat: no-repeat; background-position: bottom center;}
.box_img {border: #eaeaea 1px solid; padding:5px 5px 15px 5px;background-color:#FFF; width:150px; overflow:hidden;}
.box_img:hover {border: #b6b6b6 1px solid;}
.box_img_inner, .box_img_inner_soon {border: #eaeaea 1px solid; height: 150px; width: 150px; max-height:150px; max-width:150px; background-color:#FFF; overflow:hidden;	display:table-cell; text-align:center; vertical-align:middle;}
.box_img_inner_soon img:hover {}
.box_img_inner a img {max-width:150px; max-height:150px; overflow:hidden;}
.box_img_inner_soon a img, .box_img_inner_soon a {max-width:150px; max-height:150px; overflow:hidden; display:block;}

.box_img_inner_pp {border: #eaeaea 1px solid; height: 200px; width: 200px; max-height:200px; max-width:200px; background-color:#FFF; overflow:hidden;	display:table-cell; text-align:center; vertical-align:middle;}
.box_img_inner_pp a img {max-width:200px; max-height:200px; overflow:hidden;}



.grid_type {color: #0f153d; font-weight: bold; text-align:right; padding:10px 37px 10px 0; clear:both;}

.nudge { margin-left: 55px; }
.nudge2 { margin-left: 60px; }


#grid h1 {font-size: 16px; margin-top: 10px; width:100%; height: 57px; overflow:hidden; line-height:19px}

#grid p {font-size:.9em; margin-bottom: 5px;}

p.retail {color:#6F6F6F; text-decoration: line-through;}

p.selling {color: #ff0000;}
/*---------------------------------------------------------------
						BUTTON STYLES
---------------------------------------------------------------*/
.check_button a:link, .check_button a:visited {height:28px; color:#FFF; text-decoration:none; background-color:#028cdc; display:block; margin:10px 0 0 0; padding:5px; text-align:center; font-size:1em; font-weight:bold; background: -webkit-gradient(linear, left top, left bottom, from(#02a8e4), to(#028cdc)); background: -moz-linear-gradient(top,  #02a8e4,  #028cdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#02a8e4, endColorstr=#028cdc); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#028cdc, endColorstr=#02a8e4)";}

.next a, .prev a {background-color:#EE7D62; border:1px solid #E6411A; padding:2px 3px 2px 3px; text-decoration:none; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:normal; text-shadow: 1px 1px 0px #D54E21;}
.next a:hover, .prev a:hover {background-color:#a5eb62; border:1px solid #a5eb62; text-decoration:none; color:#0f153d; text-shadow: 1px 1px 0px #608939;}

/*---------------------------------------------------------------
						FORM STYLES
---------------------------------------------------------------*/
#grey .grid-sign  {border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;}
#grey .my-select{ width: 200px; margin: 0 40px;}
#grey .grid-sign h3 {font-size:3.5em; text-align:left; color:#262626; text-transform:uppercase; padding:10px 0 0 0;}
#grey form ul {width:100%; float:left;}
#grey form ul li {width:29%; float:left; margin:0 2% 0 0; font-size:1.3em;}

#grey form ul li.label {padding:5px 0 5px 0;}
#grey form ul li.input input {width: 255px; outline:none; font-size:1em; font-weight:bold; color:#353535; padding:3px; background-color:#FFF; border:1px solid #dcdcdc; border-radius:5px; -moz-border-radius:5px; height: 30px; }
#grey form ul li.submit input {text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 0px; color: #aaa85a; background-color:#f6f478; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f6c9', endColorstr='#edeb8b'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#f7f6c9), to(#edeb8b)); /* for webkit browsers */background:-moz-linear-gradient(top,  #f7f6c9,  #edeb8b); /* for firefox 3.6+ */ border:1px solid #dcdcdc; border-radius:5px; -moz-border-radius:5px; font-size:1.2em; padding:6px; width: 250px;}

#grey form ul li.input input:focus {background-color:#f7f7f7; border-color:#e7e7e7;}
#grey form ul li.submit input:hover {background-color:#f6f478; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeb8b', endColorstr='#f7f6c9'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#edeb8b), to(#f7f6c9)); /* for webkit browsers */background:-moz-linear-gradient(top,  #edeb8b,  #f7f6c9); /* for firefox 3.6+ */ cursor:pointer;}

#grey .right {margin-left: 40px;}

td input { margin: 0 0 10px 5px; padding: 5px; }
td textarea { margin: 0 0 10px 5px; }

/*---------------------------------------------------------------
                     NEWS-LETTER SIGNUP
---------------------------------------------------------------*/
h2.page-title {float:left;}
#newsletter-signup {border:1px solid #E5E5E5; padding:15px; margin:0 0 15px 0; float:right; width:400px; background-color:#fcf6d7;}
#newsletter-signup form.newsletter label {color:#3A3A3A; margin-right:10px; font-weight:800; font-size:12px;}
#newsletter-signup form.newsletter input { padding: 5px; color: #3A3A3A; border-radius:3px; -moz-border-radius:3px; outline:none; border:1px solid #E5E5E5; font-weight:bold; width:150px; margin-right:10px;}
#newsletter-signup form.newsletter input.news-subscribe {
background-color: #7fbf4d;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
background-image: linear-gradient(top, #7fbf4d, #63a62f);
border: 1px solid #63a62f;
border-bottom: 1px solid #5b992b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
-moz-box-shadow: inset 0 1px 0 0 #96ca6d;
-ms-box-shadow: inset 0 1px 0 0 #96ca6d;
-o-box-shadow: inset 0 1px 0 0 #96ca6d;
box-shadow: inset 0 1px 0 0 #96ca6d;
color: #fff;
font: bold 11px;
line-height: 1;
padding: 7px 0 8px 0;
text-align: center;
text-shadow: 0 -1px 0 #4c9021;
width: 75px; }
#newsletter-signup form.newsletter input.news-subscribe:hover {
background-color: #76b347;
background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
background-image: linear-gradient(top, #76b347, #5e9e2e);
-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
-moz-box-shadow: inset 0 1px 0 0 #8dbf67;
-ms-box-shadow: inset 0 1px 0 0 #8dbf67;
-o-box-shadow: inset 0 1px 0 0 #8dbf67;
box-shadow: inset 0 1px 0 0 #8dbf67;
cursor: pointer; }
#newsletter-signup form.newsletter input.news-subscribe:active {
border: 1px solid #5b992b;
border-bottom: 1px solid #538c27;
-webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }

/*---------------------------------------------------------------
						 PROMO MAIN
---------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-family: 'Arvo', serif; font-style: normal; font-weight: 700; text-shadow: 1px 1px 1px #FFF; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em;}
h1 {font-size: 48px; line-height:53px;}
h2 {font-size: 36px; line-height:41px;}
h3 {font-size: 24px; line-height:29px;}
h4 {font-size: 21px; line-height:26px;}
h5 {font-size: 18px; line-height:23px;}
h6 {font-size: 16px; line-height:21px;}
p {font-size: 14px; line-height:19px;}


#wrapper {width:920px; background-color:#FFF; padding:20px; margin:0 auto 0 auto;}
#promo-main {width:940px; margin:0 auto;}
#grey{width:920px;}
#promo-top-left { width:420px; float:left; }
#promo-top-left h2 { font-size: 2em; color:#2f2f2f; margin-bottom:2%; }
#promo-logo {width:200px; height:200px; float:left; margin-right:10px; text-align:center; background-color:#FFF;border: 1px solid #EAEAEA; overflow:hidden;}
#promo-logo .inner {border: #eaeaea 1px solid; height: 200px; width: 200px; background-color:#FFF; overflow:hidden;	display:table-cell;	text-align:center; vertical-align:middle; float:left;
border: 1px solid #CCC;}
#promo-logo .shadow { position:relative; bottom:-201px; width:100%; background-image:url(../images/cart8/grid_shadow.png); height:10px;}
#promo-info {width:200px; float:left; overflow:hidden;}
#promo-info p.promo-title {margin:10px 0 0 0;}
#promo-top-right { float:left; width:420px;}
#buy-now { height:77px;  margin-top:10px; float: right; }
#your-price { width:252px; height:142px;  margin-top:10px; float: right;  background-image: url(../images/cart8/your-price.jpg); background-repeat:no-repeat;}
#your-price .con { font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:40px 0 50px 0; font-size:3.5em;text-shadow: #FFF 2px 2px 2px; text-align:center;}
#your-price .con div { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-align:center; width:100%; }
.price-box { width:122px; height:66px;  margin-top:10px; background-image: url(../images/cart8/price-box.jpg); background-repeat:no-repeat;}
.price-box .con { font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:12px 10px 10px 15px; font-size:2em; text-shadow: #FFF 2px 2px 2px; text-align:center;}
.price-box .con div {font-weight:bold; font-size:11px; text-align:center; width:100%;}
#info-bottom { width: 840px; margin-left: 60px; padding-top: 10px; font-style:italic;}

.buy-now {float:right; margin-top:10px; height:65px; width:252px; border-top: 1px solid #c43004; background: #c43004; background: -webkit-gradient(linear, left top, left bottom, from(#e67811), to(#c43004)); background: -moz-linear-gradient(top, #e67811, #c43004); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; vertical-align: middle; cursor:pointer; text-decoration:none;}
.buy-now:hover {background: -webkit-gradient(linear, left top, left bottom, from(#c43004), to(#e67811)); background: -moz-linear-gradient(top, #e67811, #c43004); color: white;}

.buy-now:active {background: #c43004;}

#promo-main .buy-now_txt h3 {color:#FFF; font-size: 4.5em; margin-left:30px; padding-left:17px; padding-top:7px;}
.buy-now a {color:#FFF;}

/*---------------------------------------------------------------
						 FOOTER
---------------------------------------------------------------*/
#footer {width:100%; margin:15px 0 15px 0; clear:both; color:#490000;}
#footer-copy {width:920px; margin:0 auto;}
#footer-copy ul {width:920px; margin-bottom:19px;}
#footer-copy ul li {float:left; font-size:14px; line-height:19px;}

#footer a {color:#3A3A3A;}
#footer a:hover {text-decoration:none; color:#3A3A3A;}


/*-----------------1-22-2011 NEW STYLES ------------------------------*/
.coming-soon-flag { position: absolute;  background-image:url(../images/cart8/coming-soon-corner-sm.png); top: 0px; right: 0px; width: 100px; height: 80px;}
.daily-deal-flag { position: absolute;  background-image:url(../images/cart8/daily-deal-corner-sm.png); top: 0px; right: 0px; width: 100px; height: 80px;}
.sold-out-flag { position: absolute;  background-image:url(../images/cart8/sold-out-corner-sm.png); background-repeat:no-repeat; top: 0px; right: 0px; width: 100px; height: 80px;}
#grid p.coming-sale  {color:#739c4b; text-shadow: white 1px 0 0; text-decoration: none; text-align:center; font-weight:bold; height:32px; background-color:#C8F39F; margin:0; padding:3px 0; border-radius:3px; -moz-border-radius:3px; box-shadow:1px 1px 1px #888; -moz-box-shadow:1px 1px 1px #888; -webkit-box-shadow:1px 1px 1px #888; font-size:.8em;}
#grid p.daily-deal-sale  {color:#046fa2; text-shadow: white 1px 0 0; text-decoration: none; text-align:center; font-weight:bold; height:19px; background-color:#058ac9; margin:0; padding:6px 0; border-radius:3px; -moz-border-radius:3px; box-shadow:1px 1px 1px #888; -moz-box-shadow:1px 1px 1px #888; -webkit-box-shadow:1px 1px 1px #888;}
#grid .box_img a {text-decoration:none; border:none;}
#grid p.past-sale  {background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
}
/*-----------------2-16-2011 NEW STYLES ------------------------------*/
.rtw-col {width:46%; float:left; padding:2%;}
#grey .rtw-col h4 {font-size:24px;}
#grey .rtw-col p {font-size:16px;}
ul.green-check {width:100%;}
ul.green-check li {background:url(../images/cart8/green-checkmark.png) no-repeat 0 0; padding-left:35px;}

#grey .rtw-col form  {width:92%; float:left; padding:4%; background-color:#f1f1f1; border-radius:5px;}
#grey .rtw-col form label {font-size:18px; margin-bottom:5px; float:left; font-weight:bold; clear:both;}
#grey .rtw-col form label.label-title {font-size:18px; margin-bottom:15px; float:left; font-weight:bold; clear:both; border-bottom:1px solid #000; width:100%;}
#grey .rtw-col form input {width:90%; padding:2%; float:left; clear:both; color:#333; font-weight:bold; margin-bottom:15px; font-size:14px;}
#grey .rtw-col form textarea {width:90%; padding:2%; float:left; clear:both; color:#333; font-weight:bold; margin-bottom:15px; font-size:14px;}
#grey .rtw-col form input.rtw-submit {width:41%; padding:3% 2% 3% 2%; float:left; text-shadow: 1px 1px 0px #d54e21; color: #fff; background-color:#b4421c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7d62', endColorstr='#e6411a'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#ee7d62), to(#e6411a)); /* for webkit browsers */background:-moz-linear-gradient(top,  #ee7d62,  #e6411a); /* for firefox 3.6+ */ border:1px solid #d54e21; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
#grey .rtw-col form input.ft-submit {padding:3% 2% 3% 2%; float:left; text-shadow: 1px 1px 0px #d54e21; color: #fff; background-color:#b4421c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7d62', endColorstr='#e6411a'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#ee7d62), to(#e6411a)); /* for webkit browsers */background:-moz-linear-gradient(top,  #ee7d62,  #e6411a); /* for firefox 3.6+ */ border:1px solid #d54e21; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}

#grey .rtw-col form input.rtw-submit:hover, #grey .rtw-col form input.ft-submit:hover, div.form-textarea input.submit:hover {background-color:#f6f478; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4421c', endColorstr='#ee7d62'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#ee7d62), to(#b4421c)); /* for webkit browsers */background:-moz-linear-gradient(top,  #ee7d62,  #b4421c); /* for firefox 3.6+ */ cursor:pointer;}

.rtw-refer-friend {width:41%; padding:2%; float:left; margin-left:4%; text-shadow: 1px 1px 0px #fff; background-color:#80d1ef; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f0dd', endColorstr='#b7d39d'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#e5f0dd), to(#b7d39d)); /* for webkit browsers */background:-moz-linear-gradient(top,  #e5f0dd,  #b7d39d); /* for firefox 3.6+ */ border:1px solid #b7d39d; border-radius:5px; -moz-border-radius:5px; cursor:pointer; text-align:center; color:#000;}

.rtw-refer-friend:hover {width:41%; padding:2%; float:left; margin-left:4%; text-shadow: 1px 1px 0px #fff; background-color:#80d1ef; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f0dd', endColorstr='#aac492'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#e5f0dd), to(#aac492)); /* for webkit browsers */background:-moz-linear-gradient(top,  #e5f0dd,  #aac492); /* for firefox 3.6+ */ border:1px solid #b7d39d; border-radius:5px; -moz-border-radius:5px; cursor:pointer; text-align:center; color:#000;}

#grey .rtw-refer-friend a {color:#000; font-size:10px; font-weight:bold;}

/*-----------------2-22-2011 NEW STYLES ------------------------------*/
/*Form Styles - contac-call.php*/
div.contact-forms {width:100%;}
div.form-label {width:30%; float:left; color:#000; text-align:right; font-weight:bold; height:24px; margin-bottom:5px;}
div.form-input {width:69%; float:left; padding-left:1%; height:24px; margin-bottom:5px;}
div.form-textarea {width:69%; float:left; padding-left:1%; margin-bottom:5px;}
div.form-input input {width:294px; height:16px; border:1px solid #CCCCCC; padding:3px;}
div.form-input input.short {width:194px; height:16px; border:1px solid #CCCCCC; padding:3px;}
div.form-input input.inext {width:64px; height:16px; border:1px solid #CCCCCC; padding:3px;}
div.form-textarea textarea {width:294px; border:1px solid #CCCCCC; padding:3px;}
div.form-textarea input.submit {padding:2%; float:left; text-shadow: 1px 1px 0px #d54e21; color: #fff; background-color:#b4421c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7d62', endColorstr='#e6411a'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#ee7d62), to(#e6411a)); /* for webkit browsers */background:-moz-linear-gradient(top,  #ee7d62,  #e6411a); /* for firefox 3.6+ */ border:1px solid #d54e21; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
/*End Form Styles*/


/*-----------------10-17-2011 FEATURED DEAL STYLES------------------------------*/
.featured-1 {border: #eaeaea 1px solid; padding:5px 5px 15px 5px;background-color:#FFF; width:450px; margin-right:20px; float:left;}
.featured-1 img {text-align:center; display:block; margin:0 auto;}
#grid .featured-1 h2 {font-size: 25px; margin:0 0 10px 0;}

/* blue css3 button*/
#grid ul li.featured-1 a, #grid ul li.featured-2 a, #grid ul li.featured-3 a, #grid ul li.featured-4 a, #grid ul li.featured-5 a {text-decoration:none; border:none; color:#000;}
button.check-it-out-btn, button.check-it-out-btn-sm {
background-color: #00a5e4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#00a5e4), to(#008bdc));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #00a5e4, #008bdc);
background-image: -moz-linear-gradient(top, #00a5e4, #008bdc);
background-image: -ms-linear-gradient(top, #00a5e4, #008bdc);
background-image: -o-linear-gradient(top, #00a5e4, #008bdc);
background-image: linear-gradient(top, #00a5e4, #008bdc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5e4', endColorstr='#008bdc');
border-top: 1px solid #338fb1;
border-right: 1px solid #338fb1;
border-bottom: 1px solid #5c6f91;
border-left: 1px solid #338fb1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 0 0 #21b2e7;
-moz-box-shadow: inset 0 1px 0 0 #21b2e7;
-ms-box-shadow: inset 0 1px 0 0 #21b2e7;
-o-box-shadow: inset 0 1px 0 0 #21b2e7;
box-shadow: inset 0 1px 0 0 #21b2e7;
color: #fff;
font-size:16px;
font-weight:800;
line-height: 1;
padding: 8px 0;
text-align: center;
text-shadow: 0 -1px 1px #64799e;
text-transform: uppercase;
width: 350px;
display:block;
margin:15px auto 0 auto;}
.featured-1 button.check-it-out-btn, .featured-2 button.check-it-out-btn {width:350px;}
.featured-3 button.check-it-out-btn {width:270px;}
button.check-it-out-btn-sm {width:150px; font-size:12px;}
button.check-it-out-btn:hover, button.check-it-out-btn-sm:hover {
background-color: #9badcc;
background-image: -webkit-gradient(linear, left top, left bottom, from(#008bdc), to(#00a5e4));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #008bdc, #00a5e4);
background-image: -moz-linear-gradient(top, #008bdc, #00a5e4);
background-image: -ms-linear-gradient(top, #008bdc, #00a5e4);
background-image: -o-linear-gradient(top, #008bdc, #00a5e4);
background-image: linear-gradient(top, #008bdc, #00a5e4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008bdc', endColorstr='#00a5e4');
border-top: 1px solid #338fb1;
border-right: 1px solid #338fb1;
border-bottom: 1px solid #338fb1;
border-left: 1px solid #338fb1;
-webkit-box-shadow: inset 0 1px 0 0 #21b2e7;
-moz-box-shadow: inset 0 1px 0 0 #21b2e7;
-ms-box-shadow: inset 0 1px 0 0 #21b2e7;
-o-box-shadow: inset 0 1px 0 0 #21b2e7;
box-shadow: inset 0 1px 0 0 #21b2e7;
cursor: pointer; }
button.check-it-out-btn:active, button.check-it-out-btn-sm:active {
border: 1px solid #338fb1;
-webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #338fb1;
-moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #338fb1;
-ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #338fb1;
-o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #338fb1;
box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; }

.filler {font-weight:normal; float:left; width:400px;}
.filler h2 {font-size:24px;}
#grid .filler h1, #grid .filler h2, #grid .filler h3, #grid .filler h4, #grid .filler h5, #grid .filler h6, #grid .filler p, {color:#000;}

.filler .fill-news {padding:10px; background-color:#edeb8b; margin:20px 0; border:2px #edc85b dashed;}
.fill-news h3 {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:10px;}
.fill-news form input {width:170px; padding:5px;}
.fill-news form input.fill-news-btn {cursor:pointer;}

/* Orange css3 button*/
.fill-news form input.fill-news-btn, input#signup {
background-color: #ee7d62;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee7d62), to(#e6411a));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ee7d62, #e6411a);
background-image: -moz-linear-gradient(top, #ee7d62, #e6411a);
background-image: -ms-linear-gradient(top, #ee7d62, #e6411a);
background-image: -o-linear-gradient(top, #ee7d62, #e6411a);
background-image: linear-gradient(top, #ee7d62, #e6411a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7d62', endColorstr='#e6411a');
border-top: 1px solid #e6411a;

border-right: 1px solid #e6411a;
border-bottom: 1px solid #e6411a;
border-left: 1px solid #e6411a;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 0 0 #e6411a;
-moz-box-shadow: inset 0 1px 0 0 #e6411a;
-ms-box-shadow: inset 0 1px 0 0 #e6411a;
-o-box-shadow: inset 0 1px 0 0 #e6411a;
box-shadow: inset 0 1px 0 0 #e6411a;
color: #fff;
font-weight:800;
line-height: 1;
padding: 8px 0;
text-align: center;
text-shadow: 0 -1px 1px #e6411a;
text-transform: uppercase;
}
.fill-news form input.fill-news-btn:hover, input#signup:hover {
background-color: #e6411a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6411a), to(#ee7d62));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #e6411a, #ee7d62);
background-image: -moz-linear-gradient(top, #e6411a, #ee7d62);
background-image: -ms-linear-gradient(top, #e6411a, #ee7d62);
background-image: -o-linear-gradient(top, #e6411a, #00a5e4);
background-image: linear-gradient(top, #e6411a, #ee7d62);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6411a', endColorstr='#ee7d62');
border-top: 1px solid #e6411a;
border-right: 1px solid #e6411a;
border-bottom: 1px solid #e6411a;
border-left: 1px solid #e6411a;
-webkit-box-shadow: inset 0 1px 0 0 #e6411a;
-moz-box-shadow: inset 0 1px 0 0 #e6411a;
-ms-box-shadow: inset 0 1px 0 0 #e6411a;
-o-box-shadow: inset 0 1px 0 0 #e6411a;
box-shadow: inset 0 1px 0 0 #e6411a;
cursor: pointer; }

/*---------------------------------------------------------------
					BREADCRUMB TRAIL
---------------------------------------------------------------*/
ul.breadcrumb {width:918px; float:left; background-color:#f2f2f2; border:1px solid #e5e5e5; margin:0 0 15px 0;}
ul.breadcrumb li {float:left; padding:8px 5px;}
ul.breadcrumb li.prev {background-color:#e5e5e5; font-weight:bold;}
ul.breadcrumb li.current {font-weight:bold; background:#FFF url(/images/breadcrumb-new-arrow.png) no-repeat left center; padding-left:10px;}
ul.breadcrumb li.next {}
#wide-column ul.breadcrumb li.next p {color:#999;}
ul.breadcrumb a {color:#333; text-decoration:none; border:none; background-color:#e5e5e5; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; text-shadow:none;}
ul.breadcrumb a:hover {background-color:#e5e5e5; border:0; text-shadow:none;}
ul.breadcrumb li.current a, ul.breadcrumb li.current a:hover {background-color:#FFF;}

input.txt1 {
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #333;
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
line-height: 1;
padding: 8px 0;
text-align: center;
text-shadow: 0 1px 0 #eee;
width: 150px; }
input.txt1:hover {
background-color: #dddddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(top, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd; }
input.txt1:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

/*---------------------------------------------------------------
					NEWSLETTER SIGNUP
---------------------------------------------------------------*/
#top-signup-wrapper {width:960px; margin:0 auto 15px auto;}
.hide p {text-align:right; font-size:11px;}
.top-label {font-weight:800;}
#top-signup h4 {margin-bottom:15px; position:relative; z-index:10;}

.top-col2 form {width:100%; float:left;}
.top-col2 form .top-label, .top-col2 form .top-input {width:33%; float:left; margin-bottom:5px;}
.top-col2 form .top-input input, .top-col2 form .top-input select {width:90%; float:left; padding:2%;}
.top-col2 form .top-input select {position:relative; bottom:2px;}

#top-signup {padding:10px; background-color:#edeb8b; margin:0; border:2px #edc85b dashed;}
input#signup {width:150px;}

/*---------------------------------------------------------------
					CHECK OUT STYLES
---------------------------------------------------------------*/
form table td {padding:10px;}
form table .textlabel {}
form table .hometext {}
form table .hdr1 {background-color:#ececec;}


