/* begin overall style */
* {
    margin: 0;
    padding: 0;
    outline: none;
}
IMG {
    border: 0;
}

UL {
    margin: 0 0 20px 20px;
}

li {
	list-style-type: square;
}

table.twoColumns a, table.threeColumns a {
        background:transparent url(../images/pfeil.gif) no-repeat scroll right center;
        margin:1em 0;
        padding-right:13px;
        color: #83bf2c;
}

a img {
	background: none;
	padding: 0;
	margin: 0;
}

.SubMenuBikesContainer ul, #bikeSeriesContainer ul {
	margin: 0;
}

.SubMenuBikesContainer ul li, #bikeSeriesContainer ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widgetContent a, #bikeSeriesContainer a {
	background: url('../images/pfeil.gif') no-repeat right;
	padding-right: 13px;
}

.miniTeaser a {
	background: none;
}

DIV.clearfloat
{
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

H1, H2, H3, H4, H5, H6, H7 {
    margin: 1em 0 0.5em;
    clear:both;
    line-height: 1.2em;
}

H2 {    
    border-bottom: 1px dotted #666;
    padding: 0 0 5px 0;
    color: #83bf2c;
    font-size: 14px;
    margin: 1em 0 19px;
    text-transform: uppercase;
}

h2 a, h2 a:hover, h2 a:active {
	color: #83bf2c;
}

H3 {
    color: #bbb;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 17px;
    padding: 0px 0 0;
}
H4 {
    Xcolor: #bbb;
    font-weight: bold;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0 0 5px 0;
}
P {
    margin: 0 0 17px;
}



A,.link {
    color: #71b700;
    text-decoration: none;
    cursor: pointer;
}
A:hover,.link:hover {
    text-decoration: underline;
}

html,body{
    height: 101%;
}

body#main
{
        background: white url('../images/background.jpg') repeat-x top;
}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        line-height: 17px;
	margin: 0;
	padding: 0;
	color: #444;
        background: #000;
}

#wrapper
{
	width: 980px;
	margin: 0 auto;
	padding: 0;
        position: relative;
	Xbackground:white url(bg.gif) repeat-x left top;
        
}

#header
{
	margin: 0;
	padding: 0;
	background: #000;
        height: 68px;
        background:black url(../images/naviHeader.png) center center no-repeat;
        cursor: pointer;
}



#logo
{
	Xpadding: 20px 0 20px 10px;
	font-size: 200%;
        Xbackground: url(../images/merida_logo.png) no-repeat;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 205px;
        w
}
#logo a
{
        text-decoration: none;
        color: #333;
        Xdisplay: none;
}

#mainMenu
{
	Xposition: absolute;
	Xtop: 69px;
        font-size: 12px;
}

#mainMenu ul
{
	padding: 0;
	margin: 0;
	padding: 4px 0 5px 0;
}

#mainMenu ul li
{
	display: inline;
}

#mainMenu ul li a
{
	padding: 0.4em 0.4em;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#mainMenu ul li a:hover, #mainMenu ul li a.active
{
	background: #fff;
	color: #0f0;
}

#content
{
    position: relative;
    margin: 18px auto;
    padding: 0px;
    min-height: 500px;
}

#sidebar
{
    position: relative;
    margin: 0 auto;
    padding: 1em;
    float: right;
    z-index: 10;
}

#footerFlames {
    height: 23px;
    background: url('../images/bottomFlameBg.png');
}
#footer
{
	padding: 15px;
	Xmargin: 20px 0 0 0;
	font-size: 0.8em;
	Xborder-top: 1px solid #EEE;
        color: #999;
        background: #000;
}

#footer .footerNavi h2 a
{
    color: #83BF2C ! important;
    background: transparent ! important;
}

#footer .footerNavi li a
{
    background: transparent ! important;
}

/* end of overall style */



/* HEADER CELL */
.headerCell {
    clear: left;
    width: 1026px;
    Xheight: 372px;
    Xbackground: url('../images/header.png');
    Xmargin: 20px 0 20px -40px;
    Xoverflow: auto;
    Xposition: relative;
    margin: 0 0 0px -23px;
    z-index: 50;
}
.headerCell P {
    margin: 0;
}
.admin .headerCell
{
        Xoverflow: auto;
	Xheight: 300px;
        padding: 21px 0 0 0;
}
.headerCell .breadcrumb {
    Xposition: absolute;
    Xtop: -13px;
    Xleft: 23px;
    margin: -54px 0 0 23px;
    float: left;
    font-size: 10px;
    height: 44px;
    min-width: 200px;
    background: url('../images/headerFlames.png') right bottom no-repeat;
}
.headerCell .breadcrumb P {
    margin: 30px 140px 0 0px;
}

.headerCell .headerCellTop {
    Xposition: absolute;
    margin: 0;
    top: 21px;
    background: url('../images/headerCellTop.png') no-repeat bottom;
    width: 1026px;
    height: 41px;
    Xdisplay: none;
    Xbackground: #fff;
}
.headerCell .headerWidget {
    Xwidth: 980px;
    Xmargin: 41px 0 0 23px;
    border: 0px solid red;
    Xmargin: 0px 0 0px 0px;
    padding: 0px 23px 0 23px;
    position: relative;
    background: url('../images/headerCell.png') center repeat-y;
    Xdisplay: none;
}
.headerCell .headerCellBottom {
    margin: 0px 0 0 0px;
    background: url('../images/headerCellBottom.png') no-repeat;
    width: 1026px;
    height: 31px;
}

/* TEASER */

div.mainTeaser div.column,
div.mainTeaser div.columnDouble {
    background: white;
}

div.mainTeaser div.column, #footer div.column {
    float: left;
    width: 300px;
    margin: 0 40px 0 0;
}
div.mainTeaser div.columnDouble {
    float: left;
    width: 640px;
    margin: 0 40px 0 0;
}
div.mainTeaser div.column + div.column + div.column,
div.mainTeaser div.columnDouble + div.column,
#footer div.column  + div.column + div.column {
    margin: 0;
    
}

/* BIKE OVERVIEW */
div.row div.column
{
    background: white;
}

div.row div.column {
    float: left;
    width: 300px;
    margin: 0 40px 0 0;
}

div.row div.column + div.column +div.column
{
    margin: 0;
}
/* FOOTER */

div.footerTeaser {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
div.footerTeaser ul {
    text-align: left;
    display: block;
    list-style-type: none ! important;
    margin: 0;
}
div.footerTeaser ul li {
    Xfloat: left;
    margin: 0.5em 0 0 1px;
    list-style-type: none ! important;
}
div.footerTeaser A {
    color: #ccc;
    text-decoration: none;
}
div.footerTeaser A:hover {
    text-decoration: underline;
    color: #fff;
}






div.content
{
	background: white;        
}

div.defaultWidget div {
    background: white;
    padding: 0;
}

div.defaultWidget img {
    padding: 0;
    display: block;
}

div.defaultWidget p {
    padding: 10px;
}



/* BIKE DETAIL */

#bikeSpecsContainer
{
    width: 640px;
    float: left;
    margin-top: 29px;
}

#bikeSidebarContainer
{
    width: 300px;
    float: right;
    xmargin-top: 17px;
}

#bikeSidebarContainer h2
{
    margin-top: 31px;
}

#bikeHotpointsContainer
{
    margin-top: 17px;
    margin-bottom: 0px;
}

#bikeHotpointsContainer img
{
    display: block;
    float: left;
    margin: 0 0 12px 8px;
}

#bikeSeriesContainer h2
{
    margin-top: 29px;
}

table.bikeDetailHead
{
   width: 100%;
   border-bottom: 1px #000 dotted;
   margin-bottom: 5px;
}

table.bikeDetailHead h2
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

table.bikeDetail
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.bikeDetail th, table.bikeDetail td
{
	font-size: 0.9em;
	border-bottom: 0.2em #d1e4a1 solid;
	padding: 0.3em;
}
table.bikeDetail td
{
    vertical-align: middle;
    padding-left: 20px;
}

table.bikeDetail th
{
	xbackground: #ddd;
	text-align: left;
        font-weight: normal;
        text-transform: uppercase;
}

table.bikeDetail th.label
{
	width: 304px;
}

table.bikeDetail tr.odd
{
	background: #eee;
}

table.bikeDetail td.priceContainer div#price
{
    width: auto;
    float: left;
    padding: 0;
}

table.bikeDetail td.priceContainer div#flag
{
    width: 16px;
    float: left;
    padding: 3px 0 0 10px;
}

/* BIKE COMPARISON */
.bikeComparisonContainer
{

}

.bikeComparisonContainer select
{
    width: 100%;
}

#comparisonImageContainerbikeA, #comparisonImageContainerbikeB
{
    height: 205px;
    background: url(../images/bg_bike_comparison_image.png) no-repeat;
    background-position: 24px 10px;
}

.comparisonImageContainer
{
    background: #fff ! important;
    height: 205px;
}

#comparisonSpecsContainerbikeA
{
    margin-top: 10px;
    width: 680px;
    float: left;
}

#comparisonSpecsContainerbikeA td
{
    padding-left: 30px;
}

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

#comparisonSpecsContainerbikeB th.label
{
    display: none;
}

#comparisonSpecsContainerbikeB td
{
    width: 100%;
    padding-left: 0px ! important;
}

/* LOADING INDICATORS */
div.loading {
  background-position:  center center ! important;
  background-repeat: no-repeat;
  opacity: 1;
  background-image: url('images/loader-green.gif') ! important;
}

div.loadingSmall {
  background-position:  center center ! important;
  background-repeat: no-repeat;
  opacity: 1;
  background-image: url('images/loader-green-small.gif') ! important;
}

div.loading, div.loadingSmall * {
  opacity: .2;
}

.SubMenuBikesContainer
{
    border-top: 1px dotted #666;
    margin: 36px 0 0 0;
    padding: 5px 0 0 0;
}

.SubMenuBikesContainer a
{
    color: #71b700;
}

.searchTags {
    Xtext-align: center;
}

.searchTags A, .selectedTags A  {
    padding: 0.7em 2em 0.1em 0.5em;
    line-height: 32px;
    cursor: pointer;
    text-decoration:none;
    position: relative;
    font-weight: bold;
}
.searchTags A LABEL, .selectedTags A LABEL {
    font-style: monospaced;
    position: absolute;
    top: -11px;
    right: 2px;
    font-size: 8px;
    color: #fff;
    font-weight: normal;
}
.searchTags A {
    background: #ddd;
    color: #333;
}
.selectedTags A, .searchTags A:hover {
    background-color: #71b700;;
    color: #fff;
}
.selectedTags A:hover {
    color: #ccc;
}

.bikeSearch {
    min-height: 1100px;
}

.bikeSearch table.bikeDetail th.label {
    width: 100px;
}
.bikeSearch .resultItem {
    height: 170px;
    width: 140px;
    display: table-cell;
    vertical-align: middle;
    float: left;
    margin-right: 10px;
}
.bikeSearch .resultItem .imageWrapper {
    height: 150px;
    display: table-cell;
    vertical-align: middle;

}

.XbikeSearch .selectedTags,
.XbikeSearch .searchPanel,
.XbikeSearch .bikeInfo {
    height: 80px;
    overflow: auto;
}
.bikeSearch .searchTags,
.XbikeSearch .bikeList {
    height: 450px;
    overflow: hidden;
}

div.login {
    background: #000 url('../images/loginBg.png') bottom left no-repeat;
    width: 960px;
    Xheight: 200px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.5em;
    color: white;
}
div.login div.yiiForm {
    background: none;
    border: none;
    color: white;
}
div.login div.yiiForm A {
    color: #71b700;
}
div.login div.yiiForm INPUT {
    Xfloat: left;
    display: inline;
}
div.login div.yiiForm INPUT[type=hidden] {
    display: none;
}

div.login div.action TABLE TD {
    vertical-align: middle;

}
div.headerWidget H1 {
    padding: 1em 0 0 0;
    margin-top: 0;
}
div.headerWidget H2 {
    padding: 1em 0 0 0;
    margin-top: 0;
}

div.headerWidget div.error {
    background: url('../images/errorBg.jpg');
    height: 300px;
    width: 968px;
    color: #fff;
    padding: 0 0 0 12px;
}
div.headerWidget div.error div {
    background: #333 ;
    float: left;
    padding: 1em;
}
div.headerWidget div.error H1 {
    color: #fff;
}
div.headerWidget H2 {
    color: #000;
}


.meridaDistributorsWidget DIV.distributor {
    width: 300px;
    float: left;
    margin-right: 40px;
}

.meridaDistributorsWidget .row DIV.distributor+DIV.distributor+DIV.distributor  {
    margin-right: -10px !important; /* FIXME - hotfix */
}

.hkLogoContainer
{
    height: 20px;
    text-align: right;
}

/* Twitter widget in news */
.content .twtr-hd
{
    overflow:hidden;
    position:relative;
    margin: 0 0px 10px 0 ! important;
    padding: 0;	
}

.content .twtr-hd img
{
    padding: 0 0 4px 0; 
}

.content .twtr-widget-profile h3
{
    margin: 0 0 0 0 !important;
    display: block;
}

.content .twtr-widget-profile h4
{
    margin: 0 0 0 0 !important;
}


.content .twtr-widget .twtr-tweet-wrap
{
    overflow:hidden;
    padding: 6px 0 ! important;
}

.content .twtr-ft div {
    overflow:hidden;
    padding: 10px 0 15px 0;
}