html, body, * { padding:0px; margin:0px; }
.container {width:949px;margin:0 auto;}
.container.popup { width:475px; }
.clear {clear:both;height:1px;line-height:1px;}
img { border-width:0px; }

/* BACKGROUND IMAGE */
body { background-image:url(../pics/frontend/gradient_white_afterlogin.png); background-repeat:no-repeat;}
body.login { background-image:url(../pics/frontend/gradient_white_login.png); background-repeat:no-repeat; width:1000px;}

/* GENERAL */
#logo { height:66px; padding-top:30px; text-align:right; }
.headline { height:79px; background-image:url(../pics/frontend/headline_gradient.gif); background-repeat:repeat-x; text-align:center; border-style:solid; border-width:0 0 1px 0 }
.headline h1 { padding-top:25px; margin-bottom:0px; }
#content { border-style:solid; border-width:1px; margin-bottom:40px; }
#content.popup { padding:20px; margin-top:30px; }

#content.popup h1 { margin-bottom:20px }
#content.popup h2 { margin-top:10px }
#content.popup p  { margin-bottom:5px  }

.product { float:left; width:236px; border-style:solid; border-width:0 1px 1px 0; }
.product.last { border-right-width:0px; }
.product .image { height:191px; border-style:solid; border-width:0 0 1px 0; text-align:center; }
.product .desc { height:44px; background-image:url(../pics/frontend/product_gradient.png); background-repeat:no-repeat; cursor:pointer; text-align:center; padding-top:18px; }
.product:hover .desc { background-image:url(../pics/frontend/product_gradient_active.png); }

.product_detail { padding:32px 0 0 41px; background-image:url(../pics/frontend/product_detail_bg.png); background-repeat:repeat-x; height:415px; }
.product_detail .image { float:left; width:316px; height:382px; background-color:white; border-style:solid; border-width:1px; text-align:center; }
.product_detail .desc, .product_detail .buttons { float:left; margin-left:47px; width:450px; }
.product_detail .desc { height:356px; }
.product_detail .title { margin-bottom:30px; }
.product_detail h3 { margin-bottom:10px; padding-top:10px; }
.product_detail p { margin-bottom:20px; }
.product_detail ul { list-style-type:none; padding-left: 7px; text-indent: -7px; }

.product_thumbs { background-color:white; border-style:solid; border-width:1px 0 0 0; height:94px;}
.product_thumb { float:left; width:157px; height:95px; border-style:solid; border-width:0 1px 0 0; text-align:center; }
.product_thumb.active, .product_thumb:hover  { background-image:url(../pics/frontend/shadow_thumbnailview.png); background-repeat:no-repeat; }
.product_arrow_left { float:left; width:78px; height:95px; border-style:solid; border-width:0 1px 0 0; background-image:url(../pics/frontend/back_normal.gif); background-repeat:no-repeat; background-position:32px 40px }
.product_arrow_right { float:left; width:78px; height:95px; border-style:solid; border-width:0px; background-image:url(../pics/frontend/next_normal.gif); background-repeat:no-repeat; background-position:32px 40px }
.product_arrow_left:hover { background-image:url(../pics/frontend/back_mouseover.gif); }
.product_arrow_right:hover { background-image:url(../pics/frontend/next_mouseover.gif); }
.product_arrow_left.inactive:hover { background-image:url(../pics/frontend/back_normal.gif); }
.product_arrow_right.inactive:hover { background-image:url(../pics/frontend/next_normal.gif); }

.checkout { height:571px; background-image:url(../pics/frontend/checkout_bg.png); background-color:#e2e2e2; background-repeat:repeat-x; padding:36px 0 0 36px; }
.checkout .image { float:left; width:317px; height:492px; background-color:white; text-align:center; }
.checkout .desc { float:left; width:450px; margin-left:83px; position:relative; }
.checkout h2 { margin-bottom:20px; }
.checkout input { width:450px; height:17px; padding-top:3px; margin-top:3px; margin-bottom:8px; }
.checkout .disclaimer { background-image:url(../pics/frontend/yellow_gradient_disclaimer.png); background-repeat:repeat-x; height:47px; border-style:solid; border-width:1px 1px 0 1px; line-height:47px; }
.checkout .disclaimer.last { border-width:1px; }
.checkout .disclaimer input { float:left; width:40px; margin-top:15px; }
.checkout .buttons { margin-top:30px; }
.checkout .error_message { position:absolute; left:0px; top:504px; }

/*.pagination { display:block; text-align:center; padding:18px 0 }
.pagenumber { margin-right:6px; width:20px; height:20px; border-style:solid; border-width:1px; display:block; float:left; }*/
.pagination { width:949px; height:30px; line-height:30px; }
.pagination a { display:block; float:left; margin-top:5px; margin-right:6px; text-align:center; width:19px; height:19px; line-height:19px; }
.pagination a.last { margin-right:0px; }



/* LOGIN PAGE */
#login h1 { padding-top:30px; padding-bottom:10px }
#login input { height:22px; width:220px; margin-right:20px; margin-bottom:5px; padding-top:3px; }
#login p { margin-bottom:20px; }
#login ol { list-style-position:inside; line-height:20px; margin-bottom:20px; }

/* ERRORS */
ul.errorlist { list-style-position:inside; list-style-type:none; list-style-image:url(../pics/warning.png); }

/* BUTTONS */
.button { cursor:pointer; }
.button .top { margin-left:1px;margin-right:1px;height:1px; }
.button .middle { height:25px;border-style:solid;border-width:0px 1px;position:relative; }
.button .bottom { margin-left:1px;height:1px; }
.button .opaque_bg { position:absolute;left:0px;top:0px;background-color:white;width:100%;height:13px;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.button .text { position:relative;font-weight:bold;margin:0px 10px 0 20px;height:25px;line-height:25px }
.button img.right_arrow { float:right; margin:8px 8px 0 0; }
.button img.left_arrow { float:left; margin:8px 0 0 8px; }

/* FOOTER */
#footer { position:fixed; bottom:0; left:0; width:100%; height:32px; height:33px; line-height:33px; }
#footer .container { padding-left:50px; }
#footer div { height:33px; line-height:33px; }
#footer a { margin-right:28px; }
.login #footer div { padding-left:50px; }

/* TESTMODE */
#testmode { position:fixed; bottom:0; left:0px; width:150px; height:60px; background-color:red; color:white; font-weight:bold; padding:10px; }