body {
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  color: #000066;
  padding: 0px;
  margin: 0px;
  font-style:italic;
  background-color: #e1e6ea;
}

a:link, a:visited, a:hover {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: underline;
}

#wrapper {
  width: 100%;
  margin: 0px auto 0px;
  padding: 0px;
  position: relative;
}

#content {
  width: 900px;
  margin: 0px auto 0px;
  padding: 0px;
  background-color: #fff;
}

#header {
  padding: 0px;
  margin: 0px;
  background-image: url(../images/head-bg.gif);
  height: 120px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}
#headimgs {
  padding:0px;
  margin:0px;
  height: 70px;
}

#main {
  padding: 10px 0px 20px 0px;
  margin: 0px;
  width: 898px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

#main_left {
  padding:0px;
  margin: 0px;
  width: 168px;
  float: left;
}

#home {
  width: 730px;
  float: left;
}

#home img {
  vertical-align: middle;
}

#contact h1 {
  font-size: 18px;
  color: #ff0000;
}

#contact h2 {
  font-size: 16px;
}

#loginbox {
  background-color: #000066;
  color: #9d99f7;
  width: 225px;
  padding: 10px;
}

#loginbox p {
  padding: 3px 0px 3px 0px;
  margin: 0px;
}

#title {
  padding: 28px 0px 0px 15px;
  margin: 0px;
  width: 698px;
  height: 36px;
  background-image: url(../images/title-bg.jpg);
  background-repeat: no-repeat;
  font-size: 18px;
}

/******************************* CLASSES ***************************/

.inputbox {
  border: 1px solid #9d99f7;
}

.button {
  background-color: #9d99f7;
  color: #000066;
  border: 1px solid #000066;
}

.button_wht {
  background-color: #fff;
  color: #000066;
  border: 1px solid #000066;
}

.button_link {
  background-color: #000066;
  border: 1px solid #9d99f7;
  padding: 5px;    
  color: #9d99f7;
  display: block;
}

.button_link a:link, .button_link a:visited, .button_link a:hover {
  color: #9d99f7;
}

.clear {
  clear: both;
}

/**************************** LEFT MENU *****************************/

#quickhead {
  padding:0px;
  margin:0px;
  width: 168px;
  height: 27px;
  background-image: url(../images/quick.gif);
}

#contacthead {
  padding: 0px;
  margin: 0px;
  width: 168px;
  height: 27px;
  background-image: url(../images/contact.gif);
}

.menulist {
  padding:0px 0px 0px 15px;
  margin:0px;
  width: 153px;
  background-image: url(../images/quick-bg.gif);
  font-size: 11px;
  font-style:normal;
}

.menulist ul {
  padding:0px;
  margin: 0px;
  list-style: none;
  line-height: 20px;
}

.menulist a:link, .menulist a:visited {
  display:block;
  width: 131px;
  padding:0px 0px 0px 7px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.menulist a:hover {
  width: 131px;
  padding:0px 0px 0px 7px;
  text-decoration: none;
  border-bottom: 1px dashed #999;
  border-top: 1px dashed #999;
  background-color: #e1e6ea;
  display:block;
}

.menulist ul li ul a:link, .menulist ul li ul a:visited, .menulist ul li ul a:hover {
  padding:0px 0px 0px 13px;
  width: 125px;
}

.menulist p {
  padding: 10px 20px 5px 10px;
  margin:0px;
  width: 110px;
}

.menubottom {
  padding:0px;
  margin:0px;
  width: 168px;
  height: 10px;
  background-image: url(../images/quick-bottom.gif);
  line-height: 0px;
  font-size: 1px;
}

#leftimages {
  padding: 10px 0px 0px 0px;
  margin: 0px;
  width: 168px;
  text-align: center;
}

#leftimages img {
  padding: 4px;
  margin: 0px 0px 10px 0px;
  border: 1px solid #999;
}

/******************************* KARTS *******************************/

#karts {
  padding: 0px;
  margin: 0px;
  width: 720px;
  float: left;
}

.kart_left {
  padding: 60px 20px 0px 20px;
  margin: 0px;
  float: left;
  width: 298px;
  height: 149px;
  background-image: url(../images/kart-bg.jpg);
  background-repeat: no-repeat;
}

.kart_right {
  padding: 60px 20px 0px 20px;
  margin: 0px;
  float: right;
  width: 298px;
  height: 149px;
  background-image: url(../images/kart-bg-right.jpg);
  background-repeat: no-repeat;
}

.kleft_img {
  padding: 2px;
  margin: 0px;
  border: 1px dashed #0d1b7f;
  width: 150px;
  float:left;
}

.kleft_desc, .kright_desc {
  padding: 0px 0px 0px 10px;
  margin: 0px;
  float: left;
  width: 130px;
}

.kright_desc {
  padding: 0px 10px 0px 0px;
}

.kleft_desc b, .kright_desc b {
  font-size: 14px;
}

.kleft_desc a:hover, .kright_desc a:hover {
  text-decoration: none;
}

/**************************** SINGLE KART *****************************/

#singlekart {
  padding: 10px;
  margin: 0px;
  width: 700px;
  float: left;
}

.singledesc {
  padding: 10px;
  margin: 0px;
  width: 144px;
  float: left;
  background-color: #f7f7f7;
  border: 1px solid #999;
}

.singledesc p b {
  color: #ef0000;
  font-size: 14px;
}

#largeimg {
  padding: 0px;
  margin: 0px 10px 0px 10px;
  width: 346px;
  float: left;
  text-align: center;
}

.imglarge {
  padding: 3px;
  margin: 0px 0px 10px 0px;
  border: 1px solid #c11903;
}

.price {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  color: #000;
}

.price b {
  color: #c11903;
  font-size: 16px;
}

#images {
  padding: 0px 0px 10px 0px;
  margin: 0px;
  width: 700px;
  float: left;
}

.imgbox {
  padding: 2px;
  margin: 0px;
  width: 80px;
  float: left;
}

.imgbox img {
  padding:1px;
  border: 1px solid #c11903;
}

.click {
  color: #000;
  background-image: url(../images/click-bg.jpg);
  background-repeat: no-repeat;
  width: 440px;
  height: 25px;
  line-height: 25px;
}

#leftcolumn {
  padding: 0px 10px 0px 0px;
  margin: 0px;
  width: 340px;
  float: left;
}

#rightcolumn {
  padding: 0px 0px 0px 10px;
  margin: 0px;
  width: 340px;
  float: left;
}

#moreinfotop{
  padding: 0px;
  margin: 0px;
  width: 700px;
  height: 19px;
  background-image: url(../images/more-info-top.jpg);
  background-repeat: no-repeat;
  line-height: 0px;
  font-size: 1px;
}

#moreinfo {
  padding: 0px;
  margin: 0px;
  width: 700px;
  background-image: url(../images/more-info-bg.jpg);
  color: #000;
}

#singlekart h2 {
  font-size: 18px;
  color: #1a477e;
}

#moreinfobottom {
  padding: 0px;
  margin: 0px;
  width: 700px;
  height: 38px;
  background-image: url(../images/more-info-bottom.jpg);
  background-repeat: no-repeat;
  line-height: 0px;
  font-size: 1px;
}

/******************************* DUNLOP ******************************/

#dunlop {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  float: left;
  width: 730px;
  font-size: 10px;
  font-style: normal;
  background-image: url(../images/dunlop-bg.jpg);
  background-repeat: no-repeat;
}

#dunlop_title {
  padding: 28px 0px 0px 15px;
  margin: 0px;
  width: 698px;
  height: 36px;
  background-image: url(../images/dunlop-title.jpg);
  background-repeat: no-repeat;
  font-size: 18px;
}


.top_size, .top_pattern, .top_sls, .top_permitted, .top_optimum, .top_mm, .head_size, .head_pattern, .head_sls, .head_permitted, .head_optimum, .head_mm, .bot_size, .bot_pattern, .bot_sls, .bot_permitted, .bot_optimum, .bot_mm {
  padding:0px;
  margin: 0px;
  float:left;   
  text-align: center;
  color: #fff;
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  border-bottom: 1px solid #c7c2c2;
  background-color: #c7c2c2;
}

.head_size, .head_pattern, .head_sls, .head_permitted, .head_optimum, .head_mm {
  border-top: 0px solid #999;
  border-bottom: 1px solid #c7c2c2;
}

.bot_size, .bot_pattern, .bot_sls, .bot_permitted, .bot_optimum, .bot_mm {
  border-top: 0px solid #999;
  border-bottom: 1px solid #999;
}

.list_size, .list_pattern, .list_sls, .list_permitted, .list_optimum, .list_mm, .list_inch {
  padding:0px;
  margin: 0px;
  float:left;   
  text-align: center;
  border-right: 1px dashed #000066;
  border-bottom: 1px solid #999;
  line-height: 17px;
  height: 17px;
}

.head_size, .list_size, .top_size, .bot_size {
  width: 68px;
  background-color: none;
  border-left: 1px solid #999;
}

.head_pattern, .list_pattern, .top_pattern, .bot_pattern {
  width: 39px;
  background-color: none;
}

 .head_sls, .list_sls, .top_sls, .bot_sls {
  width: 26px;
}

.head_permitted, .list_permitted, .top_permitted, .bot_permitted {
  width: 49px;
  background-color:none;
}

.head_optimum, .list_optimum, .top_optimum, .bot_optimum {
  width: 49px;
}

.head_mm, .list_mm, .list_inch, .top_mm, .bot_mm {
  width: 29px;
}

.list_inch {
  border-right: 1px solid #999;
}

/************************** SECTIONS/SPECS ****************************/

#sections {
  padding: 0px;
  margin: 0px;
  width: 100%;
  float: left;
}

.secbox {
  padding: 0px;
  margin: 0px;
  width: 50%;
  float: left;
  text-align: center;
}

#specs {
  padding: 0px;
  margin: 0px;
}

.specbox {
  padding: 5px;
  margin: 0px;
  width: 700px;
  border-bottom: 1px dashed #000066;
  font-weight: bold;
}

.specbox a:link, .specbox a:visited, .specbox a:hover {
  color: #c11903;
}

.specbox a:hover {
  text-decoration: none;
}

.specbox img {
  padding: 5px;
  margin: 0px 20px 0px 0px;
  border: 1px solid #ddd;
}

/****************************** GALLERY ******************************/

.galltop {
  padding: 15px 0px 0px 10px;
  margin: 0px;
  width: 690px;
  height: 20px;
  background-image: url(../images/gall-top.jpg);
  color: #000;
}

.gallmain {
  padding: 0px 0px 1px 10px;
  margin: 0px;
  width: 690px;
  background-image: url(../images/gall-bg.jpg);
}

.gallmain a:hover {
  text-decoration: none;
}  

.gallmain img {
  vertical-align: middle;
  margin: 0px 20px 0px 0px;
  padding: 3px;
  border: 1px solid #c11903;
}

.gallbottom {
  padding: 0px;
  margin: 0px;
  width: 700px;
  height: 20px;
  background-image: url(../images/gall-bottom.jpg);
}

/******************************* PARTS *******************************/

.partrow {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
}

.partheadno, .partheadqty, .partheaddesc, .partheadp {
  padding: 15px 5px 5px 5px;
  margin: 0px;
  float: left;
  font-weight: bold;
  border-bottom: 1px solid #999;
  height: 30px;
  vertical-align: bottom;
}

.partcolno, .partcolqty, .partcoldesc, .partcolp {
  padding: 5px 5px 5px 5px;
  margin: 0px;
  float: left;
  border-bottom: 1px dashed #ddd;
}

.partheadno, .partcolno {
  width: 70px;
}

.partheadqty, .partcolqty {
  width: 90px;
}

.partheaddesc, .partcoldesc {
  width: 210px;
}

.partheadp, .partcolp {
  width: 100px;
}

/****************************** LINKS ******************************/

.links {
  padding: 0px;
  margin: 0px 0px 20px 0px;
}

.links h1 {
  font-size: 13px;
  padding: 0px;
  margin: 0px;
}

.links p {
  padding: 0px;
  margin: 0px;
}

.green a:link, .green a:visited, .green a:hover {
  color: green;
}

/****************************** CLASSES ******************************/

#controlpanel {
  width: 366px;
  float: left;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

.cpdark, .cplight {
  width: 120px;
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  border: 1px solid #fff;
  background-color: #000066;
}

.cplight {
  background-color: #9d99f7;
}

.cpdark a:link, .cpdark a:visited, .cpdark a:hover {
  color: #9d99f7;
}

.cplight a:link, .cplight a:visited, .cplight a:hover {
  color: #000066;
}

.heading, .listing {
  background-color: #000066;
  color: #9d99f7;
  font-weight: bold;
  border: 1px solid #fff;
  font-size: 12px;
  padding: 5px;
}

.listing {
  background-color: #9d99f7;
  color: #000066;
  font-weight: normal;
}

#footer {
  padding: 0px;
  margin: 0px;
  width: 900px;
  text-align: center;
  font-size: 9px;
  border-top: 30px solid #e1e6ea;
}

#footer a:link, #footer a:visited, #footer a:hover {
  color: #9d99f7;
}

#footer p {
  padding: 10px 0px 10px 0px;
  margin: 0px;
  width: 898px;
  border: 1px solid #999;
}

#footer_left, #footer_right {
  width: 390px;
  float: left;
  padding: 0px 0px 0px 11px;
  margin: 0px;
}

#footer_right {
  padding: 0px 11px 0px 0px;
  text-align: right;
}

#form {
  float: left;
  width: 600px;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

#form form {
  padding: 0px;
  margin: 0px;
  float: left;
}

.form_left, .form_right, .price_left, .price_right {
  float: left;
  width: 395px;
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

.form_left {
  width: 200px;
  font-weight: bold;
}

.price_left {
  width: 250px;
  font-weight: bold;
}

.price_right {
  width: 350px;
}

.form_right {
  background-color: #ccccff;
  border-bottom: 1px solid #fff;
  padding: 5px 0px 5px 5px;
}

#errors {
  color: red;
}  

#infoimage img {
  padding: 2px;
  margin: 20px auto 0px;
  border: 1px solid #ddd;
}






