body {
	font-family: Arial, Tahoma, default;
	background: url(../images/bg.gif) repeat-x #fff;
	font-size: 13px;
	margin: 0;
	padding:0;
	line-height: 1.55em;
    color: #000;
}

h2{
  font-size: 15px;
}


h4{
    margin: 0;
    color: #fff;
    font-size: 14px;
    display: inline;
}

h4.basket{
  margin-left: 20px;
}

#loading{
    width: 100%;
    height: 100%;
    position: absolute;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background: #000000;
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
}

#loading span{
  display: block;
  margin-top: 25%;
}

#loading span img{
    width: 30px;
}


#tags{
  background: #133f62;
  color: #fff;
  width: auto;
  padding: 5px 10px;
  display: block;

}

#tags h3{
   color: #fff;
   font-size: 10px;
   display: inline;
   margin: 0;
}

#tags h1{
   color: #fff;
   font-size: 13px;
   display: inline;
   margin: 0;
}

#main {
	width: 985px;
	margin: auto;

}

#head{
  height: 139px;
  width: auto;
}

#head a.logo, #head a.logo:active{
    display: block;
    float: left;
    width: 354px;
    height: 139px;
    margin-left: 2px;
    text-decoration: none;
    border: none;
}

#user{
  margin: 0;
  float: left;
  width: 629px;
  padding-top: 62px;
  height: 77px;
  background: url(../images/pepa02_08.gif) bottom no-repeat;
}

#login{
    width: 300px;
    float: left;
    margin-left: 10px;
}

#login strong {
    color: white;
    }

#login a, #login a:active{
    text-decoration: none;
    color: #000;
}

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

#login form{
    padding-top: 10px;
}


input.login{
  background: url(../images/pepa01_11.gif) no-repeat;
  border: none;
  width: 112px;
  color: #6b6b6b;
  height: 25px;
  padding-bottom: 5px;
  padding-left: 3px;
  display: block;
  float: left;
  margin-right: 5px;
}

input.submit_login{
    background: url(../images/pepa01_13.gif) top no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    border: none;
    cursor: pointer;
}


#basket{
    width: auto;
    float: left;
    margin-left: 40px;
    color: #fff;
}

#basket div, #basket a, #basket a:active{
  display: block;
  float: left;
  margin-right: 5px;
  height: 30px;
  margin-top: 10px;
}

#basket div{
  width: 167px;
  height: 23px;
  background: url(../images/pepa01_15.gif) no-repeat;
  text-align: center;
  padding-top: 2px;
}

#basket a, #basket a:active{
    width: 30px;
}

#menu {
    width: auto;
    background: url(../images/pepa02_10.gif) no-repeat;
    height: 54px;
    text-align: left;
    padding-left: 10px;
}
#menu a, #menu a:active {
    font-size: 15px;
    color: #fff;
    float: left;
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    padding: 8px 8px;
    text-decoration: none;
    height: 24px;
    text-transform: uppercase;
}

#menu a:hover{
  background: #648398;
  color: #000;
}

#middle{
    margin-top: 10px;
    background: #fff;
    width: auto;
    height: auto;
    padding: 8px 5px;
}

#left{
  width: 200px;
  height: auto;
  float: left;
  padding-left: 15px;
}

#left h2 {
    font-size: 14px;
    margin: 0;
    }


#left .links {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    }

#left a, #left a:active{
    display: block;
    text-decoration: none;
    text-align: right;
    padding-right: 15px;
    border-bottom: 1px solid #f0f0f0;
    background: url(../images/pepa01_38.gif) right no-repeat;
    color: #000;
    text-transform: uppercase;
    width: 175px;
}

#left a:hover{
    background: url(../images/pepa01_41.gif) right no-repeat;
    text-decoration: underline;
    font-weight: bold;
}


#left h3{
    width: auto;
    height: 29px;
    display: block;
    margin: 0;
    background: url(../images/pepa01_34.gif) right bottom no-repeat;
    color: #143f62;
    text-align: right;
    padding-right: 15px;
    padding-top: 5px;
}

#left h3.red{
    color: #d12c28;
}

#right{
  width: 743px;
  float: left;
  margin-left: 10px;
}

#right img.picture{
  width: 743px;
}

#index_left{
  float: left;
  width: 343px;
  height: auto;
}

#index_right{
  float: left;
  margin-left: 13px;
  width: 387px;
  height: auto;
}

div.last_article{
  width: auto;
  background: url(../images/pepa01_58.gif) bottom no-repeat;
  margin-bottom: 10px;
}

div.last_article h3, div.last_article p {
    margin:0;
    padding:0;
    }

 div.tip{
   width: auto;
   background: url(../images/pepa01_62.gif) bottom right no-repeat;
   border-bottom: 1px solid #D5D5D5;
 }


div.last_article img, div.tip img{
  /* width: 90px;
  height: 100px;*/
  display: block;
  float: left;
  margin-right: 8px;
  border: 2px solid #e2e2e2;
}

div.last_article img {
    width: 90px;
}

div.tip img{
  margin-right: 10px;
}

div.article_description{
  float: left;
  width: 241px;
}

div.tips_description{
  float: left;
  width: 283px;
}


div.tip_description a.title, div.tip_description a.title:active{
  color: #829a1e;
  text-decoration: none;
  display: block;
  margin-top: 5px;
  font-weight: bold;
}

div.article_description a.title, div.article_description a.title:active{
  color: #d22d27;
  text-decoration: none;
  display: block;
  margin-top: 5px;
  font-weight: bold;
}

div.tip_buttons{
  width: auto;
  display: block;
  text-align: right;
  padding-right: 5px;
}

div.tip_buttons a, div.tip_buttons a:active, #products-list .product .icons .lens {
  width: 34px;
  height: 34px;
  display:block;
  float: right;
  margin-left: 5px;
}

a.buck, a.buck:active{
  background: url(../images/pepa01_52.gif) no-repeat;
}

a.lens, a.lens:active{
  background: url(../images/pepa01_53.gif) no-repeat;
}


span.created{
  display: block;
  width: auto;
  color: #000;
  font-size: 11px;
  font-weight: bold;
}

.new-price {
    text-align: right;
    font-size: 15px;
}

.new-price span.price{
  
  
  font-weight: bold;  
  font-size: 20px;
  color: navy;
}


div.article_description p{
  color: #4e4e4e;
  margin: 0;
  margin-top: 5px;
  font-size: 11px;
}


#search{
  background: url(../images/pepa02_27.gif) no-repeat;
  width: auto;
  height: 60px;
  padding: 10px 15px;
}

#search h3{
    color: #fff;
    margin: 0;
    font-weight: normal;
    margin-bottom: 10px;
}


#add_search{
  width: auto;
  height: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px 10px;
  background: #eaeaea;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  overflow: hidden;
}

#add_search table{
  margin-top: 10px;
  margin-left: 15px;
  text-align: right;
}

#add_search select{
  width: 200px;
  margin-left: 10px;
}


#search_button{
  background: url(../images/pepa02_29.gif) no-repeat;
  width: auto;
  height: 34px;
}

#slider{
  display: block;
  width: 143px;
  height: 28px;
  margin-left: 5px;
  text-decoration: none;
}


input.search{
  background: url(../images/pepa01_45.gif) no-repeat;
  width: 310px;
  height: 25px;
  padding-top: 7px;
  padding-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
  border: none;
  display: block;
  float: left;
  color: #6b6b6b;
}


input.submit_search{
    background: url(../images/pepa01_47.gif) top no-repeat;
    width: 32px;
    height: 32px;
    border: none;
    cursor: pointer;
}




#bottom_top{
  width: auto;
  height: 10px;
  background: url(../images/pepa01_65.gif) repeat-x;
}

#bottom{
  width: auto;
  height: 95px;
  background: #eaeaea;
}

#bottom {
    text-align: right;
    font-size: 12px;
    padding-right: 8px;
    }

#bottom a {
    color: black;
    }

img {
    border: 0;
    margin:0;
}

.clear {
    clear: both;
}


#table-variants {
    width: 100%;
    /*width: 387px;
    float: left;*/
}

#product-detail {
    /*width: 343px;
    float: left;*/
}

#product-detail h1 {
    font-weight: normal;
    font-size: 22px;
    font-family: Arial, default;
}

#product-detail .product-image {
    width: 143px;
    float: left;
}

#product-detail .description {
    width: 550px;
    float: left;
    }

#product-detail .description div {
    padding: 10px;
    }

    #product-detail .product-price {
        background: rgb(238, 236, 237);
        margin: 0;
        padding: 5px;
    }
    #product-detail .product-price span {
        font-size: 18px;
        font-weight: bold;
    }

    .good-price {
        font-size: 18px;
        color: rgb(105, 129, 19);
    }

    #product-detail .product-price .bad-price {
        font-size: 18px;

        color: rgb(209, 45, 36);
    }

    #products-list {
        width: 100%;
    }

    .tab th, .tab2 th {
        background: rgb(34, 86, 126);
        padding: 8px;

        color: rgb(228, 227, 225);
    }

    .tab td, .tab2 td {
        padding: 8px;
    }

    .tab .gray td, .tab2 .gray td {
        background: rgb(226, 226, 226);
    }

    .tab form, .tab2 form {
        width: 100px;
    }

    .tab form .buy, .tab2 form .buy {
        position: relative;
        top: 10px;
        left: 5px;
    }

    .tab2{
        width: 300px;
        float: left;
        margin-right: 15px;
        border: 1px solid black;
    }

    #product-detail-actions .tip {
        width: 243px;
        float: left;
    }

    #products-list .product {
        width: 170px;
        float: left;
        height: 240px;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCC;
        padding: 5px;
    }

    #products-list .product p {
        margin: 0;
    }

    #products-list .product .product-image {
        height: 140px;
        overflow: hidden;
        clear: both;
        margin-top: 8px;
        margin-bottom: 8px;
        }

    #products-list .product h4 a {
        color: rgb(126, 155, 27);
        font-size: 14px;
        text-decoration: none;
        }
        
        #products-list .product .price {
            width: 110px;
            font-size: 25px;
            float: left;
            font-weight: bolder;
            margin-right: 10px;
        }

        #products-list .product .price span {
            font-size: 17px;
            }
            
        #products-list .product .price a {
            color: black;
            text-decoration: none;
            line-height: 15px;
            font-size: 13px;
            }

        #products-list .product .icons {
            width: 40px;
            float: left;
        }

        .products-subcat li a {
            text-decoration: none;
            color: black;
            font-size: 15px;
        }

        .products-subcat li {
            list-style-type: none;
            padding-left: 6px;
            width: 150px;
            
            float: left;
            margin-right: 3px;
            margin-bottom: 6px;
            text-align: left;
            padding-top: 8px;
            padding-bottom: 8px;
            background: #EEE;
            text-align: center;
            
        }

        .stamps a {
            text-decoration: none;
            color: rgb(28, 103, 217);
            margin-right: 10px;
            margin-bottom: 8px;
        }

        .article {
            clear: left;
            margin: 10px;
            
        }

        .article .image {
            float: left; 
            width: 100px;
            _height: 75px;
            min-height: 75px;
            margin: 0 10px 10px 0;
        }
        .article .rig 
        {
            float: left;
            width: 470px;
        }

        .article .rig * {
            margin:0;
            padding:0;
        }

        .article .rig a {
            color: black;
            text-decoration: none;
        }

        .article .rig a:hover {
            color: black;
            text-decoration: underline;
        }

        .original_price {
            text-align: right;
            
            font-size: 17px;
        }

        .original_price strong {
            text-decoration: line-through;
            color: red;
            }

            #cyclingBanner {
                width: 753px;
                height: 152px;
                background: url(../images/banner.jpg);
                
                overflow: hidden;
                margin-bottom: 20px;
}

#cyclingBanner #first {
    padding-top: 50px;
}

#cyclingBanner a {
    font-size: 20px;
    display: block;
    text-decoration: none;
    color: black;
    margin-top: 10px;
    margin-left: 500px;
}