﻿/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for SportHobby.eu
*/


/* Reset styles */
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, form {margin:0;padding:0;}
img, hr {border:0;}
* html td {font-size:0.7em;}

/* Body */
body {font-size:11pt;color:#000;text-align:center;font-family:'Times New Roman',serif;background:#fff;}

/* General styles */
h1 {font-size:2em;font-family:'Trebuchet MS';font-weight:bold;}
h2 {font-size:1.7em;font-family:'Trebuchet MS';font-weight:bold;}
h3 {font-size:1.4em;font-family:'Trebuchet MS';font-weight:bold;}
p {margin:10px 0;text-align:justify;line-height:17px;}
a {color:#000;}

/* Common styles */
.right {text-align:right;}
.center {text-align:center;}
.fright {float:right;}
.fleft {float:left;}
.pointer {cursor:pointer;}
.capitalize {text-transform:capitalize;}
.cb {clear:both;}
strong.em {color:#000;}

/* Rewrite styles */
#page, #content {width:100%;}

/* Hidden */
#topstrip, #header, .contenttitle, #slideshow, #leftbox, #footer, #tagcloud, #linkbox, .submit {display:none;}

/* Product detail */
#product {padding:5px 0;}
#product .description {padding:1px 15px 1px 15px;line-height:17px;}
#product .keywords {padding:10px 15px;font-size:13px;}
#product .image {border:4px solid #c4c6c6;}
.itemtable2 {clear:both;width:650px;margin:20px auto;text-align:left;border-collapse:collapse;}
.itemtable2 th {height:40px;padding:2px 5px;font-family:'Trebuchet MS';color:#fff;text-transform:uppercase;background:#1e222a;border-bottom:1px solid #4b4e55;}
.itemtable2 th span {text-transform:lowercase;}
.itemtable2 td {padding:5px 5px;background:#32363c;}
.itemtable2 em {font-style:normal;color:#f3c112;}
.itemtable2 a {color:#ed6d6e;font-size:11px;text-decoration:none;font-weight:bold;}
.itemtable2 a:hover {color:#fff;}
.itemtable2 .shopingicon {float:right;position:relative;right:5px;}
.itemtable2 .first {padding-left:10px;}
.itemtable2 .evenrow td {background:#404449;}
.itemtable2 .input {position:relative;bottom:1px;padding:1px 2px;font-size:12px;border:1px solid #727579;}
.itemtable2 .cartsubmitmini {position:relative;top:2px;padding:0 5px 0 10px;}
.itemtable2 .price {font-family:arial;font-size:13px;letter-spacing:0.05em;}
.itemtable2 .new_price {font-size:13px!important;letter-spacing:0.05em;}
.itemtable2 .count {color:#9b9da0;font-weight:bold;}
.itemtable3 {width:500px;margin:10px auto;text-align:left;border-collapse:collapse;}
.itemtable3 th {padding:6px 5px;font-family:'Trebuchet MS';color:#fff;text-transform:uppercase;background:#1e222a;}
.itemtable3 th span {text-transform:lowercase;}
.itemtable3 td {padding:5px 5px;background:#404449;}
.itemtable3 .em td {font-weight:bold;background:#4e5257}
.itemtable3 em {font-style:normal;color:#f3c112;}
.socializeicons {text-align:center;}

/* Cart */
.totalprice {padding-right:30px!important;text-align:right;}
.disabled_input {width:40px;text-align:right;font-weight:bold;color:#eaebec;border:0!important;background:0!important;}
.carttable {margin-top:15px;width:100%;border-collapse:collapse;}
.carttable thead th {padding:8px;background:#3c3e45;}
.carttable td {padding:6px 8px;}
.carttable input {padding:1px 2px;text-align:center;background:#9fa1a4;border:1px solid #3c3e45;}
.carttable .linkbutton {display:inline;}
.carttable .product_number {width:250px;}
.carttable .delcell {padding:0!important;width:0;}
.carttable .lastrow {font-size:1.2em;font-weight:bold;}
.carttable .buttonsrow td {padding-top:15px;}
.carttable .empty td {padding:20px 8px;}

/* Order menu */
.displaymenu {float:right;margin:20px 15px 7px 0;}
.displaymenu a {margin:0 2px;}
.ordermenu {float:right;width:auto;margin:15px 10px 7px 0;font-size:11px;background:url(./images/ordermenu-back.gif) repeat-x 0 -50px;}
.ordermenu_articles {margin-right:10px;}
.ordermenu ul {padding:0 5px 25px 0;list-style:none;background:url(./images/ordermenu-back.gif) no-repeat right -25px;}
.ordermenu li {float:left;}
.ordermenu a {display:inline-block;padding:6px 15px 5px 15px;text-decoration:none;color:#fff;font-weight:bold;background:url(./images/ordermenu-back.gif) no-repeat -5px -75px;}
.ordermenu a:hover {color:#f3c112;}
.ordermenu .first a {padding-left:20px;background:url(./images/ordermenu-back.gif) no-repeat 0 0;}

/* Pagination */
.pagination {clear:both;padding:25px 20px 10px 20px;text-align:center;}
.pagination a {padding:4px 5px;margin:1px;text-decoration:none;color:#fff;background:#707479;border:1px solid #8e9296;}
.pagination a:hover {padding:6px 5px;color:#fff;background:#32363c;border-color:#32363c;}
.pagination a.selected {padding:6px 4px;font-weight:bold;color:#000;background:#f3c112;border-color:#f3c112;}
.pagination .inactive {padding:4px;margin:1px;color:#72757a;background:#5a5e63;border:1px solid #64686d}
.paginationInfo {clear:both;margin-top:7px;padding:10px 14px 9px 14px;color:#aaa;border-top:1px solid #45484d;}
.paginationInfo a.selected {font-weight:bold;}

/* Text */
#textpage {padding:15px;}
#textpage ul {margin:10px 20px;}
#textpage ul li {padding-left:12px;list-style:none;background:url(./images/list-item.gif) no-repeat left 6px;}
#textpage ol {margin:10px 37px;}
#textpage hr {height:1px;margin:20px 0;background:#c9d3da;}

/* Errors and warnings */
#systemMessage ol {padding-left:0;}
.notice {margin:10px 9px 0 9px;padding:8px 15px;color:#666;line-height:150%;font-size:1.2em;background:#f9f9f9;border:1px solid #cecece;border-top:3px solid #a3a3a3;}
.notice span {color:#000;}
.warning {margin:10px 2px 5px 2px;padding:10px;color:#fff;line-height:150%;font-size:1.1em;background:#693232;border:1px solid #471818;border-top:3px solid #471818;}
.warning a {color:#d8716e;font-weight:bold;}
.closeSystemMessage {float:right;position:relative;bottom:7px;}
.closeSystemMessage a {cursor:pointer;text-decoration:none;font-weight:bold;color:#471818;}
.closeSystemMessage a:hover {color:#000!important;}

/* Tabcontent */
.langmenu {position:relative;top:14px;left:1px;}
.langmenu li {float:left;margin:1px;padding:0!important;list-style:none;background:none!important;}
.langmenu a {display:block;padding:5px 15px;font-weight:bold;color:#888;text-decoration:none;background:#3c3e45;border:1px solid #3c3e45;border-bottom:3px solid #3c3e45;}
.langmenu a:hover, .langmenu a.selected {background:#42464c;color:#ddd;border:1px solid #3c3e45;border-bottom:3px solid #42464c;}

/* Admin tools */
.editlinks {padding:15px;text-align:right;}
.editlink, .editlinks a {text-decoration:none;color:#e76567!important;font-weight:bold;}
.editlink:hover, .editlinks a:hover {color:#fff!important;}
.producteditlinks {padding:5px 0 10px 0;text-align:center;}
.producteditlinks a {margin:0 10px;text-decoration:none;color:#e76567;font-weight:bold;}
.producteditlinks a:hover {color:#fff;}

/* Tooltips */
#WzBoDy {padding:3px 7px!important;}

/* Order table */
.ordertable {width:100%;background:#4e5257;border-collapse:collapse;}
.ordertable td {padding:4px 10px!important;}
.ordertable thead td {font-size:14px;font-weight:bold;background:#42464c;}
.ordertable .item {font-size:14px;}
.ordertable .inner td {font-size:11px;font-weight:bold;background:#484c51;}
.ordertable .moreinner td {font-size:11px;text-align:justify;}
.ordertable .pricerow {background:#484c51;border-bottom:1px solid #4e5257;}
.ordertable .top {vertical-align:top;}
.ordertable .clean {border:0;}
.ordertable .last td {font-size:14px;background:#42464c;}

/* Formtab */
.formtab thead td {padding:4px 5px;font-weight:bold;background:#42464c;}
.formtab .title {padding-right:20px;font-weight:bold;}
.formtab input {padding:1px 2px;background:#9fa1a4;border:1px solid #3c3e45;}
.formtab .submit {margin:0;padding:2px 3px;}
.formtab .noitems td {padding:10px 42px;font-size:13px;background:#484c51;}
.linkbutton {display:block;padding:2px 10px;text-decoration:none;background:#42464c;border:1px solid #3c3e45;}
.linkbutton:hover {color:#000;background:#efc001;}
.new_order {color:#f3c112;}
.filterpanel {float:right;padding:5px;}
.delimg {position:relative;left:10px;bottom:4px;font-size:14px;}

/* Forms */
.form {clear:both;padding:10px 0;}
.form .submit, .submit {margin:8px 0 0 10px;padding:3px 8px;font-size:13px;color:#000!important;text-decoration:none;background:#efc001 url(./images/submit-back.gif) repeat-x bottom!important;border:1px solid #987f30!important;cursor:pointer;}
.form input {padding:1px 2px;background:#9fa1a4;border:1px solid #3c3e45;}
.form fieldset {padding:0 10px 10px 10px;background:#42464c;border:1px solid #3c3e45;border-top:3px solid #3c3e45;}
.form legend {padding:4px 8px;font-weight:bold;background:#474b52;border:1px solid #3c3e45;}
.form label {padding:5px 3px 5px 0;cursor:pointer}
.form select {font-size:1em;background:#9fa1a4;border:1px solid #3c3e45;}
.form option {padding-right:15px;}
.form textarea {padding:1px 2px;font-family:arial;font-size:12px;background:#9fa1a4;border:1px solid #3c3e45;}
.form table {margin-top:8px;}
.form table td {padding:2px;}
.form .labelcell {width:110px;}
.form .itemcell {width:220px;}
.form .widelabelcell {width:160px;}
.form_thumb {position:relative;top:4px;right:5px;}
.form_icon {position:relative;top:4px;}
.form .description {padding:3px 10px;font-size:11px;color:#aaa;text-align:right;}
.info {margin:0;padding:5px 10px;color:#888888;text-align:right;}
.form .info input {font-weight:bold;text-align:center;border:0;background:none;width:22px;}
.info a {color:#ddd;}
.info a:hover {color:#fff;}
.forminfo {padding:10px;color:#ddd;}
.searchselect {width:203px;}
.lostpassword a {color:#aaa;font-size:14px;}
.lostpassword a:hover {color:#fff;}
.form h3 {padding-top:10px;}
.login {width:300px;}