h2.welcome {
    background: url(/images/home/welcome.png);
    width: 310px;
    height: 28px;
    margin-bottom: 10px;
}

#advert {
    background: transparent url(/images/home/bgAdvertBasket.png) repeat-y top left;
    display: block;
    width: 100%;
    height: 200px; 
}

#twoSections {
    margin-top: 9px;
    clear: both;
}

#welcome {
    float: left;
    background: #990000;
    padding: 15px;
    color: #fff;
    /*margin-top: 9px;*/
    width: 723px;
    height: 6em;
    margin-bottom: 9px;
}

#links {
    float: left;
    width: 200px;
    border-left: 9px solid #fff;
    background: #454545 url(/images/home/bgLinks.png) repeat-x top left;
    height: 9.3em;
    font-size: 90%;
}

#links h3 {
    color: #fff;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

#links ul {
    list-style: none;
    margin-top: 10px;
}

#links li {
    margin-left: 10px;
    line-height: 1.8em;
    margin-right: 9px;
}

#links a {
    background: transparent url(/images/icons/bullet_go.png) no-repeat center right;
    display: block;
    color: #ccc;
    text-decoration: none;
}

#links a:hover {
    color: #fff;
}

#featured {
    text-align: center;
    float: right;
    width: 180px;
    color: #fff;
    padding: 10px;
    background: #2c2c2c;
}

#featured a.prodImg {
    padding: 5px;
    display: block;
    background: #fff;
    margin-bottom: 5px;
}

#featured a {
    color: #fff;
    text-decoration: none;
}

#featured p {
    margin-bottom: 0px;
}

.clear {
    clear: left;
    background: #000;
    height: 0px !important;
    font-size: 0px;
}

#threeSections {
    margin-top: 9px;
    clear: both;
    /*background: transparent url(/images/home/bgThreeSections.png) repeat-y top center;*/
    /*position: relative;*/
}

#threeSections h3 a {
    display: block;
    height: 25px;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 5px 5px 10px;
    background: #666 url(/images/home/bgH3.png) no-repeat top left;
}

#threeSections p a {
    text-decoration: none;
    color: #333;
    height: 11em;
    /*padding-bottom: 50px; */
}

#threeSections p {
    padding: 0px 10px;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 0px;
}

#quadBikes, #motorBikes, #spyders {
    background: transparent url(/images/home/bgThreeSections.png) repeat-y top left;
    width: 314px;
    float: left;
    margin-right: 9px;
}

#spyders {
    margin-right: 0px;
    margin-left: 1px;
}

.intro {
    background: transparent url(/images/home/moreInfo.png) no-repeat bottom left;
}

/*#moreInfo {
    clear: both;
    height: 49px;
}

#moreInfo a {
    background: transparent url(/images/home/moreInfo.png) no-repeat top left;
    width: 314px;
    height: 49px;
    float: left;
    text-indent: -9999px;
    margin-right: 9px;
}

#moreInfo a.moreSP {
    margin-right: 0px;
    margin-left: 1px;
}*/
#mainAdvert {
    position: relative;
    float: left;
    width: 750px;
    margin-right: 0px;
}

#mainAdvert ul {
    position: absolute;
    bottom: 15px;
    right: 10px;
}

#mainAdvert li {
    display: inline;
    float: left;
    margin-left: 1em;
}

#mainAdvert li a {
    display: block;
    border: 1px solid #fff;
    width: 1.5em;
    height: 1.3em;
    text-align: center;
    text-decoration: none;
    font-size: 130%;
    font-weight: bold;
    background: #000;
    color: #fff;
    padding-top: .2em;
}

#mainAdvert div {
    display: none;
}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: none; background: none; color: inherit; }
.ui-widget-content a { color: inherit; }
.ui-widget-header { border: none; background: none; color:inherit; font-weight: bold; }
.ui-widget-header a { color: inherit; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-state-default a, 
.ui-state-default a:link, .ui-state-default a:visited, .ui-state-hover, 
.ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-active, .ui-widget-content .ui-state-active,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { border: none; background: none; font-weight: bold; color: inherit; outline: none; }

#tabs {
    
}

.ui-tabs {position: relative; float: left; width: 750px; margin-right: 0px; padding: 0;  zoom: 0; }
.ui-tabs .ui-tabs-nav { list-style: none; position: absolute; padding: 0; bottom: 15px; right: 10px;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }

.ui-tabs .ui-tabs-nav li a { display: block; border: 1px solid #fff; float: left; text-decoration: none; padding: .2em .6em; color: #fff; background: #000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
    padding-bottom: 1px; 
    border-bottom-width: 0; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
    cursor: text;
    background: #990000; 
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
    cursor: pointer; 
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { 
    padding: 0;
    display: block; 
    border-width: 0; 
    background: none; 
}

.ui-tabs .ui-tabs-hide { 
    display: none !important; 
}