body{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 10px;
}
img{
  padding: 0;
	margin: 0;
}
a{
 padding: 0;
 margin: 0;
}

/****************************
** Definition of Top Menu ***
*****************************/

#top_menu{
  position: absolute;
	top: 10px;
	right: 30px;
  font-size: 0.8em;
}
#top_menu a:link, #top_menu a:visited{
  text-decoration: underline;
	color: #009933;
}
#top_menu a:hover, #top_menu a:active{
  text-decoration: none;
	color: #009933;
}
#top_menu ul{
  list-style: none;
	text-align: right;
	padding: 0;
	margin: 0;
	/*margin: -125px 20px 110px 0px;*/
}
#top_menu li{
  display: inline;
	margin: 0;
	padding: 0;
}

/****************************
** Definition of Header *****
*****************************/

#header_right{
  position: relative;
  background: url(images/header_right.png) no-repeat top right;
	min-width: 600px;
}
#sukit_logo{
  position: absolute;
	top: 0px;
	left: 0px;
}
#header_right img{
  border: 0;
}
#header_left{
	text-align: right;
	padding: 25px 10px 10px 280px;
	height: 90px !important;
	height/**/: 125px;
}

/****************************
** Definition of Left Menu **
*****************************/

#left_menu{
  background: url(images/nav_top.png) no-repeat top left;
	width: 200px;
	color: #009933;
	padding: 10px 10px 10px 20px;
	font-size: 0.8em;
}
#left_menu_bottom{
  background: url(images/nav_bottom.png) no-repeat bottom left;
	position: relative;
	z-index: 2;
}
#left_menu h1{
  margin: 0px 15px 0px 0px;
	padding: 2px;
	color: #ffffff;
	font-size: 1em;
}
#left_menu ul{
  list-style: none;
	padding: 0;
	margin: 0;
}
#left_menu ul ul{
  padding-left: 10px;
}
#left_menu ul a:link, #left_menu ul a:visited{
  display: block;
	color: #ffffff;
	text-decoration: none;
	width: 170px;
}
#left_menu ul a:hover, #left_menu ul a:active{

}
#left_menu ul ul a:link, #left_menu ul ul a:visited{
  display: inline;
  background-color: transparent;
  text-decoration: none;
	color: #009933;
	font-weight: bold;
}
#left_menu ul ul a:hover, #left_menu ul ul a:active{
	padding: 0px 0px 0px 21px; /* in explorer padding has to be 21 not 20, why??? */
	margin: 0px 0px 0px -20px;
	color: #ffffff;
	font-weight: bold;
}
/*#left_menu ul ul a:hover, #left_menu ul ul a:active{
  background: url(images/bullet.gif) no-repeat top left;
}*/
#rugby_bullet a:hover, #rugby_bullet a:active{
  background: url(images/rugby_bullet.gif) no-repeat top left;
}
#football_bullet a:hover, #football_bullet a:active{
  background: url(images/football_bullet.gif) no-repeat top left;
}
#hockey_bullet a:hover, #hockey_bullet a:active{
  background: url(images/hockey_bullet.gif) no-repeat top left;
}
#netball_bullet a:hover, #netball_bullet a:active{
  background: url(images/netball_bullet.gif) no-repeat top left;
}
#training_bullet a:hover, #training_bullet a:active{
  background: url(images/training_bullet.gif) no-repeat top left;
}
#social_bullet a:hover, #social_bullet a:active{
  background: url(images/social_bullet.gif) no-repeat top left;
}
#left_menu img{
  border: 0;
}
#slogan{
  position: relative;
	left: 0px;
	top: 10px;
}

/****************************
*** Definition of Kit Bag ***
*****************************/

#kitbag{
  background: url(images/yellow_top.png) no-repeat top left;
	color: #ff9900;
	padding: 10px 20px 10px 20px;
	position: relative;
}
#kitbag_pic{
  position: absolute;
	top: 10px;
	right: 15px;
}
#kitbag_bottom{
  background: url(images/yellow_bottom.png) no-repeat bottom left;
	width: 200px;
}
#kitbag h1{
  margin: 0;
  font-size: 1.2em;
}
#kitbag_text{
  border: 0;
	margin-bottom: 40px;
}
#kitbag img{
  border: 0;
}
#kitbag td{
  font-size: 0.55em;
}
#kitbag a:link, #kitbag a:visited{
  text-decoration: none;
	font-size: 0.55em;
}
#kitbag a:hover, #kitbag a:active{
  text-decoration: underline;
	font-size: 0.55em;
}
#kitbag table{
  margin: 0px;
	padding: 0px;
}
#kitbag p{
  font-size: 0.8em;
}
#order{
  background-image: url(images/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
  font-size: 1.3em;
	margin-top: 10px;
	padding: 10px 0px 0px 35px;
	height: 1.5em;
	border-top: solid #ff9900 1px;
}
#freeballs{
  margin-top: 20px;
}

/****************************
** Column Layout ************
*****************************/

#wrapper{
	position: relative;
	width: 100%;
}
#left_column{
  position: absolute;
	width: 200px;
	top: 0px;
	left: 0px;
}
#right_column{
  position: absolute;
	width: 200px;
	top: 0px;
	right: 0px;
}
#content{
  padding: 0px 220px 0px 220px;
	min-height: 450px;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 450px;
}
/**/

/****************************
** Footer *******************
*****************************/

#footer{
  clear: both;
}
#rwddlink{
  float: right;
	font-size: 9px;
}
#copyright{
  float: left;
	font-size: 9px;
}

/****************************
** Range Layout ************
*****************************/
#range{
	font-size: 0.8em;
}
#range img{
  margin-bottom: 20px;
}
#catalogue{
  clear: both;
	margin-top: 80px;
}
#catalogue h1{
  margin: 0px;
	font-size: 1.2em;
}
.price{
  display: inline;
}
#catalogue img{
  float: right;
}
.item{
  clear: both;
  margin-top: 10px;
	font-size: 0.8em;
}
.item p{
  padding-right: 120px;
}
.item h1{
	font-size: 1.2em;
}
.item h2{
	font-size: 1em;
}
.item h3{
  clear: both;
	font-size: 1em;
	background: url(images/star.gif) no-repeat top left;
	padding: 5px 0px 15px 35px;
	margin: 0;
	height: 2.5em;
	border-bottom: solid 1px #aaaaaa;
}

/****************************
** Image Upload Page ********
*****************************/



/****************************
** Order Page ***************
*****************************/
.upload{
  clear: both;
}
.upload img{
  clear: both;
	float: left;
	margin: 0px 10px 10px 10px;
}
.upload h1{
  font-size: 1.2em;
}
.upload p{
  clear: both;
  font-size: 0.9em;
}
.upload input{
  margin-left: 10px;
}
.customise{
  clear: both;
	background-color: #ccff99;
	padding: 10px;
	margin: 10px;
}
.customise img{
  float: right;
}
.customise textarea{
  width: 70%;
	height: 200px;
}
.customise ul{
  list-style: none;
	margin: 0;
	padding: 0;
}
.customise li{
  display: inline;
}
.customise input.txt{
  padding-left: 5px;
}
.customise h1{
  margin: 0;
	padding: 0;
}
#customer_details p{
  clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
#customer_details p label{
  float: left;
	width: 30%;
}
#customer_details input.btn{
  float: right;
}
#proceed{
  text-align: right;
}
.image_location_input{
  margin-left: 10px;
}
.image_title_input{
  margin-left: 10px;
}

/****************************
** Order Comaplete Page *****
*****************************/


/****************************
** Kit Offers (Catalogue) ***
*****************************/

#cat_offer{
  position: relative;
  border: 1px solid #98012e;
	background-color: #66ff66;
}
#cat_offer h1{
  margin: 0px;
	padding: 5px;
  text-size: 1.2em;
	background-color: #98012e;
	color: #ffffff;
	font-size: 1.5em;
}
#cat_offer h2{
  margin: 0px;
	padding: 5px;
  background-color: #009933;
	color: #ffffff;
	font-size: 1.2em;
}
#cat_offer h2 span{
  font-size: 1.3em;
}
#cat_offer p{
  padding: 5px 5px 40px 5px;
	margin: 0;
}
#cat_offer_price{
  float: right;
  position: relative;
	bottom: 30px;;
	right: 10px;
  display: inline;
  background-color: #98012e;
	color: #ffffff;
	padding: 5px !important;
	margin: 0;
	font-size: 3em;
}
#cat_offer_price span{
  font-size: 0.3em;
}

/****************************
** Home Page ****************
*****************************/

.home_offers{
  border: 0;
}

/****************************
** Customisation ************
*****************************/

#dk{
  float: right;
}

/****************************
** Customisation ************
*****************************/

#van{
  float: right;
}