/*CSS general reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#topnavbar img{vertical-align:middle;}
#topnavbar {
	background-image:url(images/links.gif);
	background-repeat:no-repeat;
	font-size: 11px;
	font-weight: bold;
	height:21px;
	color: #333333;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:7px;
	margin-left: 210px;
	width:770px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#topnavbar a:link{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#topnavbar a:hover{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#topnavbar a:visited{	color: #333;	font-size: 11px; font-weight: bold; text-decoration:none;}
#leftnav h1 a:link{color:#fff;}
#leftnav h1 a:hover{color:#fff;}
#leftnav h1 a:visited{color:#fff;}
#leftnav h1 {
	color:#fff;
	font-size:14px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#leftnav {
    width: 200px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	background-color:#ededed;
	}
#leftnav form a:link{font-weight:bold; color:#050269;}
#leftnav form a:hover{font-weight:bold; color:#050269;}
#leftnav form a:visited{font-weight:bold; color:#050269;}
#leftnav form {font-weight:bold; color:#050269;}
#leftnav p a:link{font-weight:bold; color:#050269;}
#leftnav p a:hover{font-weight:bold; color:#050269;}
#leftnav p a:visited{font-weight:bold; color:#050269;}
#leftnav p{
font-weight:bold;
 color:#050269;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-top: 0px;
    padding-right: 6px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#main {
	left: 0px;	width:985px;
position: relative;
	margin-top: 0px;
	height:85%;
}
#mainright {
	width: 770px;
	float:right;
	position:relative;
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
}
/**********Headers****************/
H1 { color:#030268; font-size:18px;}
H1 a:link{ color:#030268; font-size:18px; text-decoration:none;}
H1 a:hover{ color:#030268; font-size:18px; text-decoration:none;}
H1 a:visited{ color:#030268; font-size:18px; text-decoration:none;}
/************* form style **************/
FORM { padding: 0px;
		margin: 3px;
		text-align:left}
.textfield{ font-size: 10px; text-decoration: none; background-color: #EFEFEF; margin-top: 0px; padding-top: 0px;}
/************* end of form style **************/

/************** Homepage Styles **************/
.home_ad {
	float:left;
	width:382px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;	
	text-align:center;	
}
.home_ad-right {
	float:right;
	width:382px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;	
	text-align:center;	
}
.wide_ad {
	width:770px;
	clear:both;	
margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;	
	text-align:center;	
}
.admin_edit  a:link{font-weight:bold;color: #333333;}
.admin_edit  a:hover{font-weight:bold;color: #333333;}
.admin_edit  a:visited{font-weight:bold;color: #333333;}
.admin_edit {
	width:382px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	height: 10px;
	text-align:right;
	margin-top:1px;
	font-weight:bold;color: #333333;
}
.wide_edit a:link{font-weight:bold;color: #333333;}
.wide_edit  a:hover{font-weight:bold;color: #333333;}
.wide_edit  a:visited{font-weight:bold;color: #333333;}
.wide_edit {
	width:770px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	height: 10px;
	text-align:right;
	margin-top:1px;
	font-weight:bold;color: #333333;
}
/************** end of Homepage Styles **************/
/************** allpage Styles **************/
.bpic {text-align:center; height: 100px;}
.bargain_box {
margin-left:2px;
margin-top:10px;
margin-bottom:10px;
}
.bargain_text {
font-size:11px;
color:#666666;
font-weight:bold;
}
.bargain_desc a:link{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc a:hover{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc a:visited{
color: #333333;font-weight:bold;font-size:14px;}
.bargain_desc {
font-size:14px;
	color: #333333;
	font-weight:bold;
}
.new {font-weight:bold;
color:#990000;
font-size:14px;
	border: 1px solid #990000;
	padding:3px;
	width:80px;
	text-align:center;}	
.warning {
	border: 2px solid #BF0000;
	font-weight: normal;
	color: #333333;
	background-color: #F5EFF3;
	padding: 4px;
	font-size: 11px;
}
.basket_title{
	background-color: #3A3A63;
	font-weight: bold;
	padding: 2px;
	color: #FFFFFF;
}
.basket_row a:link {color: #666666;}
.basket_row a:hover {color: #666666;}
.basket_row a:visited {color: #666666;}
.basket_row {border: 1px dotted #D0D9DD;padding: 4px;}
.basket_row2 {padding: 4px;background-color: #E9EDEF;}
.price {margin-left: 0px;  color: #A61700;	font-size: 12px; font-weight: bold; padding-top: 0px;}
/************** end of allpage Styles **************/
/* other bits*/
.floatright{
	float: right;
	margin-right: 4px;
	margin-top:-20px;
}
.tc {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
HR {border: 1px dashed #C3C3C3; margin: 0px;} 	
UL {padding-right: 5px; padding-bottom:0px; margin: 10px 0px 0px 5px;list-style: square inside;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {text-decoration:none;}
/* Left Menu Advert Boxes */
.nav_ads {
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
float:left;
clear:left;
}
.nav_left_link {
font-size:15px;
text-align:left;
text-decoration:underline;
font-weight: bold;
}

/************** EVIL CSS NAV ****************************/
	.nav, .nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 190px;
		z-index:40;
	}
	.you_are_here{clear:both;}	
	.nav li { /* all list items */
		width : 200px;
		z-index:40;
		/*used to fix large issue in ie when > at end of link*/
		float:left;
		position:static;}
	
	.nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/*change margin-left to change child flyout position*/
		margin-left : 200px;
		/*change margin-top to valign child menus*/
		margin-top : -19px;
		z-index:45;
	}
.nav li ul ul { /* third-and-above-level lists */left: -999em;	}
.nav li ul ul ul { /* fourth-and-above-level lists */left: -999em;	}
/*style set here*/
	.nav li a {
		/* width specific for ie 5.5 w/idth then overrides for other browsers*/
		width : 200px;
		w\idth : 192px;
		display : block;
		font-weight : bold;
		text-decoration : none;
		text-indent:5px;
		z-index:40;
		padding:2px;
		margin-bottom:4px;
		margin-left:4px;
		background-color:#FA185C;		
		position:static;
		color:#FFFFFF;
		}
		.nav li a:hover {		
		background-color : #666;
		z-index:40;
		text-indent:5px;
		text-decoration: none;		
		margin-bottom:4px;
		margin-left:4px;
		padding: 2px;		
	}
/*style ends here*/
	.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 {
		left: -999em;
		z-index:45;
	}
	.nav li:hover ul, 
	.nav li li:hover ul, 
	.nav li li li:hover ul,
	.nav li li li li:hover ul, 
	.nav li.sfhover ul, 
	.nav li li.sfhover ul, 
	.nav li li li.sfhover ul, 
	.nav li li li li.sfhover ul 
	{ 
		/* lists nested under hovered list items */
		left: auto;
		/*z-index:45;*/
	}
	*:first-child+html .nav { 
	height: 1%; 
	} 
	*:first-child+html .nav li { 
	height: 1%; 
	} 
	*+html .nav li:hover ul { 
		left : 0px; /* IE7 fix */ 
	}
	/*fix for new nav, means that h1 tag sits below the nav which is floating in order to display correctly in firefox*/
	h1	{clear:both;}
	/*css hack for ie7*/
	/*styles for hiding the menus*/
	*+html .nav li:hover ul ul, *+html .nav li:hover ul ul ul, *+html .nav li:hover ul ul ul ul
	{left: -999em;}
	/*css hack for ie7*/
	/*styles for showing the menus*/
	*+html .nav li:hover ul, *+html .nav li li:hover ul, *+html .nav li li li:hover ul,	*+html .nav li li li li:hover ul 
	{left : 0px; /* IE7 fix */ 	}
	.nav_right
	{
		position:static;
		w\idth: 185px;
		text-align:right;
		display:block;
		margin-top:-14px;
	}
	.nav li { padding-bottom: 3px;background-color:#ededed;}

/************** end of css nav **************/

/****Hover stuff*****/
.text_description  a {
	display:block;
	text-decoration: none;
	z-index: 10;
	position:relative;
	margin:auto;
	background-image:url(images/delivery.jpg);
}
.text_description  a span { display:none;}

.text_description  a:hover span {
position: absolute;
display: block;
width: 130px;
left: 0px;
top: 50px;
padding: 5px;
border: 1px solid #000000;
background: #FFFED4;
text-decoration: none;
filter: alpha(opacity=90);
opacity: 0.9;
-moz-opacity: 0.9; 
font: normal 11px auto Verdana, Arial, Helvetica, sans-serif;
color: #000;
z-index: 10;
font-size:11px;
}
.text_description a.tick {

	width:130px;
	height:112px;
	margin:auto;
	text-decoration: none;
}
/************end of hover*************/
.banner {
    margin-left: 530px;
    position: absolute;
    top: 20px;
}

/*Begin custom styling */

h1, h2, h3, p, a {
	font-family:Tahoma, Verdana, Arial;
}

h1{
	background-color:#FA185C;
	color:#fff;
	font-size:16px;
	padding:10px;
}

p {
	color:#1b1b1b;
}

a {
	color:#c1632a;
	text-decoration:none;
}

a:hover {
	color:#f08f55;
}

/* Position background on left and right of body */
body {
	font-family:Tahoma, Verdana, Arial;
	font-size:14px;
	background:url("../images/background-left.jpg") top left no-repeat;
}

#bodyimageright {
	background:url("../images/background-right.jpg") top right no-repeat;
}

/* Main container for all content */
#maincenterfloat {
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	width:1030px;
	height:auto;
}

/* Header div styles */
#header {
	width:1030px;
	height:332px;
	background:url("../images/header.jpg");
}

/* Positions and styles the text describing the current page
in the top right of #maincenterfloat in header */
#pagename {
	position:relative;
	top:260px;
	left:900px;
	height:15px;
	width:50px;
}

#pagename p {
	font-weight:bold;
	color:#cb0645;
	font-size:1.3em;
}

/* Styles for horizontal top menu.  Floats list items horizontally
over header background image*/
#topmenu {
	width:840px;
	height:40px;
	position:relative;
	top:277px;
	left:188px;
}

#topmenu li {
	float:left;
	padding:10px 15px 0 15px;
	list-style-type:none;
}

#topmenu li a {
	font-family:Tahoma, Verdana, Arial;
	color:#FFF;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
}

#topmenu li a:hover {
	color:#ffcc9a;
}

/* Padding for page in separate div to solve IE6 width padding bug */
#pagepadding {
	padding:20px;
}

/* For single column layout */
.column-fullwidth {
	width:100%;
	clear:both;
}

/* For single column layout */
.innercolumn-fullwidth {
	width:770px;
	float:right;
	margin-left:10px;
}

/* For single column layout */
.innercolumn-580 {
	width:570px;
	float:left;
	margin:0 10px;
}

/* For two column layout */
.column-halfwidth {
	width:50%;
	float:left;
}

.column-fullwidth p, .column-halfwidth p {
	padding: 5px 0 30px 0;
}

.column-fullwidth h1, .column-halfwidth h1 {
	background:url("../images/h1-background.jpg") top left no-repeat;
	width:445px;
	height:37px;
	color:#FFF;
	padding:8px 0 0 8px;
}

/* Styles for 'clubs and socs' page or any page that needs similar styles */
.clubsbox-left-orange {
	background:url("../images/clubs-left-orange.jpg") top left no-repeat;
	width:500px;
	height:57px;
	padding:10px 0 10px 0;
}

.clubsbox-left-pink {
	background:url("../images/clubs-left-pink.jpg") top left no-repeat;
	width:500px;
	height:57px;
	padding:10px 0 10px 0;
}

.clubsbox-right-orange {
	background:url("../images/clubs-right-orange.jpg") top right no-repeat;
	width:500px;
	height:57px;
	padding:10px 0 10px 0;
}

.clubsbox-right-pink {
	background:url("../images/clubs-right-pink.jpg") top right no-repeat;
	width:500px;
	height:57px;
	padding:10px 0 10px 0;
}

.clubsbox-left-orange p, .clubsbox-left-pink p {
	padding-left:10px;
}

.clubsbox-right-orange p, .clubsbox-right-pink p {
	text-align:right;
	padding-right:10px;
}

.clubsbox-right-orange a, .clubsbox-right-pink a, .clubsbox-left-orange a, .clubsbox-left-pink a {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
}

.clubsbox-right-orange a:hover, .clubsbox-right-pink a:hover, .clubsbox-left-orange a:hover, .clubsbox-left-pink a:hover {
	color:#ffcc9a;
}

/* Styles for foot menu.  Inline list with centered text-align */
#footermenu {
	clear:both;
	text-align:center;
}

#footermenu li {
	display:inline;
}

#footermenu li a {
	border-right:solid 1px #c1632a;
	color:#c1632a;
	text-decoration:none;
	padding:0 10px 0 10px;
}

#footermenu li a:hover {
	text-decoration:underline;
}


td{vertical-align:top; padding:5px;}
.tabletext td a {	
	color:#c1632a;
	text-decoration:none;
}
