@font-face {
	font-family: 'GnuolaneRegular';
	src: url('gnuolane_rg-webfont.eot');
	src: local('☺'), url('gnuolane_rg-webfont.woff') format('woff'), url('gnuolane_rg-webfont.ttf') format('truetype'), url('gnuolane_rg-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {margin: 0; padding: 0; color: #333; background: #fff url(../img_t/bg.gif) repeat-x;}
body, textarea {font-family: Verdana, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:12px;}

a {color:#0487c4; text-decoration: underline; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; border-collapse: collapse; }
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 .5em 0; font-weight: bold; line-height: 1em;}
h1. .pagetitle {font-size: 20px; font-family: GnuolaneRegular; font-weight: normal;}
h2, .bluebox #hometxtnew h3 {font-size: 22px; font-family: GnuolaneRegular; font-weight: normal;} /* also used in common files*/
h3 {font-size: 12px; }
h4 {font-size: 10px; font-style: italic; font-weight: normal;}


p, pre {margin: 1em 0; line-height: 1.4em;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0 .5em 1.1em;}
ul li {list-style: square; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {font-size: 14px; font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 2px; padding-right: 2px;}
.clear {clear: both; height: 1px;}

#wrap {width: 960px; margin-left: 10px; position: relative;}
#head {height: 105px; background: url(../img3/bg_head.png) no-repeat left bottom;}
#logo { margin: 6px 0 0 15px;}

/* @group top right navigation */
	#tnav {height: 33px; border-top: 6px solid #322f28; position: absolute; top: 0; right: 0;
		margin: 0; padding: 0; list-style: none;}
	#tnav li {margin: 0; padding: 0; list-style: none; float: right; width: auto;}
	#tnav img {width: 10px; float: left;}
	#tnav a {font-size: 10px; color: #666; padding: 0 10px; border-right: 1px solid #ccc; 
	line-height: 32px; display: block; background: url(../img3/bg_tnav_02.gif) repeat-x 0 0; text-decoration: none;}
	#tnav a#ihome {border-left: 1px solid #ccc;}
	#tnav a#icart {border-right: 1px solid #ccc;}
	#tnav a#icart span {background: url(../img3/icart.png) no-repeat 100% 45%; padding-right: 18px; display: block;}
	#tnav a:hover {background: #fff url(../img3/bg_tnav0.gif) repeat-x 0 100%; color: #000; text-decoration: none;}
	#tnav a#ihome:hover {border-left: 1px solid #ccc;}
	#tnav a#icart:hover {border-right: 1px solid #ccc;}
/* @end */
	
#search {position: absolute; top: 50px; right: 0; text-align: right; padding-right: 5px; vertical-align: middle;}
#search span { background: url(../img3/bg_stxt.png) no-repeat; height: 25px; width: 168px; 
	display: block; float: left; 
	margin: 0 2px 0 0; padding: 6px 0 0; }
#search span input.stxt { border: 0 none; background: none; color: #333;
	margin: 0; padding: 0 24px 0 6px; width: 138px; outline: none; font-size: 11px; }
#search span input.stxt:focus {outline: none;}
#search input.sbtn {margin-top: 3px;}


/* @start */
#row1 {border: 1px solid #ccc; border-width: 0 1px 1px; width: 960px;}
#contact { background: #fff;  padding: 2px 0; width: 225px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
#contact h2 {font-size: 20px; line-height: 20px; margin: 0;}
#contact h2 span {font-size: 15px;}


#bluebar { background: #b5cede; text-align: center; width: 735px; border-bottom: 1px solid #ccc;}
#bluebar a { font-family: GnuolaneRegular; font-size: 18px; margin: 0 40px; color: #333; text-decoration: none;}
#bluebar a:hover {color: #000;}

#row2 {}
#sidebar {width: 225px!important; background: #ebfadf; border-right: 1px solid #ccc; vertical-align: top;}
#whitebox { background: #fff; border-bottom: 1px solid #ccc;  padding: 10px 0;}
#sidebar #whitebox h2 {font-size: 16px; margin: 0 0 10px 0;}
#whitebox h2 a {display: block; color: #333; text-decoration: underline;}
#whitebox h2 a:hover {color: #000;}

#sidebar h3 { background: url(../img3/bluedotsmall.png) no-repeat 0 50%; padding-left: 29px;
	font-family: GnuolaneRegular; font-size: 18px; font-weight: normal; text-transform: uppercase;
	text-align: left; line-height: 28px; margin: 15px 0 0 10px;}
#sidebar h3 a {color: #333; text-decoration: none;}
#sidebar h3 a:hover {color: #000;}
#sidebar select {font-size: 10px !important; margin: 0 0 4px 0; padding: 2px;}


#sidebar h2 {font-size: 18px; margin: 20px 0 3px 0;}
#sidebar h2 span {color: #f548a4; display: block; }
#sidebar img#ribbon {margin: 20px 0;}
#sidebar form {text-align: left; margin: 0 0 0 20px;}  

#cnt {padding: 10px; width: 715px;}

#hero {background: url(../img3/bg_hero.jpg) no-repeat left bottom; padding-left: 193px; margin-bottom: 5px;}
#hero h1 {font-size: 30px; color: #8cacc1; margin: 0;}
#hero h2 {font-size: 20px;}
#hero .logos {width: 513px; height: 208px;}
#hero .logos img {float: left; opacity: 0.8;}
#hero .logos img:hover {opacity: 1;}

.bluebox { background: #edf8fe;  border: 1px solid #ccc; margin: 5px 0 0;}
.bluebox td {padding: 10px; font-size: 12px;}
.bluebox #hometxtnew {width: 560px; }
.bluebox #hometxtnew a {color: #333; text-decoration: underline;}

.box {border: 1px solid #ccc; padding: 10px; margin-bottom: 10px;}
.box h1 {font-family: GnuolaneRegular; font-size: 30px; margin: 0 0 8px 0; color: #f548a4;}
.box p {font-family: GnuolaneRegular; font-size: 16px; margin: 0; line-height: 18px;}
.box img {float: right; }

#spechead {width: 155px; float: left; text-align: center;}
#spechead img {display: block; margin: 0 auto 20px auto;}

/* @group cat/spec layout */
	.specials {font-size:12px; width: 550px;}
	#spec td { text-align: center; padding: 0 5px; width: 116px;}
.spec_item {} /* for specials td cells */
.SPECIALS_PRODUCT_NAME { margin: 5px 16px;text-align: center;}
.SPECIALS_PRODUCT_NAME a {font-size: 12px; text-decoration: none; line-height: 1em;}
.SPECIALS_PRODUCT_NAME a:hover { color: #000;}

.SPECIALS_DESCRIPTION, .SPECIALS_PROMOTTEXT, .spec_order span, .spec_order input[type="text"] { display: none;}
.SPECIALS_LIST_PRICE {}
.SPECIALS_PRICE { padding: 3px 0 0;}
.spec_btn, .buy_now, input[type="submit"] { font-size: 12px; 
	background: #d2d2d2 url(../img3/bg_browse.png) repeat-x;
	border: 1px solid #707070; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 2px;}

.spec_btn:hover, .buy_now:hover, input[type="submit"]:hover { 
	background: #fff url(../img3/bg_browse0.png) repeat-x;}
/* @end */



/* @group footerA */
	#foot_a {width: 100%; padding: 0; clear: both; margin-top: 5px;}
	#news {background: url(../img_t/bg_news.gif) no-repeat 0 0; padding: 0px 0 0 20px; width: 300px;
		border-bottom: 1px solid #cfcfcf; vertical-align: middle;}
	#news h2 {position: relative; margin: 0 0 4px 0;}
	#news p {font-size: 11px; width: 165px; line-height: 13px; margin: 0; }
	#btn_join {position: relative; float: right; margin-right: 25px;}
	#bnav {background: url(../img_t/bg_bnav.gif) repeat-x 0 0; padding: 15px 0 8px 0; border: 1px solid #ccc;
		font-size: 11px;}
	#bnav table {margin: 0; padding: 0;}
	#bnav td {border-left: 1px solid #ccc; padding: 0 5px; width: 25%;}
	#bnav a {font-size: 11px; line-height: 1em; display: block; padding: 3px 6px 3px 9px; background: url(../img_t/bnav_arrow.gif) no-repeat 0 6px; color: #666; text-decoration: none;}
	#bnav a:hover {color: #000; text-decoration: underline;}
	#bnav td.noborder {border: 0 none; vertical-align: middle; padding: 0 5px 0 15px; }
/* @end */

/* @group footerB */
	#foot_b {margin: 10px 0; width: 100%;}
	#foot_b th {padding-left: 15px; text-align: left;}
	#foot_b td {text-align: right; padding-right: 15px;}
/* @end */

/* @group footerC */
	#foot_c {font-size: 10px; color: #999; text-align: right;}
	#foot_c a {color: #999;}
/* @end */
/* @end */






/* buttons
-------------------------------------------------------------*/
span#sharethis_0 { text-align: center;  display: block; margin: 0 auto; width: 100px;}
span#sharethis_0 a {color: #666; text-decoration: none; font-size: 12px;}
span#sharethis_0 a:hover {color: #000; text-decoration: none;}

/* image borders
--------------------------------------------------------------*/
.specials img, .cat_imgs img, .product_img {}  

/* Subs
--------------------------------------------------------------*/
.pagetitle { font-size: 14px; text-align: left; }
.policy_head {font-weight:bold; font-size: 12px; border-bottom: 1px dotted #999;}

.breadcrumbs {text-align: right; margin: 10px 10px 0 0; }
.breadcrumbs font, font.breadcrumbs {font-size: 10px; }
a.breadcrumbs, .breadcrumbs a { text-decoration: underline; color: #4a4a4a;}

.cust {} /* covers entire block*/
p.toplink{font-size: 10px;}

.dtable, .dtable th, .dtable td, .wtable, .wtable th, .wtable td, fieldset  {border-color: #666 !important;}
.dtable th, .wtable th  {background: #EBFADF !important; color: #333 !important; font-weight: normal;}

.cat_table {} /*cat pages only */
.giftcard {}

/* Cat pages
---------------------------------------------------------------*/
.prod_shelf_none {}

.cat_image {} /* for top image, not products */
.cat_descript {} /* top description div - font tag wraps content inside div */

.subcat {} /* hold subcat table */
a.subcat {font-weight:bold; font-size: 14px;}

.paging, .paging font {}
.hidepage { position: absolute; left: -999em;} /*hides top paging link on 3x3 layout only*/
.sortby {}
.click { font-size: 10px;}

.cat_prod_link b { font-weight: normal;}
.cat_prod_link a {font-size: 12px;}
.prod_sku, .prod_brand { font-size: 10px;}
.prod_sku font, .prod_brand font { font-size: 10px;}
.prod_sku b, .prod_brand b {font-weight: normal;}
.prod_shelf_descript {font-size: 12px; line-height:1.5em;}

.pricetable {}
.cat_price_cell { font-size: 12px;}
.cat_price_cell img { vertical-align: middle;}
.cat_price_cell span strong {font-weight: normal;}
.cat_listprice, .cat_ourprice, .cat_saleprice {font-size: 12px;}
.cat_saleprice { color: #333;}


/*#buy { width: 250px; }*/

/* Product
-------------------------------------*/
#prodtable1 { margin-top: 15px;}
div.product_img_div {} /* div around image */

.quantity {}

h2.product_name { font-weight: normal; font-size: 16px;}

#product_info {} /* table with brand, sku, descript only on original layout*/
div.brand, div.sku {font-size: 11px;}
div.product_descript { margin-top: 8px;}
font.product_descript {font-size: 12px; line-height:1.5em;}

.cross_sell {} /* attached with dtable*/

table#prices {}
.listprice, .ourprice, .saleprice, .priceonrequest {font-size: 11px;}
.saleprice {color: #A20303;}
.priceonrequest {} /*text- amount saved-  includes #youSave, #youSaveLabel and #youSavePrice */
	#youSave span { font: normal normal 11px Arial, Helvetica, sans-serif; color: #333;} /* includes #youSaveLabel and #youSavePrice */
#prices a {color: #333; text-decoration: underline;} /* cover price on request link */

.opt_sku {} /*relates to sku colum on options tables */

.add_btn { text-align: center;}
span#sharethis_0 {width: 60px; margin: 0 auto; display: block;}

.custom_icon { margin: 0 auto; text-align: center;}
.gallery { clear: left; width: 640px; margin: 0 0 0 250px;}

#prodNoHassle {position: absolute; top: 170px; left: 50%; margin-left: 160px;}

#qualifiedform table {
margin-left: 100px;
width: 700px;}

#qualifiedform table,
#prequalinfo {
background: #f0f4f7;
padding: 15px;}

#qualifiedform span {
display: block;
margin-bottom: 20px;}

#qualifiedform h2 {
color: #8da8b9;}

#qualifiedform td {
font-size: 12px;}

#qualifiedform span,
#prequalinfo p {
font-size: 10px;}

#prequalinfo {width: 670px; margin-left: 100px; border-top: 3px dotted #d9e2e8; margin-bottom: 30px;}
#prequalinfo label { width: 280px; text-align: right; padding-right: 4px; float:left; font-size: 12px; clear: left;}
#prequalinfo label span { font-size: 10px;}
#prequalinfo input {margin-bottom: 6px;}
#prequalinfo input[type="text"] {width: 150px;}
#prequalinfo textarea {width: 200px; margin-bottom: 10px;}

#qualifiedform .footnote {font-size: 10px;}
/* @end */