.left_sidebar_boxes
{
    margin-top: 30px;
    margin-bottom: 30px;
}
.left_sidebar_box
{
    border: 1px solid #333333;
    margin-top: 15px;
}
.left_sidebar_box .header
{
    background-color: #7DC40D;
    border-bottom: 1px solid #333333;
    color: white;
    padding: 5px;
}
.left_sidebar_box .header h4
{
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
.left_sidebar_box .main
{
    padding: 3px;
}
.left_sidebar_box .main a
{
    font-size: 11px;
    text-decoration: underline !important;
}
.left_sidebar_box .main a:hover
{
    text-decoration: none !important;
}

.hp_popular_sizes
{
    margin-top: 20px;
}
.hp_popular_sizes h3
{
    font-size: 18px;
    margin-bottom: 10px;
    color: #1A77A7;
    padding-bottom: 5px;
    border-bottom: solid 1px #B7B7B7;
}
.hp_popular_size_box
{
    border: 1px solid #7DC40D;
    float: left;
    margin-bottom: 10px;
    width: 295px;
    height: 270px;
}
.hp_popular_size_box.alternate
{
    float: right;
}
.hp_popular_size_box .header
{
    border-bottom: 1px solid #7DC40D;
    color: #1A77A7;
    padding: 5px;
    background-color: #333;
}
.hp_popular_size_box .header a
{
    color: White;
}
.hp_popular_size_box .header h2
{
    margin: 0;
    font-size: 14px;
}
.hp_popular_size_box .main
{
    padding: 2px;
}
.hp_popular_size_box .main a
{
    display: block;
    font-size: 12px;
    height: 20px;
    overflow: hidden;
}



.cheapest_related_tyres
{
    margin-top: 25px;
}
.cheapest_related_tyres a
{
    display: block;
}
.cheapest_related_tyres .all_tyre_in_size a
{
    display: inline;
}
.cheapest_related_tyres .all_tyre_in_size
{
    margin-top: 10px;
    padding-right: 58px;
    text-align: right;
}
.cheapest_related_tyres a.current
{
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    background-image: url('images/arrow_right.gif');
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 0 50%;
}
.cheapest_related_tyres .row
{
    border-bottom: 1px dotted #333;
}
.cheapest_related_tyres h3
{
    font-size: 18px;
    margin-bottom: 10px;
    color: #1A77A7;
    padding-bottom: 5px;
    border-bottom: solid 1px #B7B7B7;
}
.cheapest_related_tyres .main
{
    padding-left: 20px;
}
.size select
{
    background-color: #9ACD32;
    color: #333333;
    font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    font-size: 13px;
    width: 115px;
}
.size select[disabled]
{
    background-color: #EEEEEE;
    color: #333333;
    font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 2px;
}
.variants select[disabled]
{
    background-color: #EEEEEE;
    color: #333333;
    font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 2px;
}
.variants select
{
    background-color: #9ACD32;
    color: #333333;
    font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    font-size: 13px;
    width: 105px;
}
.search_field
{
    margin: 0;
    padding: 0 0 5px;
}
.tyres_pager span
{
    font-size: 16pt;
    font-weight: bold;
    color: #7DC40D;
}
.tyres_pager a
{
    font-size: 12pt;
    padding: 0 2px;
}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
.ajax_loader
{
    background-image: url(images/progress.gif);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
body
{
    margin: 0;
    padding: 0;
    background: #333333 url(images/img01.gif) repeat-x;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
}

h1, h2, h3
{
    margin-top: 0;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.6em;
}

h3
{
    font-size: 1em;
}

ul
{
    list-style-image: url(images/img07.gif);
}

a
{
    color: #333333;
}

a:hover
{
    text-decoration: none;
    color: #000000;
}

a img
{
    border: none;
}

img.left
{
    float: left;
    margin: 0 20px 0 0;
}

img.right
{
    float: right;
    margin: 0 0 0 20px;
}

div.right
{
    float: right;
    margin: 0 0 0 20px;
}

input.submit
{
    background: url("images/img18.gif") repeat-x scroll 0 0 #6E9D00;
    border-color: #BAD300 #7DAB00 #578900 #A9C817;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    padding: 2px 8px;
}
input.searchSubmit
{
    padding: 1px 5px;
    border-top: 1px solid #BAD300;
    border-left: 1px solid #A9C817;
    border-right: 1px solid #7DAB00;
    border-bottom: 1px solid #578900;
    background: #6E9D00 url(images/img18.gif) repeat-x;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}
input.text
{
    font-size: 8pt;
    padding: 2px 5px;
    border: 1px solid #7dc40d;
    color: #6B6B6B;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.search_field select
{
    background-color: #9ACD32;
    color: #333333;
    font-family: "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    font-size: 13px;
}
.search_field select[disabled]
{
    font-size: 8pt;
    background-color: #EEEEEE;
    color: #333333;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-weight: bold;
}
/* Only for Mozilla */
/*select:hover
{
    background-color:#7dc40d;
    color: white;
    font-weight:bold;
    }*/
/*For imageNamePath input*/
#page-bg .imageNamePath
{
    width: 300px;
    margin-left: 5px;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
/* Header */
#logo
{
    width: 872px;
    height: 65px;
    margin: 0 auto;
}

#logo h1, #logo p
{
    margin: 0;
    color: #FFFFFF;
}

#logo h1
{
    float: left;
    padding-top: 30px;
}

#logo h2
{
    float: right;
    font-size: 1.2em;
    padding-top: 39px;
    color: White;
    font-weight: normal;
}
#logo a
{
    text-decoration: none;
    color: #FFFFFF;
}

/* TOP STATIC MENU */

#menu
{
    width: 900px;
    height: 45px;
    margin: 0 auto;
    background: url(images/tlo_top.gif) no-repeat;
}

#menu ul
{
    margin: 0;
    padding: 5px 0 0 14px;
    list-style: none;
}

#menu li
{
    display: inline;
}

#menu a
{
    display: block;
    float: left;
    height: 29px;
    padding: 11px 30px 0 30px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}

#menu a:hover
{
    text-decoration: underline;
    color: #000000;
}

#menu .current_page_item a
{
    background: url(images/img06.gif) repeat-x;
}

/* PAGE CONTAINER */
#page
{
    width: 900px; /*774px*/ /*background: #FFFFFF url(images/img05.gif) repeat-y;*/
    background: url(images/tlo2.png) repeat-y;
    margin-left: auto;
    margin-right: auto;
}

#page-bg
{
    padding: 10px 10px 10px 10px;
    width: 852px;
    background-color: #FFFFFF;
    margin-left: 14px;
    margin-right: 14px;
    border-top: solid 1px #CCCCCC;
}

/* TOP SIDEBAR */
#top_sidebar
{
    padding: 5px 15px 5px 15px;
    border: 1px solid #E7E7E7;
}
#top_sidebar .info h3
{
    font-weight: normal;
}
#top_sidebar .info
{
    float: left;
    width: 673px;
    position: absolute;
}
#top_sidebar .promotion
{
    float: right;
    width: 145px;
    position: relative;
}

#top_sidebar .promotion h2
{
    font-size: 13px;
    font-weight: normal;
}

/* MAIN CONTENT */
#content
{
    float: right;
    width: 600px; /* 420px;*/
    padding: 0px 10px 10px 20px;
}

#contentAdmin
{
    float: right;
    width: 810px; /* 420px;*/
    padding: 20px 10px 10px 20px;
}

#contentAdmin h1
{
    margin-bottom: 5px;
}
#contentAdmin h2
{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#contentAdmin h3
{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: normal;
}

.content_header
{
    border-bottom: 1px solid #B7B7B7;
    color: #1A77A7;
    font-size: 18px;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.post
{
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E7E7E7;
}

.title
{
    margin: 0;
}

.title a
{
    text-decoration: none;
}

.title a:hover
{
    border-bottom: 1px dotted #999999;
}

.byline
{
    margin: 0 0 20px 0;
}

.entry
{
}

.links
{
    padding-top: 10px;
    text-align: right;
    font-weight: bold;
}

/* LEFT Sidebar */

#left_sidebar
{
    margin-top: 10px;
    float: left;
    width: 210px;
    padding-right: 0px;
}

#left_sidebar h2
{
    margin: 0;
    padding: 10px 0 10pxpx 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
    letter-spacing: -1px;
    font-size: 1.2em;
    font-weight: bold;
}
#left_sidebar .panel
{
    margin: 0;
    padding: 10px 0 10pxpx 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E7E7;
    letter-spacing: -1px;
    font-size: 1.2em;
    font-weight: bold;
}
/* ASP.NET TreeView*/
td.mainNode
{
    font-size: 12pt;
    font-weight: bold;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    width: 200px;
    background-image: url(images/img07.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
    text-transform: uppercase;
    cursor: default;
    height: 25px;
}
a.selectedNode
{
    background-color: #f7f7f7;
    display: block;
}
td.firstChild
{
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
}
a.firstChild
{
    display: block;
    font-weight: bold;
    width: 185px;
    background-image: url(images/img07_black.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
}
a.firstChild:hover
{
    background-color: #f7f7f7;
}

td.secondChild
{
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
}
a.secondChild
{
    text-transform: uppercase;
    display: block;
    padding-left: 15px;
    width: 175px;
    background-image: url(images/img07_blue.gif);
    background-position: left;
    background-repeat: no-repeat;
}
a.secondChild:hover
{
    background-color: #CCCCCC;
    text-decoration: underline;
}

#left_sidebar ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#left_sidebar li
{
}

#left_sidebar li ul
{
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#left_sidebar li li
{
    padding: 5px 20px 5px 35px;
    background: url(images/img07.gif) no-repeat 20px 50%;
    border-bottom: 1px solid #F3F3F3;
}

#left_sidebar a
{
    text-decoration: none;
}

#left_sidebar a:hover
{
    text-decoration: underline;
}

/* Footer */
#footer
{
    width: 872px;
    margin: 0 auto;
    padding: 20px 0px;
    background: url(images/footer.gif);
    background-repeat: no-repeat;
}

#footer p
{
    margin: 0;
    text-align: center;
    font-size: smaller;
    color: #666666;
}

#footer a
{
    color: #666666;
}

/*OTHER CSS SETTINGS*/
#login_info
{
    text-align: right;
    padding: 2px;
    background-color: Black;
    color: White;
    padding-right: 10px;
}
#login_info .userName
{
    font-weight: bold;
    font-size: 10pt;
    color: #7DC40D;
}
#login_info a
{
    color: White;
}
/* Confirm Popup Extender Control */
.modalBackground
{
    background-color: #000;
    filter: alpha(opacity=75);
    opacity: 0.75;
}
.popupConfirmText
{
    width: 200px;
    background-color: White;
    border-width: 2px;
    border-color: Black;
    border-style: solid;
    padding: 20px;
    font-size: 10pt;
    text-align: left;
}
/* Note popUp control Panel*/
.notePanel
{
    background-color: #f0f0f0;
    border: solid 1px #CCCCCC;
    padding: 5px;
    width: 200px;
}

/*FOR PAGE Tyres.aspx*/
.tyre_category
{
    display: block;
    padding-left: 15px;
    background-image: url(images/img07.gif);
    background-position: left;
    background-repeat: no-repeat;
    text-transform: uppercase;
}
.tyre
{
    margin-bottom: 5px;
    padding-left: 20px;
    padding-top: 0;
    position: relative;
    width: 450px;
}
.tyre h2
{
    margin: 0;
}
.tyre .producer
{
    text-transform: uppercase;
    padding-left: 15px;
    background-image: url(images/img07_blue.gif);
    background-position: left;
    background-repeat: no-repeat;
    font-size: 14pt;
    font-weight: bold;

    float: left;
}
.tyre .tread
{
    font-size: 14pt;
    margin-left: 10px;
    margin-bottom: 9px;
    float: left;
}
.tyre .size
{
    float: left;
    width: 175px;
}
.tyre .variants
{
    float: right;
    line-height: 25px;
    margin-left: 20px;
    padding-right: 85px;
    text-align: right;
    width: 170px;
}
.tyre .image
{
    border: 1px solid black;
    bottom: 0;
    float: left;
    height: 160px;
    overflow: hidden;
    position: absolute;
    width: 120px;
    background-color: #fff;
}
.tyre .image img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.tyre .tyreData a
{
    display: block;
    color: #7dc40d;
}
.tyre .tyreData
{
    float: right;
    width: 320px;
    margin-top: 10px;
    margin-left: 0px;
}
.tyre .tyreData .promotion
{
    font-weight: bold;
    color: Red;
    font-size: 12pt;
}
.tyre .tyreData .promotion_price
{
    color: Red;
    font-size: 12pt;
}
.popUpDescPanel
{
    z-index: 2;
    color: Black;
    background-color: White;
    text-align: justify;
    font-size: 9pt;
    border: solid 2px #BBBBBB;
    padding: 10px;
    width: 250px;
}
/*ARTICLE, APPLICATION CONTENT*/
.cartH
{
    display: block;
    margin-right: 15px;
    background-image: url( 'images/cart.png' );
    background-repeat: no-repeat;
    background-position: right;
}
.cartHeader
{
    padding-top: 2px;
    margin-top: 10px;
    display: block;
    height: 20px;
    cursor: pointer;
    border: solid 1px black;
    background-color: #333333;
    color: #7dc40d;
    font-size: 10pt;
    text-align: left;
    font-weight: bold;
    padding-left: 15px;
    background-image: url( 'images/plus.png' );
    background-repeat: no-repeat;
    background-position: left;
}
.cartSelectedHeader
{
    padding-top: 2px;
    margin-top: 10px;
    height: 20px;
    display: block;
    cursor: pointer;
    border: solid 1px black;
    border-bottom-width: 0px;
    background-color: #333333;
    color: White;
    font-size: 10pt;
    text-align: left;
    font-weight: bold;
    padding-left: 15px;
    background-image: url( 'images/minus.png' );
    background-position: left;
    background-repeat: no-repeat;
}

.cartContent
{
    border: solid 1px black;
    border-top-width: 0px;
    text-align: left;
    padding: 20px;
    background-image: url( 'images/cart.jpg' );
    background-position: right;
    background-repeat: no-repeat;
}
/* FOR Rnd Promotion*/
.promotionLink
{
    width: 143px;
    height: 25px;
    padding-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10pt;
    background-color: #333333;
    color: #7dc40d;
    padding-left: 2px;
    padding-right: 2px;
    font-weight: bold;
    float: right;
}
a.promotionLink:hover
{
    color: White;
}
.promotionImage
{
    border: solid 1px #333333;
    overflow: hidden;
    width: 118px;
    height: 160px;
    float: right;
    background-image: url(images/Promocja.png);
    background-repeat: no-repeat;
    background-position: left;
    border-top-width: 0px;
    padding-left: 27px;
}
/* FOR Default.aspx*/
.categorisedTyre
{
    float: left;
    width: 230px;
    height: 225px;
    margin: 5px;
    padding: 5px;
    background-color: #333333;
    border: solid 1px #CCCCCC;
}
.categorisedTyre h3
{
    margin: 0px;
}
.categorisedTyre .category
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
    background-image: url(images/img07.gif);
    background-position: left;
    background-repeat: no-repeat;
    margin: 0;
    font-size: 12pt;
}
.categorisedTyre .category a
{
    color: #7DC40D;
    font-weight: normal;
}
.categorisedTyre .link
{
    display: block;
    color: White;
    margin-bottom: 5px;
    font-size: 10pt;
}
.categorisedTyre .image
{
    border: solid 1px #CCCCCC;
    width: 120px;
    height: 160px;
    overflow: hidden;
    padding-left: auto;
    padding-right: auto;
}

/* For ProducerByCategory.aspx */
.categoryProducer
{
    font-size: 12pt;
    text-align: center;
    text-transform: uppercase;
}
.categoryProducer h3
{
    font-weight: normal;
    margin: 0;
}
.categoryProducer a
{
    color: White;
    padding-left: 15px;
    background-image: url(images/img07_blue.gif);
    background-position: left;
    background-repeat: no-repeat;
}
.altCategoryProducer
{
    font-size: 12pt;
    text-align: center;
    text-transform: uppercase;
}
.altCategoryProducer h3
{
    font-weight: normal;
    margin: 0;
}
.altCategoryProducer a
{
    padding-left: 15px;
    background-image: url(images/img07_blue.gif);
    background-position: left;
    background-repeat: no-repeat;
}
/*For Order.aspx*/
.orderHeader
{
    background-color: #7DC40D;
    border: 1px solid black;
    color: White;
    font-size: 14pt;
    height: 30px;
    padding-left: 10px;
}
.orderStep
{
    border: solid 1px black;
    padding: 20px;
}
.firstUserValidationStep h3
{
    margin-top: 15px;
}
.firstUserValidationStep .label
{
    font-weight: bold;
}
.firstUserValidationStep input.text
{
    width: 200px;
}
/* For Tyre.aspx Page*/
.tyreDetail
{
    padding: 15px 20px;
    width: 500px;
}
.tyreDetail .image
{
    width: 120px;
    height: 160px;
    float: left;
    margin-top: 20px;
    background-color: White;
    float: left;
    padding: 0px auto 0px auto;
    text-align: center;
}
.tyreDetail .tyreData
{
    float: left;
    margin: 40px 0px 0px 20px;
    width: 360px;
}
.tyreDetail .tyreData .promotion
{
    font-weight: bold;
    color: Red;
    font-size: 12pt;
}
.tyreDetail .producer
{
    text-transform: uppercase;
    padding-left: 15px;
    background-image: url(images/img07_blue.gif);
    background-position: left;
    background-repeat: no-repeat;
    font-size: 14pt;
    font-weight: bold;
    display: block;
    margin-bottom: 0px;
}
.tyreDetail .clear
{
    clear: both;
    height: 10px;
}
.cart
{
    color: #9ACD32;
}
.cart .items
{
    width: 18px;
    font-size: 12px;
    padding: 1px;
    text-align: center;
    border-color: #9ACD32;
}
.cart .button
{
    vertical-align: middle;
}

.tyreDetail h4 a
{
    color: #1A77A7;
    display: block;
}

.tyreDetail h4 span
{
    color: #9ACD32;
    display: block;
    font-size: 16px;
    font-weight: normal;
}

.tyreDetail .description
{
}
.tyreDetail .description h3
{
    border-bottom: 1px solid #B7B7B7;
    color: #1A77A7;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-bottom: 5px;
}
.tyreDetail .description p
{
    margin: 0;
}

/* For Opony-w-promocji.aspx Page*/
.promotionTyre
{
    width: 450px;
    padding: 15px 20px 15px 20px;
}
.promotionTyre .image
{
    width: 120px;
    height: 160px;
    float: left;
    margin-top: 20px;
    background-color: White;
    float: left;
    padding: 0px auto 0px auto;
    text-align: center;
    border: solid 1px black;
    overflow: hidden;
}
.promotionTyre .tyreData
{
    float: left;
    margin: 40px 0px 0px 20px;
}
.promotionTyre .tyreData .promotion
{
    font-weight: bold;
    color: Red;
    font-size: 12pt;
}
.promotionTyre .producer
{
    text-transform: uppercase;
    padding-left: 15px;
    background-image: url(images/img07_blue.gif);
    background-position: left;
    background-repeat: no-repeat;
    font-size: 14pt;
    font-weight: bold;
    display: block;
    margin-bottom: 0px;
}
.promotionTyre .producer a
{
    color: #9ACD32;
    font-weight: normal;
}
.promotionTyre .clear
{
    clear: both;
    height: 10px;
}
.clear
{
    clear: both;
}
.footer_promotion_elements
{
    border-top: solid 1px black;
    margin-top: 30px;
    padding-top: 10px;
    font-size: 8pt;
    color: Red;
}
.footer_elements
{
    color: #7DC40D;
    font-size: 8pt;
    margin-top: 10px;
}
.delivery_address
{
}
.delivery_address .label
{
    display: block;
    font-weight: bold;
}
.delivery_address .text
{
    font-size: 14px;
    font-weight: normal;
    width: 200px;
}
.invoice_details
{
}
.invoice_details .label
{
    display: block;
    font-weight: bold;
}
.invoice_details .text
{
    font-size: 14px;
    font-weight: normal;
    width: 200px;
}
.orderStep h1
{
}
.orderStep h3
{
    border-bottom: 1px solid #B7B7B7;
    color: #1A77A7;
    font-size: 14px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: left;
}
.orderStep h2
{
    border-bottom: 1px solid #B7B7B7;
    color: #1A77A7;
    font-size: 15px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.orderStep h4
{
    color: #1A77A7;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 25px;
}
.orderStep p
{
    font-size: 14px;
    margin: 0px;
}