body { font-family:Verdana; font-size:11.5px; padding:1em; background-color:#eee; }
img { border: 0px; }
table { font-family: Verdana, Arial, sans-serif; font-size:11.5px;}
a { color:black; }
h1, h3, h2 { font-size:11.5px; margin-top:0px; margin-bottom:3px;}
h1 a, h3 a { color:black; }
h2 { margin:15px 0 5px 0;}

p { margin:0px; }
.price a { font-weight: bold;  color:red; }

.price { color:#009; font-weight:bold; margin-bottom:1em; }

.errorlist { color:red; margin:0; margin-top:0.5em; }
.prodimg { margin-top:1em; }

.body { width:970px; margin:0 auto; border:1px solid #ccc; padding:0em; background-color:white; }

.header { border-bottom:1px solid #ccc; padding:0em; background-color:#333; background-image:url(/media/img/header_bg.png); }
.header h1 { margin:0; padding:10px 10px; }
.header h1 a { text-decoration:none; color:white; }
.header p { float:right; font-size:11px; color:white; margin:10px; }
.header p a { color:#fdfdfd; text-decoration:none;}
.header p a:hover { text-decoration:underline; }

.inner-content { margin:10px; margin-top:0px; }
.inner-content p { margin-bottom:12px; }

.footer { width:600px; margin:0 auto; font-size:9px; color:#202020; margin-top:1em; }
.footer p { text-align:center; }
.footer a { color:#202020; }

/* Index Page */

#payment_methods { margin:10px 0; }
h1 a.info, h3 a.info { color:blue; }
.col p { margin-top:0px; }
.col,.col-last { width:309px; margin-left:10px; margin-top:10px; height:160px; float:left; text-align:left; font-size:12px; border-right:solid 1px #ccc; }
.col-last { border:0px; }
.col-inner { margin-right:10px; }
.col-last .col-inner { margin-right:0; }
.clear { clear:both; }
.left { float:left; margin-right:10px; }

#tiefstpreisgarantie { padding-top:10px; padding-bottom:10px; }
#phone_contact { float:right; line-height:16px; margin-top:-1.5em; }
#phone_number { margin-left:10px; position:relative; font-size:14px; font-weight:bold; }
#call_button { position:relative; top:6px; }
#phone_questions { position:relative; top:10px; }

#platform-choices { float:right; }
.platform-choice { border:1px solid #e0e0e0;  font-weight:bold; font-family:Verdana, Arial, sans-serif; }
.platform-choice { float:right; display:block; padding:0 10px; line-height:35px; color:black; text-decoration:none; margin-left:10px; }

#platform-choices .active { background-color:#e0e0e0; }
.platform-choice:hover { background-color:#e0e0e0; }
.platform-choice img { position:relative; top:5px; }


.other-platform { font-size:11px; font-weight:normal; }
.product { border:1px solid #ccc; margin:0px; width:468px; float:left; }
.product.right { margin-left:10px; }
.product .prodimg { margin:12px 0 12px 12px; float:left; }
.product .price { margin:12px 12px 12px 130px; font-size:16px; }
.product .price a { color:#009; font-weight:bold; }
.product .name { margin:12px 12px 12px 130px; }
.product .description { margin:12px 12px 12px 130px; }
.product .description a { text-decoration:none; }
.product .order-button { float:right; margin-right:50px; }
.product .more-apps { color:#000; font-weight:bold; }
.product .application-list { line-height:1.8em; }

.product .buy-table {  margin-left:10px; }
.buy-table { margin-bottom:10px; }
.buy-table {text-align:left;}
.buy-table td, .buy-table th { padding-right:10px; text-align:left;}

/* Pricing table */

.original-price { text-decoration:line-through; font-size:11px; }
.our-price a, .our-price { font-weight:bold; color:red; }
.cart-icon { position:relative; top:4px; }
.cart-text { position:relative; top:-6px; font-size:11px; }

.hr { border-bottom:1px solid #ccc; margin:0 10px; padding:8px; }

.faq-question { margin: 10px; }

/* Product Detail Page */

.detail { border:0px; }
.detailimg { margin:0 30px; float:left; }
.text-right { margin-left:165px; }
h3.apps { margin:10px 0; }
.app-list-1, .app-list-2 { width:150px; float:left;  }
.app-list-2, .app-list-1 { margin:0; padding:0; list-style-type:none; }
.app-list-2 li, .app-list-1 li { margin:0px; }

/* Order Page */

.order { font-size:11.5px; }
.order { vertical-align:top; }
.order-header th { padding:10px 0; border-bottom:#ccc 1px solid; }
.order-product td { padding-top:10px;  border-bottom:#ccc 1px solid; }
.order .name { width:600px; }
.order .image { width:60px; }
.order th { text-align:left; }
.order .image { padding:10px; }
.order .shipping td { padding-top:10px; padding-bottom:5px;}
.order .free-shipping { color:green; font-weight:bold; }

.order .total-line td.line { border-bottom:2px #ccc solid; border-top:1px #ccc solid; padding:5px 0;}

.order .total-line td.line, .shipping td.line, .free-shipping { padding-left:5px; }

.total-right { padding-left:20px !important; }

#phone-bottom { text-align:center; border-top:1px solid #ccc; padding-top:10px; padding-bottom:15px; margin-top:20px; background-color:#f9f9f9;  }

#order-form th { text-align:left; width:200px; }
#order-form th, #order-form td { border-bottom:1px solid #ddd; padding:4px 8px; }
#order-form th.optional { font-weight:normal; }
#order-form table { border-top:1px solid #ddd; margin:12px 0; }
#order-form table input { padding:4px 6px; width:200px; border:1px solid #bbb; }
#order-form-submit:hover { opacity:0.9; }
#order-form textarea { border:1px solid #bbb; width:210px; height:50px; }
#order-form table ul { list-style-type:none; margin:0; padding:0; }
#order-form table li { list-style-type:none; margin:0 12px 0 0; padding:0; }
#order-form table li input { width:20px; }

.full-description p { margin:12px 0; }

ul.checklist { margin:0; padding:0; font-weight:bold; }
ul.checklist li { list-style:none; margin:4px 0; padding:0; }
ul.checklist .bullet { float:left; width:1.5em; }
ul.checklist .text { display:block; margin-left:2em; font-weight:normal; }


h2.option { background-color:#ffc; padding:4px 0px; }

p.buy-buttons {
    text-align:center;
    margin:10px 0 40px 0;
}
.buy-button {
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    -webkit-border-radius:12px;
    background-color:#ccc;
    color:black;
    padding:10px 18px 10px 20px;
    font-size:16px;
    text-decoration:none;
    margin:0px 20px;
    color:white;
    background: #ee2200 url(img/alert-overlay.png) repeat-x; 
}
.buy-button:hover {
    background: #cc1700 url(img/alert-overlay.png) repeat-x; 
}