/*   
Theme Name: Name
Theme URI: http://www.domainame.com
Description: Desc
Author: Admin
Author URI: http://www.domainame.com
*/

/*** 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,caption,tfoot,thead {
	border: none;
	font-size: 100%;
	margin: 0;
	outline: 0; /*vertical-align: baseline;*/
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
*{ padding:0 0 0 0; margin:0 0 0 0; }

/*** General Settings ***/
body { background-color:#c3c3c3;
	color:#024027;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	/*background:url(../images/background-models.jpg) no-repeat top center;*/
}
h2,h3,h4,h5,h6 { font-weight: normal; margin-bottom: 10px; }
h1 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	color: #EF9024;
}
p { margin: 0 0 10px 0; }
element { cursor: pointer; }

/*** CSS IDs ***/
#top { background:url(../images/topbar.png); height:23px; padding:10px 0 0 0;}
#top .top-links ul { position:relative; margin-right:-7px;}
#top .top-links ul li { display:block; padding:0 7px 0 5px; float:left; background:url(../images/topnav-line.png) no-repeat scroll 100% 50%; color:#fff; font-size:11px; font-weight:bold}
#top .top-links ul li.last { background:0;}
#top .top-links ul li a { color:#fff}
#top .top-links ul li a:hover { color:#084e34;}


#content-area { background:#fff; min-height:1014px;}
#content-area .side-images-float { position:relative; z-index:99; /*display:none;*/}
#content-area .side-images-float .left-image { position:absolute; left:0}
#content-area .side-images-float .right-image { position:absolute; right:0}

#content-area .upper-content {}
#content-area .upper-content .logo { padding:30px 0}
#content-area .upper-content .shopping-basket { background:url(../images/greybg.png) repeat-x #c5c5c5; padding:5px;}
#content-area .upper-content .shopping-basket .basket-view { background:url(../images/basket.png) no-repeat scroll 0 0; color:#013f26; padding:0 0 0 35px; font-weight:bold;}
#content-area .upper-content .shopping-basket .basket-view p { margin:0}
#content-area .upper-content .shopping-basket .basket-view p a { color:#013f26; font-size:10px;}
#content-area .upper-content .shopping-basket .basket-view p a:hover { color:#ec8004;}
#content-area .upper-content .shopping-basket .items-total { font-size:10px; font-weight:bold; margin-left:20px; padding-right:25px;}
#content-area .upper-content .shopping-basket .items-total p { margin:0 0 2px 0;}

#content-area .content-col {}
#content-area .content-col .content-sidebar {
	width:186px;
}
#content-area .content-col .content-sidebar .main-menu {
	margin-bottom:30px;
}
#content-area .content-col .content-sidebar .main-menu ul li { display:block; position:relative;}
#content-area .content-col .content-sidebar .main-menu ul li a { display:block; 
	background:url(../images/sidenav-bg.png); 
	height:24px; 
	width:166px; 
	color:#303030; 
	font-weight:bold;
	font-size:13px;
	padding:8px 10px;
}
#content-area .content-col .content-sidebar .main-menu ul li a:hover { background-position:bottom; color:#fff;}
#content-area .content-col .content-sidebar .main-menu ul li.active a { background-position:bottom; color:#fff;}

.main-menu ul li ul {display:none; position:absolute; left:186px; top:0px; padding-top:10px; padding-bottom:10px; background-color:#2e6953; z-index:2000;}
.main-menu ul li:hover ul {display:block;}
#content-area .content-col .content-sidebar .main-menu ul li ul li a { background-image:none; background-color:#2e6953; color:#ffffff; padding:0px 10px; } 
#content-area .content-col .content-sidebar .main-menu ul li ul li a:hover {color:#EF9024} 

#content-area .content-col .content-sidebar .twitter-wrap { margin:0 0 15px 2px; width:182px;}
#content-area .content-col .content-sidebar .social-share-buttons { text-align:center; padding-bottom:15px;}


#content-area .content-col .content-context { width:808px;}
#content-area .content-col .content-context .orange-bar { background:url(../images/orange-bar.png); height:21px; padding:6px;}
#content-area .content-col .content-context .orange-bar .selection-form { position:relative; z-index:99}

#content-area .content-col .content-context .main-image { position:relative; width:808px; height:332px; background-image: url(../images/no-flash.jpg); background-repeat: no-repeat;}
#content-area .content-col .content-context .main-image2 { position:relative; width:808px; height:1px;}
#content-area .content-col .content-context .main-image .float-bubble { position:absolute; right:0; top:-124px; z-index:9;}
#content-area .content-col .content-context .main-image2 .float-bubble { position:absolute; right:0; top:-124px; z-index:9;}


#content-area .content-col .content-context .prod-lists { padding:10px 0;}
#content-area .content-col .content-context .prod-lists ul li { display:block; float:left; margin-right:6px;}
#content-area .content-col .content-context .prod-lists ul li.last { margin-right:0; float:right}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap { border:1px solid #053e25; width:195px;}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-image img { width:195px; height:159px;}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-details { position:relative;
	text-align:center;
	background:url(../images/topbar.png); 
	height:27px;
	padding:3px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-details h2 { font-weight:bold; margin-bottom:2px}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-details a { color:#fff}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-details a:hover { color:#ec8004}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-details .float-icon { position:absolute; left:8px; top:-35px}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-details span.old-price { text-decoration:line-through}
#content-area .content-col .content-context .prod-lists ul li .prod-wrap .prod-details span.now-price { color:#ec8004}

#content-area .content-col .content-context .content-entry {
	font-size:11px;
	width:570px;
	padding:15px 20px;
	line-height:1.5em;
	background-color: #FFF;
}
#content-area .content-col .content-context .content-entry-info {
	font-size:11px;
	width:765px;
	padding:15px 20px;
	line-height:1.5em;
	background-color: #FFF;
}
#content-area .content-col .content-context .content-entry h2 { font-weight:bold; font-size:13px;}
#content-area .content-col .content-context .sign-up-form { width:197px; background:#12311d;} 
#content-area .content-col .content-context .sign-up-form .sign-start { padding:15px; color:#fff; font-size:10px;}
#content-area .content-col .content-context .sign-up-form .sign-start input.sign { border:0; padding:4px; font-size:11px; width:159px; margin-bottom:5px;}
#content-area .content-col .content-context .sign-up-form .sign-start input.sign-send {  text-indent:-9999px; 
	background:url(../images/send-button.png) no-repeat scroll 0 0;
	border:0;
	display:block;
	width:48px;
	height:18px;
	cursor:pointer;
	margin-bottom:10px;
}

#footer { background:url(../images/footer-bg.png); height:234px; position:relative; z-index:999; padding:30px 0}
#footer .footer-cols { margin-bottom:20px;}
#footer .footer-cols h2 { color:#000; font-weight:bold; font-size:9px; margin-bottom:5px;}
#footer .footer-cols .footer-links-single {}
#footer .footer-cols .footer-links-single ul li { display:block; padding:2px 0}
#footer .footer-cols .footer-links-single ul li a { font-size:9px; color:#222; display:block}

#footer .footer-cols .footer-links-double {}
#footer .footer-cols .footer-links-double ul.fl {}
#footer .footer-cols .footer-links-double ul.fr {}
#footer .footer-cols .footer-links-double ul li { display:block; padding:2px 0}
#footer .footer-cols .footer-links-double ul li a { font-size:9px; color:#222; display:block;}

#footer .footer-cols .department { width:115px; margin-right:20px;}
#footer .footer-cols .premiership { width:128px; margin-right:20px;}
#footer .footer-cols .championship { width:200px; margin-right:20px;}
#footer .footer-cols .spl { width:105px; margin-right:20px;}
#footer .footer-cols .internationals { width:80px; margin-right:20px;}
#footer .footer-cols .league { width:80px; margin-right:20px}
#footer .footer-cols .non-league { width:80px;}

#footer .footer-credits {
	font-size:9px;
	color:#222;
	padding-bottom: 30px;
}
#footer .footer-credits img { position:relative; top:3px;}

#footer .footer-cols a:hover { color:#ec8004 !important; }

/*** CSS Classes ***/
* html .clearfix { height: 1%; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.clear { clear: both; }

.fl { float: left; }
.fr { float: right; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

.container { margin:0 auto; width:1005px; position:relative; z-index:9999}
.content3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #024027;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.shirttable {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* Light Box */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90000; width: 100%; height: 500px; background-color: #000; }

a:link {
	color: #F09024;
}
a:visited {
	color: #F09024;
}
a:hover {
	color: #0C4E35;
}
a:active {
	color: #0C4E35;
}
.small-orange-text {
	color: #EF9024;
}