/* Reset */
*, html { margin:0; padding:0; }
html { color:#000; background:#fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
legend { color:#000; }


/* Defaults */
html, body { background:#323232 url(/images/skin2011/page.png) 0 0 repeat; }
body { font:70%/1.2 arial, geneva, sans-serif; letter-spacing:0.0em; }
input, textarea, select { font-family:arial, geneva, sans-serif; }
h1 { font-size:175%; letter-spacing:-0.05em; }
h2 { font-size:150%; letter-spacing:-0.05em; }
h3 { font-size:138.5%; letter-spacing:-0.05em; }
h4 { font-size:123.1%; }
h5 { font-size:108%; }
h1, h2, h3, h4, h5 { margin:0.5em 0; color:#333; text-transform:uppercase; font-family:'Segoe UI', geneva, sans-serif; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
h2.key { font-size:12px; font-weight:normal; margin:0; }
abbr, acronym { border-bottom:1px dotted #000; cursor:help; }
em { font-style:italic; }
blockquote, ul, ol, dl { margin:1em; }
ol, ul, dl { margin-left:2em; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
th, td { padding:4px; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:.5em; text-align:center; }
p, fieldset, table, pre { margin-bottom:1em; }
input[type=text], input[type=password], textarea { width:12.25em; *width:11.9em;}
input { outline:none; }
a, img { border:0 none; outline:none; }
a:link { color:#3091a9; }
a:active { color:#3091a9; }
a:visited { color:#3091a9; }
a:hover { color:#222; text-decoration:none; }
:focus { -moz-outline-style:none; }


/* Helpers */
.black { color:#000 !important; }
.black-bg { background-color:#000 !important; }
.dkgray { color:#333 !important; }
.dkgray-bg { background-color:#333 !important; }
.gray { color:#666 !important; }
.gray-bg { background-color:#666 !important; }
.medgray { color:#999 !important; }
.medgray-bg { background-color:#999 !important; }
.ltgray { color:#ccc !important; }
.ltgray-bg { background-color:#ccc !important; }
.white { color:#fff !important; }
.white-bg { background-color:#fff !important; }
.dkblue { color:#154e9b !important; }
.dkblue-bg { background-color:#154e9b !important; }
.blue { color:#1479ad !important; }
.blue-bg { background-color:#1479ad !important; }
.medblue { color:#018cc1 !important; }
.medblue-bg { background-color:#018cc1 !important; }
.ltblue { color:#3091a9 !important; }
.ltblue-bg { background-color:#3091a9 !important; }
.red { color:#c41e20 !important; }
.red-bg { background-color:#c41e20 !important; }
.medred { color:#a20101 !important; }
.medred-bg { background-color:#a20101 !important; }
.dkpurple { color:#6d4170 !important; }
.dkpurple-bg { background-color:#6d4170 !important; }
.purple { color:#855188 !important; }
.purple-bg { background-color:#855188 !important; }
.dkorange { color:#bb660b !important; }
.dkorange-bg { background-color:#bb660b !important; }
.orange { color:#d5a600 !important; }
.orange-bg { background-color:#d5a600 !important; }
.green { color:#8ba930 !important; }
.green-bg { background-color:#8ba930 !important; }
.ltgreen { color:#aacd3f !important; }
.ltgreen-bg { background-color:#aacd3f !important; }
.aqua { color:#30a985 !important; }
.aqua-bg { background-color:#30a985 !important; }
.chart { color:#c6fd28 !important; }
.chart-bg { background-color:#c6fd28 !important; }
.butter { color:#fffdbf !important; }
.butter-bg { background-color:#fffdbf !important; }

.bold { font-weight:bold !important; }
.italic { font-style:italic !important; }
.tiny { font-size:0.8em !important; }
.small { font-size:0.9em !important; }
.large { font-size:1.1em !important; }
.xlarge { font-size:1.5em !important; }
.nomargin { margin:0 !important; }
.nopadding { padding:0 !important; }
.noborder { border:0 none !important; }
.floatlt, .floatleft { float:left !important; }
.floatrt, .floatright { float:right !important; }
.floatnone { float:none !important; }
.left { text-align:left !important; }
.center { text-align:center !important; }
.justify { text-align:justify !important; }
.right { text-align:right !important; }
.hidden { display:none !important; }
.visible { display:block !important; }
.clearboth { clear:both; }
.clearrt { clear:right; }
.clearlt { clear:left; }
.clearer { clear:both; height:1px; overflow:hidden; margin-top:-1px; }
.onexone { width:1px; height:1px; overflow:hidden; }
.onextwo { width:1px; height:2px; overflow:hidden; }
.onexthree { width:1px; height:3px; overflow:hidden; }
.onexfive { width:1px; height:5px; overflow:hidden; }
.onexsix { width:1px; height:6px; overflow:hidden; }
.onexten { width:1px; height:10px; overflow:hidden; }
.onexfifteen { width:1px; height:15px; overflow:hidden; }
.onextwenty { width:1px; height:20px; overflow:hidden; }
.onexthirty { width:1px; height:30px; overflow:hidden; }
.onexforty { width:1px; height:40px; overflow:hidden; }
.onexfifty { width:1px; height:50px; overflow:hidden; }


/* Containers */
#wrapper { width:980px; margin:10px auto 0; padding:0; }
#header { float:left; height:89px; width:980px; margin:0; padding:0; background:url(/images/skin2011/header.png) 0 0 no-repeat; clear:both; }
#navbar { float:left; height:60px; width:954px; margin:0; padding:0 13px; position:relative; background:#fff; clear:both; }
#searchbar { float:left; height:50px; width:954px; margin:0; padding:0 13px; background:#fff; clear:both; }
#accountbar { float:left; width:954px; margin:0; padding:0 13px; background:#fff; clear:both; }
#content { float:left; width:920px; margin:0; padding:0 30px 24px; background:#fff; clear:both; }
#types { float:left; width:956px; margin:0; padding:0 12px 24px; background:#fff; clear:both; }
#products { float:left; width:956px; margin:0; padding:0 12px 24px; background:#fff; clear:both; }
#featured { float:left; width:956px; margin:0; padding:0 12px 20px; background:#fff url(/images/skin2011/featured_caw.png) 0 0 no-repeat; clear:both; }
#footer { float:left; width:980px; margin:0; padding:0 0 20px; clear:both; }


/* Misc */
.decorated  { color:#1479ad; padding:3px 0; border-top:2px solid #eee; border-bottom:2px solid #eee; }
.underlined  { padding:3px 0; border-bottom:2px solid #eee; }
.noresults { font-style:italic; text-align:center; }
#content p { font-size:1.1em; }
#featured h2 { color:#fff; font-size:16px; margin:9px 0 20px 3px; }
.error, .error li { color:#ff0000; }
div.hr { width:100%; height:2px; margin:10px 0; background:#eee; }


/* Header */
#header .user-tab { float:left; width:500px; height:32px; margin:6px 20px 0 0; padding:0; text-align:right; color:#c6fd28; font-size:1.1em; }
#header .user-tab a { color:#c6fd28; line-height:30px; }
#header .vertsep { float:left; height:34px; width:1px; margin:13px 7px 0; background:url(/images/skin2011/vertsep.png) 0 0 no-repeat; }
#header .mainphone { float:left; height:34px; width:146px; margin:12px 5px 0; background:url(/images/skin2011/phone.png) 0 0 no-repeat; }
#header .tagline { float:left; height:34px; width:540px; margin:12px 5px 0 10px; background:url(/images/skin2011/tagline.png) 0 0 no-repeat; }
#header a.logo { display:block; float:left; height:84px; width:110px; margin:0 0 0 20px; background:url(/images/skin2011/logo.png) 0 0 no-repeat; }
#header a.cart-tab, #header a.feat-tab { display:block; float:left; height:32px; margin:6px 0 0 0; line-height:32px; font-size:1.1em; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; font-family:'Segoe UI', geneva, sans-serif; text-decoration:none; }
#header a.cart-tab { width:130px; padding-left:40px; }
#header a.feat-tab { width:160px; }
#header a.facebook, a.twitter, a.blogger { display:block; float:left; height:27px; width:27px; margin:16px 0 0 5px; background:url(/images/skin2011/social.png) 0 0 no-repeat; }
#header a.facebook { background-position:0 0; }
#header a.twitter { background-position:0 -27px; }
#header a.blogger { background-position:0 -54px; }


/* Navbar */
#navbar table.mainMenu td { padding:0; }
#navbar #ctl00_MainMenu1_mnuMainn0 { background:#a20101 url(/images/skin2011/menu-left.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn1 { background:#a24101 url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn2 { background:#bb660b url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn3 { background:#d5a600 url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn4 { background:#aacd3f url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn5 { background:#8ba930 url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn6 { background:#30a985 url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn7 { background:#018cc1 url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar #ctl00_MainMenu1_mnuMainn8 { background:#1479ad url(/images/skin2011/menu.png) 0 0 no-repeat; }
#navbar .mainStaticMenuStyle { width:106px; height:50px; padding:0; text-align:center; line-height:12px; margin-bottom:0; }
#navbar .mainStaticMenuStyle a { font-weight:bold; text-transform:uppercase; text-decoration:none; z-index:5001; color:#fff; font-family:'Segoe UI', geneva, sans-serif; }
#navbar div.mainDynamicMenuStyle { padding:2px 11px; margin-top:1px; border:1px solid #eee; border-top-color:#fff; border-bottom-color:#cdcdcd; border-right-color:#cdcdcd; }
#navbar .mainDynamicMenuStyle table, .mainDynamicMenuStyle table tr, .mainDynamicMenuStyle table tr td, .mainDynamicMenuStyle table tr td table, .mainDynamicMenuStyle table tr td table tr, .mainDynamicMenuStyle table tr td table tr td { margin: 0; padding: 0; }
#navbar .mainDynamicMenuStyle table tr td { width:130px; padding:2px 0; }


/* Searchbar */
#searchbar .wrap { float:left; height:50px; width:954px; margin:0; padding:0; background:url(/images/skin2011/grad.png) 0 0 repeat-x; font-family:'Segoe UI', geneva, sans-serif; }
#searchbar .left-pane { float:left; height:40px; margin:0; padding:0; }
#searchbar .mid-pane { float:left; height:40px; margin:0; padding:0; }
#searchbar .right-pane { float:left; height:40px; margin:0; padding:0; }
#searchbar .or-pane { float:left; height:40px; line-height:40px; margin:0 10px; padding:0; font-weight:bold; font-size:1.1em; font-style:italic; color:#333; }
#searchbar .left-pane img { float:left; height:40px; width:40px; margin:0; padding:0; }
#searchbar .left-pane .title { float:left; height:40px; line-height:40px; margin:0 10px; padding:0; font-weight:bold; font-size:1.2em; color:#333; }
#searchbar input[type=text] { float:left; margin:9px 3px 0 0; padding:2px 4px; width:155px; height:16px; border:1px solid #ccc; font-size:1.1em; color:#333; }
#searchbar a { float:left; margin:8px 0 0 3px; font-size:1.1em; }
#searchbar .select-wrap { color:#333; float:left; padding:0; margin:9px 3px 0 0; }
#searchbar .select-wrap select { width:152px; margin:0; padding:1px; border:#fff; color:#333; border:1px solid #ccc; font-size:1.1em; }
#searchbar .select-wrap select option { padding:1px 4px; }


/* Accountbar */
#accountbar .account-menu { width:942px; margin:0; padding:3px 6px; text-align:center; font-size:1em; border-bottom:2px solid #eee; color:#333; }
#accountbar .account-menu a { text-transform:uppercase; font-weight:bold; text-decoration:none; font-family:'Segoe UI', geneva, sans-serif; }


/* Footer */
#footer .left-pane { float:left; width:500px; height:115px; overflow:hidden; margin:0; padding:20px 40px; background:#3091a9 url(/images/skin2011/footer.png) 0 bottom no-repeat; border-top:1px solid #323232; color:#fff !important; }
#footer .mid-pane { float:left; width:158px; height:115px; overflow:hidden; margin:0; padding:20px; background:#8ba930 url(/images/skin2011/footer.png) -581px bottom no-repeat; border:1px solid #323232; border-bottom:0 none; }
#footer .right-pane { float:left; width:160px; height:124px; overflow:hidden; margin:0; padding:16px 20px; background:#fff url(/images/skin2011/footer.png) right bottom no-repeat; }
#footer a { font-weight:bold; }
#footer .left-pane a { color:#fffdbf; }
#footer .mid-pane a { color:#fff; }
#footer .mid-pane a, #footer .right-pane a { font-size:0.9em; }
#footer ul { margin:0 0 0 20px; }
#footer li { list-style:none; padding:0 0 2px; }


/* Popups */
.modal { width:500px; padding:20px; border:3px solid #1479ad; background:#fff; font-size:1.1em; }
.modal.narrow { width:240px; }
.modal.narrow input[type=text] { width:134px; padding:4px; font-size:1em; }
.modal-background { position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:#000; filter:alpha(opacity=50); opacity:0.5; z-index:6000; }


/* Buttons */
.btn-purple, .btn-green, .btn-blue, .btn-black { display:block; float:right; height:24px; line-height:24px; width:84px; margin:0 0 0 3px; color:#fff !important; text-decoration:none; font-weight:bold; text-transform:uppercase; text-align:center; font-family:'Segoe UI', geneva, sans-serif; background:url(/images/skin2011/button.png) 0 0 no-repeat; }
.btn-purple.wide, .btn-green.wide, .btn-blue.wide { width:140px; background-image:url(/images/skin2011/button_wide.png); }
.btn-purple.narrow, .btn-green.narrow, .btn-blue.narrow { width:34px; background-image:url(/images/skin2011/button_narrow.png); }
.btn-purple { background-position:0 -72px; }
.btn-green { background-position:0 -48px; }
.btn-blue { background-position:0 0; }
.btn-black { background-position:0 -24px; }
.btn-purple:hover, .btn-green:hover, .btn-blue:hover { background-position:0 -24px; }
.btn-black:hover { background-position:0 0; }


/* Product Listings */
.item { float:left; height:190px; width:215px; margin:10px 0 0; padding:12px; background:url(/images/skin2011/item.png) -1px 0 no-repeat; }
.item .title { height:24px; vertical-align:top; }
.item .title a { color:#1479ad; font-size:1.5em; font-weight:bold; }
.item .price { float:left; color:#a20101; font-weight:bold; font-size:1.1em; line-height:24px; }
.item .prod_image { float:left; width:76px; height:95px; margin: 10px 0px 0px 2px; }
.item .prod_desc { float:left; width:125px; height:140px; margin:10px 0px 0px 10px; }
.item .prod_desc ul { margin-top:0px; margin-bottom:0px; }
.item ul { margin-left:12px; }
.featured-item { float:left; width:440px; margin:3px; padding:16px 16px 0; background:url(/images/skin2011/featured_item.png) 0 0 no-repeat; }
.featured-item a.title { float:left; font-size:1.5em; font-weight:bold; }
.featured-item a.more {  }
.featured-item p { margin:0; }
.featured-item .price { float:right; color:#222; font-style:italic; font-weight:bold; font-size:1.3em; line-height:24px; padding-right:20px; }
.sortbar { width:920px; margin:0 auto; padding:0; }
.sortbar p { font-size:1.1em; }
.product-list { width:100%; }
.product-list td { padding:0; }
.product { float:left; height:190px; width:215px; margin:10px 0 0; padding:12px; background:url(/images/skin2011/item.png) -1px 0 no-repeat; }
.product.onsale { background-position:-240px 0; }
.product td { padding:4px; }
.product a.title { color:#1479ad; font-size:1.2em; font-weight:bold; }
.product a.product-code { color:#1479ad; font-size:1.1em; font-weight:bold; }
.product.onsale a.title { color:#444; }
.product.onsale a.product-code { color:#444; }
.product .price { float:left; color:#a20101; font-weight:bold; font-size:1.1em; line-height:24px; }
.product ul { margin-left:12px; }
.product li {  }
.price-panel { float:left; width:280px; margin:0 0 20px; padding:6px; clear:both; border:1px solid #eee; }
.price-panel p { font-size:1em; margin:0.5em 0; }
.price-panel div.button-row { float:left; width:280px; margin:5px 0; clear:both; }
.price-panel div.button-row select { float:left; width:190px; font-size:11px; color:#333; border:1px solid #333; margin:2px 0 0; padding:1px; }


/* Forms */
table.form-layout { border:0 none; }
table.form-layout.fullwidth { width:100%; }
table.form-layout caption { margin:0.5em 0; text-align:left; font-weight:bold; font-size:123.1%; color:#666; text-transform:uppercase; font-family:'Segoe UI', geneva, sans-serif; }
table.form-layout td { padding:0 2px; height:24px; border:0 none; }
table.form-layout th, table.form-layout td.header { padding:2px; font-weight:bold; color:#333; border:0 none; text-transform:uppercase; }
table.form-layout th.padleft, table.form-layout td.header.padleft { padding-left:16px; }
table.form-layout td.button-cell { height:40px; }
table.form-layout td.footer-cell { height:30px; padding-left:16px; }
table.form-layout td.captcha-cell { text-align:right; padding:4px 0; }
table.form-layout td.text-cell p { margin:10px 0; color:#444; font-size:10px; }
table.form-layout td.gray-cell { background:url('/images/skin2011/fn3_bg.jpg') 0 0 repeat-x; }
table.form-layout td.gray-cell.selected { background:url('/images/skin2011/fn5_bg.jpg') 0 0 repeat-x; color:#fff; }
table.form-layout td.field { padding:0 2px 0 16px; width:180px; background:url('/images/skin2011/fn_bg.jpg') 0 0 no-repeat; }
table.form-layout td.field.selected { background:url('/images/skin2011/fn4_bg.jpg') 0 0 no-repeat; color:#fff; }
table.form-layout td.field.required { padding-left:16px; background:url('/images/skin2011/fn_bg.jpg') 0 -24px  no-repeat; }
table.form-layout td.field-nowidth { padding-left:16px; background:url('/images/skin2011/fn_bg.jpg') 0 0 no-repeat; }
table.form-layout td.field-tall { padding:5px 2px 0 16px; vertical-align:top; width:180px; background:url('/images/skin2011/fn2_bg.jpg') 0 0 no-repeat; }
table.form-layout td.field-tall.required { background:url('/images/skin2011/fn_bg.jpg') 0 -24px  no-repeat; }
table.form-layout td.input { padding:0 2px 0 4px; border-left:2px solid #fff; background:url('/images/skin2011/fld_bg.jpg') repeat-x; }
table.form-layout td.input-tall { padding:2px 2px 2px 4px; border-top:2px solid #fff; border-bottom:1px solid #fff; border-left:2px solid #fff; vertical-align:top; background:url('/images/skin2011/fld2_bg.jpg') repeat; }
table.form-layout td.input-tall.selected { background:url('/images/skin2011/fld3_bg.jpg') repeat; }
table.form-layout input[type=text], table.form-layout input[type=password], table.form-layout textarea, table.form-layout select { width:200px; font-size:11px; color:#333; border:1px solid #333; margin:0; padding:1px; }
table.form-layout select { width:204px; }
table.form-layout input.invalid { border:1px solid #ff0000; }
table.form-layout input[type=checkbox] { margin:0 3px 0 0; }
table.form-layout input[type=radio] { float:left; margin:0 3px 0 0; }


/* FAQs */
h4.faq { color:#154e9b; padding:3px 0; margin:20px 0 0; font-size:1.1em; }
h3.faq  { color:#154e9b; padding:3px 0; margin:20px 0 0; border-top:2px solid #eee; border-bottom:2px solid #eee; font-size:1.5em; }
h4.question { margin:10px 0 3px; color:#1479ad; font-style:italic; font-size:1.2em; text-transform:none; }
div.answer { border-left:14px solid #eee; padding-left:10px; }
ul.questions { margin-top:4px; }
ul.questions li { padding:2px 0; }