/* ### GENERAL ### */
html, body { margin: 0; border: 0; padding: 0; height: 100%; font-family: "trebuchet Ms", Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-align: center;}
img { border: 0;}
fieldset { border: 0;}
/* ### GLOBAL CLASSES ### */
.clear { clear: both; font-size: 0px; line-height: 0px;}
/* titel page*/
h1 {font-size: 24px; color: #174b46; font-weight: bold;}
/* title product overview */
h2 {font-size: 18px; color: #174b46; font-weight: bold;}
/* titel hot product*/
h3 {margin: 0; padding: 0; font-size: 14px; color: #174b46; font-weight: bold;}
/* titel item*/
h4 {margin: 0; padding: 5px 0 0 6px; font-size: 11px; color: #174b46; font-weight: bold;}
/* ### GENERAL ### */
#mainContainer {margin: 0 auto; padding: 0; width: 960px; text-align: left;}
#header {padding: 0 0 0 150px; border: 0; }
#header img {margin: 0; border: 0; padding: 0; z-index: 10;}
#navigation { margin: 0 0 0 150px; border: 0; padding: 0; width: 810px; height: 37px; background: url(../gfx/frontend/bgNav.jpg) no-repeat; text-transform: uppercase; position: relative; z-index: 20; text-align: left;}
#navigation ul {margin: 0; border: 0; padding: 0 0 0 20px; width: 810px;}
#navigation li {margin: 0; border: 0; padding: 1px 0 0 0; list-style-type: none; display: inline;}
#navigation ul a {margin: 0; border:0; padding: 6px 10px 0px 10px; color: #174b46; text-decoration: none; display: inline-block; height: 27px; font-weight: bold;}
#navigation ul a:hover {color: #174b46; text-decoration: none; background: url(../gfx/frontend/navMouseOver.jpg) repeat-x; display: inline-block; }
#search { margin: 0; padding: 0; position: absolute; top: -36px; left: 590px; z-index: 20; width: 180px; text-align: left;}
#search input { margin: 0; padding: 0 20px 0 4px; width: 160px; ;color: #757575; float: left;}
.searchButton { margin: 0; padding: 0; position: absolute; top: 4px; left: 168px;}
#paymentBar {margin: 0; border: 0; padding: 0 0 0 180px;; height: 30px; width: 960px;}
#contentContainer {margin: 0; border: 0; padding: 0; width: 960px; height: 200px;}
#category {margin: 0; border: 0; padding: 0; width: 150px; float: left; height: 100px; text-align: center;}
#category ul {margin: 0; border: 0; padding:0;}
#category li {margin: 0 0 20px 0; border: 0; padding:0; list-style-type: none;}
.categoryImage {margin: 0; border: 1px solid #174b46; padding: 0; text-decoration: none;}
#category a {text-decoration: none; color: #174b46;}
#category a:hover {font-weight: bold; color: #174b46;}
#contentRight {margin: 0 0 0 150px; border-left: 1px solid #174b46; border-top: 1px solid #174b46; border-bottom: 1px solid #174b46; padding: 0; width: 800px; background: url(../gfx/frontend/bgContentTop.jpg) repeat-x;}
#rightColumn {margin: 12px 0 0 0; border-left: 1px dotted #174b46; padding: 0 0 0 0; width: 212px; float: right;}
.item { margin: 0 0 0 26px; border: 0; padding: 0; width: 188px;}
.itemHeader { margin: 0; border: 0; padding: 0; width: 187px; height: 30px; background: url(../gfx/frontend/headerItem.jpg) no-repeat; color: #FFF; font-size: 11px; font-weight: bold;}
.itemContent { margin: 0 0 20px 0; border: 0; padding: 0; width: 187px; background: url(../gfx/frontend/bgItem.jpg) no-repeat; font-size: 11px; color: #174b46;}
.itemContent ul { margin: 0; padding: 6px 0 0 4px;}
.itemContent li { margin: 0; padding: 0; position: relative; list-style-type: none;}
.deleteItem { margin: 0; padding: 0; position: absolute; top: 0px; left: -24px;}
.itemContent a {text-decoration: none; color: #174b46}
.itemContent a:hover {text-decoration: underline; color: #174b46}
.priceShoppingcart {position: absolute; top: 0px; right: 8px;}
.priceText {margin: 0; padding: 0 8px 0 0; text-align: right;}
.itemContent h3 {margin: 12px 0 0 4px; padding: 0;}
.hotProduct {margin: 12px 0 0 4px;}
.itemContentText {margin: 12px 0 0 4px;}
#content {margin: 0; border: 0; padding: 0; width: 578px;}
#horCategory { margin: 0; border: 0; padding: 0; width: 578px; height: 30px;}
#horCategory ul {margin: 0; border: 0; padding: 4px 0 0 16px;}
#horCategory li {margin: 0; border-right: 1px solid #757575; padding: 0 6px 2px 6px; float: left; list-style-type: none;}
#horCategory a {color: #757575; text-decoration: none;}
#contentText {margin: 12px 10px 20px 20px; font-size: 12px; color: #3a3a3a;}
.clearIt {margin: 0; border: 0; padding: 0; clear: both; height: 0px; line-height: 0px; font-size: 0px;}
#footer {margin: 0 0 0 150px; border: 0; padding: 20px 0 0 0 ; width: 800px; background: url(../gfx/frontend/bgFooter.jpg) repeat-x; height: 92px; text-align: center;}
#footer p {margin:0; padding:0;}
/* general links */
a.infoButton {margin: 0; padding: 3px 0 0 0; display: block; width: 141px; height: 26px; background: url(../gfx/frontend/infoButton.jpg) no-repeat; text-decoration: none; color: #FFF; font-size: 13px; text-align: center;}
a.infoButton:hover {text-decoration: underline;}
a.importantButton {margin: 0; padding: 3px 0 0 0; display: block; width: 185px; height: 30px; background: url(../gfx/frontend/redButton.jpg) no-repeat; text-decoration: none; color: #FFF; font-size: 13px; text-align: center;}
a.importantButton:hover {text-decoration: underline;}
a.importantPrintButton {margin: 0; padding: 3px 0 0 0; display: block; width: 185px; height: 30px; background: url(../gfx/frontend/redButton.jpg) no-repeat; text-decoration: none; color: #FFF; font-size: 13px; text-align: center; position:absolute; bottom: 10px; left: 340px;}
a.importantPrintButton:hover {text-decoration: underline;}
/* presentation category */
.overviewProduct {margin: 0 0 20px 0; border: 1px solid #174b46; padding: 0px; width: 550px; height: 150px; position: relative;}
.overviewProduct h2 {margin: 0; padding: 0 8px; position: absolute; top: -12px; left: 10px; background-color:#FFFFFF}
.overviewImage {margin: 0; padding: 0; position: absolute; top: 18px; left: 10px;}
.overviewProduct .infoButton {position: absolute; bottom: 10px; left: 400px;}
.overviewDescription {margin: 0; position: absolute; top: 20px; left: 180px; width: 200px; height: 112px; overflow: hidden; font-size: 12px;}
.overviewPrice {margin: 0; padding: 0; position: absolute; top: 20px; left: 400px;}
.overviewProduct h3 {font-size: 18px; color: #FF0000;}
/* presentation product */
#productDetails {margin: 0 0 20px 0; border: 1px solid #174b46; padding: 0px; width: 550px; height: 418px; position: relative;}
#productDetails h2 {margin: 0; padding: 0 8px; position: absolute; top: -12px; left: 10px; background-color:#FFFFFF}
#productImage {margin: 0; border: 1px solid #174b46; padding: 0; position: absolute; top: 18px; left: 10px;}
#productDetails .importantButton {position: absolute; bottom: 42px; left: 340px;}
#productSpecs { margin: 0; border-left: 1px solid #174b46; border-right: 1px solid #174b46; border-bottom: 1px solid #174b46; padding:0; position: absolute; top: 18px; left: 330px; width: 200px;}
#productSpecsTitle {margin: 0; padding: 0; height: 34px; background: url(../gfx/frontend/bgSpecs.jpg) repeat-x;}
#productSpecsTitle h3 {margin: 0; padding: 5px 0 0 6px; font-size: 14px; color: #174b46; font-weight: bold;}
#productDetails label {width: 100px; display: block; float: left; font-weight: bold;}
#orderSpecs {margin: 10px; padding: 0; line-height: 22px;}
#productPrice {margin: 0; padding: 0; position: absolute; top: 180px; left: 340px;}
strike { background: transparent url(../gfx/frontend/action.gif) no-repeat scroll 50% 50%; font-size:19px; text-decoration:none;}
.actionPrice { position: relative; font-size: 40px; display: block;}
.euroCent { position: absolute; font-size: 20px; top: 2px; margin-left: 4px; }
.productProps {margin: 0 0 20px 0; border: 1px solid #174b46; padding: 0 0 10px 0; width: 550px; position: relative;}
.productProps h2 {margin: 0; padding: 0 8px; position: absolute; top: -12px; left: 10px; background-color:#FFFFFF}
.productPropsContent { margin: 20px 10px 10px 10px; border: 0; padding: 0;}
.productPropsContent img {border: 1px solid #174b46;}
.productPropsContent a {text-decoration: none;}
#specs { border-right: 1px solid #174b46; border-bottom: 1px solid #174b46; font-size: 12px; width: 530px;}
#specs td {border-top: 1px solid #174b46; border-left: 1px solid #174b46; padding: 2px 6px;}
.spec {font-weight: bold;}
#orderDetails {margin: 0; border: 1px solid #174b46; padding: 20px 0 0 0; width: 550px; position: relative;}
#orderDetails h2 {margin: 0; padding: 0 8px; position: absolute; top: -12px; left: 10px; background-color:#FFFFFF}
#processImage { margin: 20px 0 0 0; border: 0; padding: 0; width: 500px; height: 64px; background: url(../gfx/frontend/bgStatus.jpg) no-repeat; position: relative;}
#statusImage {margin: 0; border: 0; padding: 0; width: 125px; height: 64px;}
#processImage1 {position: absolute; top: 0px; left: 0px; display: none;}
#processImage2 {position: absolute; top: 0px; left: 125px; display: none;}
#processImage3 {position: absolute; top: 0px; left: 250px; display: none;}
#processImage4 {position: absolute; top: 0px; left: 375px; display: none;}
#orderContent {margin: 20px 0 0 0; border:0; padding: 0 80px 10px 40px;}
#orderContent ul {margin: 0; padding: 0;}
#orderContent li {margin: 0 0 4px 0; padding: 0; position: relative; list-style-type: none;}
#orderContent .deleteItem { margin: 0; padding: 0; position: absolute; top: 2px; left: -24px;}
#orderContent a {text-decoration: none; color: #174b46}
#orderContent a:hover {text-decoration: underline; color: #174b46}
.productCounter {margin: 0 10px 0 0; padding: 0;}
.priceShoppingcart {position: absolute; top: 0px; right: 8px;}
.priceText {margin: 0; padding: 0 8px 0 0; text-align: right;}
#steps {margin: 10px 0 10px 0; border: 0; padding: 0; width: 466px; height: 30px; text-align: left;}
#nextStep {margin: 0 0 0 280px;}
a.moreShopping {margin: 0 0 0 20px; padding: 3px 0 0 0; display: block; width: 185px; height: 30px; background: url(../gfx/frontend/bgShop.jpg) no-repeat; text-decoration: none; color: #FFF; font-size: 13px; text-align: center; float: left;}
a.moreShopping:hover {text-decoration: underline;}
#orderForm {margin: 0; border: 0; padding: 12px 0 0 0; width: 466px;}
.formrow {margin: 0; border: 0; padding: 0;}
#orderForm label {width: 160px; float: left; display: block;}
#orderForm a {color: #FFF;}
#orderForm a:hover {color: #FFF;}
input.long {width: 240px; border: 1px solid #174b46; padding: 0 0 0 2px;}
.selectCountry {width: 240px; border: 1px solid #174b46; padding: 0 0 0 2px;}
input.short {margin: 0px 4px 0 0; width: 40px; border: 1px solid #174b46; padding: 0 0 0 2px; float: left;}
.required {color: #FF0000;}
.offerProduct {margin: 0 20px 20px 0; border: 1px solid #845046; padding: 0px; width: 160px; height: 184px; position: relative; float: left;}
.offerProduct h2 {margin: 0; padding: 0 8px; position: absolute; top: -12px; left: 10px; background-color:#FFFFFF; font-size: 12px; }
.offerImage {margin: 0; border: 1px solid #000; padding: 0; position: absolute; top: 6px; left: 10px; z-index: 1;}
.offerProduct .infoButton {position: absolute; bottom: 2px; left: 10px;}
.offerDescription {margin: 0; position: absolute; top: 130px; left: 20px; width: 120px; height: 112px; overflow: hidden; font-size: 12px;}
.offerPrice {margin: 0; padding: 0; position: absolute; top: 114px; left: 20px; font-size: 14px; z-index: 20; line-height: 16px;}
.offerProduct h3 {margin: 0px; padding: 0px; font-size: 16px; color: #FF0000;}
.offerProduct h4 {margin: 0px; padding: 0px; font-size: 12px; color: #FF0000;}