/* General */
body {background:#FFFFFF; margin:0px; padding:0px; background-image:url('/gfx/dirt2.jpg'); background-position:870px 220px; background-repeat:no-repeat}
body, div, td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px}
.error {color:#ED171F}
.errorbox {border:1px solid #ED171F; padding:20px; background:#fde1e1; width:400px; margin-left:160px}
.separator {clear:both; height:1px; font-size:1px}
.separator20 {clear:both; height:20px; font-size:1px}
.separator30 {clear:both; height:30px; font-size:1px}
form {padding:0px; margin:0px}
li {color:#Ed171F; list-style-type:square}
li span {color:#000000}

/* Main Layout */
#doc {width:950px; min-height:600px; height:600px; background:url('/gfx/dirt1.jpg'); background-position:100% 0; background-repeat:no-repeat; padding:0px; margin:0px}
#doc .menu {height:180px;}
#doc .footer {height:20px; text-align:center}
#doc .threeColumn .left {width:300px;}
#doc .threeColumn .main {width:400px;}
#doc .threeColumn .right {width:220px;}
#doc .twoColumn .left {width:700px;}
#doc .twoColumn .right {width:220px}
#doc .oneColumn .right {width:920px}
#doc .threeColumn .main .margin, #doc .threeColumn .right .margin, #doc .twoColumn .left .margin, #doc .twoColumn .right .margin, #doc .oneColumn .left .margin {margin:0px 10 0 10}

/* Headings */
.designHeading {margin-left:40px; width:800px}
.heading1 {font-size:24px; font-weight:bold}
.heading2 {font-size:20px; color:EF111C; font-weight: bold}
.heading3 {font-size:16px; font-weight:bold}

/* Colors */
.red {color:#EF111C}
.green {color:#01C500}
.yellowLight {color:#FFFCD9}
.greenLight {color:#CBFECB}
.greenLight2 {color:#EEFEEE}
.greenDark {color:#255725}
.grey {color:#666666}

/* MainNavi */
.loginLogo {background-image:url('/gfx/headerLogo.jpg'); background-repeat:no-repeat; padding-top:100px; height:124px; cursor:pointer}
#search{background-image:url('/gfx/bg_search.jpg'); background-repeat:no-repeat; background-position:100% 10px; padding-top:23px;}
#search .label {font-size:18px; font-family:Verdana; color:#666666}
#search .textfield {margin-top:5px; color:#666666; width:200px}
.mainNavi a {font-size:14px; text-decoration:none; font-weight:bold; margin-right:3px; font-family:Verdana;}
.mainNavi a.active {color:#999999}
.mainNavi a.inactive {color:#000000}
.mainNavi a:hover {color:#EF111C}
.login a {font-size:12px; text-decoration:none; font-weight:bold; margin-right:3px; font-family:Verdana;}
.login a.active {color:#999999}
.login a.inactive {color:#000000}
.login a:hover {color:#EF111C}
#shoppingCartOverview {width:200px; padding:10px; background:#000000;}

/* Forms */
.formHeader {background-color:#ED171F; color:#FFFFFF; font-size:16px; font-weight:bold; height:29px; background-image:url('/gfx/bg_form_header.gif'); background-repeat:no-repeat}
.formHeader p {margin-left:20px; margin-top:0px; padding-top:3px}
.formLabel {color:#000000; font-weight:bold}
.formField {}
.formHint {color:#959595; font-size:11px}

/* Footer */
#footer {text-align:left;color:#000000; padding:0px;border-top:3px solid #000000; height:40px; padding-top:10px; margin-left:30px; margin-top:10px}
#footer a {color:#000000; text-decoration:none; margin-left:10px; font-size:12px}	
#footer a:hover {text-decoration:underline;}

/*Display Design Thumbs*/
.design220 {width:220px; height:165px; background-repeat:no-repeat; background-position:-90px -55px;border:0px solid #000000; float:left; margin-right:10px; margin-bottom:72px; cursor:pointer; background-color:#FFFFFF;}
.designDark220 {width:220px; height:165px; background-repeat:no-repeat; background-position:-90px -55px;border:0px solid #000000; float:left; margin-right:10px; margin-bottom:72px; cursor:pointer; background-color:#181818;}
.design220Meta {width:220px; overflow:hidden; height:50px; color:#666666; white-space:nowrap; margin-top:170px; position:absolute; z-index:3}

.design130 {width:130px; height:98px; background-repeat:no-repeat; background-position:-59px -35px;border:0px solid #000000; float:left; margin-right:6px; margin-bottom:12px; cursor:pointer; background-color:#FFFFFF}
.design130Meta {width:130px; overflow:hidden; height:45px; margin-top:100px; color:#666666; white-space:nowrap; position:absolute; z-index:3}

.design150 {width:150px; height:150px; background-repeat:no-repeat; background-position:-50px -15px;border:0px solid #000000; float:left; margin-right:21px; margin-bottom:72px; cursor:pointer; background-color:#FFFFFF;}
.design150Meta {width:150px; overflow:hidden; height:50px; color:#959595; white-space:nowrap; margin-top:150px; position:absolute; z-index:3}
.design100 {width:100px; height:100px; background-repeat:no-repeat; background-position:-30px -10px;border:0px solid #000000; float:left; margin-right:12px; margin-bottom:12px; cursor:pointer; background-color:#FFFFFF}
.design100Meta {width:100px; overflow:hidden; height:45px; margin-top:100px; color:#959595; white-space:nowrap; position:absolute; z-index:3}
.design50 {width:50px; height:50px; border:1px solid #F4F4F4; float:left; margin-right:5px; margin-bottom:5px; background-repeat:no-repeat; background-position:-75px -50px; cursor:pointer}
.designDark50 {width:50px; height:50px; border:1px solid #F4F4F4; float:left; margin-right:5px; margin-bottom:5px; background-repeat:no-repeat; background-position:-75px -50px; cursor:pointer; background-color:#181818;}

.priceStarburst {background-image:url('/gfx/starburstPrice.png'); background-repeat:no-repeat; width:46px; height:46px; font-size:xx-small; color:#FFFFFF; text-align:center; padding-top:4px; position:absolute; z-index:2}

#buyContainer {background:#F4F4F4; padding:5px; border-top:10px solid #F4DB01; margin-bottom:20px}
#buyContainer .previewSmall {float:left; width:30px; height:30px; clear:both; margin-right:10px; border:1px solid #000000; margin-bottom:5px}
#buyContainer .previewLarge {position:absolute; z-index:3; border:1px solid #000000; width:200px; height:200px; margin-top:-230px}
#buyContainer .label {margin-top:2px; color:#000000; font-size:13px; font-weight:bold; width:200px; height:55px; padding:5px 5 0 5; float:left; margin-right:15px;}
#buyContainer .product { width:56px; height:55px; float:left; margin-right:22px; padding:1px; text-align:center; font-size:9px; white-space:nowrap}

.tooltip {background-image:url('/gfx/arrow_tooltip.gif'); background-repeat:no-repeat; background-position:3px 0}
.tooltip p {margin:4px 0 0 0; padding:4px 10 4 10; background-color:#ED171F; color:#FFFFFF; font-size:11px; background-image:url('/gfx/bg_tooltip.gif'); white-space:nowrap}
.sideBoxHeader {margin-left: 10px; background:#959595; color:#FFFFFF; height:20px; line-height:20px; font-size:12px; width:220px;background-image:url('/gfx/sideBoxHeaderRight.jpg'); background-repeat:no-repeat; background-position:100% 0}
.sideBoxHeader p {margin-left: 0px; background-image:url('/gfx/sideBoxHeaderLeft.jpg'); background-repeat:no-repeat}
.sideBoxBody {background-color:#FFFFFF; width:220px; border-bottom:2px solid #CCCCCC}

#comments .meta, #comments .meta a {font-size:11px; color:#959595; height:20px;}
#comments .meta img.icon {margin-left:15px}
#comments .text {color:#333333}
#addComment {background:#e5e5e5; width:570px}

/* Paging */
#paging {margin-left:40px; width:600}
#paging .active {width:20px; height:20px; background-image:url('/gfx/icons/page_active.jpg'); background-repeat:no-repeat; text-align:center; float:left; margin-left:3px;width:30px; height:30px; cursor:pointer; padding-top:5px}
#paging .inactive {width:20px; height:20px; background-image:url('/gfx/icons/page_inactive.jpg'); background-repeat:no-repeat; text-align:center; float:left; margin-left:3px; width:30px; height:30px; cursor:pointer; padding-top:5px}
#paging .active a {color:#FFFFFF; text-decoration:none}
#paging .inactive a {color:#FFFFFF; text-decoration:none}
#paging .meta {padding:4px 2 0 2; margin-left:10px; width:180px; height:20px; color:#959595; float:left }

/* Tables */
table .header {background:#EF111C; color:#FFFFFF; text-align:center; padding:5px}
table .row {background:#F4F4F4; padding:5px}