
body, td {
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 80%;
color : #333;
}
body {
background-image : url(../images/layout/bg.gif);
background-repeat : repeat-y;
background-position : center 0%;
background-color : #ededed;
margin : 0;
}
img {
border : 0;
}
H1 { font-weight: bold; font-size: 16pt; color: #333;}
H2 { font-weight: bold; font-size: 12pt; text-decoration: underline; }
H3 { font-weight: bold; font-size: 11pt; margin-top: 20px; }

hr {
color : #545454;
background-color : #545454;
height : 1px;
border : 0;
}
input, select {
font-size : 10px;
}


td.topNavContainer {
background-repeat : repeat-x;
background-image : url(../images/layout/navBg.gif);
background-color : #d2d2d2;
color : #5b5b5b;
height : 22px;
}
td.topNavContainer a.highlight, td.topNavContainer a.highlight:link, td.topNavContainer a.highlight:visited {
color : #085f8b;
font-weight : bold;
font-size : 12px;
}
td.topNavContainer a, td.topNavContainer a:link, td.topNavContainer a:visited {
background-repeat : repeat-x;
background-image : url(../images/layout/navBg.gif);
height : 22px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
color : #5b5b5b;
margin : 0;
border-right : 1px solid #5b5b5b;
}
td.topNavContainer a:hover, td.topNavContainer a.highlight:hover {
background-image : url(../images/layout/navBg_over.gif);
}
td.search {
font-size : 10px;
background-color : #d2d2d2;
}
td.search a, td.search a:visited {
color : #70a384;
text-decoration : none;
}
td.search a:hover {
color : #487357;
text-decoration : underline;
}
.basketHeading {
font-size : 12px;
font-weight : bold;
background-color : #ededed;
height : 30px;
}
#warrantyContainer {
display : block;
float : left;
position : absolute;
top : 170px;
width : 701px;
text-align : center;
}
#warrantyContainer h1, #warrantyContainer h2, #warrantyContainer h3, #warrantyContainer h4 {
margin : 0;
padding : 0;
}
#warrantyDetails {
position : relative;
width : 460px;
height : 374px;
padding : 20px;
z-index : 1;
margin : 0 auto;
background-color : #fff;
color : #333333;
border : 3px solid #333333;
}
#warrantyDetails span {
color : #990000;
}
#warrantyContainer h1 {
font-size : 180%;
margin : 0;
padding : 0;
color : #1a6195;
}
#warrantyContainer h2 {
font-size : 140%;
margin : 0;
padding : 0;
color : #333333;
}
#warrantyContainer h3 {
font-size : 100%;
margin : 0;
padding : 0;
}
#warrantyContainer #buttons {
float : left;
width : 100%;
text-align : center;
}
#warrantyContainer #yes, #warrantyContainer #no {
float : left;
width : 50%;
text-align : center;
}
#warrantyContainer #yes a, #warrantyContainer #no a {
padding : 10px;
}
#warrantyContainer #yes a {
float : right;
}
#warrantyContainer #no a {
float : left;
}
#warrantyContainer .freeGiftInfo {
float : left;
text-align : left;
width : 100%;
}
#warrantyContainer .freeGiftInfo h3 {
font-size : 140%;
color : #990000;
}
#warrantyContainer .freeGiftInfo h4 {
font-size : 120%;
margin-bottom : 10px;
}
#warrantyContainer .freeGiftInfo h4 a, #warrantyContainer .freeGiftInfo h4 a:link, #warrantyContainer .freeGiftInfo h4 a:visited {
color : #3e5b7b;
}
#warrantyContainer .freeGiftInfo .freeGiftImage {
float : left;
width : 155px;
}
#warrantyContainer .freeGiftInfo p {
float : left;
width : 250px;
padding : 0;
margin : 0;
}
#warrantyContainer .freeGiftInfo p b {
color : #1a6195;
font-size : 110%;
}
#nav, #nav ul, #nav1, #nav1 ul, #nav2, #nav2 ul {
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 10px;
padding : 0;
margin : 0;
list-style : none;
float : left;
}
#nav a, #nav1 a, #nav2 a {
display : block;
padding : 5px;
}
#nav li, #nav1 li, #nav2 li {
position : relative;
float : left;
margin-bottom : -1px;
width : 135px;
}
#nav li ul, #nav li ul ul, #nav li ul ul ul, #nav li ul ul ul ul, #nav li ul ul ul ul ul, #nav li ul ul ul ul ul ul, #nav1 li ul, #nav1 li ul ul, #nav1 li ul ul ul, #nav1 li ul ul ul ul, #nav1 li ul ul ul ul ul, #nav1 li ul ul ul ul ul ul, #nav2 li ul, #nav2 li ul ul, #nav2 li ul ul ul, #nav2 li ul ul ul ul, #nav2 li ul ul ul ul ul, #nav2 li ul ul ul ul ul ul {
position : absolute;
left : -999em;
margin-top : -15px;
padding : 0;
}
#nav li a, #nav1 li a, #nav2 li a {
left : -1px;
display : block;
text-decoration : none;
background-position : top left;
padding : 2px;
background-color : #d2d2d2;
}
#nav li a:hover, #nav1 li a:hover, #nav2 li a:hover {
color : #fff;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li:hover ul ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul, #nav1 li.sfhover ul ul ul ul, #nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul, #nav2 li.sfhover ul ul ul ul {
left : -999em;
}
#byCat, #byCat ul {
background-color : #c4c2a9;
}
#byCat li a {
color : #ba5908;
}
#byCat li ul, #byCat li ul ul, #byCat li ul ul ul, #byCat li ul ul ul ul, #byCat li ul ul ul ul ul, #byCat li ul ul ul ul ul ul {
border : 1px solid #c4c2a9;
border-top : 0;
margin-top : -40px;
}
#byCat li a:hover {
background-image : url(../images/layout/navBg_byCatOver.jpg);
background-color : #ea9810;
}
#byCat li:hover ul, #byCat li li:hover ul, #byCat li li li:hover ul, #byCat li li li li:hover ul, #byCat li.sfhover ul, #byCat li li.sfhover ul, #byCat li li li.sfhover ul, #byCat li li li li.sfhover ul, #byCat li li li li li.sfhover ul {
left : 135px;
}
#byCat, #byCat ul {
width : 135px !important ;
width : auto;
}
#byCat a {
width : auto !important ;
width : 135px;
}
#byCat li {
z-index : 100;
width : 135px;
}
#byMan, #byMan ul {
background-color : #6494bc;
}
#byMan li a {
color : #116089;
}
#byMan li ul, #byMan li ul ul, #byMan li ul ul ul, #byMan li ul ul ul ul, #byMan li ul ul ul ul ul, #byMan li ul ul ul ul ul ul {
border : 1px solid #6494bc;
border-top : 0;
margin-top : -18px;
}
#byMan li a:hover {
background-image : url(../images/layout/navBg_byManOver.jpg);
background-color : #1d8ed4;
}
#byMan li:hover ul, #byMan li li:hover ul, #byMan li li li:hover ul, #byMan li li li li:hover ul, #byMan li.sfhover ul, #byMan li li.sfhover ul, #byMan li li li.sfhover ul, #byMan li li li li.sfhover ul, #byMan li li li li li.sfhover ul {
width : 135px;
left : -137px;
}
#byMan, #byMan ul {
width : 135px !important ;
width : auto;
}
#byMan a {
width : auto !important ;
width : 135px;
}
#byMan li {
width : 135px;
}
a, a:visited {
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
color : #1a6195;
}
.standard a, .standard a:visited {
text-decoration : underline;
color : #1a6195;
}
a:hover {
text-decoration : underline;
}
.bottomNav, .bottomNav a, .bottomNav a:visited {
padding-top : 10px;
text-align : center;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 12px;
text-decoration : none;
color : #825c17;
}
#contentList, #contentList ul {
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 12px;
padding : 0;
margin : 0;
list-style : none;
float : left;
width : 287px;
z-index : -1;
}
#contentList a {
display : block;
width : auto !important ;
width : 277px;
padding : 5px;
}
#contentList li a:hover {
color : #fff;
}
.catSelectionHeading {
text-align : center;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 12px;
color : #fff;
background-image : url(../images/layout/categories/catSelectionHeader.gif);
height : 41px;
}
#catSelection, #catSelection ul {
z-index : -1;
background-color : #c4c2a9;
background-image : url(../images/layout/categories/catSelectionBg.gif);
}
#catSelection li a {
color : #707070;
background-color : #f6f6f6;
}
#catSelection li {
width : 277px;
}
#catSelection li a:hover {
background-color : #3a95c4;
}
#viewAll, #viewAll ul {
text-align : center;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 12px;
color : #fff;
height : 38px;
background-image : url(../images/layout/categories/catSelectionFooter.gif);
padding : 0;
margin : 0;
}
#viewAll li a {
padding-bottom : 6px;
color : #707070;
}
#viewAll li a:hover {
width : 287px;
background-image : url(../images/layout/categories/catSelectionFooter.gif);
}
.bestSellersHeading {
text-align : center;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 12px;
color : #fff;
background-image : url(../images/layout/categories/bestSellersHeader.gif);
height : 30px;
}
#bestSellers {
background-image : url(../images/layout/categories/catSelectionBg.gif);
}
.tabs {
width : 416px;
margin : 0;
padding : 0;
list-style-type : none;
position : relative;
white-space : nowrap;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 10px;
}
.tabs li {
margin : 0;
padding : 0;
display : inline;
}
.tabs a, .tabs a.inactive {
width : 104px;
line-height : 21px;
background-image : url(../images/layout/tabs/tabWhite.gif);
background-repeat : no-repeat;
text-align : center;
color : #5a595a;
text-decoration : none;
padding : 0;
display : block;
float : left;
border-bottom : none;
}
.tabs a.inactive:hover {
color : #5a595a;
background-image : url(../images/layout/tabs/tabGreyHover.gif);
}
.tabs a.active, .tabs a.active:visited, .tabs a.active:hover {
width : 104px;
line-height : 21px;
background-image : url(../images/layout/tabs/tabGrey.gif);
background-repeat : no-repeat;
display : block;
text-align : center;
color : black;
cursor : default;
font-size : 11px;
font-weight : bold;
text-decoration : none;
}
.tabs_content {
display : none;
height : 200px;
width : 410px;
overflow : auto;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 10px;
}
.tabs_content, .tabs_content td {
font-size : 10px;
}
#cont {
width : 452px;
position : relative;
text-align : center;
}
.accountTabs {
width : 678px;
margin : 0;
padding : 0;
list-style-type : none;
position : relative;
white-space : nowrap;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 10px;
}
.accountTabs li {
margin : 0;
padding : 0;
display : inline;
}
.accountTabs a, .accountTabs a.inactive {
width : 169px;
line-height : 21px;
background-image : url(../images/layout/tabs/accountTabWhite.gif);
background-repeat : no-repeat;
text-align : center;
color : #5a595a;
text-decoration : none;
padding : 0;
display : block;
float : left;
border-bottom : none;
}
.accountTabs a.inactive:hover, .accountTabs a:hover {
color : #5a595a;
background-image : url(../images/layout/tabs/accountTabGreyHover.gif);
}
.accountTabs a.active, .accountTabs a.active:visited, .accountTabs a.active:hover {
width : 169px;
line-height : 21px;
background-image : url(../images/layout/tabs/accountTabGrey.gif);
background-repeat : no-repeat;
display : block;
text-align : center;
color : black;
cursor : default;
font-size : 11px;
font-weight : bold;
text-decoration : none;
}
.accountTabs_content {
display : none;
height : 200px;
width : 678px;
overflow : auto;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 10px;
}
.accountTabs_content, .tabs_content td {
font-size : 10px;
}
#accountCont {
width : 700px;
position : relative;
text-align : center;
}
#button div {
float : left;
}
#button a:link, #button a:visited {
display : block;
height : 143px;
background-repeat : no-repeat;
background-position : left top;
}
#button a:hover, #button a:active {
background-position : 0 -150px;
}
#button div.treadmills a:link, #button div.treadmills a:visited {
width : 131px;
background-image : url(../images/layout/categories/treadmills.gif);
}
#button div.elipticalTrainers a:link, #button div.elipticalTrainers a:visited {
width : 131px;
background-image : url(../images/layout/categories/elipticalTrainers.gif);
}
#button div.rowingMachines a:link, #button div.rowingMachines a:visited {
width : 131px;
background-image : url(../images/layout/categories/rowingMachines.gif);
}
#button div.exerciseBikes a:link, #button div.exerciseBikes a:visited {
width : 131px;
background-image : url(../images/layout/categories/exerciseBikes.gif);
}
#button div.multiGyms a:link, #button div.multiGyms a:visited {
width : 131px;
background-image : url(../images/layout/categories/multiGyms.gif);
}
#button div.boxing a:link, #button div.boxing a:visited {
width : 131px;
background-image : url(../images/layout/categories/boxing.gif);
}
#button div.gymEquipment a:link, #button div.gymEquipment a:visited {
width : 620px;
background-image : url(../images/layout/categories/gymEquipment.jpg);
}
#button div.tableTennis a:link, #button div.tableTennis a:visited {
width : 131px;
background-image : url(../images/layout/categories/tableTennis.gif);
}
#button div.trampolines a:link, #button div.trampolines a:visited {
width : 131px;
background-image : url(../images/layout/categories/trampolines.gif);
}
.infoPrice {
color : #3c5f8b;
font-size : 130%;
}
.infoSave, .productInfo_short {
color : #af152d;
font-weight : bold;
font-size : 14px;
}
.productInfo_largeImage {
background-image : url(../images/layout/products/productInfo_imageBg.gif);
background-repeat : repeat-y;
background-color : #fff;
color : #333;
}
.productName {
color : #333;
padding : 0 2px 0 2px;
}
.productName H1 {
font-size : 160%;
padding : 0;
margin : 0;
color : #1a6195;
font-weight : bold;
text-align : center;
}
.productInfoName H1 {
font-size : 180%;
padding : 0;
margin : 0;
color : #3c5f8b;
font-weight : bold;
}
.productInfoContents h2 {
font-size : 140%;
padding : 0;
margin : 10px 0 5px 0;
color : #1a6195;
font-weight : bold;
}
.productInfoContents ul {
padding : 0;
margin : 0 0 0 15px;
}
.printAddress h3 {
margin : 0;
padding : 0;
}
.printAddress {
font-size : 120%;
font-weight : bold;
color : #1a6195;
}
.optionalExtras a, .optionalExtras a:link, .optionalExtras a:visited {
color : #1a6195;
font-weight : bold;
}
.additionalImages {
text-align : center;
}
.additionalImages, .additionalImages a, .additionalImages a:link, .additionalImages a:visited {
color : #1a6195;
font-weight : bold;
padding : 5px;
line-height : 20px;
}
.additionalImages a:hover {
background-color : #e0e7ef;
}
.productName H2 {
color : #1a6195;
font-size : 12px;
font-weight : bold;
padding : 0;
margin : 0;
}
.productSave {
color : #ff0000;
font-style : italic;
}
.productName a:visited, .productName a {
color : #333;
font-size : 12px;
font-weight : bold;
}
.productManufacturer {
color : #086b1f;
font-size : 12px;
font-weight : bold;
}
a.moreInfo, a.moreInfo:visited {
color : #086b1f;
font-size : 12px;
}
a.moreInfo:hover {
color : #595959;
}
.topSellersSaving {
color : #ff0000;
font-size : 11px;
font-weight : bold;
}
H2.categoryLink a, H2.categoryLink a:visited {
color : #9f9f9f;
font-size : 12px;
font-weight : bold;
padding : 0;
margin : 0;
}
H2.categoryLink a:hover, H2.categoryLink {
color : #1a6195;
}
#categoryTitleLarge {
background : url(../images/layout/categories/catHeader.gif);
text-align : center;
line-height : 44px;
}
#categoryTitle {
margin : 0 auto;
background : url(../images/layout/categories/catHeaderSmall.gif) no-repeat top center;
text-align : center;
line-height : 35px;
}
#categoryTitle H1 {
display : inline;
font-size : 16px;
color : #5e5e5e;
}
.basketHeader {
font-family : arial, verdana, tahoma, helvetica, sans-serif;
color : #fff;
font-size : 11px;
font-weight : bold;
text-align : center;
border-right : 1px solid #fff;
background-image : url(../images/layout/basket/basket_headerBg.gif);
}
.basketItem {
border-top : 1px solid #acacac;
border-right : 1px solid #acacac;
color : #1a6195;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
text-align : center;
height : 30px;
}
.warranty {
border-top : 0;
}
.basketItem strong {
font-size : 11px;
}
.save {
font-size : 11px;
font-weight : bold;
color : #ef9200;
}
.basketItemBottom {
border-right : 1px solid #acacac;
}
.basketItemTotals {
color : #1a6195;
font-size : 11px;
font-weight : bold;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
text-align : center;
height : 30px;
}
.featureSearch_top {
text-align : center;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
background-image : url(../images/layout/featureSearch/headerBg.gif);
height : 30px;
}
.featureSearch_bg {
background-image : url(../images/layout/featureSearch/bg.gif);
background-repeat : repeat-y;
}
.FormElement {
color : #525252;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
background-color : #eeeeee;
}
.StandardSmall {
color : #525252;
font-size : 9px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
}
.StandardTiny {
color : #525252;
font-size : 9px;
font-family : sans-serif;
text-decoration : none;
}
.StandardSmallBold {
color : #525252;
font-size : 9px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
.FormButton {
color : #525252;
font-size : 9px;
border-bottom : 1px solid #8a8a8a;
border-right : 1px solid #8a8a8a;
border-left : 1px solid #ffffff;
border-top : 1px solid #ffffff;
font-family : sans-serif;
cursor : pointer;
text-decoration : none;
background : #eeeeee;
background-color : #eeeeee;
}
.BrowseSubmit {
font-size : 11px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
}
.PageHeading {
color : #6666ff;
font-size : 24px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
.PageSubHeading {
color : #6666ff;
font-size : 18px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
.Standard {
color : #525252;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
}
.StandardWarning {
color : #ff0000;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
}
.StandardMedium {
color : #525252;
font-size : 12px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
}
.StandardMediumBold {
color : #525252;
font-size : 12px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
.StandardMediumWarning {
color : #ff0000;
font-size : 12px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
.StandardLarge H1, .StandardLarge {
color : #525252;
font-size : 20px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
padding : 0;
margin : 0;
}
.ContentHeading {
color : #525252;
font-size : 11px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
.ChooseLink {
color : #ff0000;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : underline;
}
A.breadcrumb:link, a.breadcrumb:visited {
color : #1a6195;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
text-decoration : none;
}
A.breadcrumb:hover {
color : #173fdc;
text-decoration : underline;
}
A.ChooseLink:link {
color : #ff0000;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : underline;
}
A.ChooseLink:visited {
color : #ff0000;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : underline;
}
A.ChooseLink:hover {
color : #ff7070;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : underline;
}
A.BarNav:link {
color : #000099;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
A.BarNav:visited {
color : #000099;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
A.BarNav:hover {
color : #cc8800;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
}
A.Special:link {
color : #525252;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : underline;
padding : 2px 2px 2px 2px;
}
A.Special:visited {
color : #525252;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : underline;
padding : 2px 2px 2px 2px;
}
A.Special:hover {
color : #cc0000;
background-color : #f1f1f1;
font-size : 10px;
font-family : arial, verdana, tahoma, helvetica, sans-serif;
font-weight : bold;
text-decoration : underline;
padding : 2px 2px 2px 2px;
}
