@charset "UTF-8";

/*

	PLANET SOCCER
	URL: http://www.planetsoccert-shirts.co.uk
	Designed and developed by Wiseguy Digital (http://www.wiseguydigital.com)
	E-Commerce framework by Trading Eye (http://www.tradingeye.com)


*/

body {
	color:#666;
	font-family: Verdana, "Lucida Grande", Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	margin:0;
	padding:0;
}

p, h1, h2, h3, h4, h5, h6 { margin-bottom:0 0 1em 0; font-family:Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size:140%; }

h2 { font-size:130%; }

h3 { font-size:120%; }

h4, h5 { font-size:100%; }

h4 { color:#333; }

p { line-height:1.6em; font-size:1.05em; }

hr { display:none; }

table, td, input, textarea, select, li {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#000;	
}

th {
	background:#ddd;
	padding:5px;
}

td { padding:5px; }

a:link, a:visited, a:active{
	color:#222;
	text-decoration:none;
}

a:hover { color:#555; }

img { border:none; }

input, textarea, select {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #ccc;
	padding:2px 5px;
}

input.submit {
	background:#5f5f5f;
	border:1px solid #5f5f5f;
	color:#fff;
	border:none;
}

ol li {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#333;
}

/*

	COMMON CLASSES
	
*/

.hidden { display:none; }

.left { float:right; margin-right:.3em; }

.right { float:right; margin-left:.3em; }

.price { color:#f00; font-weight:bold; }

.message { color:#f00; }


/*

	DOM ELEMENTS
	
*/

a#top { display:none; }

p#skip { display:none; }

div#container {
	padding:0;
	margin:auto;
	margin-top:10px;
	width:760px;
	position:relative;
}

/*

	Header

*/
div#header {
	height:90px;	
}

a#logo {
	display:block;
	background:url(../graphics/site/logo.gif) no-repeat;
	width:200px;
	height:55px;
}

a#logo h1 {
	display:none;
}

#banner {
	width:468px;
	height:60px;
	background:#f5f5f5;
	border:1px solid #ccc;
	position:absolute;	
	top:0;
	right:0;
	text-align:center;
	z-index:11;
}

#tagline{
	position:absolute;
	margin:0;
	padding:0;
	top:50px;
	left:30px;
	line-height:20px;
}

form#search {
	
}

#searchKeyword {
	width:100px;
}

form#search label { display:none; }

p#info{
	position:absolute;	
	margin:0;
	padding:0;
	top:70px;
	right:0;
	z-index:10;
}

/*

	Nav
	
*/
div#nav {
	background:#333;
	color:#fff;
	height:25px;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}

div#nav ul {
	list-style:none;
	padding:5px;
	margin:0;
}
div#nav ul li {
	display:block;
	float:left;
	color:#fff;
	padding-right:17px;
	margin-left:10px;
	background:url(../graphics/site/separator.gif) no-repeat right;
}

div#nav ul li.lastLi {
	background:none;
	padding-right:0;
}

div#nav ul li a {
	color:#fff;
}

div#nav ul li a:hover {
	color:#9cb43e;
}

div#nav ul#navleft {
	width:500px;
	float:left;
}

div#nav ul#navright {
	width:210px;
	float:right;
	text-align:right;
}

div#nav ul#navright li.lastLi {
	background:url(../graphics/site/wishlist_grey.gif) no-repeat;
	padding-left:20px;
	padding-right:10px;
	width:70px;
}

/*

	Mid section

*/
/* ----- optional mid div (useful for more complex backgrounds) ----- */

#mid {}

/*

	LEFT BOXES

*/

div#side{
	float:left;
	display:inline;
	width:190px;
}

div#side h3 {
	font-size:100%;
	padding:7px 10px;
	margin:0;
	color:#fff;
	font-weight:bold;
}

h3#navToolsTitle {
	background:#9cb43e;
	height:13px;
}

h3#navDeptTitle, .navStaticTitle {
	padding:10px;
	background:#5f5f5f;
}

ul#navTools, ul#navTools li {
	margin:0;
	padding:0;
	list-style:none;
}

ul#navTools { 
	margin-bottom:10px;
	margin-top:1px; 
}

ul#navTools li {
	margin-bottom:1px;
}

ul#navTools li a {
	display:block;
	width:170px;	
	padding:7px 10px;
	background:#a3a3a3;
	color:#fff;
}

ul#navTools li a:hover, ul#navTools li a.selected { background:#999; }

ul#navTools li a span {
	display:block;
}

ul#navDept, ul#navDept li {
	margin:0;
	padding:0;
	list-style:none;
}

ul#navDept {
	margin-bottom:10px;
	margin-top:1px; 
}

ul#navDept li {
	margin-bottom:1px;
}

ul#navDept li a {
	display:block;
	width:170px;
	padding:7px 10px;
	background:#f5f5f5;
	color:#666;
}

ul#navDept li a:hover, ul#navDept li a.selected { background:#eee; }

ul#navDept li a span {
	display:block;
}

/* ----- nav static menu items ----- */
ul.navStatic, ul.navStatic li{
	margin:0;
	padding:0;
	list-style:none;
}

ul.navStatic {
	margin-bottom:10px; 
	margin-top:1px;
}

ul.navStatic li{
	margin-bottom:1px;
}

ul.navStatic li a {
	display:block;
	width:190px;
	padding:0px 0px 0px 0px;
	background:#f5f5f5;
	color:#666;
}

ul.navStatic li a:hover { background:#ddd; }

ul.navStatic li a span {
	display:block;
}


#leftmenu li a:hover, #leftmenu li a.selected { background:#999; }

/* Shop by colour */

ul.navStatic li a.SBCred { background:url(../graphics/shopByColour/red.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCorange { background:url(../graphics/shopByColour/orange.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCyellow { background:url(../graphics/shopByColour/yellow.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCgreen { background:url(../graphics/shopByColour/green.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCblue { background:url(../graphics/shopByColour/blue.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCpurple { background:url(../graphics/shopByColour/purple.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCpink { background:url(../graphics/shopByColour/pink.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCbrown { background:url(../graphics/shopByColour/brown.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCgrey { background:url(../graphics/shopByColour/grey.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCblack { background:url(../graphics/shopByColour/black.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCwhite { background:url(../graphics/shopByColour/white.gif) no-repeat 10px #f5f5f5; }

ul.navStatic li a.SBCred:hover { background:url(../graphics/shopByColour/red.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCorange:hover { background:url(../graphics/shopByColour/orange.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCyellow:hover { background:url(../graphics/shopByColour/yellow.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCgreen:hover { background:url(../graphics/shopByColour/green.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCblue:hover { background:url(../graphics/shopByColour/blue.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCpurple:hover { background:url(../graphics/shopByColour/purple.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCpink:hover { background:url(../graphics/shopByColour/pink.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCbrown:hover { background:url(../graphics/shopByColour/brown.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCgrey:hover { background:url(../graphics/shopByColour/grey.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCblack:hover { background:url(../graphics/shopByColour/black.gif) no-repeat 10px #eee; }

ul.navStatic li a.SBCwhite:hover { background:url(../graphics/shopByColour/white.gif) no-repeat 10px #eee; }

/*

	MAIN CONTENT
	
*/


p#breadcrumbs {
	margin:0 0 10px 0;
	background:#333;
	height:14px;
	color:#fff;
	float:right;
	width:550px;
	padding-top:13px;
	padding-left:10px;
	line-height:0;
}

p#breadcrumbs a {
	color:#fff;
	text-decoration:underline;
}

img.departmentImage {
	margin-bottom:10px;
}

/* ----- main content area ----- */
#main {
	float:left;
	display:inline;
	width:560px;
	margin-left:10px;
}
#main h2 {
	font-weight:normal;
	padding:0;
	color:#666;
	font-size:160%;
	clear:both;
}
#main h2#pageTitle{
	font-weight:bold;
	padding:0;
	padding-top:10px;
	margin:0;
	margin-bottom:1em;
	color:#666;
	font-size:180%;
}

.global-form {
	clear:both;
}

.global-form legend {
	margin:0;
	padding:0;
	padding-top:10px;
	font-weight:bold;
}

/* ----- subdepartment navigation ----- */
ul#navSubDept, ul#navSubDept li {
	margin:0;
	padding:0;
	list-style:none;
}

ul#navSubDept {
	margin:1em 0;
	color:#777;
}

ul#navSubDept li{
	margin:0 0 1px 0;
	text-align:center;
	list-style:none;
	width:185px; 
	float:left;
	margin-right:1px;
}

ul#navSubDept li img {
	border:1px solid #eee;
}

ul#navSubDept li a {
	padding:7px;
	color:#fff;
	background:#333;
	display:block;
}

ul#navSubDept li a:hover, ul#navSubDept li a.selected {
	color:#fff; 
	background:#9cb43e;
}

.note{
	font-size:110%;
}
.highlight{
	font-size:140%;
}
.module1{
	float:left;
	width:250px;
}
.module2{
	float:right;
	width:250px;
}


/* 

	Lozenge Buttons and Form Buttons

*/

.lozenge {
	padding-top:3px;
	font-size:11px;
	display:block;
	text-align:center;
	color:#333;
}

.lozenge:hover {
	color:#666;
}

.lozenge.med {
	width:122px;
	height:19px;
	background:url(../graphics/site/lozenge-med.gif) no-repeat #ccc;
}


input.formButton {
	margin:0 10px 0 0;
	padding:0;
	font-size:11px;
	display:block;
	text-align:center;
	color:#333;
	width:122px;
	height:22px;
	border:none;
	background:url(../graphics/site/lozenge-med.gif) no-repeat #ccc;
}

input.formButton.action {
	background:url(../graphics/site/lozenge-action-med.gif) no-repeat #9cb43e;
}

.formButton:hover {
	color:#666;
}

#product #addBasket input.formButton {
	background:url(../graphics/site/lozenge-action-lrg.gif) no-repeat;
	width:172px;
	height:37px;
	font-size:14px;
}

#product #addBasket input.formButton:hover {
	color:#666633;
	width:172px;
	height:37px;
}


/*

	Footer
	
*/

div#footer {
	background:#333;
	color:#fff;
	height:13px;
	padding:7px;
	padding-right:15px;
	margin-bottom:10px;
}

div #footer p { margin:0; }

div#footer ul, div#footer li {
	margin:0;
	padding:0;
	list-style:none;
}

div#footer li {
	display:block;
	float:left;
	padding-right:17px;
	margin-left:10px;
	background:url(../graphics/site/separator.gif) no-repeat right;
}

div#footer li.lastLi {
	background:none;
}

div#footer a {
	color:#fff;
}

div#footer a:hover{
	color:#ddd;
	text-decoration:underline;
}

div#footer #credits{
	float:right;
}

div#extra {
	text-align:center;
	font-size:0.8em;
}

/* ----- pagination (page 1/2 etc.) ----- */
#pagination{
	margin:1em 0;
}
#pagination li{
	margin:0;
	height:16px;
	line-height:16px;
	float:left;
}
#pagination a{
	display:block;
	float:left;
	width:9px;
	height:9px;
	margin-left:10px;
	margin-top:3px;
	text-indent:-8000px;
	overflow:hidden;
}
#pagination a#firstPage{background:url(/graphics/plain/ico_first.gif)no-repeat 0 0;}
#pagination a#prevPage{background:url(/graphics/plain/ico_prev.gif) no-repeat 0 0;}
#pagination a#nextPage{background:url(/graphics/plain/ico_next.gif) no-repeat 0 0;}
#pagination a#lastPage{background:url(/graphics/plain/ico_last.gif) no-repeat 0 0;}

/*

	PRODUCTS LISTINGS

*/

.products {
	margin:1em 0;
}

.products ul {
	width:560px;
}

.products ul, .products li{
	margin:0;
	padding:0;
	list-style:none;
}
 
.products li {
	display:block;
	width:178px;
	padding:0;
	float:left;
	margin-left:0;
	margin-bottom:10px;
	margin-right:6px !important;
	margin-right:3px;
	text-align:center;
}

.products li h3 {
	margin-top:10px;
	margin-bottom:0;
	padding:0;
	color:#222;
	font-size:100%;
	font-weight:bold;
	background:none;
}

.products li p {
	margin:0.5em;
	color:#666;
}

.products li h3 a { color:#222; }

.products li h3 a:hover {color:#9cb43e;}

.products li img {
	border:2px solid #fff;
}

.products li img:hover {
	border:2px solid #9cb43e;
	color:#fff;
}

.products .image {
	float:left;
	margin:0;
}

.products .price{
	clear:both;
	line-height:180%;
	color:#f00;
	font-size:110%;
	font-weight:bold;
}

.products .quantity{
	clear:both;
	margin:1em 0;
	text-align:right;
	line-height:180%;
}

/* ----- individual products ----- */
#product{	
	margin:0;	
}

#product .image{	
	float:left;
	margin-bottom:1em;
	margin-right:10px;
	width:302px;
}

#product #rightcol {
	float:left;
	width:245px;
}
	
#product .image p{margin:.5em 0;}
#product .image img{	
	border:1px solid #e1e1e1;
}

#product h2#pageTitle {
	margin-top:1em;
	width:auto;
	clear:none;
	color:#333;
	font-weight:bold;
}

h2#cross_sell {
	clear:both;
	color:#666;
	padding-top:1em;
	border-top:1px solid #ccc;
	margin:0;
}

div#main div#product ul {
	list-style:square;
	color:#9cb43e;
	margin:0;
	padding:0;
}

div#product ul li {
	list-style:square;
	list-style-position:inside;
	color:#666;
	line-height:1.5em;
	margin-bottom:10px;
}

#product .price {
	color:#f00;
	font-size:160%;
	font-weight:bold;
}

#product .info p{
	margin:0;
	margin-bottom:.2em;
}

#product h3{
	margin:0;
}

#product .actions{
	border-top:1px solid #e1e1e1;
	clear:both;
}
	
#product #addWishlist {
	background:url(../graphics/site/wishlist_white.gif) no-repeat;
	padding-left:20px;
}

/* ----- featured articles ----- */
#articles{}
#articles ul, #articles li {
	margin:0;
	padding:0;
	list-style:none;
}
#articles ul{
	margin:1em 0;
	padding:3px 10px;
	background:#f1f1f1;
	border:1px solid #eee;
	color:#777;
}
#articles ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
	background:url(/graphics/plain/arrow3.gif) no-repeat 0 .6em;
}
#articles  ul li a{color:#777;}
#articles  ul li a:hover{color:#777;text-decoration:underline;}

/* ----- customer reviews ----- */
#reviews{
}
#reviews ul, #reviews li {
	margin:0;
	padding:0;
	list-style:none;
}
#reviews ul{
	margin:1em 0;
	padding:3px 10px;
	background:#f1f1f1;
	border:1px solid #eee;
	color:#777;
}
#reviews ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
}
#reviews  ul li a{color:#777;}
#reviews  ul li a:hover{color:#777;text-decoration:underline;}

/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;		
} 
#sitemap{margin:1em 0;}
#sitemap li{margin:.5em 0;}
#sitemap li h3{margin:.2em 0;}
#sitemap ul{padding-left:20px;}

/* ----- tables and forms ----- */
fieldset{
	border:none;
	padding:0;
	margin:1em 0;
}
legend{
	font-weight:normal;
	padding:0;
	margin:0;
	color:#555;
	font-size:120%;
	clear:both;
}
fieldset h3, fieldset h3{margin:1em 0 0 0;}
#content table{
	width:100%;
	margin:.5em 0;
	border-collapse:collapse;
	line-height:150%;
}
th {
	border:1px solid #fff;
	background:#999;
	color:#fff;
	padding:5px;
}
td {
	background:#f5f5f5;
	border:1px solid #fff;
	padding:5px;
	vertical-align:top;
}
.formField, .formSelect{
	background:#fff;
	border:1px solid #e1e1e1;
	width:200px;
}
.formFieldShort, .formFieldMedium{
	background:#fff;
	border:1px solid #e1e1e1;
	width:20px;
	margin-right:5px;
}
.formFieldMedium{width:96px;}

.formFieldProduct{width:150px;}
.formRadio{vertical-align:middle;}

/*
.formButton{
	background:#5f5f5f;
	color:#fff;
	border:none;
	padding-top:3px;
	padding-bottom:3px;
}
.formButton:hover {
	background:#9cb43e;
}


*/

label span{
	color:#f00;
	font-size:110%;
	font-weight:bold;
}
input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus	{
	background: #fff;
	border: 1px solid #bbb;
}

/* ----- shopping cart ----- */
#total{
	margin:1em 0;
	padding:0;
	width:295px;
	font-size:110%;
}
#total dt{
	width:200px;
	float:left;
	font-weight:bold;
}
#total dd{
	margin-left:201px;
	text-align:right;
}
.actions{
	clear:both;
	margin:0;
	padding:.5em 0;
}

/* ----- first table data style ----- */
td.first{width:40%;}

/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}
 /*  */
/* ----- end float fix ----- */

/* ----- company contact details ----- */
address{
	font-style:normal;
	margin:1em 0;
}
.contact-table label {
	font-weight:bold;
}