/* Start of CMSMS style sheet 'dzbikes : dzbikes Style' */
/********************************************
   HTML ELEMENTS
********************************************/

/* top elements
* { margin: 0;padding: 0; } */

body {
    margin: 0; padding: 0;
    font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #ccc;
    background: #000 url(uploads/dzbikes/bg.gif) repeat-x;   
}

/* links */
a {
    color: #000000;
    background-color: inherit;
    text-decoration: none;
}
a:hover {
    color: #ff0000;
    background-color: inherit;
}

/* headers */
h1, h2, h3 {
    font-family: Arial, 'Trebuchet MS', Sans-Serif;
    font-weight: bold;
    color: #333;
}
h1 {
    font-size: 120%;
    letter-spacing: .5px;
}
h2 {
    font-size: 115%;   
    font-weight: bold;      
    color: #333;  
}
h3 {
    font-size: 115%;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;     
}
h4 {
    font-family: Arial, 'Trebuchet MS', Sans-Serif;
    font-size: 120%;
    font-weight: bold;
    color: #fff;
}

/* images */
img {
    border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px; 
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, h4, p {
    padding: 0;       
    margin: 10px;
}

ul, ol {
    margin: 5px 10px;
    padding: 0 0px;
}

code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2; 
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
    margin: 10px;
     padding: 0 0 0 32px;     
  background: #FAFAFA url(uploads/dzbikes/quote.gif) no-repeat 5px 10px !important;
    background-position: 8px 10px;
    border: 1px solid #f2f2f2;
    border-left: 4px solid #CC0000;
    font-weight: bold; 
}

/* form elements */
form {
    margin:10px; padding: 0 10px;
    /*border: 1px solid #222;
    background-color: #FAFAFA; */
}
label {
    display:block;
    font-weight:bold;
    margin:5px 0;
}
input {
    padding: 2px;
    border:1px solid #ccc;
    font: normal 1em Verdana, sans-serif;
    color:#777;
}
fieldset {border: 0}
textarea {
    width:400px;
    padding:2px;
    font: normal 1em Verdana, sans-serif;
    border:1px solid #eee;
    height:100px;
    display:block;
    color:#777;
}
input.button {
    margin: 0;
    font: bolder 12px Arial, Sans-serif;
    border: 1px solid #CCC;
    padding: 1px;
    background: #FFF;
    color: #CC0000;
}
/* search form */
form.search {
    position: absolute;
    top: 0px; right: 5px;
    padding: 0; margin: 0;
    border: none;
    background-color: transparent;
}
form.search input.textbox {
    margin: 0;
    width: 120px;
    /*border: 1px solid #CCC; */
    background: transparent;
    color: #333;
}
form.search input.searchbutton {
    margin: 0;
    font-size: 100%;
    font-family: Arial, Sans-serif;
    border: 1px solid #CCC;
    background: #c00 url(uploads/dzbikes/headerbg.gif) repeat-x bottom left;
    padding: 1px;
    font-weight: bold;
    height: 23px;
    color: #333;
    width: 60px;
}

#search {
    background-color: transparent;
/* position for the search box */
    float: right;
/* enough width for the search input box */
    width: 27em;
    text-align: right;
    padding: 0.5em 0 0.2em 0;
    margin: 0 1em;
}

/**********************************
  LAYOUT
***********************************/
#wrap {
    margin: 0 auto;
    width: 1029px;
}

/* header */
#header {
    position: relative;
    leftt: 30px; top: 0px;
    margin-left: 30px; padding: 0;
    height: 80px;
}
#header-logo span#slogan {
/*     z-index: 3; */
    position: relative;
    left: 176px; top: -95px;
    width: 600px;
    font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;   
    color: #fff;   
    font-size: 150%;
}


#header-logo {
    position: relative;
    left: 30px; top: -70px;
    height: 130px;
    margin: 0; padding: 0;   
}
#header-logo #logo {
    position: relative;
    top: 3px; left: 5px;
    font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
    margin: 0; padding: 0;
    letter-spacing: -1px;
}


/* navigation tabs */
#header ul {
    position: relative;
   margin:0;
   list-style:none;
    right: 18px ; top: 30px;
    font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}

/* main column */
#main {
    position: relative;
    top: -490px; left: 250px;
    padding: 5px;
    margin-bottom: 30px;
    width: 819px;
    background-color: #444;
border: 1px solid #CC0000; 
}
#main h1 {
    margin: 10px 0;
    padding: 8px 0 4px 8px;
    font-size: 105%;
    color: #FFF;
    text-transform: uppercase;
    background-color: #CC0000;   
    letter-spacing: .5px;
}
#main h2 {
    margin: 10px 0;
    padding: 8px 8px 4px 8px;
    font-size: 105%;
    color: #FFF;
    background-color: #CC0000;   
    letter-spacing: .5px;
}
#main h3 {
    margin: 10px 0;
    padding: 4px 0 4px 8px;
}
#main h4 {
    margin: 10px 0;
    padding: 4px 0 4px 8px;
}

/* footer */
.footer {
    position: relative;
    top: -450px; left: 380px;
    background: repeat-x;
    padding: 0px 0 10px 0;
    text-align: center; 
    width: 819px;
    line-height: 1.5em;   
    font-size: 95%;
}
.footer a {
    text-decoration: none;
    font-weight: bold;
    color: #FFF;      
}
.footer a:hover {
    color: #ff0000;
    background-color: inherit;
}


#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(uploads/dzbikes/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span{
   float:left;
   display:block;
   background: url(uploads/dzbikes/tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a div {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
    color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}


/* sidebar */
#sidebar {
    position: relative;
    top: 0px; left: 30px;
    width: 190px;
    margin: 0; padding: 0 0 34 0;
    background-color: #222;
border: 1px solid #000000; 
}
#sidebar h1 {
    margin: 10px 0 0 0;
    padding: 4px 0 4px 8px;
    font: bold 105% Arial, Sans-Serif;
    color: #FFF;
    text-transform: uppercase;
    background: #333;
    letter-spacing: 1px;   
}
#sidebar .left-box {
    border: 0px solid #000;
    margin: 0 0 0px 0;   
    background: #000;
}
#sidebar a {
    text-decoration: none;
    font-weight: bold;
    color: #FFF;      
}
#sidebar a:hover {
    color: #ff0000;
    background-color: inherit;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {    clear: both; }
.red   { color: #CC0000; }
.comments {
    margin: 20px 10px 5px 10px;
    padding: 3px 0;
    border-bottom: 1px dashed #EFF0F1;    
    border-top: 1px dashed #EFF0F1;   
}

/* MENU */

    #nav-secondary, #nav-secondary ul {position:static}
    #nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#000}
    #nav-secondary {padding-top:0;border-top: 1px solid #000;margin-top: 0px}
    #nav-secondary a.menuactive {line-height:1.8;padding: 5px 0px 5px 21px;background: #000000;font: 120% bold arial;display:block;border-left: 2px solid #f00}
    #nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;font: 120% bold arial;display:block}
    #nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover,     #nav-secondary a:active {text-decoration:none;cursor:pointer; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
    #nav-secondary a:link {color:#ddd}
    #nav-secondary a:visited {color:#ddd}
    #nav-secondary a:hover {color:#f11;background: #000 url("images/sprites.gif") no-repeat 10px }
    #nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00}
    #nav-secondary li {border-top: 0px solid #ddd; border-bottom: 1px solid #222}

/* PARTNER */
    #nav-partner, #nav-partner ul {position:static}
    #nav-partner, #nav-partner li {list-style: none;margin:0;padding:0;background:#fff}
    #nav-partner {padding-top:0;border-top: 1px solid #444;margin-top: 0px}
    #nav-partner a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px ;font: 120% bold arial;display:block}
    #nav-partner a, #nav-partner a:link, #nav-partner a:visited, #nav-partner a:hover, #nav-partner a:active {text-decoration:none;cursor:pointer; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
    #nav-partner a:link {color:#000}
    #nav-partner a:visited {color:#000}
    #nav-partner a:hover {color:#c00;background: #FFF6EF url("images/sprites.gif") no-repeat 10px }
    #nav-partner li.active a:link, #nav-partner li.active a:visited, #nav-partner li.active a:hover, #nav-partner li.active a:active {color:#c00}
    #nav-partner li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* End of 'dzbikes : dzbikes Style' */