@charset "utf-8";
/* CSS Document */

* {
margin:0px;
padding:0px;
}

body {
background:#e5e5e5;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

/*************************************** BASIC TEXT *********************/

h1 {
color:#e52026;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
font-size:16px;
line-height:22px;
margin-top:30px;
margin-bottom:15px;
}

h1 span {
color:#000000;
}

h1 a {
color:#e52026;
text-decoration:none;
}

h1 a:hover {
text-decoration:underline;
}

a {
color:#e52026;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


h2 {
color:#e52026;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
font-size:16px;
line-height:22px;
margin-bottom:15px;
padding-top:10px;
}

p {
color:#000000;
font-size:13px;
line-height:22px;
margin-bottom:15px;
position:relative;
z-index:9;
}

p.title {
background-color:#CCCCCC;
line-height:22px;
padding:4px;
display:block;
height:22px;
width:300px;
}		

#all {
width:100%;
height:auto;
background:url(../images/bg.gif) top left repeat-x #ffffff;
float:left;
}

/*************************************** BODY ELEMENTS *********************/

#frame {
text-align:left;
margin:auto;
width:1000px;
}

#cont {
width:1000px;
float:left;
padding-bottom:25px;
}

#header {
background:url(../images/top/1.jpg) top left no-repeat;
height:342px;
width:1000px;
float:left;
clear:both;
}


/*************************************** TOP NAV *********************/

#nav {
width:900px;
height:40px;
margin-left:50px;
background:url(../images/navbg.gif) top left no-repeat;
float:left;
clear:both;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
color:#FFFFFF;
}

* html #nav {
margin-left:25px;
}

#nav ul {
list-style:none;
}

#nav ul li {
float:left;
line-height:40px;
margin:0px 10px 0px 25px;
font-size:14px;
font-weight:bold;
}

* html #nav ul li {
margin:0px 15px 0px 15px;
}

#nav ul li a {
color:#FFFFFF;
text-decoration:none;
line-height:40px;
display:block;
height:40px;
padding:0px 15px;
float:left;
}

#nav ul li a:hover {
color:#CCCCCC;
}

#minibasket {
height:40px;
line-height:40px;
float:right;
text-align:right;
margin-right:30px;
font-weight:bold;
}

* html #minibasket {
margin-right:15px;
}

#minibasket a {
color:#FFFFFF;
text-decoration:none;
}

#minibasket a:hover {
text-decoration:underline;
}

#left {
width:180px;
float:left;
margin:0px 45px 0px 50px;
}

* html #left {
margin:0px 45px 0px 25px;
}



/*************************************** LEFT NAV *********************/

.left_item {
width:180px;
float:left;
background:url(../images/nav/left_bg.png) top left no-repeat;
}

.left_item_footer {
width:180px;
height:2px;
background:url(../images/nav/left_foot.png) bottom left no-repeat;
float:left;
}

* html .left_item_footer {
margin-top:-15px;
}

h4 {
display:block;
line-height:40px;
width:180px;
height:38px;
padding-top:15px;
color:#000000;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
}

h4 a {
display:block;
line-height:40px;
width:110px;
height:38px;
color:#e52026;
text-decoration:none;
font-size:14px;
padding-left:70px;
}

h4 a:hover {
color:#000000;
text-decoration:none;
}

.left_item ul {
margin-left:18px;
list-style:none;
font-size:12px;
color:#000;
line-height:18px;
padding-bottom:10px;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
}

.left_item ul li a {
color:#000;
text-decoration:none;
}

.left_item ul li a:hover {
text-decoration:underline;
}

.left_item ul li ul {
margin-left:18px;
list-style:none;
font-size:12px;
color:#333;
line-height:18px;
padding-bottom:0px;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
}

.left_item ul li ul li a {
color:#333;
text-decoration:none;
}

.left_item ul li ul li a:hover {
text-decoration:underline;
}

.left_item ul li ul li ul {
margin-left:24px;
list-style:none;
font-size:12px;
color:#666666;
line-height:18px;
padding-bottom:0px;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
}

.left_item ul li ul li ul a {
color:#666666;
}

#nav_cricket {
background:url(../images/nav/cricket.png) top left no-repeat;
}

#nav_football {
background:url(../images/nav/football.png) top left no-repeat;
}

#nav_darts {
background:url(../images/nav/darts.png) top left no-repeat;
}

#nav_rugby {
background:url(../images/nav/rugby.png) top left no-repeat;
}

#nav_hockey {
background:url(../images/nav/hockey.png) top left no-repeat;
}

#nav_running {
background:url(../images/nav/running.png) top left no-repeat;
}

#nav_misc {
background:url(../images/nav/misc.png) top left no-repeat;
}

.cards {
width:180px;
float:left;
height:67px;
background:url(../images/cards.png) top left no-repeat;
margin-top:25px;
}


/*************************************** CONTENT *********************/


#right {
width:725px;
float:left;
}

#right p, #right h1, #right h2, #right h3 {
margin-right:50px;
}

.productframe {
width:150px;
background:#4f4f4f;
color:#FFFFFF;
float:left;
height:210px;
margin:0px 25px 25px 0px;
font-size:11px;
line-height:16px;
}

* html .productframe {
margin:0px 0px 25px 0px;
}

.productframe img {
height:148px;
width:148px;
background:#FFFFFF;
border:1px solid #4f4f4f;
float:left;
}

.productframe img:hover {
border:1px solid #4f4f4f;
}

.productframe div {
margin:5px 8px;
float:left;
clear:both;
width:132px;
}

* html .productframe div {
margin:5px 4px;
}

.productframe div a {
color:#FFFFFF;
text-transform:none;
text-decoration:none;
font-weight:bold;
}

.productframe div a:hover {
color:#CCCCCC;
}

.prodprice {
display:block;
height:23px;
line-height:23px;
background:url(../images/pricebg.png) bottom left no-repeat;
background-color:none;
color:#ea2026;
font-weight:bold;
float:right;
text-align:right;
padding:0px 7px 0px 22px;
margin:-24px 1px 0px 1px;
position:relative;
z-index:4;
}


* html .prodprice {
background:#cccccc;
padding:0px 7px;
margin:-24px 1px 0px 1px;
}

.productframe_cat {
width:150px;
background:#4f4f4f;
color:#FFFFFF;
float:left;
margin:0px 25px 25px 0px;
}

.productframe_cat img {
height:148px;
width:148px;
background:#FFFFFF;
border:1px solid #4f4f4f;
}

.productframe_cat img:hover {
border:1px solid #4f4f4f;
}

.productframe_cat div {
margin:5px 8px;
text-align:center;
}

.catlink {
color:#ccc;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}

.catlink:hover {
color:#999;
text-decoration:none;
}

.subs {
margin:5px;
font-size:12px;
text-align:left;
text-transform:capitalize;
color:#FFFFFF;
line-height:18px;
}

.subs a {
color:#FFFFFF;
}

.subs a:hover {
color:#cccccc;
text-decoration:none;
}


#browse {
float:right;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
font-size:12px;
line-height:26px;
margin-top:30px;
margin-bottom:0px;
margin-right:50px;
}

.morelink a {
float:right;
margin-top:-47px;
margin-right:7px;
color:#CCCCCC;
}

.morelink a:hover {
color:#999999;
text-decoration:none;
}

.productframeframe {
width:150px;
float:left;
margin:0px 25px 0px 0px;
font-size:11px;
line-height:16px;
}

#prodimg {
width:323px;
border:1px solid #999;
float:left;
margin:0px 25px 25px 0px;
}

#prodtxt {
width:325px;
line-height:22px;
font-size:13px;
float:left;
margin-bottom:15px;
}

#pricebar {
width:675px;
height:40px;
line-height:40px;
background:#ccc;
float:left;
margin-bottom:25px;
}

.price {
height:40px;
line-height:40px;
margin-left:15px;
float:left;
font-size:11px;
}

* html .price {
margin-left:7px;
}

.price span {
font-size:13px;
font-weight:bold;
}

.details {
height:40px;
line-height:40px;
margin-right:15px;
float:right;
font-size:11px;
text-align:right;
}

* html .details {
margin-right:7px;
}

.details a {
font-size:13px;
font-weight:bold;
}

#pricebar select {
font-size:11px;
color:#333333;
padding:2px;
border:0px;
margin-right:10px;
}

* html #pricebar select {
margin-top:10px;
}

#pricebar input {
font-size:11px;
color:#333333;
padding:2px;
border:1px solid #999;
margin:0px 10px 0px 2px;
width:15px;
text-align:center;
}

* html #pricebar input {
margin-top:10px;
}

/*************************************** COPYRIGHT *********************/


#copyframe {
width:100%;
height:68px;
line-height:68px;
background:url(../images/copy_bg.gif) top left repeat-x;
float:left;
text-align:center;
font-family:'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
font-size:11px;
color:#666666;
}

#copy {
width:900px;
margin:auto;
}

.copyleft {
float:left;
}

.copyright {
float:right;
text-align:right;
}



.left50 {
float:left;
width:350px;
margin-right:25px;
}

.right50 {
float:left;
width:350px;
}

input {
height:28px;
line-height:24px;
padding:0px 4px;
}

.summaryviewtable th {
padding:3px 5px;
line-height:24px;
background-color:#ccc;
}

.summaryviewtable td {
padding:3px 5px;
line-height:18px;
}

.quantity {
height:16px;
line-height:16px;
}

.terms {
margin-left:30px;
line-height:20px;
}

.terms li {
margin-top:10px;
}
.accordion:hover{
text-decoration:underline;
cursor:pointer;
}

.pagination {
float:left;
margin-right:50px;
height:20px;
width:400px;
}

.pagiact {
display:block;
height:20px;
width:20px;
line-height:20px;
border:1px solid #999;
float:left;
text-align:center;
margin:0px 5px 0px 0px;
font-weight:bold;
}

.pagi {
display:block;
height:20px;
width:20px;
line-height:20px;
border:1px solid #999;
float:left;
text-align:center;
margin:0px 5px 0px 0px;
font-weight:bold;
}

.pagi:hover {
text-decoration:none;
border:1px solid #E52026;
}

.selectbox {
height:24px;
padding-top:3px;
}

#searchframe {
height:30px;
width:174px;
float:right;
margin-right:50px;
margin-top:300px;
}

* html #searchframe {
margin-right:25px;
}

#search {
height:18px;
width:136px;
float:left;
margin:0px;
border:0px;
color:#666666;
font-size:13px;
line-height:18px;
padding:6px 4px;
background:url(../images/search.gif) top right no-repeat;
}

#search_submit {
height:30px;
width:30px;
padding:0px;
margin:0px;
border:0px;
float:left;
background:url(../images/search_submit.gif) top left no-repeat;
cursor:pointer;
}

#salebanner {
height:154px;
width:675px; 
float:left;
background:url(../images/sale_bg.jpg) top left no-repeat;
margin:-25px 0px 15px 0px;
position:relative;
z-index:1;
}

* html #salebanner {
}

#salebanner h2 {
margin-bottom:0px;
padding-bottom:0px;
}

#salebanner h2 a {
font-size:30px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
letter-spacing:7px;
text-transform:uppercase;
display:block;
height:70px;
line-height:70px;
width:643px;
margin:36px 1px 1px 1px;
padding:0px 0px 0px 30px;
float:left;
}

* html #salebanner h2 a {
margin:36px 0px 0px 0px;
}

#salebanner h2 a:hover {
text-decoration:none;
color:#000000;
}

#salebanner .left, #salebanner .right {
line-height:26px;
}

#salebanner .left {
float:left;
}

#salebanner .right {
float:right;
text-align:right;
color:#999999;
font-size:11px;
letter-spacing:1px;
margin-right:130px;
}

#salebanner .left a {
color:#fff;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
margin-left:8px;
}

#salebanner .left a:hover {
text-decoration:none;
color:#CCCCCC;
}