﻿/* ///////////////////////////////////////////////////////////////////////
CSS 'Just Divs - XHTML' main.css
Copyright 2007 by Roger Ledergerber - www.csspixels.com
IMPORTANT:
The Design and CSS are NOT templates.
You may NOT use JPG, GIF, HTML, JavaScript and CSS files.
You may NOT reproduce them elsewhere without permission.
/////////////////////////////////////////////////////////////////////// */
body {margin:0px;padding:0px;font-family:verdana,arial,helvetica,sans-serif;font-size:12px;color:#000;
background-color:#fff;}

/* ///////////////////////////////////////
GENERAL 
/////////////////////////////////////// */
a {font-family:verdana,arial,helvetica,sans-serif;font-size:10px;text-decoration:none;}
a:active {color:#ff6;}
a:visited {color:#f33;}
a:hover, a:focus {text-decoration:underline;}
.yellowlink {color:#ff6;background-color:#404040;}
.bluelink {color:#00c;}
.copylink {color:#cf9;background-color:#404040;}

input, select, textarea {font-family:verdana,arial,helvetica,sans-serif;font-size:10px;}
img {border:none;}
.center {text-align:center;}
.left {text-align:left;}
.left60 {text-align:left;width:80px;}
.spaced {letter-spacing:0.2em;font-size:9px;}
.right {text-align:right;}
.brd {border:1px solid #000;}

#order-enquiry {color:#000;background-color:#f1f1f1;border:1px solid #000;}
#orderform {margin-left:8px;}
#order-enquiry div {text-align:right;}
#order-enquiry textarea {text-align:left;}
#order-enquiry p {font-size:9px;}
#order-enquiry span {vertical-align:middle;}

/* ///////////////////////////////////////
STRUCTURE 
/////////////////////////////////////// */
body.home #parent {margin:0;}
body.home #footer {margin:0;}
#parent {background:url("../IMG_YSS/spring.gif") #fff repeat-y top left;color:#000;}
#child {padding:0;}
#container {background:url("../IMG_YSS/triangle.gif") no-repeat top left;padding:0 0 0 5px;}
#content {background:url("../IMG_YSS/bgleft.jpg") #e1e1e1 repeat-y top left;color:#000;font-size: 1.1em;padding:0;margin-left:46px;}
#footer {/*clear:both;*/font-size:1.1em;text-align:center;color:#979991;background-color:#404040;}
#footer-company-address {background:url("../IMG_YSS/worldclass3d40.gif") no-repeat center right;text-align:center;border-bottom:2px solid #fff;padding:3px 5px 3px 5px;}
#footer-designer {text-align:center;border-top:2px solid #f00;padding:3px 5px 3px 5px;margin-top:4px;}

#yss {min-width:800px;max-width:1024px;}
.home {min-width:800px;max-width:1024px;}
#menuspace {min-width:946px;max-width:1024px;}

/* ///////////////////////////////////////
DESIGN 
/////////////////////////////////////// */
#menuspace {display:block;height:30px;color:#fff;background-color:#404040;border-bottom:2px solid #f00;}
#menu-crumb {display:block;float:right;margin-right:10px;}
#head-divider {color:#fff;background-color:#404040;padding-top:4px;}
#head-crumbs {border-top:2px solid #fff;width:auto;text-align:center;padding:3px 5px 3px 5px;}
#head-low-line {border-top:2px solid #fff;width:auto;}

#titlebar-logo-left {display:block;width:auto;height:82px;color:#000;background:url("../IMG_YSS/racinglogo.gif") #e1e1e1 no-repeat center left;padding:2px 0 2px 2px;}
#title {position:absolute;margin-left:180px;text-align:left;}
h1, h2, h3 {font-family:"Times New Roman", Times, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:28px;font-style:italic;font-weight:normal;vertical-align:middle;margin:29px 0 29px 0;}
h2 {color:#f00;font-size:22px;text-align:center;margin:10px 0 10px 0;}
h3 {color:#f00;font-size:18px;text-align:left;margin:8px 0 10px 0;}
#title-logo-right {display:block;float:right;width:422px;height:82px;color:#000;background:url("../IMG_YSS/worldclass3dlrg.gif") #e1e1e1 no-repeat center right;}
#title-bottom-bevel {display:block;clear:both;width:100%;height:16px;color:#000;background:url("../IMG_YSS/bevel.gif") #e1e1e1 repeat-x top left;}

/* ///////////////////////////////////////
Inline Menus
/////////////////////////////////////// */
#menu-general {font-size:10px;padding:5px 0 3px 0;}
#menu-general a:link, #menu-general a:active, #menu-general a:hover, #menu-general a:focus, #menu-general a:visited {font-size:10px;}
#menu-general a:active {color:#f33;background-color:#e1e1e1;}
#menu-general a:visited {color:#f33;background-color:#e1e1e1;}
#menu-shocks {color:#000;background-color:#fff;font-size:12px;padding:3px;border-bottom:1px solid #000;}
#menu-shocks a:link, #menu-shocks a:active, #menu-shocks a:hover, #menu-shocks a:focus, #menu-shocks a:visited {font-size:12px;}
#menu-shocks a:active {color:#f33;background-color:#fff;}
#menu-shocks a:visited {color:#f33;background-color:#fff;}
#menu-shocks a:hover {color:#f33;background-color:#ff6;}

/* ///////////////////////////////////////
JS Text Change Box
/////////////////////////////////////// */
#prodpiccontainer {display:block;width:auto;background:url("../IMG_YSS/bglftw.jpg") #fff repeat-y top right;color:#000;vertical-align:top;border:8px solid #ccc;}
#shockprice {font-family:"Times New Roman", Times, Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:20px;font-style:italic;text-align:left;margin:8px;}
#desc {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-align:left;margin:8px;}
#txtdesc {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;text-align:left;line-height:150%;margin:8px;}

/* ///////////////////////////////////////
Paras, Para Heads
/////////////////////////////////////// */
.preamble {font-family:verdana,arial,helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:normal;text-align:left;line-height:150%;margin:0;padding:16px 50px;}
.b {display:block;font-family:verdana,arial,helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:left;text-decoration:none;color:#f1f1f1;background-color:#404040;border:10px solid #ccc;padding:3px 5px 3px 5px;}
.copywhite {font-family:verdana,arial,helvetica,sans-serif;font-size:10px;font-style:normal;text-decoration:none;color:#fff;background-color: #404040;}

#globalcompany, #globalute, #globalpreisig, #globalcollage {float:left;font-size:10px;text-align:center;color:#000;background-color:#fff;border:1px solid #ccc;margin-right:20px;}
#globalteam, #globalhuckstepp {float:right;font-size:10px;text-align:center;color:#000;background-color:#fff;border:1px solid #ccc;margin-left:20px;}
.legend a:link, .legend a:active, .legend a:hover, .legend a:focus, .legend a:visited {color:#f33;background-color:#fff;font-size:9px;}
.legend, .merchandise, .accessories, .copyblack {font-size:9px;font-style:italic;text-align:center;vertical-align:top;}

/* ///////////////////////////////////////
Measurements
/////////////////////////////////////// */
#measuretbl .legend {font-size:10px;}
#measuretbl {padding:0 16px 0 16px;margin:auto;}
#measuretbl td {border:1px solid #ccc;}
.measure {font-weight:bold;color:#fff;background-color:#f00;}
.measurey {font-weight:bold;color:#000;background-color:#ff6;}

/* ///////////////////////////////////////
Captions
/////////////////////////////////////// */
.showcaption  {font-size:9px;text-align:center;vertical-align:top;}
.captionred {color:#f00;background-color:#e1e1e1;}
.captionitalic {font-style:italic;color:#000;background-color:#fff;}

/* ///////////////////////////////////////
WWP
/////////////////////////////////////// */
.tableinsert {margin-right:50px;margin-left:50px;}
.tableinsert20pcnt {margin-right:20%;margin-left:20%;}
table#insert, table#insert1, table#insert2, table#insert4, table#insert5, table#insert6 {border:1px solid #ccc;padding:0;margin-bottom:30px;}
#insert td,#insert1 td,#insert2 td,#insert3 td,#insert4 td,#insert5 td,#insert6 td,#insertYss td {font-family:verdana,arial,helvetica,sans-serif;font-size:12px;text-align:center;border:none;}
table#insert3 {padding:0;margin-bottom:30px;}
table#insertYss {padding:0;margin-bottom:0px;}
.tdhd {color:#fff;background-color:#f00;padding:2px;}
.tdzebra1 {color:#000;background-color:#ffc;}
.tdzebra2 {color:#000;background-color:#ff6;}
.tdlft {text-align:left;padding-left:20px;border:1px solid #f00;border-width:0 7px 0 1px;}
.tdlftalgn {text-align:left;padding-left:20px;}
#white {color:#000;background-color:#fff;padding:8px 0 8px 0;margin:-20px 50px 20px 50px;}
.olist {font-family:verdana,arial,helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:normal;text-align:left;line-height:150%;color:#000;background-color:#fff;padding:16px 40px;margin:0 50px 30px 50px;border:1px solid #ccc;}

/* ///////////////////////////////////////
Spring Replacement
/////////////////////////////////////// */
#prodlinks {padding:0 50px;width:100%;}
#prodlinks td {vertical-align:top;}
#prodlinkscontainerassembly {width:190px;}
#prodlinkscontainer {width:280px;}
#prodlinkslists {color:#000;background-color:#fff;border:8px solid #ccc;text-align:left;font-size:10px;}
dt {color:#f00;background-color:#fff;font-size:12px;font-weight:bold;text-align:left;padding-left:5px;}
dd {font-weight:normal;padding:1px;margin-left:6px;margin-right:6px;border-bottom:1px dotted #333;}
dd a:active, dd a:hover , dd a:focus {color:#f33;background-color:#fff;}
#prodpiccontainerinner {text-align:center;}
#placeholder {margin:5px;}

/* ///////////////////////////////////////
Cart Product Lists
/////////////////////////////////////// */
#cwname, #cwprice, #cwnritem, #cwkit, #cwqty {width:100px;}
#cwdesc {width:30%;}
#cwid {width:40px;}
#cwthumb {width:70px;}
.hc, .hcinfinite, .hcid, .hcimg {color:#fff;background-color:#f00;font-size:10px;font-weight:normal;text-align:center;padding:2px 0 2px 0;}
.hc {width:100px;}
.hcinfinite {width:30%;}
.hcid {width:40px;}
.hcimg {width:70px;}
#rbgintro {color:#000;background-color:#fff;font-family:verdana,arial,helvetica,sans-serif;font-size:10px;text-align:center;padding:5px;margin-bottom:10px;}
#productrange {color:#000;background-color:#e1e1e1;font-family:verdana,arial,helvetica,sans-serif;font-size:10px;text-align:left;padding:5px;}
.rbg {color:#000;background-color:#ffffef;}
.rbglft {color:#000;background-color:#ffffef;text-align:left;padding:0 0 0 5px;}
.rbgreytxt {color:#a0a0a0;background-color:#ffffef;}
.rbgrey {color:#000;background-color:#c0c0c0;text-align:center;}
.logo {color:#000;background-color:#ff0;text-align:center;}

/* ///////////////////////////////////////
FAQ, Support, etc. 
/////////////////////////////////////// */
.w50 {width:50%;}
.w25 {width:25%;}
.btabtech100 {background-color:#ff6;border:1px solid #ccc;width:100%;border-collapse:collapse;}
.btabtech {background-color:#ff6;border:1px solid #ccc;width:70%;border-collapse:collapse;margin:0 auto;}/*margin:0 15% 0 15%;*/
.faqlog {background-color:#f00;color:#fff;font-weight:normal;text-align:center;width:33%;}
.faqcompl {background-color:#ff6;}
.faqcause {background-color:#e1e1e1;padding-right:3px;}
.faqsolut {background-color:#fff;}