/* ############### */
/* TEMPLATE STYLES */
/* ############### */

/* Styles common to all standard pages */

/* Arranged alphabetically by tag, then by class/id name where applicable, then class/id of parent elements */
.hidden {
	left: -10000px;
	position: absolute;
	top: -10000px;
}

/* <a> */
div#branding address a {
	color: #FFF;
}
ul#main_nav li a {
	background: url(images/nav-left-default.gif) no-repeat 0 0;
	color: #FFF;
	display: block;
	height: 14px;
	overflow: hidden;
	padding: 4px 7px;
	width: 112px;
}
ul#main_nav li a:hover, ul#main_nav li a.current {
	color: #4E4B4B;
	background-image: url(images/nav-left-current.gif) !important;
}
ul#main_nav li#nav_shopbyproduct a {
	background-image: url(images/nav-left-shopbyproduct.gif);
}
ul#main_nav li#nav_shopbysport a {
	background-image: url(images/nav-left-shopbysport.gif);
}

ul#shop_nav li a {
	background: no-repeat 0 0;
	color: #4E4B4B;
	display: block;
	height: 14px;
	overflow: hidden;
	padding: 4px 8px;
	width: 127px;
}
ul#shop_nav li#nav_account a {
	background-image: url(images/nav-top-account.gif);
}
ul#shop_nav li#nav_basket a {
	background-image: url(images/nav-top-basket.gif);
}
ul#shop_nav li#nav_portfolio a {
	background-image: url(images/nav-top-portfolio.gif);
}

/* <address> */
div#branding address {
	float: right;
	font-size: 80%;
	font-style: normal;
	line-height: 160%;
	margin-top: 0;
	text-align: right;
}

/* <div> */
div#container {
	background: #FFF url(images/header.gif) no-repeat 0 0;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	width: 770px;
}
div#main {
	background: url(images/main-bg.gif) repeat-y 0 0;
	clear: both;
	height: 1%;
	overflow: auto;
}
div#branding {
	overflow: hidden;
	height: 43px;
	padding: 20px 28px 23px;
}
#branding p {
	float:left;
	font-size: 80%;
	line-height:160%;
	padding:0 0 0 20px;
	width:290px;
}
div#content {
	color: #4E4B4B;
	font-family: arial, helvetica, sans-serif;
	float: right;
	overflow: auto;
	padding: 5px 27px 15px 27px; 
	position: relative;
	width: 570px;
}
div#footer {
	background: #5191CE url(images/footer.gif) no-repeat 0 0;
	clear: both;
	font-size: 80%;
	overflow: auto;
	padding: 6px 28px 12px 42px;
}
div#skip_nav {
	left: -10000px;
	position: absolute;
	top: -10000px;
}

/* <form> */
form#quick_search {
	float: left;
}

/* <h1> */
/* Company name/logo */
h1 {
	background: url(images/h1.gif) no-repeat 0 0;
	color: #5191CD;
	float: left;
	font-size: 1px;
	line-height: 1px;
	margin: 3px 0 0;
	overflow: hidden;
	padding-top: 42px;
	width: 206px;
}

/* <h2> */
/* Only used for graphical main page headings */
/* For non-graphical main page headings use <h3> - see 'default.css' */
h2 {
	color: #22AB5D;
	font-size: 170%;
	font-weight: normal;
	line-height: 130%;
	margin: 20px 0 15px 0;
	text-transform: capitalize;
}

form#quick_search input {
	float: left;
	font-size: 90%;
	width: 125px;
}
form#quick_search input.go {	
	background: #5191CD url(images/quick-search-submit.gif) no-repeat 0 0;
	border: none;
	color: #FFF;
	height: 20px;
	margin-left: 5px;
	padding: 0;
	width: 23px;
}

/* <p> */
div#footer p {
	margin-bottom: 0;
}
p#copyright_info {
	float: left;
	padding-top: 14px;
	width: 216px;
}
p#strapline {
	background: url(images/strapline.gif) no-repeat 0 0;
	height: 0;
	overflow: hidden;
	padding-top: 40px;
	position: absolute;
	left: 0;
	bottom: 42px;
	width: 138px;
}
p#secure_shopping {
	background: url(images/secure-shopping.gif) no-repeat 0 0;
	float: right;
	height: 0px;
	overflow: hidden;
	margin-top: 12px;
	padding-top: 17px;
	width: 255px;
}

/* <ul> & <li> */
ul#main_nav {
	clear: both;
	display: block;
	float: left;
	line-height: 12px;
	list-style: none;
	margin: 0; 
	padding: 13px 10px 80px 10px;
}
ul#main_nav li {
	margin: 0 0 5px 0;
}

ul#shop_nav {
	display: block;
	float: left;
	font-size: 90%;
	line-height: 12px;
	list-style: none;
	margin: 0 0 7px 146px; 
	overflow: hidden;
	padding: 0;
	width: 456px;
}
ul#shop_nav li {
	float: left;
	margin: 0 9px 0 0;
	padding: 0;
}

ul.feature_list {
	margin: 0 0;
	float: left;
	overflow: auto;
	padding: 0;
	list-style: none;
}
ul.feature_list li {
	background: none !important;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: 55px !important;
}


/* Copyright (c) Studio 2 Online Ltd. */