/*
Theme Name: BikePure
Description: BikePure Theme
Version: 1.0
Author: Gecoloco
Author URI:

*/

* { margin: 0; padding: 0; border: 0; }

body { background-color: #edf5f9; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

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

h3 { font-size: 16px; margin-bottom: 5px; }

ul { list-style: none; }

.search-lang { float:  right; }

.clear { clear:both; width: 100%; line-height:1px; font-size:1px; }
.f-left { float: left; }
.f-right { float: right; }
.a-center { text-align: center; }
.a-right { text-align: right; }
.a-left { text-align: left; }
.no-display { display: none; }
.c-pointer { cursor: pointer; }

.wrapper { width: 1000px; margin: 0 auto 0 auto; background: #fff url(images/bg.gif); }
.wwide { width: 1140px; }
.no-bg { background-image:  none; }

.col-left { float: left; width: 260px; }
.col-main { float: right; width: 740px; }
.col-adv { float: right; width: 125px; padding: 40px 0 0 15px; background: #edf5f9; }

.col-adv li { margin-bottom:  10px; }
.adv-bottom { margin-top:  15px; background: #edf5f9; padding: 15px; }
.adv-bottom li { float: left; margin-right: 15px; }

.col-left p { font-size: 12px; color: #333333; line-height: 17px; }

.logo { height: 180px; margin-top: 2px; }
.under-logo-main { height: 220px; background: url(images/bg-under-logo-main.gif) no-repeat; padding: 0 22px 0 22px; }
.under-logo-main p { color: #fff; font-size: 18px; line-height: 27px;  }
.under-logo-main a { color: #fff; text-decoration: none; font-size: 11px; }
.under-logo-main a:hover { text-decoration: underline; }

.social-networks { list-style: none; height: 40px; margin-left: 17px; }
.social-networks li { float: left; margin-right: 20px; }

.twitter-flash { background: #edf5f9; padding: 10px; margin-left: 15px; margin-right: 15px; text-overflow: ellipsis; }
.twitter-flash .more { margin-top: 10px; }
.twitter-flash .more a { font-size: 11px; text-decoration: none; }
.twitter-flash .more a:hover { text-decoration: underline; }

.facebook-friends { width: 230px; margin-left: 15px; margin-top: 10px; height:  230px;  }

.latest-comments { margin: 10px 15px 0 15px; background: #edf5f9; padding: 10px; }
.latest-comments ul {  list-style: none; }
.latest-comments a { color: #333333; font-size: 12px; text-decoration: none; }
.latest-comments a:hover { text-decoration: underline; }
.latest-comments ul li { border-top: 1px dotted #00a6ef; margin: 0 0 5px 0; padding: 5px 0 0 0; }
.latest-comments ul li.first { border-top: none; }

.top-menu { background: url(images/bg-top-menu.gif) repeat-x #00a6ef; height: 34px; border-bottom: 1px solid #fff; }
.top-menu ul { list-style: none; background: url(images/bg-top-menu-2.gif) repeat-x; height: 34px; float: left; }
.top-menu ul li { float: left; margin-right: 1px; }
.top-menu ul li a { background: url(images/bg-top-menu.gif) repeat-x; color: #fff; text-decoration: none; font-size: 12px; display: block; height: 24px; padding: 10px 10px 0 10px; }
.top-menu ul li a:hover { text-decoration: underline; }
.top-menu .search-lang ul { background: none; margin-top: 12px; position: relative; margin-right: 1px; }
.top-menu .search-lang ul li { background: #fff url(images/corner.gif) top right no-repeat; padding: 4px 8px 4px 8px; color: #00a4ef; margin: 0; }
.top-menu .search-lang ul li.s { background: #cde2ec url(images/corner-2.gif) top right no-repeat; padding: 4px 8px 4px 0; color: #00a4ef; }
.top-menu .search-lang ul li a { font-size: 11px; background:  #fff; color: #00a4ef; height: 14px; padding: 0 20px 0 3px; }
.top-menu .search-lang ul li a.minus { background: url(images/dot-minus.gif) right 2px no-repeat; }
.top-menu .search-lang ul li a.plus { background: url(images/dot-plus.gif) right 2px no-repeat; }
.top-menu .search-lang ul li.s a.minus { background: url(images/dot-minus-2.gif) right 2px no-repeat; padding-left:  0; }
.top-menu .search-lang ul li.s a.plus { background: url(images/dot-plus-2.gif) right 2px no-repeat; padding-left: 0; }
.top-menu .search-lang ul ul { position: absolute; z-index: 10; }
.top-menu .search-lang ul ul li { background-image: none; padding: 10px; }
.top-menu .search-lang ul ul.lang { width: 118px; top: 10px; left: 72px; }
.top-menu .search-lang ul ul.lang li {  padding: 10px 0 10px 10px; background-color:  #cde2ec; }
.top-menu .search-lang ul ul.search { width: 250px; top: 10px; left: -69px; }
.top-menu .search-lang ul ul.lang li { width: 98px;  border: 1px solid #e0e0e0; border-top: none;  }
.top-menu .search-lang ul ul.lang li a { display: inline; padding: 0 10px 4px 0px; background-color: #cde2ec;  }
.top-menu .search-lang ul ul.search li { width: 230px;  border: 1px solid #e0e0e0; border-top: none;  }
.top-menu .search-lang ul ul.search li input { border: 1px solid #00a8ef; padding: 4px; color: #666666;  }
#searchsubmit { color: #fff; padding: 3px 8px 3px 8px; }
#langPanButton img { margin: 2px 4px 0 0;}


.big-image { width:420px; height: 187px; padding: 160px 0 0 298px; }
.big-image .text { width: 400px; background-color: #fff; height: auto; padding: 10px; }
.big-image .text .button { float: right; margin: 10px 0 0 20px; text-decoration: none; padding: 2px 15px 2px 15px; }
.big-image .text p { font-size: 16px; line-height: 23px; font-weight: bold; }
.big-image img { position: relative; top: -100px; z-index: 9; }
.big-image .nav { margin-top: 4px; }
.big-image .nav ul { list-style: none; }
.big-image .nav ul li { float: left; }
.big-image .nav ul li a { background-color: #00a6ef; display: block; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; padding: 2px 6px 2px 6px; margin-right: 4px; }
.big-image .nav ul li a.active { background-color: #fff; color: #00a6ef; }

.news-box { background: #edf5f9; padding: 15px; width:688px; margin-bottom: 10px; }
.news-box .header { border-bottom: 1px dotted #00a6ef; padding-bottom: 5px; margin-bottom: 15px; margin-top: 4px; }
.news-box h3 a,
.news-box .header a { text-decoration: none; }
.news-box h3 a:hover,
.news-box .header a:hover { text-decoration: underline; }
.main-news { border-bottom: 1px dotted #00a6ef; padding-bottom: 5px; margin-bottom: 8px; }
.main-news .image { margin: 0 15px 10px 0; width: 300px; float: left; }
.main-news .content { float: left; width: 370px; font-size: 13px; }
.main-news .content p { margin-bottom: 10px; line-height: 17px; }
.main-news .content p a { text-decoration: none; text-align: right; }
.main-news .content p a:hover { text-decoration: underline; }
.main-news .content .info { color: #666666; font-size: 11px; }
.news-box .other-news h3, 
.main-news h3 { color: #00aef0; font-weight: normal; margin-bottom: 10px; }
.news-box .other-news .col { width: 330px; color: #666666; }
.news-box .other-news h3 { margin-bottom: 2px; }
.news-box .other-news ul li { border-top: 1px dotted #00a6ef; margin-top: 7px; padding-top: 7px; float: left; margin-right: 28px; width: 330px; }
.news-box .other-news ul li.first { border-top: none; margin: 0 28px 0 0; padding: 0; }

.tv,
.shop,
.featured-rider { float: left; width: 202px; padding: 10px 15px; margin-right: 11px; height: 195px; }
.tv h3,
.tv h3 a,
.shop h3,
.featured-rider h3 { font-size: 16px; }
.tv h3 { color: #fff; margin-bottom: 10px; }
.featured-rider h3 {  margin-bottom: 10px; }

.featured-rider { width: 212px; padding: 10px; }
.featured-rider img.main { margin-right: 10px; float: left; }
.featured-rider a.name { font-size: 14px; font-weight: bold; text-decoration: none; margin-bottom: 5px; display: block; }
.featured-rider a:hover.name { text-decoration: underline; }
.featured-rider .info { font-size: 12px; }
.featured-rider .links { text-align: right; padding-top: 25px; }
.featured-rider .links a { display: block; text-decoration: none; margin-bottom: 5px; }
.featured-rider .links a:hover { text-decoration: underline; }

.tv a { display: block; color: #fff; text-decoration: none; font-size: 12px; margin-top: 3px; }
.tv a:hover { text-decoration: underline; }

.shop { padding: 10px 0 0 0; width: 232px; height: 205px; }
.shop h3 { margin-left: 15px; }
.shop .info { width: 107px; padding: 0 10px 0 10px; float: left; font-size: 12px; line-height: 17px; }
.shop .info a { text-decoration: none; }
.shop .info a:hover { text-decoration: underline; }
.shop .info .go-shopping { font-size: 11px; text-align: right; margin-top: 10px; display: block; }

.tv { background-color: #00a5e5; }
.shop { background-color: #edf5f9; }

.footer { background: #edf5f9; color: #717171; width: 1000px; margin: 0 auto 10px auto; padding: 0; }
.wide { padding-right: 140px; }
.footer ul { list-style: none; }
.footer ul li { float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #717171; }
.footer ul li.last { padding: 0; margin: 0; border: 0; }
.footer .line-2 { margin-top: 3px; }
.footer .bookmark { background: url(images/ico-bookmark.gif) no-repeat left top; padding: 0 0 0 20px; text-decoration: none; }
.footer :hover.bookmark { text-decoration: underline; }
.footer .f-right { float: right; text-align: right; width: 200px; }
.footer .f-right a { color: #666;}

#nav, #nav ul { position: relative; z-index: 10; }
#nav .undermenu a { display: block; padding: 0px 5px; }
#nav a { display: block; }
#nav li { float: left; position: relative; }
#nav ul li { border-top: 1px solid #fff; padding-top: 5px; padding-bottom: 5px; background: url(images/bg-top-menu.gif) repeat-x;}
#nav li.undermenu { float: left; position: relative; }
#nav ul { position: absolute; display: none; width: 70px; top: 34px; left: 0px; }
#nav li ul a { width: 180px; height: auto; float: left; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:    none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:    block; }

.submenu { padding: 0 20px 0 20px; font-size: 14px; margin-bottom: 15px; }
.submenu ul { border-top: 1px dotted #00a6ef; }
.submenu li { border-bottom: 1px dotted #00a6ef; }
.submenu a { text-decoration: none; font-weight: bold; display: block; padding: 10px; }
.submenu a.active,
.submenu a:hover { background-color: #00a6ef; color: #fff; }

.latest-news { margin: 10px 15px 0 15px; background: #edf5f9; padding: 10px; color: #666666; }
.latest-news h3 { color: #000; }
.latest-news .title { display: block; font-size: 13px; text-decoration: none; }
.latest-news :hover.title { text-decoration: underline; }
.latest-news ul { border-top: 1px dotted #00a6ef; }
.latest-news ul li { border-bottom: 1px dotted #00a6ef; padding: 5px 0 5px 0; }
.latest-news .more { text-align: right; margin-top: 10px; }
.latest-news .more a { text-decoration: none; }
.latest-news .more a:hover { text-decoration: underline; }

.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }
.gallery-row { padding-bottom:  18px; }

.content { width: 718px; }
.content .header { height: 125px; padding: 150px 0 0 0; }
.content .simple { height: 80px; padding: 20px 0 0 0; }
.content .header .info { background: #fff; width: 500px; float: left; padding: 10px 15px 10px 15px; color: #666666; }
.content .simple .info { background: #00a6ef; float: right; margin-right: -22px; }
.content .header .info h1 { color: #000; }
.content .simple .info h1 { color: #fff; }
.content .text { padding: 15px; font-size: 13px; color: #333333; }
.content .text p { margin-bottom: 10px; }
.content .text h2 { color: #00aef0; font-size: 18px; margin-bottom: 10px; }
.content .text h3 { color: #000; font-size: 16px; margin-bottom: 10px; }
.content .comments { margin-top: 20px; }
.content .comments .list { float: left; width: 440px; border-top: 1px dotted #00a6ef; padding-top: 5px; }
.content .comments .form { float: left; margin-left: 15px; width: 205px; padding: 10px 15px 10px 10px; background: #edf5f9; }
.content .comments .form label { color: #666666; font-style: italic; display: block; }
.content .comments .form li { margin-bottom: 5px; }
.content .comments .form input,
.content .comments .form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; border: 1px solid #00a6ef; width: 100%; }
.content .comments .list .num { background: url(images/comments-num-circle.gif) no-repeat; width: 40px; height: 33px; padding: 9px 0 0 0; color: #fff; text-align: center; font-size: 18px; margin-left: 5px; }
.content .comments .list h3 { margin: 10px 0 0 10px; }
.content .comments .list .odd .cnum,
.content .comments .list .cnum { float: left; padding: 3px 4px 0 0; width: 33px; height: 20px; text-align: center; color: #fff; background: url(images/comment-num.gif) no-repeat; }
.content .comments .list .odd .cnum { background: url(images/comment-num-odd.gif) no-repeat; }
.content .comments .list h4 { color: #000; font-size: 16px; padding: 2px 0 0 10px; float: left; }
.content .comments .list li { padding: 10px; }
.content .comments .list li p { margin-top: 15px; }
.content .comments .list li.odd { background-color: #edf5f9; }
.content .comments .list h4 span { font-size: 12px; color: #666666; font-weight: normal; border-left: 1px solid #666666; margin-left: 10px; padding-left: 10px; }
.content .comments .list h4 a { color: #000; text-decoration: none; }
.content .comments .list h4 a:hover { text-decoration: underline; }

.riders { padding-top: 20px; }
.riders li { float: left; width: 320px; margin-bottom: 25px; margin-right: 15px; }
.riders li img { float: left; margin: 0 10px 0 0; }
.riders h3 a { text-decoration: none; }
.riders h3 a:hover { text-decoration: underline; }

.button { background: #00a6ef; color: #fff; border: none; font-size: 13px; font-weight: bold; padding: 3px 10px 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.links li { border-top: 1px dotted #00a6ef; margin-top: 7px; padding-top: 7px; padding-left: 15px; float: left; margin-right: 28px; width: 300px; }
.links li.first { border-top: none; margin: 0 28px 0 0; padding: 0; }
.links a { text-decoration: none; }
.links a:hover { text-decoration: underline; }

.arclist { margin-bottom: 15px; }

#slider { width: 718px; margin: 0; position: relative; }
.scrollContainer div.panel  .image { float: left; margin: 0; }
.scrollContainer div.panel .text { width: 400px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); height: 85px; padding: 10px; margin: 200px 0 0 300px; }
.scrollContainer div.panel .text .button { position: absolute; top: 270px; right: 10px; float: right; text-decoration: none; padding: 2px 15px 2px 15px; }
.scrollContainer div.panel .text { font-size: 16px; line-height: 20px; font-weight: bold; }
.scroll { width: 718px; height:347px; overflow: auto; position: relative; clear: left; }
.scrollContainer div.panel { padding: 0; height: 347px; width: 718px; }
.scrollButtons { display: none; }
#slider .more-link { color: #de2f06; }

ul.navigation { list-style: none; margin: -37px 0 0 295px; padding: 0; float: left; z-index: 1000; position: relative; }
ul.navigation li { display: inline; margin-right: 0; }
ul.navigation a { padding: 2px 6px 2px 6px; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; display: block; float: left; background-color: #00a6ef; overflow: hidden; margin-left: 5px; }
ul.navigation a:hover { background-color: #00a6ef; }
ul.navigation a.selected { background-color: #fff; color: #00a6ef; }
ul.navigation a:focus { outline: none; }