html{margin:0;padding:0}
body{background-color:#000;color:#fff;font-family:Trebuchet MS,Arial,Optima,Century Gothic,Helvetica,Sans-Serif;font-size:10pt}
/*body { background:url(http://s.arsenic.com/css/green/images/thumbnailCAH26OM3-w84.jpg) repeat black}*/
.stepheader, .sectionheader {font-family:Arial,Optima,Century Gothic,Helvetica,Sans-Serif}
a:focus{outline-width:0px}
a:hover{font-weight:bold;text-decoration:none}
a{text-decoration:none;font-weight:bold}
body{margin:0;padding:0;line-height:1.15em;padding:4px 2px}
h1{font-size:12pt;font-variant:small-caps;font-weight:bold;font-style:italic;text-align:left;margin-top:20px;margin-bottom:5px;margin-left:0px}
h2{font-size:11pt;font-weight:bold;font-style:normal;line-height:1.4em;padding:0px;padding-bottom:10px;margin:0}
input[type="button"], input[type="submit"], h1, h2, h3{font-family:Arial,Optima,Century Gothic,Helvetica,Sans-Serif}
img, input[type="checkbox"]{border-width:0}
input[type="text"], input[type="password"]{font-size: 11pt }
select{font-size:9pt;vertical-align:middle;padding:1px}
td{vertical-align:top}
#bmenu td{padding:1px 2px}
#bmenu td a{padding:0 8px;font-weight:bold;font-style:italic;font-variant:small-caps;font-size:10pt;white-space:nowrap;line-height:1.6em}
#bmenu{margin: 5px 0 5px 0}
.bmstatic{position: fixed; bottom: 4px;width:979px}
#hpbmenu #bmenu{padding:6px 6px 2px 6px}
.catdesc{font-style:normal;padding:0px 30px 0px 30px;line-height:1.1em}
.checkoutlabelleft{font-variant:small-caps;font-weight:bold;text-align:left;vertical-align:middle;padding-right:0px}
.checkoutlabelnw{font-variant:small-caps;font-weight:bold;text-align:right;vertical-align:middle;padding-right:0px}
.feedItem{position:relative;text-align:center;padding: 5px 0px 10px 0px}
.feedBody{width:160px;text-align:center;overflow:hidden}/*height:20em;*/
.feedHeader{vertical-align:top}
.feedHeader h2{vertical-align:top; line-height: normal; margin-top: 0}
.feedText{margin-top: 10px}
/*.feedText{line-height:1.1em;height:16.5em}*/
.feedSource{vertical-align:bottom;text-align:center;margin-top: 15px}
.hpsection{width:100%}
.hpsection .checkoutlabelleft a, .hpsection .checkoutlabelnw a{font-style:italic}
.jsnotice{font-weight:bold;padding:10px 10px 0px 10px;line-height:1.4em}
.milinks div a{font-weight:normal;}
.milinks{text-align:center;padding:2px 5px 2px 5px}
.oldprice{text-decoration:line-through}
.plainbox a:hover{font-weight:bold;cursor:pointer}
.ppbox a span, .ppbox a:hover span{font-style:italic}
.ppbox a{font-weight:normal}
.milinks a{color: #cc0;font-weight:bold}
.ppbox h1, .plainbox h1, .ppbox h1 a{text-align:center;vertical-align:middle;font-style:italic;font-weight:bold;line-height:1.2em;margin:0 0 15px 0;padding:3px 5px 3px 5px}
.ppbox h2 a{cursor:pointer;line-height:1.35em;font-weight:bold}
.ppbox h2{margin-top:0px;padding-bottom:8px;margin-bottom:0px}
.ppbox li{padding-top:5px;padding-bottom:5px}
.ppbox strong{font-weight:bold}
.ppbox{padding:10px 20px 20px 20px}
.prg110{width:110px;height:110px}
.prg160{width:160px;height:160px}
.prg80, .prg110, .prg160, .prg135{background-repeat:no-repeat;text-align:center;padding-bottom:5px}
.prg80{width:80px;height:80px;background-repeat:no-repeat;text-align:center;vertical-align:middle}
.hptile{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.hptile img { width: 100%; height: 100% }
.saleprice {margin:3px 0 3px 0;text-align:center}
.saleprice strong{font-size:11pt}
.tileSeparator{width:16px}
#gwr iframe{width:200px}
.hpsidepanel h1, #hpmiddle h1, #hpleft h1, #hpright h1 {margin:0px 0px 5px 0px; font-size: 12pt; font-variant: small-caps; font-style: italic}
.hpsidepanel .hpsection, #hpmiddle .hpsection{width:auto;margin:0 0 5px 0;padding:0;text-align:left}
.hpsidepanel .ppbox{padding:15px 10px}
.hpsidepanel .ppbox h2 a{font-weight:bold}
#menuShopAll{padding-bottom:20px}
#PageTitle {padding:0px 0 10px 0;margin-top:4px}
.PageSubTitle { padding: 0 0 5px 0 }
/*#PageTitle h1{height:24px;vertical-align:middle;line-height:24px;padding:0;margin:0px 0 4px 0;letter-spacing:.05ex}*/
#PageTitle h1, .PageSubTitle h1 {text-align:center;vertical-align:middle;height:24px;line-height:1.0em;padding:0;margin:0px 0 4px 0}
#PageTitle h1 {font-size:12pt}
.PageSubTitle h1 { font-size: 11pt }
#PageTitle h1 div, .PageSubTitle h1 div { height: 24px; line-height: 24px }
#PageTitle h1.hpt{color:#fff;text-transform:uppercase; } /*width:600px;e0f830*/
.hpsidepanel h1.hpt, #hpmiddle h1.hpt { margin: 0; color: #eee }
#hpmiddle h1.hpt { background: url(http://s.arsenic.com/css/green/images/RedSlice-32.png) repeat-x; padding: 2px }
/*#hpmiddle h1.hpt { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#dd9C1D38,endColorStr=#409C1D38); background: -moz-linear-gradient(top center, rgba(155,29,56,0.9), rgba(155,29,56,0.25)); padding: 2px }*/
#PageTitle h2{text-align:center;padding:4px 0 2px 0;margin:0px 0 5px 0;line-height:1.2em}
#PageTitle .catdesc{font-weight:bold;font-size:10pt;text-align:left;padding:15px;line-height:1.3em;background-color:Black}
#PageTitle h2.catdesc { text-align: center }
#PageTitle .catdesc span{display:inline-block;text-align:left;vertical-align:middle}

#hpmiddle.ppbox { padding: 0 8px }
#SpotlightPanel .hpsection td { text-align: center }
#SpotlightPanel.tilePanel{overflow:hidden;position:relative;overflow:hidden}/*width:600px;*/
#SpotlightPanel .hptile{height:130px}/*width:600px;*/
#SpotlightPanel .hptile img{height:130px}/*width:600px;*/
#SpotlightPanel .tileContent{position:relative}
#SpotlightPanel .ppbox{font-size:11pt;padding:10px 20px}
#SpotlightPanel h2, #TileList h2{margin:0;}
#SpotlightPanel h2 { padding: 10px 10px 10px 10px }
#SpotlightPanel h2 a{font-size:11pt;font-style:italic;line-height:normal}
#SpotlightPanel .tileText {color:#f0f0f0; text-align: left; font-size:10pt; font-weight:bold; line-height:1.3em; } /*filter:shadow(color=#000000,strength=2,direction=135); text-shadow: 0.07em 0.07em 0.2em #000000}*/
#SpotlightPanel h2 a { color: #e8ff40 }
#SpotlightPanel:hover h2 a { color: #4f0}
#SpotlightPanel:hover .tileText { color: #ffffff }

.productColumn .catdesc{text-align:left}
.productDataList{width:760px;padding-left: 2px;margin-left:5px}
.productColumn .ProductTile{text-align:center}
/*
.ProductTile .tileContent .tileHeader{height:50px;position:relative;overflow:hidden}
.ProductTile .tileContent .tileHeader h2{padding-bottom:0; line-height: 1.2em;font-size:10pt}
.ProductTile .tileContent .tileImage{position:relative;width:100%;margin:8px 0} 
.ProductTile .tileContent .tileImage td{ vertical-align: middle }
.ProductTile .tileContent .hptile { width: 180px; height:360px }
.ProductTile .tileContent .hptile img { width: 180px; height:360px }
.ProductTile .tileContent .tileText{padding:0;font-size:9pt;height:78px; line-height: 1.15em;padding:0 2px}
*/
.productDataList span.ProductTile{display:inline-block;vertical-align:top}
.tileFooter{width:100%;margin-top:10px;text-align:center;font-size:10pt} /*;line-height:1.5em*/
.tileFooter .checkoutlabelnw { text-align: center; vertical-align: top; padding: 0 0 8px 0; font-size: 8pt }
.tileFooter span { color: #aaa }
.tileFooter .oldprice { color: #cc0 }
.tileFooter .saleprice, .tileFooter .saleprice strong { font-size: 10pt }
.tileFooter .saleprice { margin: 3px 0 }
/*.tileFooter .BannerButton{display:inline-block;line-height:23px;height:23px;width:90px;margin:2px 4px} */
#SearchPage .catdesc span { vertical-align: top; text-align: left } /* display: inline; */
.discountMessage { padding: 18px 0 0px 0; text-align: center; font-weight: bold;  color: #4f0; font-size: 11pt }
.discountMessage span { padding: 0; font-weight: normal; color: #ccc; font-size: 10pt }
.catdesc br, .tileText br {line-height: 5px}
.psep2{ width:100%; height:1px; line-height: 1px; margin:0px 0 10px 0;border-top:solid 1px #4c0}
/*.TileList .imgC {width: 110px; height: 110px; padding: 0; vertical-align: middle; position: relative; display: inline-block}*/
/*.TileList span.cTile{display:inline-block;width:148px;height:264px;vertical-align:top;text-align:center;border-width:0;margin:0;padding:2px 3px 6px 3px} */
/*#SubCategoryList.TileList span.cTile{display:inline-block;width:182px;height:302px;vertical-align:top;text-align:center;border-width:0;margin:0;padding:0 4px 8px 4px} */
#HomePage .TileList { table-layout: fixed; width: 600px }
#HomePage #mainTable { table-layout: fixed }

.cTile .tileContent table { width: 100% }
.cTile .tileContent td { vertical-align: middle }
.cTile .tileHeader { padding: 0px 8px }
.cTile .tileHeader h2 { line-height: 1.2em; padding: 2px 0 0 0 }
.cTile .tileContent .tileImage {position:relative;width:100%;margin:0}
.cTile .tileContent .tileText {overflow:hidden}
.cTile .tileText {color:#c8bfc8}
.cTile:hover .tileText {color: White}
.cTile h2, .cTile h2 a {color:#f0f0f0} /*#d8f048}*/
.cTile:hover h2, .cTile:hover h2 a {color:#ffffff} /*#e8ff50}*/

#TileList {margin-top:5px}
#TileList .cTile{width:148px;height:264px;vertical-align:top;text-align:center;border-width:0;margin:0;padding:2px 2px 4px 2px} 
#TileList .cTile .tileContent{position:relative;text-align:center;width:146px;height:262px;overflow:hidden;padding:0;cursor:pointer}
#TileList .cTile .tileHeader h2 { font-size: 10pt }
#TileList .cTile .tileContent .tileText { padding:13px 11px 0px 11px;line-height:1.15em;height:8em;font-size: 8pt }
#TileList .cTile .tileHeader { height: 60px }

.TileList .cTile{width:182px;height:302px;vertical-align:top;text-align:center;border-width:0;margin:0;padding:0}
.TileList .tileContent{position:relative;text-align:center;width:180px;height:300px;overflow:hidden;padding:0;cursor:pointer}
.TileList .cTile .tileHeader h2 { font-size: 10pt }
.TileList .cTile .tileContent .tileText { padding:13px 11px 0px 11px;line-height:1.15em;height:7em;font-size: 9pt }
.TileList .cTile .tileHeader { height: 70px }

#SearchPage .productColumn { padding: 0 }
#SearchPage .productColumn .hpsidepanel { padding: 0 }
#SearchPage .productColumn .hpsection { margin: 0; padding: 0px; background: black }
#SearchPage .TileList { text-align: center }
#SearchPage .TileList .cTile { padding: 0px }
#SearchPage #sidecolumn { padding: 0 }
#SearchPage #sidecolumn .bmenu { border-width: 0 1px; width: 172px }

#HomePage .TileList { margin-top: 0px } 
#HomePage .TileList .cTile { height: 186px; padding: 0px }
#HomePage .TileList .tileContent { height: 184px }
#HomePage .TileList .cTile .tileHeader { height: 56px }
#HomePage .TileList .cTile .tileText { display: none }
#HomePage .hpsection { margin-top: 10px }
#HomePage #hpmiddle .hpsection { margin-top: 0 }
#HomePage #SideSearch.hpsection { margin-top: 0px }
#HomePage #hpmenubar.hpsection { margin-top: 3px }
#hpmiddle .hpsidepanel { padding: 0 4px; width: 604px }
#HomePage .ppbox h2 a { line-height: inherit} 

#HomePage #CategoryList.TileList .cTile { height: 147px; width: 136px; }
#HomePage #CategoryList.TileList .tileContent { height: 145px; width: 134px; }
#HomePage #CategoryList.TileList .tileHeader {height: 50px }
#HomePage #CollectionList.TileList .cTile { height: 147px; width: 136px; }
#HomePage #CollectionList.TileList .tileContent { height: 145px; width: 134px; }
#HomePage #CollectionList.TileList .tileHeader {height: 50px }
#HomePage .TileList .cTile .tileHeader h2 { font-size: 9pt }
#SearchPage .TileList .cTile .tileHeader h2 { font-size: 11pt }
#HomePage .TileList .cTile .tileHeader { padding: 0 4px }

.ProductTile{position:relative;text-align:center;width:182px;height:367px;width:184px;padding:0} /*padding:6px 0px 6px 4px;*/
.ProductTile .tileContent{width:180px;height:365px;padding:0;position:relative;cursor:pointer;overflow:hidden}
.ProductTile .tHW { margin: 5px 10px; height: 60px; overflow: hidden }
.ProductTile .tHW table { height: 60px }
.ProductTile .tileHeader { vertical-align: middle; padding: 0 }
.ProductTile .tileHeader h2, .ProductTile .tileHeader h2 a { font-size: 11pt; padding: 0; color: #f0f0f0; line-height: 1.3em }
.ProductTile:hover .tileHeader h2, .ProductTile:hover .tileHeader h2  { color: #ffffff }
.ProductTile .tileContent table { width: 100% }
.ProductTile .tileContent td { vertical-align: middle }
.ProductTile .tileContent .tileImage{position:relative;width:100%;margin:0 }
.ProductTile .tileContent .tileText { font-size: 9pt }
.ProductTile .tileContent .tileText{padding:8px 11px 0px 11px;line-height:1.2em;height:6em;overflow:hidden;font-size:9pt} /*overflow:hidden}*/
.ProductTile .tileText {color: #c8bfc8}
.ProductTile:hover .tileText, .ProductTile:hover .tileFooter { color: #ffffff }

#ProductPage .checkoutlabelnw { white-space: nowrap }
#ProductPage .productDesc { font-size: 12pt; text-align: left;padding-top: 10px; color: #ccc}
.prg110{position:absolute;left:0;top:0}
.logintextbox, .modelnumber{font-size:9pt}
#hpmiddle, .hpsidepanel .ppbox, .BackOrderInfo, .checkoutlabel, .checkoutlabelr, .checkoutlabelleft, .checkoutlabelnw a, .checkoutlabelnw, .gridEdit, .couponinfo, .errorright, .errorbtm, .pnlShowing strong, .loginfailuretext, .loginprompt{font-size:10pt}
.sectionheader, .catdesc{font-size:12pt}
#CategoryMenu h2, .hpsidepanel h2.sph, #RelatedProducts h2{font-size:10pt;font-weight:bold}
#CategoryMenu h2.ui-header-active, #CategoryMenu h2.ui-state-active { font-size: 10pt }
#CategoryMenu h2, #RelatedProducts h2{padding:5px 15px 5px 25px}
#SearchPage #CategoryMenu h2{padding:4px 15px 4px 25px}
h3{font-size:9pt;padding:4px 6px;margin:0}
#SearchPage #CategoryMenu h3{padding:4px 0px 4px 15px;text-indent:-15px}
h3 a{font-weight:bold}
#menuShopAll h2 a, #menuShopAll h2{text-align:left;font-size:10pt;padding:4px 10px;color:#ff0}
#SearchPage #CategoryMenu h2{padding-left:5px;padding-right:5px}
#SearchPage #CategoryMenu .ui-accordion-content{padding-left:15px;padding-right:15px}
.BannerPanel{width:979px;height:90px}
.searchBox{width:120px;vertical-align:middle;background:#ccc;border:inset #666 2px;height:22px;line-height:22px;padding:0;margin:0 2px}
#SideSearch #SearchBar{margin:3px;padding:3px 0px 3px 0px}
#SideSearch #SearchBar td { padding-bottom: 5px }
#SideSearch .searchBox{margin-bottom:0;font-size:10pt; padding-left: 2px; padding-right: 2px}
#SideSearch img { width: 22px; height: 22px; vertical-align: middle; cursor: pointer }
.searchChk { padding-top: 5px 0 2px 0; line-height: 1.0em; height: 20px }
.searchChk input { margin: 1px; vertical-align:middle }
.searchChk span { font-size: 9pt; font-variant: small-caps; padding: 0 1px 0 1px; white-space: nowrap }
#hpmenubar{width:100%;margin-top:4px;padding:1px 3px;font-size:10pt;height:33px;background-color:Black} /*line-height:24px;height:24px;*/
#hpmenubar td, #hpmenubar td * {vertical-align:middle} 
#hpmenubar a {font-size:9pt;font-variant:small-caps;font-style:italic;vertical-align:middle}
#SideSearch td{vertical-align:middle}
.hpsidepanel #SideSearch.hpsection{width:auto}
.hpsidepanel #CategoryMenu.hpsection{width:auto}
/*#menusection{width:176px;overflow:hidden}*/
h1.newsLetterButton a{font-size:10pt;font-variant:normal}
/* end of StyleSheet.min.css */
A{color:#9d0}
a.green, span.green{font-weight: bold;color:#4f0 !important}
a.green:hover { text-decoration:underline !important }
A:hover{color:#4f0}
h2 a, .bcs a, .milinks a, #hpmenubar a {color:#cc0}
#bmenu a { color: #cc0 }
#bmenu { padding: 2px 0; line-height: 1.8em }
#sidecolumn .bmenu { background: #eee; padding: 12px 4px; margin: 1px 0px; text-align: center; cursor: pointer } /*width: 152px; overflow: hidden; */
/*#sidecolumn { width: 185px }*/
#sidecolumn h2 { color: #000; font-size: 9pt; font-weight: bold; height: 36px; overflow: hidden; margin-bottom: 0px; padding: 0px 10px }
#sidecolumn .psep2 { border: none; margin: 0 }

#sidecolumn { margin-top: 25px; vertical-align: top; text-align: center }
#sidecolumn .bmenu { width: 168px; display: inline-block; vertical-align: top }
#sidecolumn h2 { height: 4.2em; overflow: hidden }
#sidecolumn .tileImage { height: 80px }
#sidecolumn .hpsection, #sidecolumn .hpsection div { display: block }
/*.PageSubTitle { width: 979px; height: 24px; text-align: center; vertical-align: middle }*/

/*#sidecolumn .tileImage, #sidecolumn img { height: 110px; overflow: hidden }*/
.hpsidepanel h1 a, #hpmiddle h1 a{color:#fff}
.hpsidepanel h1 a:hover, .hpsidepanel h1:hover a, #hpmiddle h1:hover a { color: #ff0 }
h3 a {color: #ccc}
#CategoryMenu h2 a, #RelatedProducts h2 a{color: #eee}
a.menuSelected{color:#4f0}
span.menuHighlight{color:#ef0;font-weight:bold;font-style:italic;font-size:10pt}
span.menuHighlight:hover{color:#4f0}
.ppbox, .masterfooter td{color:#aaa}
.hpsidepanel .ppbox, #hpmiddle {color: #ccc}
/*#SpotlightPanel:hover .ppbox .tileText { color: #fff }*/
/*#SpotlightPanel h2 a:hover { color: #4d0 }*/
.hpsidepanel .ppbox h1, #PageTitle h1, .PageSubTitle h1, .PageSubTitle h1 a, #PageTitle.ppbox h2 {color:#fff}
h2 a:hover, .bcs a:hover, #bmenu a:hover, .milinks a:hover, #hpmenubar a:hover, h3 a:hover, #CategoryMenu h2 a:hover, 
#RelatedProducts h2 a:hover, .PageSubTitle h1:hover a, .PageSubTitle h1 a:hover {color:#4f0}
.ppbox strong,.hpsidepanel .ppbox strong{color:#fff}
.jsnotice {color:#f00}
OPTION[selected="selected"]{background:White}
.oldprice{color:#cc0}
.saleprice{color:#fff}
.sectionheader,.dropShadow, #PageTitle h1 div, #CategoryMenu h1 div, .hpsidepanel h1 div, #hpmiddle h1 div, .ui-accordion h2 div, h2.sph div, .ppbox h1 div {filter:shadow(color=#113311,strength=3,direction=135); text-shadow: 0.12em 0.12em 0.2em #222222; letter-spacing: 0.07ex} 
#PageTitle .CheckoutStep.h1 div { filter: none; text-shadow: none }
/*.cTile .tileText, .ProductTile .tileText,*/ .cTile h2 div, .ProductTile h2 div {filter:shadow(color=#113311,strength=3,direction=135); text-shadow: 0.1em 0.1em 0.15em #000000; letter-spacing: 0.07ex} 
/*.hpsidepanel .ppbox h1 div, , #bmenu div */ /*.TileList .ppbox h2, .tileContent h2*/
#SpotlightPanel.tilePanel { border: none 0}
.imgProductWrapper { background: black; padding: 10px }
/*#imgProductDisplay { border: ridge 2px #cccccc }*/
#hpmenubar.hpsection { border-color: #9C1D38; -moz-border-bottom-colors:#400018 #6C0028; -moz-border-top-colors:#8C0d28 #6C0028 } /*#8c0*/
/*.hpsidepanel .hpsection, .hpsidepanel.hpsection, #bmenu.hpsection, #CheckoutPage .hpsection{border-color: #202020; -moz-border-top-colors:#101010 #282828; -moz-border-left-colors:#101010 #282828; -moz-border-bottom-colors:#101010 #080808; -moz-border-right-colors:#101010 #080808}*/
/*.menuRootWrapper, .hpsidepanel h1, .ui-header-default, .ui-state-default, .PagePanel {border-color: #222; -moz-border-top-colors:#181818 #363636; -moz-border-left-colors:#181818 #363636; -moz-border-bottom-colors:#181818 #090909; -moz-border-right-colors:#181818 #090909}*/ /*, .productDataList .tileContent:hover*//*#PageTitle h1,*/ 
.tileFooter .BannerButton {color: white; border-style: outset} 
/*#PageTitle h1, .BannerPanel {border-color:#802020; -moz-border-top-colors:#661010 #802020; -moz-border-left-colors:#661010 #801818; -moz-border-bottom-colors:#550808 #300; -moz-border-right-colors:#550808 #300}*/
#PageTitle h2 {border: none 0 } /*{border-bottom: outset 1px #808080; border-top: outset 1px #808080; -moz-border-top-colors: #777777; -moz-border-bottom-colors: #555555}*/
/*INPUT {border: solid 1px #666}*/
/*.WideButton,.WideButton:hover{border-style: solid; border-width: 1px}*/
/*.hpsidepanel .hpsection, .hpsidepanel.hpsection, #PageTitle h1, #sidecolumn .bmenu, .BannerPanel, */
/*.ui-header-default, .ui-state-default {border-style:outset; border-width: 2px}*/

.tilePanel .tileBackground,  .tilePanel-hover .tileBackground, .tilePanel:hover .tileBackgroundHover,  .tilePanel-hover:hover .tileBackgroundHover{border-width:0}
#hpmenubar.hpsection {border-left-width: 0px; border-right-width: 0px; border-style: outset; border-top-width: 1px; border-bottom-width: 1px; padding-bottom: 1px; padding-top: 1px}
#sf2_1 strong {color: White; font-weight: normal}
#sf2_1 br {height: 10px; line-height: 10px}
/*.BannerButton {border: outset 1px #000}*/
/*.hpsidepanel .ppbox h1 {border-style: outset; border-width: 0; border-bottom-width: 2px}*/
/*.bdiv {height:2px; line-height: 2px; background: #4c0; font-size: 0px}*/
/* end of red.min.css */
/*.bottomPanel {border-top: solid 2px #4c0}*/
.bottomPanel {padding: 8px 0}
.PagePanel{padding:2px 0px;vertical-align:middle;width:auto; width:762px; text-align: left} 
.PagePanel td {vertical-align: middle; color: #fff; font-size:10pt;font-style: italic; font-weight: bold}
.PagePanel input{width:25px;height:16px;text-align:center}
/*.PagePanel{border-color: #404040; -moz-border-top-colors:#303030 #484848; -moz-border-left-colors:#303030 #484848; -moz-border-bottom-colors:#282828 #181818; -moz-border-right-colors:#282828 #181818}*/
.PagePanel table {width: 100%; padding: 1px 10px}
.PagePanel td a span{display:inline-block;vertical-align:top}
.hpsidepanel h1.advert { color: #ff0; font-style: italic }
.bsktContinueRight { padding: 0 55px 15px 0; text-align: right; margin-top: 0px }
.bsktContinueCenter { padding: 0 0px 15px 0; text-align: center; margin-top: 10px }

.PagePanel {background:url(http://s.arsenic.com/css/green/images/BlackTitleBar32a.png) repeat-x} 
.hpsidepanel h1, #hpmiddle h1, #hpleft h1, #hpright h1 {background:url(http://s.arsenic.com/css/green/images/GreenSlice1x64i.png) repeat-x} 
#bmenu{background:url(http://s.arsenic.com/css/green/images/BlackTitleBar100.png) repeat-x 0 10%} 
.hpsidepanel h1.btn, .hpsidepanel h1.advert{background:url(http://s.arsenic.com/css/green/images/BlackTitleBar64.png) repeat-x 0 10%}
.hpsidepanel h1.btn {border-width:1px}
.hpsidepanel h1.btn:hover{background:url(http://s.arsenic.com/css/green/images/DarkGraySlice2.png) repeat-x 0 25%; color:#4f0}
/*#bmenu {background:url(http://s.arsenic.com/css/green/images/DarkGraySlice127.png) repeat-x 0 25%}*/
/*#PageTitle h1{background:url(http://s.arsenic.com/css/green/images/GreenTitleBar.jpg) no-repeat}*/
.productDataList .tileContent{background:url(http://s.arsenic.com/css/fall/images/BlackTile164x338.jpg) 0 0 no-repeat}
/*.TileList .tileContent{background:url(http://s.arsenic.com/css/green/images/BlackTile146x264.jpg) 0 0 no-repeat}*/
.TileList .tileContent{background:url(http://s.arsenic.com/css/fall/images/BlackTile182x300.jpg) 0 0 no-repeat}
.TileList .tileContent:hover{background:url(http://s.arsenic.com/css/green/images/CategoryTileBackground.jpg) 0 -300px no-repeat}
.TileList .tileContent.highlight, .TileList .tileContent.highlight:hover {background:url(http://s.arsenic.com/css/green/images/WhiteGreenTile134x145.png) 0 0 no-repeat}
.TileList .tileContent.highlight .tileHeader h2 a { color: #ff0000; font-size: 10pt }
.TileList .tileContent.highlight .tileHeader h2 div { text-shadow: none; filter:none }
#SubCategoryList.TileList .tileContent{background:url(http://s.arsenic.com/css/green/images/BlackTile182x300.jpg) 0 0 no-repeat}
#SubCategoryList.TileList .tileContent:hover{background:url(http://s.arsenic.com/css/green/images/CategoryTileBackground.jpg) 0 -300px no-repeat}
.productDataList .tileContent{background:url(http://s.arsenic.com/css/green/images/BlackTile164x338.jpg) 0 0 no-repeat}
.productDataList .tileContent:hover{background:url(http://s.arsenic.com/css/green/images/ProductTileBackground.jpg) 0 -400px no-repeat}
/*#SpotlightPanel .tileContent{background:url(http://s.arsenic.com/css/green/images/SaleTile3Blk-1a.jpg) 0 -130px no-repeat}*/
/*#SpotlightPanel .tileContent:hover{background:url(http://s.arsenic.com/css/green/images/SaleTile3Blk-1a.jpg) 0 0px no-repeat}*/
#sidecolumn .bmenu {background:url(http://s.arsenic.com/css/green/images/RelatedTileBackground.jpg) 0 0 no-repeat}
#sidecolumn .bmenu:hover {background:url(http://s.arsenic.com/css/green/images/RelatedTileBackground.jpg) -180px 0% no-repeat}

/*#sideSaleBox { padding: 5px 0 6px 0;position:relative; text-align: center; border: outset 2px #666; margin-bottom: 15px }*/
#sideSaleBox { margin-bottom: 15px; width:185px } /*height:90px; */
/*#sideSaleBox img { width: 185px; height: 100px }*/
#sideSaleBox .tileContent { position: relative; padding: 5px }
#sideSaleBox h2 { padding-bottom: 0px; line-height: 1.15em; font-style: italic; margin: 0px; padding-left: 0px; padding-right: 2px; height: auto; color: #ff0; font-size: 11pt }
#sideSaleBox h2 div { filter: shadow(color=#000000,strength=1,direction=135); padding-bottom: 5px }
#sideSaleBox h2 div.sale { font-size: 12pt; line-height: 1.3em; padding-bottom: 0 } 
#sideSaleBox h2 strong, #sideSaleBox h2 div.sale strong { font-size: 13pt; color: #fff }
#sideSaleBox h2 span { color: black; font-size: 10pt }

.SaleOverlay, .SaleOverlay15, .SaleOverlay20, .SaleOverlay25 {position: absolute; width: 80px; height: 80px; bottom: 0px; right: 2px}
.SaleOverlay15{background: url(http://s.arsenic.com/css/green/images/Sale15Off-80.gif) no-repeat}
.SaleOverlay20{background: url(http://s.arsenic.com/css/green/images/Sale20Off-80.gif) no-repeat}
.SaleOverlay25{background: url(http://s.arsenic.com/css/green/images/Sale25Off-80.gif) no-repeat}
/*.PagePanel{background:url(http://s.arsenic.com/css/green/images/BlackTitleBar32a.png) repeat-x}*/
.PagePanel .leftArrow {background: url(http://s.arsenic.com/css/green/images/GreenLeftArrow.gif) no-repeat; width: 20px; height: 20px}
.PagePanel .leftArrow:hover {background: url(http://s.arsenic.com/css/green/images/GreenLeftArrowHover.gif) no-repeat; width: 20px; height: 20px}
.PagePanel .rightArrow {background: url(http://s.arsenic.com/css/green/images/GreenRightArrow.gif) no-repeat; width: 20px; height: 20px}
.PagePanel .rightArrow:hover {background: url(http://s.arsenic.com/css/green/images/GreenRightArrowHover.gif) no-repeat; width: 20px; height: 20px}
.PagePanel .leftArrowDisabled {cursor:default; background: url(http://s.arsenic.com/css/green/images/leftArrowDisabled.gif) no-repeat; width: 20px; height: 20px}
.PagePanel .rightArrowDisabled {cursor: default; background: url(http://s.arsenic.com/css/green/images/rightArrowDisabled.gif) no-repeat; width: 20px; height: 20px}
.PagePanel a span { width: 25px; height: 25px }

.ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {height:1%;}
.ui-helper-clearfix {display:block;}
/* end clearfix */
.ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;}
.ui-accordion .ui-accordion-header, .ui-accordion h2 {cursor: pointer; position: relative; margin-top: 0px; zoom: 1;}
#SearchPage .ui-accordion h2 { cursor: default }
#SearchPage .ui-accordion h2 div { cursor: pointer }
#SearchPage .ui-accordion h2 div.menuSelected { cursor: default }
h3 .menuSelected { color: #4f0 }
.ui-accordion .ui-accordion-header .ui-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px;}
.ui-accordion .ui-accordion-content {padding: 0.5em 0.3em 0.5em 1.3em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1;}
.ui-accordion .ui-accordion-content-active {display: block;}
.ui-accordion h2 {cursor: pointer; position: relative; margin-top: 0px; line-height: 1.3}
.ui-accordion h2 .ui-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px}
.ui-header-default, .ui-state-default, .ui-state-hover, .ui-state-active, .ui-header-active {/*border: solid 1px #222;*/ font-weight: bold; color: #fff; border-top: solid 1px #484848; border-bottom: solid 1px #111; border-left: solid 1px #484848; border-right: solid 1px #111}
.ui-state-hover { border-top-color: #777; border-bottom-color: #333; border-left-color: #777; border-right-color: #333 }
.ui-widget-content {font-weight: normal; border: none 0}
.ui-header-default, .ui-state-default {color: #ccc}
.ui-header-default:hover, .ui-state-default:hover { color: #eee }
.ui-widget-content, .hpsidepanel .hpsection, #hpmiddle .hpsection, #hpleft .hpsection, #hpright .hpsection {background: #000000} 
#ProductPopup .hpsidepanel .hpsection { background: transparent; border: 0 none }
/*
.ui-header-default, .ui-state-default {background: #303030 url(http://s.arsenic.com/css/green/images/ui-bg_highlight-hard_282828_1x100.png) 50% 50% repeat-x}
.ui-header-default:hover, .ui-state-default:hover, .ui-state-hover {background: #111 url(http://s.arsenic.com/css/green/images/ui-bg_highlight-hard_000_1x100.png) 25% 25% repeat-x}
*/
.ui-header-default, .ui-state-default {background: #101010 url(http://s.arsenic.com/css/green/images/SaleTile3Blk-1.jpg) 50% -137px no-repeat}
.ui-header-default:hover, .ui-state-default:hover, .ui-state-hover {background: #111 url(http://s.arsenic.com/css/green/images/SaleTile3Blk-1.jpg) 50% -10px no-repeat}

/*.ui-state-active, .ui-header-active, .ui-state-active:hover {background: #7a1555 url(http://s.arsenic.com/css/green/images/ui-bg-highlight-hard-tb-slice.png) 0% 0% repeat-x}*/
.ui-state-active, .ui-header-active, .ui-state-active:hover {background: #399e18 url(http://s.arsenic.com/css/green/images/GreenSlice1x64i.png) 0% 0% repeat-x}
.hpsidepanel h1.menuTitle  {background: #399e18 url(http://s.arsenic.com/css/green/images/GreenSlice1x64i.png) 0% 20% repeat-x}
#PageTitle h1 {background: #399e18 url(http://s.arsenic.com/css/green/images/GreenSlice-2a.png) 0% 0% repeat-x}
#PageTitle h1.CheckoutStep, .PageSubTitle h1 {background: #399e18 url(https://www.arsenic.com/css/green/images/BlackTitleBar32a.png) 0% 0% repeat-x }
#PageTitle h1.CheckoutStep { padding: 3px 0; font-size: 11pt; color: #ff0 } /*; width: 945px }*/
/*#CheckoutPage #PageTitle h1{background:url(http://s.arsenic.com/css/green/images/BlackTitleBar32a.png) repeat-x} */
/*.ui-state-default {background: #303030 url(http://s.arsenic.com/css/green/images/ui-bg_highlight-hard_282828_1x100.png) 50% 50% repeat-x}*/
.ui-header-default .ui-icon, .ui-state-default .ui-icon {width: 16px; height:16px; background: url(http://s.arsenic.com/css/green/images/ui-icons_cccccc_256x240.png);background-position: -32px -16px;}
.ui-state-active .ui-icon, .ui-header-active .ui-icon, .ui-state-active:hover .ui-icon {background-image: url(http://s.arsenic.com/css/green/images/ui-icons_ffffff_256x240.png);background-position: -64px -16px;}
.ui-header-default:hover .ui-icon {background-image: url(http://s.arsenic.com/css/green/images/ui-icons_ffffff_256x240.png)}
.hpsidepanel h1.menuTitle { margin-bottom: 12px }
.ui-state-default h2:hover a, .ui-header-default h2:hover a { color: #4f0 }

.ppbox h1, .plainbox h1, .hpsection,.tilePanel,.TileList .tileContent, .productDataList .tileContent,#PageTitle h1 /*.hpt*/, #sidecolumn .bmenu, /*.BannerPanel, */
#sideSaleBox h1, .PagePanel, .imgProductWrapper,
.CheckoutWrapper, #CheckoutPage #PageTitle h1, /*#SignInDialog.overlay,*/ .TileList .tileContent, #SubCategoryList.TileList .tileContent, .ProductTile .tileContent,
.ui-state-active, .ui-header-active, .ui-state-active:hover, #PageTitle .catdesc, .PageSubTitle h1
{
	border-style: outset;
	/*
	border-width: 1px;
	border-top-color: #9C1D38;
	border-left-color: #9C1D38;
	border-bottom-color: #9C1D38;
	border-right-color: #9C1D38;
    */
	border-width: 2px;
	border-top-color: #6c0818;
	border-left-color: #6c0818;
	border-bottom-color: #6c0818;
	border-right-color: #6c0818;
    -moz-border-bottom-colors:#400018 #6C0028;
    -moz-border-left-colors:#6C0028 #9C1D38;
    -moz-border-right-colors:#400018 #6C0028;
    -moz-border-top-colors:#8C0d28 #6C0028;
}
.hpsection h1
{
    border-width: 0 0 1px 0;
}
.ui-state-active, .ui-header-active, .ui-state-active:hover
{
    border-width: 1px;
}
.CheckoutWrapper, #CheckoutPage #PageTitle h1,  .TileList .tileContent, .ProductTile .tileContent,
.ui-state-active, .ui-header-active, .ui-state-active:hover, #PageTitle .catdesc, .PageSubTitle h1
{
	position: relative;
	overflow: hidden;	
}

.TileList .tileContent, .productDataList .tileContent { border-width: 1px }
.instructions { color: #ee0; font-weight: bold; font-style: italic; padding: 5px 25px 25px 25px; line-height: 1.3em; font-size: 11pt }
/*
#SignInDialog.overlay 
{ 
	width: 406px;
	height: 483px;
	display: none; background-image: url(http://s.arsenic.com/css/green/images/SignOnBackground2.jpg); 
	border-width: 3px;
}
#SignInDialog.overlay .content { padding:0px; vertical-align: inherit; height: 438px; }
#SignInDialog.overlay h2 { color: #209000; padding: 40px 25px; font-size: 13pt }
#SignInDialog .CheckoutWrapper { border-width: 3px }   
#SignInDialog .sectionbody { width: 350px; text-align: left; padding: 0 15px }
#SignInDialog td.instructions { font-size:10pt; padding: 5px 25px 30px 25px; text-align: center }
#SignInDialog table { width: 100%; padding: 0 10px 5px 10px }
#SignInDialog table table { padding: 0 }
#SignInDialog table.loginbox { padding-top: 5px }
#SignInDialog table td { padding: 10px 10px; color: #ccc }
#SignInDialog table table td { padding: 4px 5px }
#SignInDialog td.sectionbutton { padding: 0; white-space: nowrap }
#SignInDialog table td.stepheader { padding: 25px 15px 10px 10px; margin:0; display: block;font-size: 14pt; font-weight: bold; font-style:italic; text-align: center; color: #ff2; filter:shadow(color=#111111,strength=2,direction=135); text-shadow: 0.1em 0.1em 0.15em black }
#SignInDialog .sectionheader{ font-size: 11pt; font-weight:bold; font-style:italic; margin-top:0px;  padding-top:0px;  padding-bottom:3px;  margin-bottom:0px; border-bottom:solid 1px #4c0;color:#fff }
.CheckoutWrapper td.stepheader { padding: 0; font-size: 13pt; font-style: italic; text-align: left; color: #2f2 }
.loginfailuretext{ font-style:italic;  line-height:1.5em;  font-weight:bold; margin-top: 10px; color: #f60 }
.logintextbox{width:130px}
.loginprompt{font-weight:bold; font-variant:small-caps;color: #fff; text-align: right; font-size: 10pt; white-space: nowrap }
.loginprompt td { vertical-align: middle }
#SignInDialog td.loginprompt { color: #fff; line-height: 24px }
#SignInDialog .BannerButton { height: auto; line-height: 21px; padding: 1px 0; vertical-align: middle }
#SignInDialog .instructions { padding-top: 0; padding-bottom: 10px; line-height: 1.25em }
#siteseal { position: relative; left: -8px; top: -21px; height: 64px; overflow: hidden }
*/

.MasterContentPanel { margin-top: 10px }
.MasterContentPanel .hpsection { padding: 10px 15px; background: black }
.textEntryTable tr { height: 25px; line-height: 25px }
.textEntryTable td { white-space: nowrap }

#ProductPopup.overlay { width: 780px; display: none; background-image: url(http://s.arsenic.com/css/green/images/whitegreen-2.png); padding: 5px 15px 15px 15px }
#ProductPopup.overlay .content { text-align: center; padding: 0px }
#ProductPopup.overlay #WindowContent { padding: 5px 0; color: #222; line-height: 1.15em }
#ProductPopup.overlay #ProductContentWrapper { height: 465px; position: relative }
#ProductPopup.overlay #ProductContent { height: 465px; width:100% }
#ProductPopup.overlay #WindowContent .ppbox { color: #000 }
#ProductPopup.overlay #WindowContent .ShipWindow { font-style: italic }
/*#ProductPopup.overlay #WindowContent h1, #ProductPopup.overlay #WindowContent h1 a */
#ProductPopup.overlay #ProductContent > h1 
{ 
    color: Black; font-size: 15pt; line-height: 1.15em; background: #d0d0d0; border-bottom: solid 1px #a0a0a0; margin: 2px -3px; padding: 4px 0 3px 0; font-variant: normal; white-space: nowrap
}
#ProductPopup.overlay #ProductContent > h1 div { overflow: hidden; margin-left: 10px; margin-right: 35px }
#ProductPopup.overlay #WindowContent h1 a { color: Black }
#ProductPopup.overlay #WindowContent h1 a:hover { color: #4f0 }
/*#ProductPopup.overlay #WindowContent h1 div, #ProductPopup.overlay #WindowContent h1 div a { filter:shadow(color=#111111,strength=2,direction=135);text-shadow: 0.05em 0.05em 0.1em #aaaaaa }*/
#ProductPopup.overlay #WindowContent .checkoutlabelnw { color: #444 }
#ProductPopup.overlay #WindowContent .addtocartlink { color: #444}
#ProductPopup.overlay #WindowContent .oldprice { color: #990 }
#ProductPopup.overlay #WindowContent .saleprice strong { color: #000; line-height: 1.2em; }
#ProductPopup.overlay .close { background-image:url(http://s.arsenic.com/css/fall/images/close16x16wb.png); position:absolute; right:20px; top:20px; z-index:10; cursor:pointer; height:16px; width:16px; }
#ProductPopup.overlay .hpsection { width: auto }
#ProductPopup.overlay .productDescWrapper { height: 200px; overflow: auto }
#ProductPopup.overlay .productDesc { line-height: 1.2em; text-align: left; padding: 5px; font-size: 10pt }
#ProductPopup.overlay .imgProductWrapper { margin-right: 0px; margin-top: 10px; padding: 0px }
#ProductPopup.overlay #WindowContent .PageSubTitle h1 { background: none; border: 0 none; text-align: left; margin: 0; padding: 0; font-size: 10pt }
#ProductPopup.overlay #WindowContent .PageSubTitle h1 a { font-size: 10pt; padding: 0 }
#ProductPopup.overlay #sidecolumn { margin-top: 0 }
#ProductPopup.overlay #sidecolumn .bmenu { border-width: 2px; padding: 4px }
/*
#MessagePopup.overlay { width: 450px; display: none; background-image: url(http://s.arsenic.com/css/green/images/MessagePopup.png); padding: 30px }
#MessagePopup.overlay .content { text-align: center; padding: 0px }
#MessagePopup.overlay .innerContent { position: relative; height: 460px; padding: 5px; color: #222; line-height: 1.15em }
#MessagePopup.overlay #MessagePopupHeader{ font-size: 13pt; font-weight:bold; font-style:italic; text-align: left; margin-top:0px;  padding-top:10px;  padding-bottom:3px;  margin-bottom:0px; border-bottom:solid 1px #4c0;color:#000 }
#MessagePopup.overlay #MessagePopupBody {font-weight:bold;font-size:10pt;text-align:center;padding:25px;line-height:1.3em}
#MessagePopup.overlay #MessagePopupBody span {display:inline-block;text-align:left;vertical-align:middle}
#MessagePopup.overlay #MessagePopupButtons { position: absolute; bottom: 10px; width: 100% }
#MessagePopup.overlay #MessagePopupButtons .BannerButton { line-height: 1.0em }
*/

.dialogBox { background: url(http://s.arsenic.com/css/green/images/DialogBackgroundVNB.png) center center no-repeat; border-width: 3px; border-style: outset; border-left-color: #44ff00; border-right-color: #39d500; border-top-color: #44ff00; border-bottom-color: #39d500  }
.dialogBox { display: none }
.dialogContent { text-align: center; padding: 0px }
.dialogTitle { color: #fff; font-size: 13pt; font-weight: bold; font-style: italic; font-variant: small-caps; margin: 0px; padding: 0; text-align: center; line-height: 26px; height: 26px; background: url(http://s.arsenic.com/css/green/images/GreenSlice-2a.png) 0% 0% repeat-x; border-bottom: outset 1px #9C1D38 }
.dialogTitle .textShadow { filter: shadow(color=#111111,strength=2,direction=135); text-shadow: 0.1em 0.1em 0.15em black }
.dialogBody { position: relative; padding: 12px 12px 12px 12px; font-weight:bold;font-size:10pt;text-align:center; line-height:1.3em; color: #222 }
.dialogPanel { border: outset 1px #ccc; position: relative }
.dialogPanelDivider { height: 12px; line-height: 12px }
.dialogPanelBackground { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter:alpha(opacity=10); opacity: 0.1}
.dialogPanelContent { position: relative; padding: 15px 15px }
.dialogBody h2 { font-size: 13pt; font-weight:bold; font-style:italic; font-variant: small-caps; text-align: left; margin:0 0 15px 0;  padding:0;  border-bottom:solid 1px #4c0;color:#222; line-height: 1.3em }
.dialogBody label { color: #444; font-size: 8pt; line-height: 19px }
.dialogBody .row { text-align: left; margin-top: 1px }
.dialogBody .rowLabel { float: left; width: 100px; height: 23px; line-height: 23px; margin-right: 5px; text-align: right; font-variant: small-caps; font-size: 10pt; white-space: nowrap; font-weight: bold; color: #444 } 
.dialogButtons { position: relative; margin-top: 10px; width: 100%; text-align: right }
.dialogBody .rowGap { padding: 20px 0 15px 0 }
.siteSeal { float: left; position: relative; left: -8px; top: -21px; height: 64px; overflow: hidden }
.dialogHelpText { color: #666; font-size: 8pt; font-weight: bold; font-style: italic; padding: 2px 25px 10px 25px; text-align: left; line-height: 1.25em }
.dialogHelpText a { color: #b60 }
.dialogHelpText a:hover { color: #4c0 }
.dialogInstructions { color: #444; font-size: 10pt; font-weight: bold; font-style: italic; padding: 0px 25px 15px 25px; text-align: left; line-height: 1.25em }
.loginfailuretext{ font-style:italic;  line-height:1.5em;  font-weight:bold; margin-top: 10px; color: #b60; line-height: 18px; height: 18px }

#SignInDialog { width: 440px; height: 550px }
#MessageBox { width: 400px }
#MessageBox .dialogBody { padding: 8px }
#MessageBox .dialogButtons { text-align: center; margin-top: 25px }

.DefaultGrid { background: #000; width: 100%; border: solid 1px #777; border-collapse: collapse }
.DefaultGrid tr { background: #eee; color: Black}
.DefaultGrid th { background: #222; color: #fff; border-bottom: solid 1px #ddd; border-right: solid 1px #444; font-size: 10pt; font-style: italic; font-weight:bold; font-variant: small-caps; line-height: normal; padding:3px 4px; vertical-align: bottom; text-align: center}
.DefaultGrid tr.gridAlt { background: #ccc }
.DefaultGrid td {border-top: solid 1px #ccc; border-right: solid 1px #aaa;padding:2px 4px; vertical-align: middle}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:125px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(http://s.arsenic.com/css/green/images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	left:0;
	top:0;
}

.items div {
	float:left;
	/*width:680px;*/
}

/* single scrollable item */
.scrollable img {
	float:left;
	cursor: pointer;
	margin:10px 5px 10px 22px;
	background-color:#fff;
	padding:2px;
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
#hpmiddle .scrollable
{
    width: 500px;
}
#hpmiddle .scrollable
{
    border-color: #666;
}

#hpmiddle .scrollable img
{
    margin:10px 5px 10px 12px;
}
#hpmiddle #ProductContent
{
    vertical-align: top;
}
#hpmiddle #ProductContent .imgProductWrapper, #SpotlightPanel .imgProductWrapper
{
    margin-left: 35px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px;
    border: 0 none; /*solid 1px black;*/
    -moz-border-top-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    cursor: pointer;
}
#hpmiddle #ProductContent .imgProductWrapper:hover, #SpotlightPanel .imgProductWrapper:hover
{
    padding: 4px;
    border: outset 1px #9C1D38;
    -moz-border-bottom-colors:#400018 #6C0028;
    -moz-border-left-colors:#6C0028 #9C1D38;
    -moz-border-right-colors:#400018 #6C0028;
    -moz-border-top-colors:#8C0d28 #6C0028;
}
#hpmiddle .productDescWrapper
{
    padding: 10px 10px 0 0;
}
#hpmiddle .productDescWrapper h2
{
     margin-bottom: 8px; 
     text-align: center;
     color: White;
}
#hpmiddle .otherProductsPanel
{
    clear:left;
    padding:7px 7px 0px 7px;
    border-top: solid 1px #222;
    text-align: center;
    float: left;
}
#hpmiddle .PageSubTitle
{
    clear:left;
    padding-bottom:0px;
    padding-top:0;
}
#hpmiddle .PageSubTitle h2 a
{
    font-size: 10pt;
}

/* active item */
#hpmiddle .scrollable img:hover
{
	border:1px solid #9C1D38;
}
#hpmiddle .scrollable img.active, #hpmiddle .scrollable img.active:hover
{
    margin:9px 4px 9px 11px;
	border:2px solid #9C1D38;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://s.arsenic.com/css/green/images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}
#hpmiddle a.browse
{
    margin-top: 46px;
    margin-bottom: 46px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://s.arsenic.com/css/green/images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.logoImageOverlay { position: absolute; z-index: 2; top: 7px; width: 75px; height: 75px }
#logoBackground { position: relative }
#leftLogoImage { left: 192px }
#rightLogoImage { left: 664px }
#leftLogoImage div, #rightLogoImage div { position: relative }

#debugLog { background-color: Black; color: White; width: 800px }
#tblEditAccount tr td { vertical-align: middle }

.overlayMask { z-index: 9998; position: absolute; filter: alpha(opacity=70); opacity: 0.7; background-color: #000; zoom: 1; display: block; top: 0px; left: 0px }
.fullPage { width: 1153px; height: 2726px; }

.otherProductsPanel .overlayMask 
{ 
    width: 504px; 
    height: 129px; 
    left: 40px;
    top: 0px;
    background-color: #666;
    filter: alpha(opacity=35); 
    opacity: 0.35;  
}
.otherProductsPanel .paused { clear:left; text-align: center; font-size: 8pt; text-transform:uppercase; color: #aaa; font-weight: bold; margin-top: 6px; visibility: visible }
.otherProductsPanel .hidden { visibility: hidden }
.hpfooter { font-size: 9pt; text-indent: -8px; margin-left: 8px; padding: 6px }
.hpmessage { padding:15px;font-weight:bold;color:White;line-height:1.3em }
.resBlogs
{
    width: 100%;
    text-align: center;
}
.resBlogs li
{
    display: inline-block;
    width: 25%;
    margin: 0 15px;
    text-align: left;
    vertical-align: top;
}
.resbTitle
{
    display: inline-block;
    font-weight: bold;
}
.resbDesc
{
    display: inline-block;
}
.resbDesc, .resbDesc p
{
    font-size: 10pt;
    font-style: italic;
}
.resbDesc p
{
    margin-top: 5px;
    margin-bottom: 10px;
}

/* All button styles should go here */
#hpmenubar .auwl
{
    display: none;
}
#hpmenubar .SmallButton { margin-left: 10px }
.BannerButton, .GridButton, .SmallButton, .SmallButtonS, .Button, .ButtonDisabled, .SmallButtonDisabled, .WideButton
{
    cursor:pointer;font-family:Arial;font-size:9pt;font-weight:bold;color:Black;text-align:center;font-variant:normal;
    margin:1px 3px;vertical-align:middle;display:inline-block;
    border:0 none;height:27px;line-height:25px;padding-bottom:2px /* ;padding:1px 3px 5px 3px*/
}
.ButtonDisabled, .SmallButtonDisabled { cursor: default; color: #888 }
.SmallButton:focus, .Button:focus, .WideButton:focus, .GridButton:focus, .CartButton:focus {outline:none}
.BannerButton, .Button, .ButtonDisabled, .ButtonDisabled:hover, .ButtonDisabled:hover
{
    background:url(http://s.arsenic.com/css/fall/images/GreenButton110.png) no-repeat;
    width: 112px;
}
/*.BannerButton:hover, .SmallButtonS:hover, .Button:hover, .SmallButton:hover, .SmallButtonP:hover, .GridButton:hover, .WideButton:hover
{
    color: #eee;
}*/
.WideButton 
{ 
    background:url(http://s.arsenic.com/css/fall/images/GreenButton160.png) no-repeat; 
    width: 162px;
}
.SmallButton, .SmallButtonS, .BannerButton, .GridButton, .SmallButton, .SmallButtonP, .SmallButtonDisabled, .SmallButtonDisabled:hover
{
    background:url(http://s.arsenic.com/css/fall/images/GreenButton80.png) no-repeat;
    width: 82px;
    line-height: 27px;
}
.SmallButton .CartIcon, .Button .CartIcon
{
    width: 20px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 3px;
    margin-left: -10px;
    background:url(http://s.arsenic.com/css/fall/images/CartIconBlack.png) no-repeat;
}
#hpmenubar .SmallButton { line-height: 27px; }
#hpmenubar .SmallButton .CartIcon
{
    top: -2px;
    margin-right: 2px;
    margin-left: -8px;
}
/*.SmallButton:hover .CartIcon, .Button:hover .CartIcon
{
    background:url(http://s.arsenic.com/css/fall/images/CartIconWhite.png) no-repeat;
}*/
.CartButton
{
    cursor:pointer;display:inline-block;width:124px;height:25px;border: 0 none;background:url(http://s.arsenic.com/css/fall/images/AddToCartGB3.png) no-repeat
}
.CartButton:hover
{
    background:url(http://s.arsenic.com/css/fall/images/AddToCartGB3Hover.png) no-repeat
}

#hpmenubar .BannerButton{margin: 0 0 0 5px; color: black; padding: 0; }
#hpmenubar .BannerButton img{padding-bottom:3px; margin-right: 5px}
#SideSearch .BannerButton{display:inline-block;padding:3px 5px;height:16px;margin:1px}
#SideSearch .BannerButton img{vertical-align:middle} 
/*.GridButton { width: auto; padding: 3px 8px }*/
.GridButton img { padding-bottom: 2px }
span.SearchButton { display: inline-block; background: url(http://s.arsenic.com/css/fall/images/GreenSearchButton.png) no-repeat; width: 24px; height: 24px; vertical-align: middle; cursor: pointer }
span.CancelSearchButton { display: inline-block; background: url(http://s.arsenic.com/images/icons/Close24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: middle; cursor: pointer }


/*
.BannerButton, .GridButton, .SmallButton, .SmallButtonS, .Button, .ButtonDisabled, .SmallButtonDisabled, .WideButton{cursor:pointer;font-weight:bold;text-align:center;margin:1px 3px;padding:3px 3px;vertical-align:middle;text-shadow:0.1em 0.1em 0.15em #102010;}
.ButtonDisabled { cursor: default }
.WideButton{width:160px;padding:3px 8px 3px 8px} 
#ProductPage .SmallButton { font-size: 10pt; border: solid 1px #222}
.logintextbox, .modelnumber, .BannerButton, .GridButton, .SmallButton, .SmallButtonS, .Button, .ButtonDisabled, .SmallButtonDisabled, .WideButton{font-size:9pt}
#hpmenubar .BannerButton{margin:2px 5px}
.BannerButton { display:inline-block;padding: 0; width: 86px; line-height: 21px; } 
#hpmenubar td, #hpmenubar td * {vertical-align:middle} 
#hpmenubar a {font-size:9pt;font-variant:small-caps;font-style:italic;vertical-align:middle}
#SideSearch .BannerButton{display:inline-block;padding:3px 5px;height:16px;margin:1px}
#SideSearch .BannerButton img{vertical-align:middle} 
#hpmenubar .BannerButton img{padding-bottom:3px}
.GridButton,.SmallButtonS, .Button, .SmallButton, .SmallButtonP, .SmallButtonDisabled,.WideButton, .BannerButton{background-color: #9C1D38; color:#eee}
.ButtonDisabled { color: #888 }
.SmallButton:focus, .Button:focus, .WideButton:focus, .GridButton:focus{outline:none}
input[type="button"], span.BannerButton {text-shadow: 0.1em 0.1em 0.1em #222222}
.GridButton{background:url(http://s.arsenic.com/css/green/images/GreenSlice-2a.png) 50% 50%}
.GridButton:hover{background:url(http://s.arsenic.com/css/green/images/GreenGridButtonHover.png) 50% 50%}
.BannerButton, .SmallButtonS, .Button, .ButtonDisabled, .SmallButton, .SmallButtonP, .SmallButtonDisabled, .ButtonDisabled:hover, .SmallButtonDisabled:hover{background:url(http://s.arsenic.com/css/green/images/GreenSlice-2a.png) 50% 50%}
.BannerButton:hover, .SmallButtonS:hover, .Button:hover, .SmallButton:hover, .SmallButtonP:hover{background:url(http://s.arsenic.com/css/green/images/GreenButtonHover1a.png) 50% 50%}
.btnNoHover:hover { background:url(http://s.arsenic.com/css/green/images/GreenSlice-2a.png) 50% 50%}
.WideButton{background:url(http://s.arsenic.com/css/green/images/GreenSlice-2a.png) 50% 50% repeat-x; border-color:#005d00}
.WideButton:hover{background:url(http://s.arsenic.com/css/green/images/WideGreenButtonNBHover.png) 50% 50% repeat-x}
.SmallButton, .SmallButtonS, .Button{width:110px} 
.GridButton { width: auto; padding: 3px 8px }
.GridButton img { padding-bottom: 2px }
.GridButton, .SmallButton, .Button, .WideButton, .BannerButton, .SearchButton
{
	border-style: outset;
	border-width: 1px;
	border-top-color: #206000;
	border-left-color: #206000;
	border-bottom-color: #206000;
	border-right-color: #206000;
	-moz-border-bottom-colors:#082000 #083800;
	-moz-border-left-colors:#286808 #388800;
	-moz-border-right-colors:#082000 #083800;
	-moz-border-top-colors:#286808 #388800;
}
.ui-state-active, .ui-header-active, .ui-state-active:hover, .GridButton, .SmallButton, .Button, .WideButton, .BannerButton, .SearchButton, #PageTitle .catdesc, .PageSubTitle h1
{
	position: relative;
	overflow: hidden;	
}
span.SearchButton { display: inline-block; background: url(http://s.arsenic.com/css/fall/images/GreenSearchButton.png) no-repeat; width: 24px; height: 24px; vertical-align: middle; cursor: pointer }
span.SearchButton:hover { background: url(http://s.arsenic.com/css/fall/images/GreenSearchButtonHover.png) no-repeat }
span.CancelSearchButton { display: inline-block; background: url(http://s.arsenic.com/images/icons/Close24x24.png) no-repeat; width: 24px; height: 24px; vertical-align: middle; cursor: pointer }
.CancelSearchButton 
{
	border-width: 2px;
	border-style: outset;
	border-top-color: #602000;
	border-left-color: #602000;
	border-bottom-color: #602000;
	border-right-color: #602000;
	-moz-border-bottom-colors:#200800 #380800;
	-moz-border-left-colors:#682808 #883800;
	-moz-border-right-colors:#200800 #380800;
	-moz-border-top-colors:#682808 #883800;
}
.dialogButtons { position: relative; margin-top: 10px; width: 100%; text-align: right }
.dialogButtons .BannerButton { line-height: 1.0em; height: 25px }
*/