/* CREDITS
 * ----------------------------------------------------------
 * Title:		Ryde - CSS Main Stylesheet
 * Author:		Dirk Bonhomme <dirk@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/* General styles
---------------------------------------------------------- */
body { background: #01304e; font-family: "Arial", sans-serif; font-size: 10px; color: #141014;  }
a img { border: 0; }
a { color: #00A6E2; }
p { line-height: 14px; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
strong em, em strong { font-weight: bold; font-style: italic; }

/* Container
---------------------------------------------------------- */
#container { width: 992px; background: url(../images/layout/container_background.png) center repeat-y; margin: 0 auto; }
#subcontainer { background: url(../images/layout/subcontainer_background.png) center 125px no-repeat; }

/* Header
---------------------------------------------------------- */
#header { height: 97px; background: #01304e url(../images/layout/header_background) 235px bottom no-repeat; position: relative; }

/*logo*/
#header h1 { position: absolute; left: 28px; top: 0px; width: 207px; background: url(../images/layout/logo.png); }
#header h1 a { display: block; height: 97px; text-indent: -9999px; overflow: hidden; }

/*navigation*/
#header ul.navigation { position: absolute; top: 51px; left: 270px; }
#header ul.navigation li { float: left; background: url(../images/layout/navigation_item.png) right no-repeat; height: 15px; padding: 0 9px 0 8px; text-transform: uppercase; }
#header ul.navigation li.last { background: none; }
#header ul.navigation li a { float: left; color: white; font-size: 12px; text-decoration: none; height: 15px; line-height: 15px; }
#header ul.navigation li a:hover { text-decoration: underline; }
#header ul.navigation li.active a { font-weight: bold; }

/*login*/
#header form.login { position: absolute; width: 160px; height: 50px; right: 64px; top: 45px; }
#header form.login input { width: 130px; float: left; clear: both; border: 1px solid #725b4d; font-size: 9px; padding: 0 3px; height: 13px; margin-bottom: 3px; }
#header form.login input.disabled { color: #685c54; }
#header form.login button { position: absolute; bottom: 17px; right: 0; width: 20px; height: 15px; background: transparent; border: 0; font-weight: bold; cursor: pointer; color: white; font-size: 10px; padding: 0; }#header form.login a {clear: both; width: 50px; padding-left: 5px; font-weight: bold; text-decoration: none; color:#fff; }
#header form.login a:hover { text-decoration: underline; }

/*profile*/
#header div.profile { position: absolute; width: 100px; height: 50px; right: 63px; top: 26px; }
#header div.profile br { display: none; }
#header div.profile a { display: block; margin-top: 4px; border: 1px solid #674a42; height: 14px; background: #685C54; color: white; line-height: 14px; text-transform: uppercase; text-align: right; padding-right: 13px; text-decoration: none; font-weight: bold; }
#header div.profile a.active,
#header div.profile a:hover { border-color: #2788a0; background: #00aed9; }

/* Subheader
---------------------------------------------------------- */
#subheader { height: 28px; background: #685c54; width: 868px; margin: 0 auto; padding-top: 1px;position:relative; }

/*navigation*/
#subheader ul.navigation { position: absolute; top: 7px; left: 175px; }
#subheader ul.navigation li { float: left; background: url(../images/layout/navigation_item.png) right no-repeat; height: 15px; padding: 0 9px 0 8px; text-transform: uppercase; }
#subheader ul.navigation li.last { background: none; }
#subheader ul.navigation li a { float: left; color: white; font-size: 12px; text-decoration: none; height: 15px; line-height: 15px; }
#subheader ul.navigation li a:hover { text-decoration: underline; }
#subheader ul.navigation li.active a { font-weight: bold; }

/*language*/
#subheader ul.language { float: right; margin: 8px 20px 0 0; display: inline; background: url(../images/layout/language_item.png) right no-repeat; padding-right: 1px; }
#subheader ul.language li { float: left; background: url(../images/layout/language_item.png) left no-repeat; font-weight: bold; padding: 0 6px 0 7px; text-transform: uppercase; color: white; }
#subheader ul.language li a { float: left; color: white; text-decoration: none; font-weight: normal; }
#subheader ul.language li a:hover { text-decoration: underline; }

/*profile*/
#subheader ul.profile { float: right; margin: 7px 13px 0 0; display: inline; padding-right: 1px; }
#subheader ul.profile li a { color: #fdad01; text-decoration: none; }
#subheader ul.profile li a:hover { text-decoration: underline; }


/* Content
---------------------------------------------------------- */
#content { width: 868px; margin: 0 auto; overflow: hidden; font-size: 12px; line-height: 15px; }
#content.homepage { background: url(../images/layout/homepage_background.png) center repeat-y; }

/*title*/
#content h2 { background: url(../images/layout/line.png) top repeat-x; margin-bottom: 10px; font-weight: bold; }
#content h2 span { display: block; background: url(../images/layout/line.png) bottom repeat-x; text-transform: uppercase; font-size: 12px; padding: 3px 0 2px; }
#content h2 span em { padding-left: 10px; }
#content h2 a { color: #141014; text-decoration: none; }
#content h3 { background: url(../images/layout/line.png) top repeat-x; margin-bottom: 10px; font-weight: bold; }
#content h3 span { display: block; background: url(../images/layout/line.png) bottom repeat-x; text-transform: uppercase; font-size: 12px; padding: 3px 0 2px; }
#content h3 a { color: #141014; text-decoration: none; }

/*readmore*/
#content a.readmore { display: block; float: left; line-height: 20px; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#content a.readmore:hover { text-decoration: underline; }

/* Shoppingcart
---------------------------------------------------------- */
#shoppingcart { width: 610px; clear: both; margin: 0 auto; margin-bottom: 15px; }
#shoppingcart h2 { background: #00aed9; border: 1px solid #60cce7; color: white; text-transform: uppercase; padding: 0 0 0 4px; line-height: 16px; }

/*wizard*/
#shoppingcart div.wizard { width: 454px; text-align: center; margin: 0 0 15px 80px; text-transform: uppercase; }
#shoppingcart div.wizard a,
#shoppingcart div.wizard strong { padding: 0 4px; font-size: 11px; color: #141014; }
#shoppingcart div.wizard a { text-decoration: none; }
#shoppingcart div.wizard a:hover { text-decoration: underline; }

/*products*/
#shoppingcart table { width: 100%; background: url(../images/layout/line.png) top repeat-x; }

#shoppingcart table thead th { background: url(../images/layout/line.png) left bottom repeat-x; text-transform: uppercase; white-space: nowrap; line-height: 25px; }
#shoppingcart table thead th.quantity { width: 70px; }
#shoppingcart table thead th.price { width: 80px; }
#shoppingcart table thead th.total { width: 100px; }
#shoppingcart table thead th.remove { width: 60px; text-align: center; }

#shoppingcart table tbody td { padding: 3px 0; background: url(../images/layout/line.png) left bottom repeat-x; vertical-align: top; border-bottom: 2px solid white; }
#shoppingcart table tbody td.information { font-size: 11px; padding: 3px 10px 3px 3px; }
#shoppingcart table tbody td.information.image { height: 100px; }
#shoppingcart table tbody td.information img { position: absolute; border: 4px solid #674a42; margin-left: -95px; }
#shoppingcart table tbody td.quantity select { border: 1px solid #b9b1a9; }
#shoppingcart table tbody td.remove a { width: 16px; height: 17px; display: block; margin: 0 auto; text-indent: -9999px; overflow: hidden; background: url(../images/layout/delete.gif) top no-repeat; }
#shoppingcart table tbody td.remove a:hover { background-position: bottom; }
#shoppingcart table tbody td p { padding: 5px 0; }

#shoppingcart table tfoot td { background: #b9b1a9; line-height: 20px; font-weight: bold; padding-left: 3px; text-transform: uppercase; border: solid white; border-width: 10px 0; }
#shoppingcart table tfoot td em { text-transform: none; font-weight: normal; font-style: normal; }
#shoppingcart table tfoot tr.actions td { background-color: #00aed9; font-size: 11px; color: white; }
#shoppingcart table tfoot tr.actions td a { color: white; text-decoration: none; margin: 0 10px; }
#shoppingcart table tfoot tr.actions td a.first { margin-left: 0; }
#shoppingcart table tfoot tr.actions td a:hover { text-decoration: underline; }
#shoppingcart table tfoot tr.actions td.next { text-align: right; }
#shoppingcart table tfoot tr.actions td.next a { color: #141014; }

/*text*/
#shoppingcart div.text { margin: 15px 0; }

/* Error
---------------------------------------------------------- */
#error { width: 868px; margin: 0 auto; padding: 60px 0 90px; }
#error h2 { font-size: 16px; margin-bottom: 10px; }
#error p { font-size: 13px; line-height: 20px; }

/* Main
---------------------------------------------------------- */
#main { width: 694px; float: right; overflow: hidden; padding-bottom: 25px; }
#main.low { padding-bottom: 0; }

/*headerimages*/
#main div.headerimages { height: 190px; background: white; padding-bottom:20px; }
#main div.headerimages img { float: left; }

/*left*/
#main div.left { float: left; width: 349px; }
#main div.left.wide { width: 495px; }
#main div.left div.product { width: 322px; margin: 0 auto 15px; overflow: hidden; }
#main div.left div.newsitem { width: 322px; margin: 0 auto 15px; overflow: hidden; }

/*right*/
#main div.right { float: left; width: 345px; }
#main div.right.small { width: 185px; }
#main div.right div.news { width: 323px; margin: 0 auto 15px; overflow: hidden; }
#main div.right.small div.news { width: 160px; float: right; }
#main div.right div.news img { float: left; margin: 0 7px 7px 0; }
#main div.right div.news a.readmore { float: right; }
#main div.right.small div.news a.readmore { float: left; }
#main div.right.small div.news img { margin: 0 auto 10px; display: block; }
#main div.right h3 { font-weight: normal; }
#main div.right.small h3 { font-weight: bold; }

/*product*/
#main div.product img { display: block; margin: 10px auto; }

/*newsitem*/
#main div.newsitem img { display: block; margin: 10px auto; border: 13px solid #674a42; }

/*newsdetails*/
#main div.newsdetails div.image { float: left; width: 349px; }
#main div.newsdetails div.image img { display: block; margin: 0 0 10px; border: 13px solid #674a42; }
#main div.newsdetails div.details { float: left; width: 325px; line-height: 15px; }
#main div.newsdetails div.details.wide { width: 674px; }
#main div.newsdetails div.details p { margin-bottom: 15px; }

/*article*/
#main div.article { width: 674px; padding-bottom: 15px; overflow: hidden; }

#main div.article div.image { float: left; width: 349px; }
#main div.article div.image img { display: block; border: 13px solid #674a42; }

#main div.article ul.images { overflow: hidden; margin: 15px 0 5px; }
#main div.article ul.images li { width: 148px; float: left; margin: 0 20px 15px 0; background: url(../images/layout/line.png) bottom repeat-x; }
#main div.article ul.images li.small { width: 88px; } 
#main div.article ul.images li img { display: block; border: 6px solid #674a42; }
#main div.article ul.images li.small img { margin-top: 58px; }
#main div.article ul.images li p { padding: 5px 0; width: 148px; overflow: hidden; }
#main div.article ul.images li.small p { width: 88px; }

#main div.article div.details { float: left; width: 325px; line-height: 15px; }
#main div.article div.details.wide { width: 674px; }

/*productlist*/
#main div.productlist { overflow: hidden; }
#main div.productlist ul li { width: 148px; float: left; height: 190px; position: relative; background: url(../images/layout/line.png) center 163px repeat-x; margin: 0 27px 0 0; }
#main div.productlist ul li.last { margin-right: 0; }
#main div.productlist ul li a { color: #1a171b; text-decoration: none; display: block; }
#main div.productlist ul li img { border: 7px solid #674a42; display: block; }
#main div.productlist ul li a:hover img { border-color: #472a22; }
#main div.productlist ul li em { font-size: 10px; font-style: normal; display: block; height: 28px; overflow: hidden; }
#main div.productlist ul li strong { display: block; padding-top: 7px; }
#main div.productlist ul li strong.price { position: absolute; bottom: 30px; }
#main div.productlist ul li br { display: none; }

/*productdetails*/
#main div.productdetails div.left { width: 320px; margin-right: 37px; }
#main div.productdetails div.right { width: 320px; }

#main div.productdetails div.images li { float: left; width: 147px; margin: 0 0 18px 0; }
#main div.productdetails div.images li.first { width: 320px; }
#main div.productdetails div.images li.even { display: inline; margin-left: 26px; }
#main div.productdetails div.images li img { display: block; border: 6px solid #674a42; }
#main div.productdetails div.images li.first img { border-width: 13px; }

#main div.productdetails div.information,
#main div.productdetails div.specifications { margin-bottom: 20px; }

#main div.productdetails div.files strong { text-transform: uppercase; }
#main div.productdetails div.files ul { padding: 10px 0; }
#main div.productdetails div.files ul li { padding: 0 0 3px 5px; list-style: inside disc; }

#main div.productdetails div.price { background: url(../images/layout/line.png) top repeat-x; font-weight: bold; font-size: 13px; }
#main div.productdetails div.price div { background: url(../images/layout/line.png) bottom repeat-x; line-height: 35px; text-transform: uppercase; }
#main div.productdetails div.price em { text-transform: none; }

#main div.productdetails form.order { margin: 15px 0; background: #00aed9; border: 1px solid #60cce7; line-height: 25px; height: 25px; padding-right: 5px; }
#main div.productdetails form.order label { font-weight: bold; text-transform: uppercase; padding: 0 10px 0 5px; float: left; height: 25px; }
#main div.productdetails form.order label a { color: white; }
#main div.productdetails form.order select { width: 60px; float: left; border: 1px solid #60cce7; margin-top: 2px; background: white; height: 20px; }
#main div.productdetails form.order input { float: right; width: 140px; border: 0; background: transparent; height: 23px; cursor: pointer; text-transform: uppercase; font-weight: bold; }

/*distributors*/
#main div.distributors ul { margin-bottom: 25px; }
#main div.distributors li { overflow: hidden; padding-bottom: 15px; height: 100%; margin-bottom: 15px; background: url(../images/layout/line.png) bottom repeat-x; }
#main div.distributors li.last { background: none; padding-bottom: 0; }
#main div.distributors li img { float: left; border: 6px solid #674a42; margin: 0 15px 15px 0; }
#main div.distributors li p { display: inline;  }
#main div.distributors h3 { color: #00A6E2; background: none; }
#main div.distributors p.empty { line-height: 35px; margin-bottom: 15px; }
#main div.distributors li ul { margin: 10px 0; }
#main div.distributors li ul li { padding: 5px 0; margin: 0; background: none; list-style: inside disc; }

/*eventlist*/
#main div.eventlist { overflow: hidden; padding-bottom: 10px; height: 100%; }
#main div.eventlist h2 em { font-style: normal; padding: 0; }
#main div.eventlist h2 strong.salons { color: #00aed9; }
#main div.eventlist h2 strong.racing { color: #fdbf03; }
#main div.eventlist h2 strong.products { color: #6b534c; }
#main div.eventlist a.readmore { float: right; }

/*eventdetails*/
#main div.eventdetails h2 em { font-style: normal; padding: 0; }
#main div.eventdetails h2 strong.salons { color: #00aed9; }
#main div.eventdetails h2 strong.racing { color: #fdbf03; }
#main div.eventdetails h2 strong.products { color: #6b534c; }
#main div.eventdetails div.image { float: left; width: 349px; }
#main div.eventdetails div.image img { display: block; margin: 0 0 10px; border: 13px solid #674a42; }
#main div.eventdetails div.details { float: left; width: 325px; line-height: 15px; overflow: hidden; }
#main div.eventdetails div.details.wide { width: 674px; }
#main div.eventdetails div.details p { margin-bottom: 15px; }

/*calendar*/
#main div.calendar { width: 135px; margin: 10px auto; }

#main div.calendar div.navigation { height: 20px; }
#main div.calendar div.navigation a { display: block; width: 10px; text-align: center; overflow: hidden; font-size: 12px; font-weight: bold; color: black; text-decoration: none; }
#main div.calendar div.navigation a.previous { float: left; }
#main div.calendar div.navigation a.previous:hover { font-weight: normal; }
#main div.calendar div.navigation a.next { float: right; }
#main div.calendar div.navigation a.next:hover { font-weight: normal; }
#main div.calendar div.navigation a.current { width: 105px; display: inline; margin: 0 5px; float: left; text-transform: lowercase; }

#main div.calendar table { width: 100%; background: url(../images/layout/calendar_background.png) left 18px repeat-y; }
#main div.calendar table th { text-align: center; font-weight: bold; height: 18px; background: white; font-size: 10px; text-transform: uppercase; }
#main div.calendar table td { text-align: center; height: 16px; font-size: 10px; font-weight: bold; padding: 0 2px }
#main div.calendar table td.salons { background-color: #00aed9; }
#main div.calendar table td.racing { background-color: #fdbf03; }
#main div.calendar table td.products { background-color: #6b534c; }

/* Sidepanel
---------------------------------------------------------- */
#sidepanel { width: 174px; float: left; }

/*headerimage*/
#sidepanel div.headerimage { height: 190px; padding-bottom:20px; background:#fff; }
#sidepanel div.headerimage img { display: block; }

/*news*/
#sidepanel div.news { width: 148px; margin: 0 auto 15px; overflow: hidden; }
#sidepanel div.news img { display: block; margin: 10px 0; }

/*categories*/
#sidepanel div.categories { height: 211px; padding-top: 25px; background: url(../images/layout/container_background.png) -34px repeat-y; }
#sidepanel div.categories.high { height: auto;}
#sidepanel div.categories ul { background: url(../images/layout/line.png) bottom repeat-x; overflow: hidden; width: 148px; margin: 0 auto; padding-bottom: 2px; }
#sidepanel div.categories ul li { float: left; width: 100%; text-transform: uppercase; background: url(../images/layout/line.png) top repeat-x; }
#sidepanel div.categories ul li a { display: block; border: 1px solid white; width: 144px; margin: 2px auto 0; color: #1a171b; text-decoration: none; font-size: 12px; line-height: 18px; padding-top: 1px; }
#sidepanel div.categories ul li.active a, 
#sidepanel div.categories ul li a:hover { background: #6b534c; color: white; border-color: #a3948f; }

#sidepanel div.categories ul li ul { background-position: top; padding: 3px 0 10px; }
#sidepanel div.categories ul li ul li { background: none; font-size: 10px; }
#sidepanel div.categories ul li ul li a { width: 134px; padding-left: 10px; line-height: 15px; }
#sidepanel div.categories ul li.active li a { background: none; border-color: white; color: #1a171b; }
#sidepanel div.categories ul li.active li a:hover { background: #6b534c; color: white; border-color: #a3948f; }

#sidepanel div.categories li li ul { background: none; }
#sidepanel div.categories li li ul li a { width: 129px; padding-left: 15px; line-height: 13px; font-size: 9px; padding-top: 0; text-transform: none; }
#sidepanel div.categories li li.active li a { background: none; border-color: white; color: #1a171b; }
#sidepanel div.categories li li.active li a:hover { background: #6b534c; color: white; border-color: #a3948f; }

/* Footer
---------------------------------------------------------- */
#footer { width: 936px; height: 53px; background: url(../images/layout/footer.png) top no-repeat; margin: 0 auto; }
#footer ul { height: 20px; background: url(../images/layout/footer_item.png) right no-repeat; float: left; line-height: 20px; display: inline; margin-left: 230px; }
#footer ul li { float: left; text-transform: uppercase; height: 20px; font-size: 11px; background: url(../images/layout/footer_item.png) left no-repeat; padding: 0 5px 0 6px; }
#footer ul li a { color: #141014; text-decoration: none; }
#footer ul li a:hover { color: white; }

/* Default form
---------------------------------------------------------- */

/*fieldset*/
form.default fieldset { margin-bottom: 20px; }
form.default fieldset legend{ border: 0; color: #00A6E2; font-weight: bold; font-size: 13px; }
form.default fieldset p { padding: 10px 5px; }
form.default abbr { cursor: help; }

/*entry*/
form.default div.entry{clear:both; overflow:hidden; margin:0 0 5px; padding:5px}
form.default div.entry label{float:left; padding-bottom: 4px; }

/*error*/
form.default div.error{background:#FFE6E7; border:1px solid #CC0000}
form.default span.error{color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px; background:url(../images/layout/icon_error.gif) no-repeat 0 0}

/*text*/
form.default div.text label{line-height:18px}
form.default div.text input{ width:97%; border: 1px solid #b6b6b6; font-size: 12px; line-height: 18px; padding: 3px; }
form.default div.text.small input { width: 119px; clear: both; display: block; }

/*captcha*/
form.default div.captcha img { float: left; margin: 2px 4px 0 0; clear: both; }
form.default div.captcha input{ width:auto; float: left; border: 1px solid #b6b6b6; font-size: 12px; line-height: 18px; padding: 3px 0; margin-top: 2px; }

/*textarea*/
form.default div.textarea label{clear:both; line-height:18px; display:block}
form.default div.textarea textarea{width:97%; font-size: 12px; padding: 3px; border: 1px solid #b6b6b6; }

/*radiobutton*/
form.default div.radiobutton label{width:100%; display:block}

/*checkbox*/
form.default div.checkbox label{width:100%; display:block}

/*select*/
form.default div.select select{clear:both; display:block; border: 1px solid #b6b6b6; }
form.default div.select label{display:block}

/*submit*/
form.default div.button { padding: 0 3px; }
form.default div.button button { background: #00aed9; border: 1px solid #60cce7; color: white; font-weight: bold; padding: 2px 5px; cursor: pointer; }