@charset "UTF-8";

/* ===========================================================
	* Description.......:BBQ PRO SHOP GLOBAL SYTLES
	* Created by........:Todd Brady - Lyons Creative Group
	* Modified date.....:08-21-2009
=========================================================== */

@import "effects.css";


/* GLOBAL RESETS
=========================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline; }

:focus { outline:0; }

body {
color:#51241e;
height:100%;
background:url(../images/bg.jpg) top left repeat fixed #9B5026;
font-family:Arial, Helvetica, sans-serif; }

ol, ul { list-style:none; }

table {
border-collapse:separate;
border-spacing:0; }

caption, th, td {
text-align:left;
font-weight:normal; }

blockquote:before, blockquote:after,
q:before, q:after {
content:""; }

blockquote, q { quotes:"" ""; }

button {
border:none; 
cursor:pointer;
margin:0; padding:0; }

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

a:hover { text-decoration:underline; }


/* GENERIC CLASSES
=========================================================== */

.hidden {
display:block;
text-indent:-9999999px; }

.clear { clear:both; }

.clearLeft { clear:left; }

.clearRight { clear:right; }

.floatLeft, .left { float:left; }

.floatRight { float:right; }

.bold { font-weight:bold; }

.uppercase { text-transform:uppercase; }

.strikethrough {
text-decoration:line-through; }

.callout { color:#e40d0d; }

hr.divider {
border:none; height:1px;
border-bottom:1px solid; }

hr.divider.white {
border-bottom-color:#fff; }

p { font-size:10px; line-height:19px; }

.nodisplay, legend, .no-display { display:none; }


/* HEADER
=========================================================== */

#headcontainer {
width:918px; height:54px;
border:1px solid #fff;
border-bottom:none;
background:url(../images/bg_headergradient.gif) top left repeat-x #e6ddc5;
padding:10px 20px 20px 20px; }

#h_logo { 
float:left;
width:261px; height:54px;
margin-top:10px;
background:url(../images/logo.png) center no-repeat; }

#h_logo a {
display:block;
width:261px; height:54px; }

div.h_cell { float:right; width:657px; }

#search_bbq { float:right; }

button#go {
width:28px; height:20px;
float:left;
background:url(../images/btn_globalsearch.gif) center no-repeat; }

#usernav { float:right; margin-top:28px; }

#usernav ul li { 
float:left;
color:#000; 
font-size:10px;
margin-right:10px; padding-right:10px;
border-right:1px solid #695e4a;
line-height:11px; }

/*#usernav ul li.end {
margin:0; padding:0;
border:none; }*/

#usernav ul li.phone {
margin-right:0; padding:0;
border-right:none; }

#usernav ul li.phone span {
color:#CC1E1E; }

#usernav ul li a {
color:#000;
line-height:10px; }

#usernav ul li a:hover { 
color:#53231b; }

span.cart { color:#965026; font-weight:bold; text-decoration:none; }


/* MAIN NAV
=========================================================== */

#mn_container {
width:960px; height:47px;
background:#52231a; }

ul#mainnav {
float:left;
width:958px;
height:47px;
border:1px solid #fff;
background:url(../images/bg_navcontainer.png) left center repeat-x #53241a;
position:relative; z-index:10; }

ul#mainnav li {
float:left;
display:inline;
height:47px;
position:relative; }

/* style links in case image does not load */
ul#mainnav a {
display:block;
height:47px; line-height:47px;
text-align:center;
text-decoration:none;
color:#ded0a9;
font-size:12px;
text-transform:uppercase;
position:relative; }

ul#mainnav a:hover { background:#170a07; }

ul#mainnav li a span {
cursor:pointer;
display:block;
height:47px;
position:absolute;
top:0; left:0; }

ul#mainnav li#prepare a { width:137px; }
ul#mainnav li#prepare a span { background:url(../images/mainnav.png) no-repeat 0 0; width:137px; }
ul#mainnav li#prepare a:hover span,
ul#mainnav li#prepare a.active:hover span,
ul#mainnav li#prepare a.active span { background-position:0 -47px; }

ul#mainnav li#tools a { width:137px; }
ul#mainnav li#tools a span { background:url(../images/mainnav.png) no-repeat -137px 0; width:137px; }
ul#mainnav li#tools a:hover span,
ul#mainnav li#tools a.active:hover span,
ul#mainnav li#tools a.active span { background-position:-137px -47px; }

ul#mainnav li#spice a { width:137px; }
ul#mainnav li#spice a span { background:url(../images/mainnav.png) no-repeat -274px 0; width:137px; }
ul#mainnav li#spice a:hover span,
ul#mainnav li#spice a.active:hover span,
ul#mainnav li#spice a.active span { background-position:-274px -47px; }

ul#mainnav li#sauce a { width:137px; }
ul#mainnav li#sauce a span { background:url(../images/mainnav.png) no-repeat -411px 0; width:137px; }
ul#mainnav li#sauce a:hover span,
ul#mainnav li#sauce a.active:hover span,
ul#mainnav li#sauce a.active span { background-position:-411px -47px; }

ul#mainnav li#measure a { width:137px; }
ul#mainnav li#measure a span { background:url(../images/mainnav.png) no-repeat -548px 0; width:137px; }
ul#mainnav li#measure a:hover span,
ul#mainnav li#measure a.active:hover span,
ul#mainnav li#measure a.active span { background-position:-548px -47px; }

ul#mainnav li#accessorize a { width:137px; }
ul#mainnav li#accessorize a span { background:url(../images/mainnav.png) no-repeat -685px 0; width:137px; }
ul#mainnav li#accessorize a:hover span,
ul#mainnav li#accessorize a.active:hover span,
ul#mainnav li#accessorize a.active span { background-position:-685px -47px; }

ul#mainnav li#barbecues a { width:136px; }
ul#mainnav li#barbecues a span { background:url(../images/mainnav.png) no-repeat -822px 0; width:136px; }
ul#mainnav li#barbecues a:hover span,
ul#mainnav li#barbecues a.active:hover span,
ul#mainnav li#barbecues a.active span { background-position:-822px -47px; }


/***DROPDOWN STYLES***/
ul#mainnav li div.drop {
position:absolute;
top:47px; left:0;
z-index:10;
visibility:hidden;
padding-top:1px;
background:url(../images/navspacer.gif) top left repeat; }

ul#mainnav li div.drop.end {
left:-39px !important; }

ul#mainnav li > div.drop {
top:auto; left:auto; }

ul#mainnav li > div.drop.end {
right:0 !important; }

ul#mainnav li:hover div,
ul#mainnav li.sfhover div.drop {
visibility:visible; }

div.drop_container { 
float:left; 
background:#170a07; }

ul#mainnav div.superdrop { 
width:530px;
background:url(../images/bg_navdrop_divider.gif) center repeat-y;
float:left; }

div.drop .col1,
div.drop .col2 { 
float:left; }

ul#mainnav div.drop .col1 a,
ul#mainnav div.drop .col2 a { 
text-indent:0;
height:auto;
text-decoration:none;
font-size:11px;
font-weight:normal;
text-transform:none;
text-align:left; }

ul#mainnav div.drop a:hover,
ul#mainnav div.drop a { background:none; color:#c9af65; }

/***STANDARD DROP DOWN***/
ul#mainnav div.drop .col1 {
float:left; 
width:135px !important;
padding:20px; }

ul#mainnav div.drop .col1 li {
border-top:1px solid #928b7d;
line-height:18px; height:20px;
display:block; }

ul#mainnav div.drop .col1 li.end {
border-bottom:1px solid #928b7d; }

ul#mainnav ul.col1 li a { 
color:#ded0a9;
float:left;
display:block;
font-size:10px; 
line-height:20px;
width:135px !important; }

/***2ND COLUMN DROP : SUPERDROP***/
ul#mainnav .col2 {
float:left;
color:#ded0a9;
font-size:11px;
width:315px;
padding:20px; }

ul#mainnav div.col2 a {
text-decoration:none;
color:#ded0a9;
display:inline; 
line-height:11px; 
height:auto; width:auto;
text-transform:inherit; }

.col2 dd.nsd_promo {
width:150px;
float:left;
text-align:center; }

dt.nsd_promomsg {
color:#fff;
font-size:11px;
float:left;
padding-left:10px; }

dt.nsd_promomsg a {
display:block !important;
margin-top:12px; }

dt.nsd_promomsg a:hover { text-decoration:underline !important; }

.nsd_title { 
text-transform:uppercase;
margin-bottom:8px;
float:left;
display:block; }


/* PAGE STRUCTURE / CONTAINERS
=========================================================== */

#outterwrapper {
margin:20px auto 0 auto;
width:960px;
background:#fff;
border:8px solid #9f5e36; }

#innerwrapper {
padding:20px 20px 40px 20px;
background:#fff;
width:918px;
border:1px solid #fff;
border-top:none; }

#infopage_wrapper {
float:right;
width:712px; }

#infopage_wrapper p { margin-top:20px; }

div#footer {
margin:20px auto 80px auto;
width:976px;
color:#fff;
font-size:9px; line-height:10px;
letter-spacing:-0.2px; }

dl#footer_copyright { float:left; }
dl#footer_copyright dt { margin-bottom:10px; }

dl#footer_nav { float:right; text-align:right; }
dl#footer_nav dt { margin-top:10px; }
dl#footer_nav dt a { margin-right:10px; }
dl#footer_nav dt a.end { margin:0; }

div#footer dd { 
border-right:1px solid #aba197;
display:inline;
margin-right:7px; padding-right:7px; }

div#footer dl a {
font-size:9px; line-height:10px;
color:#ded0a9; }

div#footer dd.end {
margin-right:0; padding-right:0;
border:none; }


/* HOME PAGE
=========================================================== */

#mainbillboard {
width:918px;
/*margin:20px 0;*/ }

#hp_promos {
border:1px solid #e6ddc5;
width:874px;
background:url(../images/bg_prodDetailOverview.png) top left repeat-x #efe9d9;
padding:16px 21px;
float:left;
margin-top:10px; }

#hp_promos_wrapper {
width:874px; float:left;
background:url(../images/bg_hpPromos_dividerlines.png) top center repeat-y; }

#hp_promos div.cell {
width:262px;
padding-right:15px;
margin-right:15px;
float:left; }

#hp_promos div.cell.end { 
margin:0; padding:0;
width:290px; }

div.cell h3 {
font-size:18px; line-height:18px;
color:#fdbc5f;
margin-bottom:18px; }

div.cell p { margin-bottom:15px; }

button#buynow {
background:url(../images/btn_buynow.png) center no-repeat;
width:99px; height:22px; }

.learnmore {
background:url(../images/btn_learnmore.png) center no-repeat;
width:113px; height:22px;
display:block; }

.startshopping {
background:url(../images/btn_startshopping.png) center no-repeat;
width:142px; height:22px;
display:block; }

#follow {
width:918px;
margin-top:15px;
padding:10px 0;
float:left;
background:url(../images/bg_follow_divider.gif) top center repeat-y; }

/***BLOG ENTRIES***/
#blog_div {
float:left; }

#blog_div h4.colheadgeneral {
width:439px;
margin:0; padding:0;
margin-bottom:15px; }

#blog-entries {
width:439px; height:158px;
overflow:hidden; }

#blog-link {
color:#c21a1a;
font-size:11px;
font-weight:bold;
text-decoration:none; }

#blog-link:hover { text-decoration:underline; }

/***TWITTER***/
#twitter_div {
float:right; }

#twitter_titlebar {
float:left;
width:439px;
margin-bottom:15px; }

#twitter_div h4.colheadgeneral {
width:300px;
margin:0; padding:0;
float:left; }

#twitter_titlebar a { float:right; }

#twitter_update_list {
clear:both;
padding:5px;
width:427px; height:138px;
border:1px solid #eee7d3;
overflow:auto; 
margin-bottom:10px; }

#twitter_update_list li {
font-size:10px;
line-height:16px;
margin-bottom:20px; }

#twitter_update_list li a { 
color:#9f5e36;
font-weight:bold;
font-size:11px;
margin-left:5px; }

#twitter-link {
color:#c21a1a;
font-size:11px;
font-weight:bold;
text-decoration:none; }

#twitter-link:hover { text-decoration:underline; }


/* GLOBAL FORM ELEMENTS
=========================================================== */

/* Form Messages */
.validation-advice, .required { color:#e40d0d; }

.validation-advice { 
clear:both; 
min-height:15px; 
margin-top:3px; 
background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px; 
padding-left:17px; 
font-size:.95em; 
font-weight:bold; 
line-height:1.25em; 
color:#e40d0d; }

.validation-failed { 
border:1px solid #e40d0d !important; 
background:#faebe7 !important; }

label.required { font-weight:bold; }

p.required { text-align:right; }
/* Expiration date and cvv number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { 
display:block; 
margin-right:-12em; 
width:12em; 
position:relative; }

/***Messages***/
.success { color:#9f5e36; }
.error { color:#f16048; }
.notice {color:#9f5e36; }
.success, .error { font-weight:bold; }
.messages { width:100%; overflow:hidden; }

.error-msg, .success-msg, .notice-msg, .note-msg {
margin-bottom:1em;
.height:32px;
min-height:32px;
font-size:12px;
font-weight:bold;
line-height:18px; }

.error-msg li, .success-msg li, .notice-msg li { padding-top:1px; }

.error-msg {
border:1px solid #f16048;
color:#df280a;
padding: 10px 8px 8px 30px;
background:url(../images/error_msg_icon.gif) #faebe7 5px 10px no-repeat; }

.success-msg {
border-color:#3d6611;
color:#3d6611;
padding-left: 30px;
background-color:#eff5ea;
background-image:url(../images/success_msg_icon.gif); }

.notice-msg, .note-msg {
border-color:#f16048;
color:#f16048;
background-color:#fafaec;
padding-left: 30px;
background-image:url(../images/note_msg_icon.gif); }

input.searchtxt {
font-size:9px;
width:150px;
float:left;
height:14px; line-height:14px;
color:#9f5e36;
margin-right:5px;
padding:4px 2px 0 2px; 
border:1px solid #dcdbd9; }

input.checkbox {
width:14px; height:14px;
overflow:hidden;
border:none;
margin:0 5px 0 0;
padding:0; }

select.select {
width:155px; height:18px;
margin-top:1px;
font-size:10px;
background:#fff;
color:#9f5e36; }

@media screen and (-webkit-min-device-pixel-ratio:0){
select.select {
font-size:12px; height:1px; margin-top:1px; border:1px solid; } }

*:first-child+html select.select { margin-top:1px; font-size:10px; } * html select.select { margin-top:1px; font-size:10px; }

select { font-size:10px; }

textarea { overflow:auto; }


/* PAGINATION
=========================================================== */

.paginationbar {
padding:15px;
width:672px;
float:left;
font-size:11px; line-height:11px;
border:5px solid #e2d8bc;
background:url(../images/bg_paginationbar.png) bottom left repeat-x #fff; }

.switchlayout {
float:left;
width:672px;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #ebe2cb;
text-transform:uppercase; }

.switchlayout .select {
margin-top:4px; float:right;
text-transform:none; }

.switchlayout ul li {
float:left;
padding:8px 10px 8px 0;
margin-right:10px;
border-right:1px solid #ebe2cb; }

.switchlayout ul li a {
display:block;
float:left;
height:10px; line-height:10px;
color:#9f5e36; }

.switchlayout ul li#layoutgrid a { 
background:url(../images/icn_gridview.gif) no-repeat top right;
padding-right:27px; }
.switchlayout ul li#layoutcolumn a { 
background:url(../images/icn_colview.gif) no-repeat top right;
padding-right:15px; }
.switchlayout ul li#layoutreviews a { 
background:url(../images/icn_reviews.gif) no-repeat top right;
padding-right:15px; }

.switchlayout ul li a:hover,
.switchlayout ul li a.active {
color:#51241e;
background-position:bottom right !important; }

.switchlayout div.select_div { 
float:right; 
padding:4px; }

.pagination { 
float:left; 
width:100%; }

.pagination ul { 
margin:0 20px 0 0; 
float:left; }

.pagination ul li {
float:left;
color:#51241e;
border-right:1px solid #51241e; }

.pagination ul li.end { border:none; }

.pagination ul li.nolink { padding:0 7px; }

.pagination ul li a {
color:#51241e;
display:block;
padding:0 7px; }

.pagination ul li a.active { font-weight:bold; }


/* ADVANCED SEARCH / CONTACT US
=========================================================== */

.advanced-search h2,
.contact-form h2 {
font-size:16px; line-height:16px;
font-weight:bold;
margin-bottom:20px; }

.advanced-search h4,
.contact-form h4 {
border-bottom:1px solid #EEE7D3;
font-size:12px;
font-weight:bold;
margin-bottom:3px;
padding-bottom:3px;
text-transform:uppercase; }

.advanced-search label,
.contact-form label {
display:block; 
font-size:11px;
float:left;
clear:left;
margin-top:10px; }

.advanced-search input,
.contact-form input {
font-size:11px;
width:250px; }

.advanced-search select {
width:300px; }

.advanced-search p.required, 
.contact-form p.required {
float:left;
clear:left;
margin-top:10px; }

.advanced-search .button-set,
.contact-form .button-set {
width:100%;
padding-top:20px;
height:22px;
float:left; clear:left; }

.button-set button.submit {
background:url(../images/btn_submit.png) center no-repeat;
width:79px; height:22px; }

.button-set button.search {
background:url(../images/btn_search.png) center no-repeat;
width:83px; height:22px; }

.advanced-search #price,  .advanced-search #price_to { width:119px; }


/* INFO PAGES
=========================================================== */

#cookies h3 {
font-size:14px;
font-weight:bold;
margin:20px 0 5px 0; }

#cookies h4 { 
font-size:12px;
margin:20px 0;
font-weight:bold;
text-decoration:underline; }

#cookies ul#browserlist { width:154px; }

#cookies ul#browserlist li { 
display:block;
width:154px;
float:left;
font-size:11px; line-height:11px;
margin:2px 0; }

#cookies ul#browserlist li a {
color:#9f5e36;
font-size:11px; line-height:11px;
font-weight:bold;
display:block;
float:left;
padding:5px 0 4px 13px;
background:url(../images/icn_leftcolnav.gif) 0 0 no-repeat; }

#cookies ul#browserlist li a:hover { 
color:#55241b;
text-decoration:none;
background-position:0 -30px; }

#cookies ol {
padding-left:15px; }

*:first-child+html #cookies ol { padding-left:20px; } * html #cookies ol { padding-left:20px; }

#cookies ol li {
list-style:decimal;
font-size:12px;
line-height:12px;
margin:5px 0 15px 0; }

#cookies ol li img {
display:block;
margin-top:5px; }

p.a-top {
font-size:11px;
line-height:11px;
text-transform:uppercase; }

.label-new {position: absolute; margin-top: 115px; margin-left: 115px; background:url(../images/label-new.png); width: 25px; height: 25px;}
.big-img { margin-top: 316px; margin-left: 316px; width: 25px; height: 25px; z-index: 100;}
.slide {position: relative;}