/*  
Theme Name: QuadBikes
Theme URI: http://nelsonwebworks.co.nz/
Description: Theme developed by Nelson Web Works for QuadBikes.ie
Version: 1.0
Author: Aidan Curran
Author URI: http://nelsonwebworks.co.nz/
*/

body {
   background: #666666 url(images/bg-grad.jpg) top left repeat-x fixed;
   font-size: 10pt;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   color: #70654B;
   padding: 0;
   margin: 0;
}
h1 { font-size:14pt; }
h2 { font-size:13pt; }
h3 { font-size:12pt; }
h4 { font-size:11pt; }
h1, h2, h3, h4 {
   font-family: Arial Narrow, Trebuchet MS, Helvetica, sans-serif;
   color: #463D27;
}
a, a:link, a:visited {color: #8B6E27; text-decoration: none; font-weight: bold;}
a:active, a:hover {color: #D2711A; text-decoration: underline; font-weight: bold;}
a.titleLink, a.titleLink:link, a.titleLink:visited	{color: #6C4D00; font-weight: bold; text-decoration: none; }
a.titleLink:active, a.titleLink:hover              {color: #6C4D00; font-weight: bold; text-decoration: underline; }
img {border: 0}
label {font-weight:bold;} 
ul {
  margin: 10px 0 10px 15px;
  padding: 0px;
}
li { 
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0px;
  margin-top: 3px;
  background: url(images/bullet.gif) left top no-repeat;
  padding-left: 13px;
  margin-bottom: 6px;
  line-height: 15px;
}
ul.horizList {
   display: block;
   margin: 0;
}
ul.horizList li {
   display: inline;
   background-image: none;
   padding: 0;
   margin: 0;
}
ul.horizList li a {
   font-family: Arial Narrow, Trebuchet MS, Helvetica, sans-serif;
   background-color: #DDDCC0;
   border: 1px solid #DDDCC0;
   padding: 2px 10px 0;
   font-weight: normal;
}
ul.horizList li a:hover {
   background-color: #EAE9D8;
   text-decoration: none;
   font-weight: normal;
}
ul.horizList li.current-cat a {
   background-color: #EAE9D8;
   border-bottom: 1px solid #EAE9D8;
}
#page {
   width: 1000px;
   background-color: #E8E7CB;
   margin: auto;
}
#header {
   background: url("images/headerbg.jpg") top left no-repeat;
   height: 400px;
}
#topNavBG {
   background: black;
   height: 35px;
   filter: alpha(opacity=30);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
   -moz-opacity: 0.30; opacity:0.3;
}
#topNav {
   color: white;
   background : transparent;
   font-size: 11pt;
   margin-left: 300px;
   position: relative;
   top: -27px;
}
#topNav a {
   color: white;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight: normal;
   padding: 0 10px;
}
#topNav a.current {
   border-top: 1px solid white; 
   border-bottom: 1px solid white;
}
#topNav a:hover {
   color: #D29C46;
   text-decoration: none;
   border-top: 2px solid #D29C46; 
   border-bottom: 2px solid #D29C46;
}
#topNav a.sideLink {
   font-size: 8pt;
   color: #D29C46;
   margin: 0 5px;
   padding: 0;
}
#topNav a.sideLink img {
   filter: alpha(opacity=70);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   -moz-opacity: 0.70; opacity:0.7; 
}
#topNav a.sideLink:hover, #topNav a.currentside {
   color: #FFE0B2;
   text-decoration: none;
   border-top: none;
   border-bottom: none;
}
#topNav a.sideLink:hover img, #topNav a.currentside img {
   filter: none;
   -moz-opacity: 1.00; opacity:1.0;
}
#topFlash {
   position: relative;
   top: -20px;
}
#sideBar {
   float:left;
   width: 200px;
   background-color: #E8E7CB;
}
#sideBarContents {
   border-left: 20px solid #C0BF9D;
   padding-left: 20px;
}
.sideHeader {
   background: #DDDCC0 url(images/bullet2.gif) 4px top no-repeat;
   padding-left: 20px;
}
.deco {
   background: url(images/quad_sm.gif) 4px top no-repeat;
   padding-left: 55px;
   padding-top: 5px;
   height: 33px;
   border-bottom: 2px solid #DDDCC0;
}
#addNav {
   margin: 10px 0;
}
#addNav a {
   display:block;
   height: 20px;
   margin:0;
   font-size: 11pt;
   color: #8A896D;
   text-decoration: none;
   padding: 12px 0 12px 50px;
   border-bottom: 1px solid #C7C6AA;
   background: #DDDCC0;
}
#addNav a.warranty {
  background: #DDDCC0 url(images/icon_warranty.gif) 4px top no-repeat; 
}
#addNav a.safety {
  background: #DDDCC0 url(images/icon_safety.gif) 4px top no-repeat; 
}
#addNav a.knowledge {
  background: #DDDCC0 url(images/icon_knowledge.gif) 4px top no-repeat; 
}
#addNav a.games {
  background: #DDDCC0 url(images/icon_games.gif) 4px top no-repeat; 
}
#addNav a.video {
  background: #DDDCC0 url(images/icon_video.gif) 4px top no-repeat; 
}
#addNav a.warranty:hover, #addNav a.safety:hover, #addNav a.knowledge:hover, #addNav a.games:hover, #addNav a.video:hover  {
   background-color:#EAE9D8;
}
#addNav a.current {
   background-color:#EAE9D8;
}
#main {
   float:left;
   width: 800px;
   background-color: #E8E7CB;
}
#main.narrow {
   float:left;
   width: 600px;
}
#mainContents {
   padding: 0 30px;
}
.hotProduct {
   float:left;
   text-align: center;
   width: 175px;
   background: url(images/hotProd_bg.gif) top left no-repeat;
   padding-top: 5px;
   height: 160px;
}
.hotProduct img {
   padding-top: 5px;
}
#rightSideBar {
   float:left;
   width: 200px;
   background-color: #E8E7CB;
}
#rightContents {
   padding: 0 30px 10px 0;
}
#footer {
   clear: left;
   height: 60px;
   background: #CCCBAF;
   border: 1px solid #C0BF9D;
}
#footer table {
   margin: 5px auto;
}
#altNav {
   text-align: center;
}
#altNavText {
   border-bottom: 1px solid #928C6B;
}
#footer a {
   color: #928C6B;
}
#footer a:hover {
   color: #7A713F;
   text-decoration: none;
}
#altNav a:hover {
   border-top: 1px solid #928C6B;
}
#copy {
   font-size: 8pt;
}
#designBy {
   text-align: right;
   font-size: 8pt;
}
#visitors {
   text-align: center;
   font-size: 9pt;
}
.editLink {
   text-align: center;
   clear:left;
   margin-top: 10px;
   margin-bottom: 10px;
}
.editLink a {
   background-color: #e0e0e0;
   color: #777777;
   font-size: 10px; 
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 10px;
}
.editLink a:hover {
   background-color: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
#productListTable {
   border-collapse: collapse;
   margin: 0 auto;
}
#productListTable tr {
   background: #D0CFB1 url(images/bg1.gif) top left repeat-x;
}
#productListTable td, #productListTable th {
   padding: 2px 25px;
   border-bottom: 20px solid #EAE9D8;
}
.layoutGrid td {
   vertical-align : top;
   padding: 10px;
}
.layoutGrid td.valignbottom {
   vertical-align : bottom;
}
.layoutGrid td.valignmiddle {
   vertical-align : middle;
}
#catBg {
   background-color: #EAE9D8;
   margin: 0 0 10px 0;
   padding: 20px;
   border: 1px solid #DDDCC0;
}
#productInfo {
   background-color: #EAE9D8;
   margin: 0 20px;
   padding: 0 10px;
   border: 1px solid #DDDCC0;
   width: 340px;
}
#productInfo h4 {
   position: relative;
   top: -10px;
   font-style : italic;
	font-family : "Felix Tilting", "Copperplate Gothic Bold", "Garamond", Helvetica, sans-serif;
   font-size: 14pt;
   color: #AEA388;
}
#productPics {
   width: 280px;
}
.imageright {
  float: right;
  align: right;
  margin: 6px 0px 6px 6px;
}
.imageleft {
  float: left;
  align: left;
  margin: 6px 6px 6px 0px;
}
.imagecenter {
   margin: 15px auto;
   text-align: center;
   display: block;
} 
.center {
   text-align: center;
}
.center table {
   margin: auto;
}
.thumbs {
   margin: 5px;
}
embed {
   margin-bottom: 20px;
}