/*	General
-------------------------------------*/

a, input { outline: none; text-decoration: none; }
a       { color: #ce0718; }

p {  line-height:1.4em; margin: 0 0 1em 0; }
h1 { color: #231f20; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; line-height: 20px; text-transform: uppercase; }
/*h2 { color: #231f20; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; line-height: 20px; text-transform: uppercase; }*/

body { background-color: #ececec; background-image:  url('img/bodyGradient.png'); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 20px; }
strong  { font-weight: bold;}
em      { font-style:italic;}

.grayLine { color: #ccc; background-color: #ccc; border-bottom: solid 1px #ccc;}

#contentRight       { line-height:1.4em;}
#contentRight ul    { padding: 5px 0 5px 30px; margin: 0 0 1em 0;}
#contentRight ul li { list-style-type:square; line-height:1.4em;}
#contentRight ol    { padding: 5px 0 5px 30px; margin: 0 0 1em 0;}
#contentRight ol li { list-style-type:decimal; line-height:1.4em;}

/*	Main layout (top to bottom)
-------------------------------------*/

#container { width: 990px; margin: auto; }
#header { }
#body { background-color: #DDD; padding-bottom: 10px; }
#footer { color: #7c7c7c; font-size: 12px; margin-top: 20px; }

/*	Secondary layout (top to bottom)
-------------------------------------*/

/* Navigation */
#nav { background: url('img/nav-redGradient.png') repeat-x; height: 42px; }
/* Content (below top image, above footer) */
#content { background: #DDD url('img/contentGradient.png') repeat-x; padding: 16px 15px 0px 19px; }
/* wraps the left content boxes */
#contentLeft { float: left; width: 260px; }
/* wraps main body content */
#contentRight { float: right; width: 681px; }
/* full width */
#contentWide { width: 950px;}

/*	Section styles (alphabetical) */

.topGlow { background: transparent url('img/top-glow.png') repeat-x; height:2px; }

/* Cart box */
.cartBox { background: #e1e1e1 url('img/cartBox-bottom.png') no-repeat bottom left; float: right; padding: 10px; width: 235px; }
.cartBox .checkoutButton { float: right; margin-top: 2px; }
img.cartIcon { float: left; }
.cartText, .cartItems { float: left; font-weight: bold; margin: 6px 4px; }
.cartItems { display: inline; color: #279dda; }
.cartLinks { margin: 5px 20px 5px 7px; }
.cartLinks a { color: #231f20; margin-right: 10px; font-size: 9px; font-weight:bold; }
.cartLinks img { display: inline; margin-right: 2px; vertical-align:middle; }

/* Email form */
.email { background-color: #2E2929; color: #c3c3c3; font-family: Verdana; font-size: 12px; padding: 14px; }
.emailTitle { color:#FFF; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.email p { font-size:11px; font-family:Verdana, Geneva, sans-serif; }
.emailTextInput { background-color: #403c3c; border: none; color: #FFFFFF; float: left; font-size: 12px; margin-top: 3px; padding: 6px; height: 18px; width: 146px; }
.emailButton { float: right; margin-top: 6px; }
.email .emailForm .riTextBox
{ background: #403c3c; color: #ffffff; border:none; font-size: 12px; padding:4px 10px; margin:5px 1px 0 0; width:130px !important; }

/* Footer links and info */
#footer a, #footer a:hover { color: #148bc9; font-family:Verdana, Geneva, sans-serif; }
#footer a.safetyRecallLink, a.safetyRecallLink:hover { color: #231f20; float: right; font-size:11px; font-weight:bold; text-transform:uppercase; }
#footer .safetyRecallImage { margin-right: 6px; }


/* Header */
#header .topBar { background-color: #c90517; height: 14px; }
.headerBody { height: 95px; }

/* wraps big top image and text 681 x 309 */
.heroImage { height: 285px; padding: 24px 0 0 26px; width: 655px; }
.heroImage .contentWrapper { width: 210px; }
.heroImage a { display: block; margin-top: 15px;}
/*.heroImage h2 { background: url('img/h1-outdoorCooking.gif') no-repeat; height: 63px; margin-bottom: 6px; text-indent: -9000px; width: 176px; }*/
.heroImage h2 { font: bold 33px/.9em Tahoma, Arial, Helvetica, sans-serif; color: #2e2929; text-transform:uppercase; margin-bottom: 6px;  }
.heroImage h3 { color: #ca0617; font-size:19px; font-weight:normal; line-height: 1.2em; text-transform: none; }
.heroImage h4 { font-family: "Trebuchet MS"; font-size: 16px; font-weight: normal; line-height: 1.2em; }
.heroImage h4.was { font-size: 1em; color: #5a5a5a; text-decoration: line-through; }
.heroImage p { color: #626262; font-family:Verdana, Geneva, sans-serif; font-size: 13px; }

/* Knowledge Base (260 x 260) */
.knowledgeBase { background: #FFF url('img/leftBoxGradient.gif') no-repeat; padding: 20px 14px; }
.knowledgeBase a { color: #279dda; }
.knowledgeBase h2 { color: #ce0718; font-size:14px; font-weight:bold; }
.knowledgeBase h3 { font-size:13px; font-weight: bold; line-height:1.5em; margin-top:13px; }
.knowledgeBase p { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color: #535353; }
.knowledgeBase ul { margin:0 0 10px 15px; padding:0; }
.knowledgeBase ul li { font-size:13px; list-style:url('img/knowledgeBaseListBullet.png'); line-height: 1.8em; margin: 0; vertical-align: middle; }
.knowledgeBase ul li a { font-weight:normal; }


.bottomShadow { background: url('img/bottomShadowGradient.png') repeat-x top; height: 10px; }

.leftNav { background: #FFF url('img/leftBoxGradient.gif') no-repeat top center; padding: 14px; }
.leftNav a, .leftNav a:hover, .leftNav a:active { color: #646464; text-decoration: none; font-weight:bold; }
.leftNav h3 { color: #231f20; line-height: 16px; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; }
.leftNav ul { margin-bottom: 10px; }
.leftNav li { line-height: 1.5em; }

/* Logo */
.logo { float: left; }
.logo a { background: url("img/logo-brinkmann.png") no-repeat; display: block; height: 95px; text-indent: -9000px; width: 375px; }

/* My Grill */
.myGrill { color: #626262; height: 182px; padding: 14px; position: relative; }
.mgSelected { background: url('img/myGrill-bg-260px.jpg') no-repeat;}
.mgNotSelected { background: #C5E1EF url('') no-repeat;}
.mgNotSelected .myGrillText { margin: 0; width: 230px; }

.myGrill h2 { color:#000000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 1em; text-transform: uppercase; }
.myGrill h3 { color: #c90517; font-family: Verdana; font-size: 1em; }
.myGrillText { margin: 0; width: 100px; }
.mgSelected .myGrillText { width: 120px; }
.myGrillText p { line-height:1.3em; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
.myGrillButton { position: absolute; bottom: 46px; }
.myGrill .imageWrapper { top: 55px; right:0px; position:absolute; text-align: center;  width:120px; }
.myGrill .imageWrapper img { vertical-align: middle; }
.mygrill-flag  { position:absolute; background-color: #d10f20; float:left; margin: 1px 0 0 1px; vertical-align:top; }
.setAs-myGrill { margin: 5px 0 0 0;}
.myGrillSearchHeight { height: 140px !important;}

/* REMOVED BY TONY What was this?!{ background: #FFF url('img/leftBoxGradient.gif') no-repeat top center; padding: 14px; }*/

/* Promo 260 x 224*/
.promo { background: url('img/promo-malibu-260px.jpg') no-repeat; color: #626262; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 1.4em; height: 160px; padding: 64px 14px 0; position: relative; text-align: center; }
.promo p { margin: 0; }
.promo .linkButton { position: absolute; bottom: 15px; left: 53px;}


/* Search */
.searchBox { float:right; padding:16px 0 0 22px; width:185px; }
.searchBox .RadInput .riTextBox { margin:1px !important; border: none !important;}
.searchField { border: none; /* IE */ color: #626262; float: left; height: 16px; margin: 1px; padding: 5px; width: 139px; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
.searchForm { background: url('img/search-bg.png') no-repeat top left; width: 215px; }
#searchRadioButtons { font-size: 9px; margin-top: 5px; }
#searchRadioButtons ul { display:inline; margin:0; padding:0; }
#searchRadioButtons li { display:inline; margin:0; padding:0 5px 0 0; list-style-type:none; font-weight:bold; }
#searchRadioButtons input { height:12px; line-height:12px; font-weight:bold; }

/* product tiles 219 x 334 including 11px bottom shadow */
.tile { color: #1e1e1e; background: url('img/tile-bg.gif') no-repeat; float: left; font-family:Verdana, Geneva, sans-serif; height: 334px; margin-right: 12px; padding: 0 12px; position: relative; width: 195px; }
.grillFinder { height: 231px; border: solid 1px #ccc;}
.tile .imageWrapper                 { height: 136px; line-height: 136px; margin: 0 0 6px 0; text-align: center; }
.tile .imageWrapper .tileImage      { padding-top: 15px; position: relative; }
.tile .imageWrapper .tileImage img  { vertical-align: bottom;}
.tile p {line-height: 1.3em; margin: 0 0 .5em 0;}
.tile input { position: absolute; top: 282px; }
.model      {color: #5a5a5a;}
.tile .model { font-size: 10px; margin-top: -4px; }
.tile .name { font-weight: bold; color:#333333; }

.tile .name a { font-weight: bold; color:#333333; }
.tile .name a:hover, 
    .leftNav a:hover { border-bottom: 1px solid #999;}

.tile .price { color: #000000; font-size: 14px; left: 24px; position: absolute; top: 256px; font-weight: bold; letter-spacing: 1px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; }
.tile .special { color: #FFF; left: 0; font-size: 10px; height: 17px; line-height: 17px; position: absolute; top: 0; }
.tile .freeShipping { background-color: #009900; float: left; margin: 1px 0 0 1px;  padding: 0 5px; }
.tile .special .hidden, .tile .freeShipping .hidden { margin: 0; height: 0px; overflow: hidden; padding: 0; width: 0px; }
.tile .sale { background-color: #d10f20; float:left; margin: 1px 0 0 1px; padding: 0 5px; }
.tile .status { color: #5a5a5a; display: block; padding-left: 12px; position: absolute; font-size: 10px; font-style: italic; top: 220px; text-transform: Capitalize; }
.tile .green { background: url('img/tile-dot-green.png') no-repeat top left; }
.tile .red   { background: url('img/tile-dot-red.png')   no-repeat top left; }
.tile .was { color: #5a5a5a; font-size: 10px; left: 24px; position: absolute; top: 239px; }
.tile .wasPrice { text-decoration: line-through; }

.mg-outer { float:left; height:100px; width: 300px;  }
.mg-tile { color: #1e1e1e; background: url('img/tile-bg.gif') no-repeat; float:left; font-family:Verdana, Geneva, sans-serif; 
            height: 100px; margin-right: 12px; padding: 0 12px; position: relative; width: 80px; border: solid 1px #ccc; }
.mg-tile .mg-tileImage      { padding-top: 10px; position: relative; }
.mg-tile .mg-tileImage img  { vertical-align: bottom;}
.mg-outer .name a { font-weight: bold; color:#333333;  }
.mg-outer p         {margin: 0;}
.mg-outer .name a:hover { border-bottom: 1px solid #999;}
.mg-outer .model { font-size: 10px; }

/* Tile Pager*/
#topPager   { margin: 0 20px 10px 0; height:20px; text-align:right;}
#topPager h1 { font-family:"Segoe UI", Arial, Helvetica, sans-serif; }
#topPager .ddPageSize { float:right;}



/* Selected Property Display */
.property               { margin: 0 0 10px 0; color:#626262;}
.property .propTitle    { color: #231f20; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; line-height: 20px; text-transform: uppercase; }
.property .propRemove   { color:#ce0718;}


/* wraps the tiles with extra width to let the tiles extend */
.tileList { margin: 10px 0 0 0; width: 700px;}
#contentWide .tileList { width: 950px; }
#contentWide .tile { margin-right: 16px;}

/*	Misc */
.bottomSpacer { height: 20px; }
.clear { clear: both; height: 0; }
.left { float: left; } /*line-height:1.5em;*/
.right { float: right; }

/* product category tabs 
	NOTE: for the selected tab <li class="selected"> -- not the <a> tag 
*/
.tabs { background: url('img/tabs-bg.gif') repeat-x; height: 41px; }
.tabs ul { list-style-image: none; line-height: 30px; list-style-position: outside; list-style-type: none; padding: 11px 0 0 15px; height: 30px; }
.tabs li { background: url('img/tab-left.gif') no-repeat; display: block; float: left; padding-left: 12px; }
.tabs li div { background: url('img/tab-right.gif') no-repeat right; padding-right: 12px;}
.tabs a { color: #525252;  font-size: 14px; padding: 0 12px; text-align: center; }
.tabs li.selected { background: url('img/tab-left-selected.gif') no-repeat; }
.tabs li.selected div { background: url('img/tab-right-selected.gif') no-repeat right; }
.tabs li.selected a { color: #030303; }


/* wraps big top image and text 681 x (min)309 */
.topProduct { background: #FFF url('img/topProduct-bg.gif') no-repeat; font-family:Verdana, Geneva, sans-serif; min-height: 285px; padding: 15px 0 10px 23px; width: 655px; }
.topProduct h1 { font-size: 17px; font-weight: bold; margin: 0 0 10px;}
.topProduct .contentWrapper { height: 254px; }

.topProduct .leftWrapper { background: url('img/top-grill-bg.gif') no-repeat; float: left; height: 254px; line-height: 242px; margin-right: 17px; position: relative; width: 322px; }

.topProduct .leftWrapper .imageFrame { clear: left; padding: 1px; position: relative;  }
.topProduct .leftWrapper .imageFrame a { display: block; }
.topProduct .leftWrapper .imageFrame a img {  }

.topProduct .price { color: #1e1e1e; float: left; font-size: 16px; line-height: 16px; margin-right: 10px; }
.topProduct .zoom { clear: both; display: block; bottom: 8px; left: 8px; position: absolute; }
.topProduct .freeShipping, .topProduct .sale { color: #FFF; float: left; font-size: 10px; height: 17px; line-height: 17px; margin: 0 0 0 1px; padding: 0 5px; }
.topProduct .freeShipping { background-color: #009900; }
.topProduct .hidden { margin: 0 0 0 0; height: 0px; overflow: hidden; padding: 0 0 0 0; width: 0px; height: 0; }
.topProduct .sale { background-color: #d10f20; }
.topProduct .rightWrapper { float: left; position: relative; width: 315px; height:254px; }
.topProduct .model { color: #1e1e1e; font-size: 11px; }
.topProduct .status { color: #5a5a5a; display: block; margin-bottom: 12px; padding-left: 12px; font-size: 10px; font-style: italic; }
.topProduct .green { background: url('img/tile-dot-green.png') no-repeat 0px 3px; }
.topProduct .red   { background: url('img/tile-dot-red.png')   no-repeat 0px 3px; }
.topProduct .buttons { float: left; width: 70px; }
.topProduct .buttons input { margin-bottom: 5px; }
.topProduct .thumbTileList { float: right; width: 180px; }
.topProduct .thumbTileList img { float: left; margin: 0 2px 5px 2px; }
.topProduct .vendors { background: url('img/top-vendors-bg.gif') no-repeat bottom; bottom: 0; left:0; height: 76px; line-height: 42px; position: absolute; width: 307px; }
.topProduct .vendors p { margin: 0; }
.topProduct .vendors .innerFrame { height: 40px; line-height: 40px; position: absolute; margin: 0 0 0 2px; }
.topProduct .vendors  .innerFrame img { margin-left: 4px; vertical-align: bottom; bottom:0; position: relative; }
.topProduct .vendors  .innerFrame p { float: left; font-family:Arial,Helvetica,sans-serif; line-height: 1.2em; margin: 7px 0 0 10px; width: 65px; font-weight:bold; font-size:13px; }


/* details page extras*/
.rightWrapper div .was { color: #5a5a5a; font-size: .9em; margin: 0 0 2px 0; }
.rightWrapper div .wasPrice { text-decoration: line-through; }

.miniColumn {float: right; width: 280px; margin: 0 20px 0 0}

/* controls under product category tabs - pagination, etc */
.controls { background: url('img/tabs/controls-bg.gif') repeat-x; font-family:Verdana, Geneva, sans-serif; font-size:13px; height: 41px; }
.controls a, .controls a:hover, .controls a:active { color: #000; text-decoration: none; }
.controls img { padding: 0 5px; vertical-align: middle; }
.controls .left  { padding-left: 18px; line-height: 41px; }
.controls .left span { margin-right: 10px; }
.controls .right { padding-right: 10px; line-height: 41px; }
.controls .right span { margin-right: 10px; }

a.pageNumber        { font-weight:bold; color:#ca0617; margin:5px 0; padding: 0 3px; border: solid 1px #a5a5a5;}
a.pageNumber:hover  { color:#ca0617; text-decoration: underline;}
.currentPageNumber  { font-weight:bold; margin: 5px 0 !important; }

/* product items in .listWrapper */
.listItemWarranty {border-bottom: 1px #e3e3e3 solid; border-right:1px #e3e3e3 solid; font-family: Verdana; font-size: 12px; min-height: 100px; padding: 16px; width: 442px; float:left; position: relative;}
.listItemWarranty  .description { float: left; width: 200px; }
.listItemWarranty .buttons      { float: left; text-align: right; width: 140px; }

.listItem { border-bottom: 1px #e3e3e3 solid; font-family: Verdana; font-size: 12px; min-height: 100px; padding: 16px; width: 649px; position: relative; }
.listItem .imageWrapper, .listItemWarranty .imageWrapper
    { color: #1e1e1e; background: url('img/tabs/listImage-bg.gif') no-repeat; float: left; font-size: 12px; line-height: 82px; padding: 0 10px 11px 0; text-align: center; height: 82px; width: 82px; }
.listItem .imageWrapper img, .listItemWarranty .imageWrapper img
    { vertical-align: middle; }
.listItem .description { float: left; width: 390px; }
.listItem .description .model { color: #5a5a5a; font-size: 10px; }
.listItem .description .title { color:#3a3a3a; font: bold 1.1em "Trebuchet MS",Verdana; }
.listItem .buttons    { float: left; text-align: right; width: 166px; }
.listItem .status, .listItemWarranty .status 
    { color: #5a5a5a; display: block; margin-bottom: 12px; padding: 0 20px 0 12px; font-size: 10px; font-style: italic; text-align: left; width: 115px; position: absolute; right: 0; text-transform:capitalize; }
.listItem .green, .listItemWarranty .green 
    { background: url('img/tile-dot-green.png') no-repeat 0px 3px; }
.listItem .red, .listItemWarranty .red
    { background: url('img/tile-dot-red.png')   no-repeat 0px 3px; }
.listItem .price { color:#3a3a3a; font: bold 1.1em "Trebuchet MS",Verdana; margin: 0 0 8px; }
.listItem .freeShipping, .sale { color: #FFF; float: left; font-size: 10px; height: 17px; line-height: 17px; margin: 3px 0 0 1px; padding: 0 5px; }
.listItem .freeShipping { background-color: #009900; }
.listItem .sale { background-color: #d10f20; }
.listItem .hidden { margin: 0 0 0 0; height: 0px; overflow: hidden; padding: 0 0 0 0; width: 0px; height: 0; }

/* product item list */
.listWrapper { background-color: #fdfdfd; min-height: 300px; }
.listWrapper p { margin: 0 0 4px;}

/*details page tab content*/
.listWrapper .tabContent    { padding: 20px;}

.listDesc   {font-size: 10px; color: #5a5a5a;}
a.listDesc  {color: #ce0718; font-weight:bold;}

/*Search Results*/
.listSearchResults .listItem { width: 650px; padding: 16px 0; }
.listSearchResults .description { width: 380px; }
.listSearchResults .description .title a { color:#3a3a3a; font: bold 1.1em "Trebuchet MS",Verdana;}
.listSearchResults .description .title a:hover  { border-bottom: solid 1px #ccc;}

/*FAQ*/
.faq            {}
.faqQA          {}
.faqQA .faqQ    { cursor:pointer; margin-bottom: 10px;}
.faqQA .faqA    { margin-bottom: 20px;}

h2            { color: #231f20; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; line-height: 20px; text-transform: uppercase; }
h3            { color: #ce0718; font-size:14px; font-weight:bold; line-height: 2em; }
h4            { color: #231f20; font-size:1em; font-weight:bold; line-height: 1em; }
.RadEditor .reContentCell {padding:10px;}

/*MY GRILL*/
.pointer    { cursor:pointer;}
.lineBelow  { padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #ccc;}

.RadComboBox { z-index:1000 !important;}

.validSku   {margin: 2px 0 0 0;}
.red        {color: #ce0718;}

ul.ruInputs     {padding: 5px 0 !important; margin: 0 !important;}
ul.ruInputs li  {list-style-type: none !important; }

.myGrillText ul {}
.myGrillText li { list-style: square none inherit; }

/*FAQs*/
.sf_listTitle   {display:none;}

p.sf_controlListItems         { margin: 0 0 10px 0;}
.sf_controlListItems a:hover { border-bottom: solid 1px #666;}

.sf_expandableList a    { color:#444; font-size: 0.9em; font-weight:bold; line-height: 1.2em; }
.sf_expandableList a:hover { border-bottom: solid 1px #666; }
.sf_listItemBody        { margin: 10px 0 !important; color: #444 !important;}
#contentRight ul.sf_expandableList  { padding: 5px 0px 5px 0px;}

/* SEARCH */
.searchResults dt   { margin: 1em 0 0.3em 0;}
.searchResults dd   { margin: 0 0 0.3em 0;}
