body {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 62.5%;
    background-color: #FFF;
    clear: both;
    margin: 0px;
}

.center #topnav ul.cms-aggregator-content li {
    padding: 0 5px;
}

a {
    color: #48484a;
}

a img {
    text-decoration: none;
    border: 0;
}

h4.cms-heading-content {
    font-size: 1.5em;
    color: #48484a;
    margin: 0;
}

ul { margin:1em 0 0 15px; padding:0; }


/* Login Styles */

#loginWrapper {
    position:relative;
    margin:25px auto;
    width:325px;
}

.loginTitle {
    background:url(/images/login_title.png) no-repeat;
    width:324px;
    height:40px;
}

.loginTop {
    margin:0 auto;
    background-image:url(/images/login_top.png);
    height:13px;
    width:324px;
}

.loginBottom {
    margin:0 auto;
    background-image:url(/images/login_bottom.png);
    height:14px;
    width:324px;
}

.loginContent {
    margin:0 auto;
    background:url(/images/login_middle.png) repeat-y;
    width:324px;
    height:100px;
    padding:10px 10px 0 20px;
}

.loginContent label {
    float:left;
    width:80px;
    color:white;
    clear:both;
    font-size:12px;
    margin:6px 0 0 0;
}

.loginContent input {
    float:left;
    width:200px;
    margin:0 0 5px 0;
    background:#eaeef3;
    border:none;
    border:1px solid #384b5e;
    font-size:11px;
    padding:0 0 3px 2px;
}

.loginContent input.buttons {
    float:left;
    width:auto;
    border:none;
    background:none;   
}

.lostPW {
    float:left;
    color:#384b5e;
}

/* --------------------

FRONT PAGE STYLES

-----------------------*/

#mainWrapper {
    margin:0 auto;
    padding: 20px 0;
    width:800px;
    background:white;
}

.topBar {
    margin:0px auto;
    width:800px;
    height:28px;
    line-height: 28px;
    background:url('/images/front/front_bluebar.png') no-repeat;
}

.bottomBar {
    position:relative;
    margin:5px auto;
    width:800px;
    height:28px;
    background:url('/images/front/front_bluebar.png') no-repeat;
}

.mainPhoto,
.topOverlay,
.bottomOverlay {
    width:800px;
}

.mainPhoto{
    position:relative;
    margin:0px auto;
    height:223px;
    z-index:900;
}

.topOverlay {
    position: absolute;
    top:0;
    left:0;
    height:100px;
    background:url('/images/front/front_topoverlay.png') no-repeat top;
    z-index:900;
}

.bottomOverlay {
    position:absolute;
    bottom:0;
    left:0;
    height:100px;
    background:url('/images/front/front_bottomoverlay.png') no-repeat bottom;
}

.cms-edit .topOverlay,
.cms-edit .bottomOverlay,
.cms-template .topOverlay,
.cms-template .bottomOverlay {
    display: none;
}



.navTop {
    margin:0px auto;
    width:800px;
    height:10px;
    background:url('/images/front/front_navtop.png') no-repeat;
}

.navContent {
    position:relative;
    margin:0px auto;
    margin-top:-1px;
    width:780px;
    min-height:140px;
    background:#797880;
    text-align:left;
    padding:10px 0 0 20px;
}

.navBottom{
    margin:0px auto;
    width:800px;
    height:10px;
    background:url('/images/front/front_navbottom.png') no-repeat;
}

#newsblock {
    background: #797880 url('/images/front/latest-news.png') no-repeat 20px top;
    padding: 28px 20px 1px 20px;
    height: 70px;
    position: relative;
    z-index: 2;
    color: #48484a;
}

div#newsblock .cms-image.editing /*div.imageupload*/ {
	margin-left:-130px;
	position:relative;
	z-index:999;
	}
	div#newsblock .cms-image.editing div.imageupload {
		height:120px;
	}

dl.frontNav{
    margin:0px;
    padding:0px;
}

dl.frontNav dt{
    width:95px;
    padding:0px;
    margin:0 0 3px 0;
}

dl.frontNav dd{
    width:95px;
    height:100px;
    padding:0px;
    margin:0px;
}

.navBlock{
    float:left;
    margin:0px 0px 0 0;
}


/* ------- Navigation Image Swaps -------- */

a.subHub,
a.subBikes,
a.subCharity,
a.subStore,
a.subClothing,
a.subTraining,
a.subEvents,
a.subFoods,
a.subTrust,
a.subShop {
    display:block;
    height:0px;
    width:93px;
    padding:36px 0 0 0;
    overflow:hidden;
    background-repeat: no-repeat;
}

a.subHub            { background-image: url('/images/front/front_navHub.png');}
a.subHub:hover      { background-image: url('/images/front/front_navHub_over.png');}
a.subBikes          { background-image: url('/images/front/front_navBikes.png');}
a.subBikes:hover    { background-image: url('/images/front/front_navBikes_over.png');}
a.subCharity        { background-image: url('/images/front/front_navCharity.png');}
a.subCharity:hover  { background-image: url('/images/front/front_navCharity_over.png');}
a.subStore          { background-image: url('/images/front/front_navStore.png');}
a.subStore:hover    { background-image: url('/images/front/front_navStore_over.png');}
a.subClothing       { background-image: url('/images/front/front_navClothing.png');}
a.subClothing:hover { background-image: url('/images/front/front_navClothing_over.png');}
a.subTraining       { background-image: url('/images/front/front_navTraining.png');}
a.subTraining:hover { background-image: url('/images/front/front_navTraining_over.png');}
a.subEvents         { background-image: url('/images/front/front_navEvents.png');}
a.subEvents:hover   { background-image: url('/images/front/front_navEvents_over.png');}
a.subFoods          { background-image: url('/images/front/front_navFoods.png');}
a.subFoods:hover    { background-image: url('/images/front/front_navFoods_over.png');}
a.subTrust          { background-image: url('/images/front/front_navTrust.png');}
a.subTrust:hover    { background-image: url('/images/front/front_navTrust_over.png');}
a.subShop           { background-image: url('/images/front/front_navShop.png');}
a.subShop:hover     { background-image: url('/images/front/front_navShop_over.png');}

/* Inner Page Styles */

.pageContent h2{
    font-size:1.3em;
    line-height:1.3em;
    margin:0px;
    padding:0px;
}

.pageContent h5{
    font-size:1.1em;
    margin:0px;
    padding:0px;
}

/* Top Main Nav */

.topBar ul {
    margin: 0px auto;
    list-style:none;
    text-align: center;
}
 
.topBar li {
    font-size: 9px;
    margin:0px;
    padding:0px 8px 0 0;
    display:inline
}

.cms-aggregator-display ul,
.cms-aggregator2-display ul {
    padding: 0 !important;
    margin: 0 !important;
}

.cms-aggregator2-display ul ul,
.cms-navigation-display ul ul {
    padding-left: 20px !important;
}

.topBar .cms-aggregator-display ul {
    padding-left: 20px !important;
}

.topBar .cms-aggregator-content {
    padding-left: 0px !important;
}

.topBar .cms-aggregator-display li a {
    color: black;
}

.topBar li.cms-current a,
.topBar li.cms-above a {
    text-decoration:underline;
}

.topBar a {
    font-size:1.2em;
    color:white;
    text-decoration:none;
}
	body.cms-edit .topBar a { color:black; }

.topBar a:hover {
    color:black;
    text-decoration:underline;
}

/* Content Styles */

.cms-text-content {
    font-size: 1.2em;
}

.topPhoto{
    position:relative;
    margin:0px auto;
    height:223px;
    z-index:900;
}

.cms-edit .submenu,
.cms-template .submenu {
    width: 177px;
}

.submenu {
    position: relative;
    width: 185px;
    float: left;
    padding: 5px 10px 10px 0px;
    text-align: left;
    font-family: Tahoma, sans-serif;
}

.pageContent {
    position: relative;
    width: 560px;
    padding: 5px 10px 10px 10px;
    text-align: left;
    float: left;
}

.footer {
    clear: both;
    position: relative;
    margin: 5px auto 0 auto;
    width: 800px;
    height: 28px;
    background: url('/images/front/front_bluebar.png') no-repeat;
    color:#fff;
}

#creator {
    margin: 0 auto;
    width: 800px;
    color: #bbb;
    position: relative;
    text-align: center;
}

#creator p {
    margin: 0;
    padding: 5px;
}

#creator a {
    color: #999;
}

.submenu ul{
    list-style: none;
    margin: 1px 0 0 0;
    padding: 0px;
}

.submenu li{
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
}

.submenu a{
    display: block;
    margin: 0px 0 1px 0;
    padding: 5px;
    background: #48484a;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding-left: 20px;
}



.submenu ul ul a {
    background-color: #797880;
}

.submenu a:hover{
    display: block;
    margin: 0px 0 1px 0;
    padding: 5px;
    background-color: #797880;
    color: black;
    text-decoration: underline;
    padding-left: 20px;
}

/*  Roll Down Menus */

.dt {
    position: relative;
}

.dt ul {
    display: none;
    position: absolute;
    top: 33px;
    left: 1px;
    width: 91px;
    margin: 0px;
    padding: 0px;
    z-index: 999;
    list-style: none;
    padding-top: 3px;
}

.dt:hover ul{
    display: block;
}

.dt.over ul{
    display: block;
}

.dt ul li{
    display: block;
    margin: 0;
    padding: 0;
    width: 91px;
    z-index: 999;
    background-repeat: no-repeat;
    background-color: white;
}


.dt ul li.top {
    height: 8px;
    background-image: url('/images/nav/rolldown_top.png');
}

.dt ul li.base {
    height: 8px;
    background-image: url('/images/nav/rolldown_base.png') no-repeat;
}


a.subLinks{
    display:block;
    font-size:1em;
    color:#48484a;
    text-decoration:none;
    margin:0px 0 0 1px;
    padding:3px;
}

a.subLinks:hover{
    display:block;
    color:white;
    background:#797880;
    text-decoration:none;
    margin:0px 1px 0 1px;
    padding:3px;
}

/* Footer */

.footer .left{
    float:left;
    margin:5px;
    padding:3px 0 0 0;
}

.footer .right{
    float:right;
    margin:5px;
    padding:3px 5px 0 0;
}

.footer a{
    color:white;
}

/* Checkout */

#checkout {
    text-align: center;
    font-size: 62.5%;
}

#checkout #wrapper {
    margin: 0 auto;
    text-align: left;
    margin-bottom: 40px;
}

#checkout,
#checkout a {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
}

#checkout #wrapper,
#checkout .checkout-data table {
    width: 600px;
}

#checkout.options #wrapper,
#checkout.options .checkout-data table {
    width: 380px;
}


#checkout .checkout-header,
#checkout .checkout-footer {
    background-repeat: no-repeat;
    background-position: top left;
}

#checkout .checkout-header,
#checkout .checkout-footer,
#checkout .checkout-header h2,
#checkout .checkout-footer .forwards,
#checkout .checkout-footer .backwards {
    height: 28px;
    line-height: 28px;
}

#checkout .checkout-header {
    background-image: url(../images/checkout/header-left.png);
    background-color: #3a6f8f;
}

#checkout .checkout-footer {
    background-image: url(../images/checkout/footer-left.png);
    background-color: #797880;
    margin-top: 40px;
    position: relative;
}

#checkout .checkout-header h2,
#checkout .checkout-footer .forwards {
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: right top;
}

#checkout .checkout-header h2 {
    font-weight: normal;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    background-image: url(../images/checkout/header-right.png);
}

#checkout .checkout-header h2 a {
    display: block;
}

#checkout .checkout-header {
    margin: 5px 0;
}

#checkout .checkout-continue h2 { background-image: url(../images/checkout/header-right-arrow-right.png); }
#checkout .checkout-details h2 { background-image: url(../images/checkout/header-right-arrow-down.png); }
#checkout .checkout-back { background-image: url(../images/checkout/header-left-arrow-left.png); }
#checkout .checkout-back h2 {
    padding-left: 38px;
}

#checkout .checkout-footer form {
    margin: 0;
}

#checkout .checkout-footer input {
    margin-top: 4px;
    color: black;
}

#checkout .checkout-footer .backwards,
#checkout .checkout-footer .forwards {
    padding: 0 10px;
}

#checkout .checkout-footer .backwards {
    float: left;
    width: 180px;
}

#checkout .checkout-footer .forwards {
    margin-left: 220px;
    text-align: right;
    background-image: url(../images/checkout/footer-right.png);
}

#checkout .checkout-data {
    margin-top: 3px;
    background-color: #797880;
    background-image: url(../images/checkout/data-top-right.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#checkout .checkout-data table {
    border-collapse: collapse;
}

#checkout .checkout-data form.checkout-form,
#checkout .checkout-data table {
    background-image: url(../images/checkout/data-bottom-right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

#checkout .checkout-data table th {
    text-align: left;
    font-weight: normal;
}

#checkout .checkout-data table th,
#checkout .checkout-data table td {
    padding: 0 10px;
}

#checkout .checkout-data table th {
    line-height: 25px;
    font-size: 1.3em;
}

#checkout .checkout-data table td {
    line-height: 35px;
    background-color: transparent;
    font-size: 1.6em;
}

#checkout .checkout-data table td form {
    display: inline;
}

#checkout .checkout-data table td input {
    width: 40px;
}

#checkout .checkout-data table th.num,
#checkout .checkout-data table td.num,
#checkout .checkout-data table td.key {
    text-align: right;
}

#checkout .checkout-data table td input.submit {
    width: auto;
}

#checkout .checkout-data table a {
    text-decoration: none;
}

#checkout .checkout-data .checkout-form table a {
    text-decoration: underline;
}

#checkout .checkout-data table a:hover {
    text-decoration: underline;
}

#checkout .checkout-data table tr.alt td,
#checkout .checkout-data table tr.summary td {
    background-color: transparent;
}

#checkout .checkout-data table tr.summary td.first {
    background-image: url(../images/checkout/data-bottom-left.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

#checkout .checkout-data table tr th.first {
    background-image: url(../images/checkout/data-top-left.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#checkout .checkout-data .checkout-form input {
    width: auto;
}

#checkout .checkout-data .checkout-form textarea {
    height: 5em;
    resize: vertical;
}

#checkout .checkout-data .checkout-form input,
#checkout .checkout-data .checkout-form textarea {
    margin: 5px 0;
    width: 210px;
}

#checkout .checkout-data .checkout-form input.submit {
    width: auto;
}

#checkout .checkout-data .checkout-form td.submit {
    text-align: right;
}

#checkout ul.checkout-options {
    list-style: none;
    margin: 0;
    padding: 0;
}

#checkout ul.checkout-options li {
    margin: 0;
    padding: 0;
}

#checkout ul.checkout-error {
    color: red;
    border: 1px solid red;
    padding: 10px 10px 10px 30px;
}


.cms-display h4.cms-heading-content {
    padding: 0 !important;
    margin: 10px !important;
}

.cms-display .cms-text-content {
    padding: 0 !important;
    margin: 10px !important;
}

.cms-display .cms-imagetext-content {
    margin-left: 10px;
    margin-right: 10px;
}

.cms-text-big {
    font-size: 24px;
}

.cms-text-medium {
    font-size: 18px;
}

.cms-gallery {
    background-color: #eee;
}


#title {
    height: 95px;
    width: 600px;
    margin-top: 40px;
    margin-bottom: 60px;
    
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(/images/plain/plain-title.png);
}

#checkout.options #title {
    background-image: url(/images/plain/plain-title-thin.png);
}

#title h1 span {
    display: none;
}

.pageContent .cms-aggregator-content li {
    font-size: 13px;
    margin: 3px;
}


#subscribe {
    padding: 5px;
    border: 1px solid #37708f;
}

#subscribe label {
    display: block;
    padding: 4px;
    margin-bottom: 5px;
}

#subscribe label span {
    display: block;
    font-size: 13px;
}

#subscribe label span span {
    display: inline;
}

span.required {
    color: #a00;
}

#subscribe input.submit {
    display: block;
    font-size: 13px;
}

#product-image
{
    float: left;
    width: 142px;
}

#product-details-clothing .cms-heading-content {
    text-decoration: underline;
}

#product-details-clothing .product-options-clothing .cms-heading-content {
    text-decoration: none;
}

#product-details-clothing,
#product-details
{
    float: right;
    width: 380px;
}


.cms-display #product-details-clothing .cms-addtocart-content {
    margin: 10px 0 10px 10px;
}

.cms-display #product-details-clothing .cms-addtocart-content input {
    position: relative;
    bottom: 0px;
}

.cms-display #product-details-clothing .cms-form-content {
    border-right: 1px dotted #999;
    margin-right: 15px;
    margin-bottom: 30px;
    padding-right: 5px;
}

.cms-display .product-options-clothing,
.cms-display #product-details-clothing .cms-form-content,
.cms-edit .product-options-clothing,
.cms-template .product-options-clothing {
    width: 150px;
}

* html .cms-display #product-details-clothing .cms-form-content,
* html .cms-edit .product-options-clothing,
* html .cms-template .product-options-clothing {
    width: 145px;
    margin-right: 0 !important;
}

* html .cms-display .product-options-clothing {
    width: 140px;
}

body.product-clothing #product-image {
    width: 200px;
}

body.product-clothing #product-details-clothing {
    width: 330px;
}

#product-details-clothing .cms-combobox-display {
    width: 130px;
}

#product-details-clothing .cms-heading-content {
    padding-bottom: 35px !important;
}

.cms-display .product-options-clothing {
    float: left;
    margin-right: 10px;
}

#product-details-clothing .product-options-clothing .cms-heading-content {
    padding-bottom: 9px !important;
    padding-top: 9px;
    font-size: 11px;
}

.cms-display #product-details-clothing .product-options-clothing .cms-heading-content {
    padding-bottom: 0 !important;
}


.cms-display .product-options-clothing .cms-heading-content {
    margin: 0 !important;
    padding-left: 10px !important;
    margin-top: 5px !important;
}

.product-options-clothing .cms-combobox-content span {
    display: none;
}

.product-options-clothing .cms-textbox-content {
    padding-left: 10px;
    display: block;
}

#product-image .cms-price-content {
    padding-left: 0px !important;
}

.product-options-clothing .cms-textbox-content input {
    width: 30px;
}

.cms-template .product-options-clothing .cms-actions,
.cms-edit .product-options-clothing .cms-actions {
    padding-bottom: 22px;
}

.cms-display .product-options-clothing .cms-textbox-content {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.cms-display #product-details-clothing .cms-combobox-content {
    padding: 0;
    margin: 0;
    padding-left: 10px;
}



.cms-display .cms-combobox-content {
    margin: 4px;
    display: block;
}

.cms-combobox-content span
{
    display: block;
    float: left;
    width: 70px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
}

.cms-combobox-display {
    font-size: 11px;
    width: 170px;
}

.cms-price-content {
    font-size: 18px;
    color: #37708f;
    text-align: left;
}

.cms-weight-content {
    font-size: 15px;
    color: #37708f;
    font-weight: normal;
    text-align: left;
}

.cms-addtocart-content {
    text-align: right;
}

.cms-display .cms-addtocart-content {
    margin: 10px;
    position: relative;
    zoom: 1;
}

.cms-display .cms-addtocart-content input {
    position: absolute;
    bottom: 17px;
    right: 0px;
}

.cms-galleryaggregator-displayitem .cms-multithumbnailimage-content,
.cms-galleryaggregator-item .cms-multithumbnailimage-content
{
    padding: 0px;
    margin: 0px;
    border: dashed #ccc;
    border-width: 0 1px 1px 0;
}

/* This is a disgusting dirty hack to get multi-thumbnailer to vertical align its content -Alex */

.cms-multithumbnailimage-content img{
    position: relative !important;
    display: block !important;
    
}

.cms-multithumbnailimage-content
{
    text-align: center !important;
    position: relative !important;
}
.cms-multithumbnailimage-content table
{
    margin: auto auto !important;
    height: 130px !important;
}
.cms-multithumbnailimage-content td {
    vertical-align: middle !important;
    text-align: center !important;
}

.cms-galleryaggregator-displayitem .cms-page-title,
.cms-galleryaggregator-item .cms-page-title
{
    font-size: 12px;
    text-decoration: underline;
    margin-left: 10px;
}

.cms-galleryaggregator-displayitem .cms-price-content,
.cms-galleryaggregator-item .cms-price-content
{
    font-size: 12px;
    padding: 0;
    margin-left: 10px;
    color: #fd609b;
    text-decoration: none !important;
}

.cms-galleryaggregator-content li
{
    width: 130px !important;
    padding: 1px !important;
    margin: 3px !important;
}

.cms-galleryaggregator-view
{
    display: none;
}


#checkout .checkout-data table tr.option td {
    line-height: 17px;
    font-size: 14px;
}

#checkout .checkout-data table tr.option td.option {
    padding-left: 20px;
    padding-bottom: 5px;
}

.cms-form-content label.content span {
    display: none;
}


* html img {
    height:expression((this.complete&&(String(this.src).substr(String(this.src).length-4,4)==".png"))?"1px":"");
    width:expression((this.complete&&(String(this.src).substr(String(this.src).length-4,4)==".png"))?"1px":"");
    filter:expression((this.complete&&(String(this.src).substr(String(this.src).length-4,4)==".png"))?("progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+this.src+")"):"")
}

#newsblock {
    height: 80px;
}
.newsimage {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 5px;
    padding-top: 1px;
}
.newsitem {
    float: left;
    width: 200px;
    height: 72px;
    padding: 3px 10px;
    margin-right: 3px;
    background: url('/images/front/news-block.png') top left no-repeat;
    font-size: 9px;
}
.newsitem .cms-text-content {
    padding: 1px !important;
}
.newsitem .cms-text-content p {
    margin: 0;
    padding: 0;
}

.innercontrols-info .logout {
    display: none;
}