/* ++ Primary CSS for McSport.ie ++ */


/* reset */

* {
	margin: 0;
	padding: 0;
}


/* ++ html selectors */

body {
	background-color: #dcdcdc;
	color: #353334;
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
	text-align: center;
}

h1 {
	background: #000000 url(../img/common/bg_h1.gif) center right no-repeat;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}

h2 {
	background: #686868 url(../img/common/bg_h2.gif) top left repeat-x;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}

h2.darkHeader2 {
	background: #393536 url(../img/common/bg_h2dark.gif) top left repeat-x;
	margin: 0;
}

h2.arrowHeader2 {
	background: #393536 url(../img/common/bg_h2arrows.gif) center right no-repeat;
	margin: 0;
}

h3 {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

h4 {
	font-size: 135%;
	font-weight: bold;
	text-align: left;
}

h4.salePrice 
{
	/*clear: both;*/
	font-size: 110%;
}

h4.salePrice strong {
	color: #f15a21;
	font-size: 150%;
}

h5 {
	background: #dcdcdc url(../img/common/bg_h5.gif) top left repeat-x;
	color: #666666;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}

h6 {
	font-size: 85%;
	margin: 0 0 0 10px;
	text-align: left;
	text-transform: uppercase;
}

p {
	font-size: 85%;
	padding: .5em 10px 0.5em 10px;
	text-align: left;
}

.magibiz_formdescription
{
	font-size: 85%;
	padding: 0 10px 0.5em 10px;
	text-align: left;
}

.go_p
{
	font-size: 85%;
	padding: .5em 3em 1em 10px;
	text-align: left;
}

.go_p ul
{
	list-style-type: none;
	padding: 0 0 20px 12px;
}

.go_p ul li
{
	background: transparent url(../img/common/bullet.gif) center left no-repeat;
	padding: 0 0 0 12px;	
}

a:link, a:visited {
	color: #5ab631;
	text-decoration: none;
}


a:hover, a:active {
	color: #f15a21;
	text-decoration: none;
}

a img {
	border: 0;
	text-decoration: none;
}

fieldset {
	border: none;
}

.genericPadding { /* generic content which isn't 10px from left edge already */
	padding-left: 10px;
}

/* ++ primary structural styles ++ */

#outerHeader 
{
	background-color:Black;
	/*background: #000000 url(../img/common/bg_outerHeader.gif) top left repeat-x;*/ /* Philip asked for this to be remove - different shades esp in chrome*/
	overflow: auto;
}

#header {
	margin: 0 auto;
	overflow: auto;
	width: 950px;
}

#topLinks {
	overflow: hidden;
	padding: 0px 0 0 0;
	text-align: right;
	width: 950px;
}
/* see navigation.css for corporate and shopping cart nav */

#logo {
	clear: both;
	text-align: left;
	width: 500px;
	float:left;
}

#loginContainer
{
	width:430px;
	float:left;
	padding:10px 10px 10px 0px;
	text-align:right;
}

#loginContainer span
{
	color:#5ab631;
}

#loginContainer input
{
	width:100px;
	padding:0px 0px 0px 0px;
}

#loginContainer input.btnReg
{
	width:60px;
	padding:0px 0px 0px 10px;
}

#searchBar {
	overflow: hidden;
	width: 475px;
}

#outerNav {
	background: #379120 url(../img/common/bg_outerNav.gif) top left repeat-x;
}
/* see navigation.css for primary nav */

#outerContainer 
{
	background-color:Black;
	/*background: #dcdcdc url(../img/common/bg_outerContainer.gif) top left repeat-x;*/
}

#container3col {
	background: transparent url(../img/common/bg_container3col.gif) top left repeat-y;
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}

#container {
	background: transparent url(../img/common/bg_container.gif) top left repeat-y;
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}

#supportMain {
	float: left;
	width: 195px;
}

#primaryContent {
	float: right;
	overflow: hidden;
	width: 745px;
}

#mainContentSplit {
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
	width: 540px;
}

#supportSecondary {
	float: right;
	width: 195px;
}

#mainContent 
{
	background: #ffffff url(../img/common/bg_main_content.gif) top left repeat-x;
	overflow: hidden;
	padding-bottom: 10px;
	width: 745px;
}

#genericContent { /* just used to left-align either #mainContent or #mainContentSplit */
	text-align: left;
}

#outerFooter {
	/*background: #000000 url(../img/common/bg_outerFooter.gif) top left repeat-x;*/
	background-color:Black;
}

#footer {
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}
/* see navigation.css for base nav and brand logo navigation */

#contactDetails {
	float: left;
	padding: 30px 0 10px 0;
	text-align: left;
	width: 745px;
}

#credits {
	float: right;
	padding: 30px 0 10px 0;
	text-align: right;
	width: 195px;
}


/* ++ styling elements within main structural containers ++ */

/* search bar */
fieldset#generalSearch {
	background: #212121 url(../img/common/bg_searchBar.gif) top right no-repeat;
	float: right;
	overflow: hidden;
	padding: 5px 10px;
	text-align: left;
	width: 455px;
}

fieldset#generalSearch div
{
	float:left;
	width: 450px;
}

input.inputSearch, select.selectSearch {
	border: 1px solid #b2b2b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0 5px 0 25px;
	padding: 2px;
	width: 156px;
}
input.inputSearch { width: 310px; }

input.btnReg, input.btnSearch, a.btnReg{
	background: #2f8a11 url(../img/common/bg_bigLink.gif) top left repeat-x;
	border: 1px solid #5ab631;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 1px;	
}

input.btnSearch { 
	background: #f25c25 url(../img/common/bg_bigLink_ro.gif) top left repeat-x;
	border: 1px solid #d44e16;
	width: 100px;
}

input.btnSearch:hover
{
	cursor: pointer;	
}

a.btnReg
{
	padding: 3px;
}

fieldset#contactForm input.btnReg, fieldset#contactForm a.btnReg
{
	background: #2f8a11 url(../img/common/bg_bigLink.gif) top left repeat-x;
	border: 1px solid #5ab631;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 1px;	
	margin-left:162px;
}

/* homepage specific styles main content area and secondary support */
img.primaryOffer {
	border-bottom: 10px solid #dcdcdc;
	display: block;
}

a#interactiveCat {
	background: transparent url(../img/common/banner_interactiveCats2.gif) no-repeat;
	border-bottom: 10px solid #dcdcdc;
	display: block;
	height: 75px;
	width: 540px;
}

a#interactiveCat:link, a#interactiveCat:visited { background-position: top left; }
a#interactiveCat:hover, a#interactiveCat:active { background-position: bottom left; }
a#interactiveCat span { display: none; }

div.homeProdRow {
	margin: 10px 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	width: 735px;
}

div.homeProd {
	float: left;
	margin-right: 10px;
	overflow: hidden;
	text-align: left;
	width: 235px;
}

div.homeProd img {
	background-color: #ffffff;
	border: 1px solid #b2b2b2;
	display: block;
	float: left;
	margin-right: 5px;
	padding: 2px;
}

div.homeProd h4 { padding: 10px 0 5px 0; }
div.homeProd h6 { color: #000000; padding: 0 0 15px 0; font-weight: normal; }

div.homeProd a {
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

p.homeTagline {
	color: #5ab631;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-transform: uppercase;
}

ul#bestsellers {
	list-style-type: none;
	text-align: left;
	padding: 0 10px;
}

ul#bestsellers li {
	display: block;
	padding: 5px 0 5px 25px;
}

ul#bestsellers li.bsOne { background: transparent url(../img/common/icon_one.gif) center left no-repeat;}
ul#bestsellers li.bsTwo { background: transparent url(../img/common/icon_two.gif) center left no-repeat;}
ul#bestsellers li.bsThree { background: transparent url(../img/common/icon_three.gif) center left no-repeat;}
ul#bestsellers li.bsFour { background: transparent url(../img/common/icon_four.gif) center left no-repeat;}
ul#bestsellers li.bsFive { background: transparent url(../img/common/icon_five.gif) center left no-repeat;}

/* email sign up area and shop by activity */
fieldset#emailSignup, fieldset#shopActivity {
	margin-top: 10px;
	padding: 0 10px;
	text-align: left;
}

fieldset#emailSignup input.inputEmail {
	border: 1px solid #b2b2b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 166px;
}

fieldset#shopActivity select {
	border: 1px solid #b2b2b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 175px;
}

a.btnGiant, input.btnGiant {
	background: transparent url(../img/common/bg_btnGiant.gif) no-repeat;
	color: #ffffff;
	display: block;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	text-transform: uppercase;
	width: 200px;
	border: 0px;
	text-align: left;
}

input.btnGiant
{
	width: 220px;	
}

#genericContent a.btnGiant, #genericContent input.btnGiant {
	float: right;
	margin: 0 10px 0 0;
	display: inline;
}

a.btnGiant:link, a.btnGiant:visited, input.btnGiant { background-position: center left; color: #ffffff; }
a.btnGiant:hover, a.btnGiant:active, input.btnGiant:hover { background-position: center right; color: #ffffff; }

ul.generalList {
	font-size: 85%;
	list-style-type: none;
	padding: 0 0 20px 12px;
}

ul.generalList li {
	background: transparent url(../img/common/bullet.gif) center left no-repeat;
	padding: 0 0 0 12px;
}

/* footer elements */
#contactDetails address {
	color: #656565;
	font-size: 75%;
	font-style: normal;
	line-height: 1.4em;
	padding: 5px 10px 0 10px;
}

#footer h6 {
	color: #ffffff;
	font-size: 75%;
	font-weight: bold;
	text-transform: none;
}

#credits h6 {
	padding: 0 10px 0 0;
	text-align: right;
}


/* ++ miscellaneous styles ++ */

img.imgBorder {
	background-color: #ffffff;
	border: 1px solid #b2b2b2;
	display: block;
	padding: 2px;
}

a.bigLink {
	display: block;
	font-size: 85%;
	margin: 10px;
	padding: 2px 5px;
	text-align: left;
	text-transform: uppercase;
}

a.bigLink:link, a.bigLink:visited {
	background: #2f8a11 url(../img/common/bg_bigLink.gif) top left repeat-x;
	border: 1px solid #5ab631;
	color: #ffffff;
}

a.bigLink:hover, a.bigLink:active {
	background: #f25b24 url(../img/common/bg_bigLink_ro.gif) top left repeat-x;
	border: 1px solid #f48246;
	color: #ffffff;
}

div.border10 {
	background-color: #dcdcdc;
	height: 10px;
}

div.divider {
	background-color: #dcdcdc;
	clear: both;	
	height: 1px;
	margin: 10px;
}

div.border10 hr, div.divider hr {
	display: none;
}


/* ++ delevopers new styles ++ */
.customerdetailscontainer
{
	float: left;
	text-align: left;
	clear: both;
	width: 500px;	
}

.customerdetails
{
	float: left;
	width: 240px;
	padding: 10px 0 0 10px;	
}

.magibiz_formvalidationitem
{
	float:left;
	width:5px;
	padding-right:2px;
}

div.error_box
{
	clear:both;
	background-color: #f0fac8; 
	margin-bottom:10px;
	overflow:hidden;
}

.address_container
{
	float:left;
	width:200px;
	padding:0px 0px 0px 10px;
}

.clearboth
{
	clear:both;
}

.clear
{
	clear:both;
}

.printcontainer
{
	padding:0px 0px 0px 10px;
}

a.PrintButton
{
	background:url(../img/common/print.jpg) top left no-repeat;
	padding-left:20px;
}

a.PrintButton:hover, a.PrintButton:active
{
	color:#8daa06;
}

.linkContainer
{
	padding:0px 0px 0px 172px;
}

div.catalogueLink {
	background: transparent url(../img/catalogues/arrow_catalogue.gif) top left no-repeat;
	float: left;
	margin: 20px 40px 0 10px;
	width: 250px;
}

div.catalogueLink a img {
	display: block;
	padding: 15px 40px 41px 15px;
}

div.catalogueLink a.bigLink {
	margin: 0;
}

.pageText
{
	float:left;
	width:480px;
}

.pageImages
{
	float:left;
	width:250px;
}

img.supportImage {
	background-color: #ffffff;
	border: 1px solid #b2b2b2;
	display: block;
	margin: 10px 10px 14px 30px;
	padding: 2px;
}

img.supportImageFloat {
	background-color: #ffffff;
	border: 1px solid #b2b2b2;
	clear: right;
	display: block;
	float: right;
	margin: 10px 10px 10px 30px;
	padding: 2px;
}

div.contactContainer
{
	border: 1px solid #ccc;
	float:left;
	margin: 0 10px 20px 10px;
	padding-bottom:10px;
	width:330px;
}

div.contactContainer h2 { margin-top:0; }
div.contactContainer p { padding:0 10px; }


div#catalogue_feature {
	background: #000000 url(../img/common/bg_catalogue_feature.gif) top left repeat-x;
	margin: 0 auto;
	overflow: hidden;
	text-align: right;
	width: 950px;
}

div#catalogue_feature h4 {
	background: transparent url(../img/common/icon_catalogue_feature.gif) top right no-repeat;
	color: #ffffff;
	font-size: 85%;
	font-weight: bold;
	padding: 10px 106px 10px 10px;
	text-align: right;
	text-transform: uppercase;
}

div#catalogue_feature h4 a:link, div#catalogue_feature h4 a:visited { color: #ffc50b; }
div#catalogue_feature h4 a:hover, div#catalogue_feature h4 a:active { color: #5ab631; }

div.desctitle
{
	background: #000000 url(../img/common/bg_h1.gif) center right no-repeat;
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}

a#readmore
{
	color: #5AB631;
	font-size:1.2em;
}

h2.winHeading
{
	background: transparent url(../img/common/bg_table_th.gif);
}

a.hide-link
{
	color: #000;
}

fieldset#contactForm span.checkbox input
{
	margin-top: 20px;
	width: auto;
}

fieldset#contactForm label.checkboxLabel
{
	margin-top: 20px;
	text-align: left;
	width: 350px;
}

div.prodItem h4 span
{
	font-size: 0.7em;
	font-weight: normal;
}

div.prodItem h4 strong
{
	color: #F15A21;
}

div#primaryContent table.dataTbl td strong.total
{
	color: #000;
	font-size: 110%;
	text-transform: uppercase;
}

div#sitewide_feature {
            background: #000000 url(../img/common/bg_sitewide_feature.gif) top left repeat-x;
            margin: 0 auto;
            overflow: hidden;
            text-align: right;
            width: 950px;
}

div#sitewide_feature h4 {
            background: transparent url(../img/common/icon_delivery_feature.gif) top right no-repeat;
            color: #ffffff;
            font-size: 85%;
            font-weight: bold;
            padding: 10px 106px 10px 10px;
            text-align: right;
            text-transform: uppercase;
}

div#sitewide_feature h4 strong { text-decoration: underline; }

div#sitewide_feature h4 a:link, div#sitewide_feature h4 a:visited { color: #ffc50b; }
div#sitewide_feature h4 a:hover, div#sitewide_feature h4 a:active { color: #5ab631; }
/* category / shop gateway elements */

#catGateways {
	padding: 0 0 10px 10px;
	overflow: hidden;
	width: 735px;
}

div.catGateway, div.subcatGateway {
	float: left;
	margin: 0 10px 10px 0;
	overflow: hidden;
	width: 235px;
}

div.subcatGateway { 
	border-bottom: 1px dotted #b2b2b2; 
	padding-bottom: 5px;
}

div.subcatGateway img {
	background: transparent url(../img/common/bg_subcat_gate.gif) bottom right no-repeat;
	border: 1px solid #b2b2b2;
	padding: 0 53px 0 0;
	width: 180px;
}

div.subcatGateway h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 2px 0;
}

div.subcatGateway h4 span {
	font-size: 12px;
	font-weight: normal;
}

div.catGateway img { display: block; }

div.catGateway a.btn_catGate {
	background: #000000 url(../img/common/btn_catGateway.gif) no-repeat;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 30px 9px 5px;
	height: 14px;
	text-align: left;
	text-transform: uppercase;
	width: 200px;
}

div.catGateway a.btn_catGate:link, div.catGateway a.btn_catGate:visited { background-position: top left; }
div.catGateway a.btn_catGate:hover, div.catGateway a.btn_catGate:active { background-position: top right; color: #ffc50b; }

h1.head_catGateway {
	background: transparent url(../img/common/bg_head_catBlank.jpg) top left no-repeat;
	color: #000000;
	height: 100px;
	margin-bottom: 10px;
	padding: 10px;
	width: 725px;
}

#head_shopRugby { background: transparent url(../img/common/rugby-expanded.jpg) top left no-repeat; }
#head_shopGaa { background: transparent url(../img/common/Gaa-expanded.jpg) top left no-repeat; }
#head_shopSoccer { background: transparent url(../img/common/football-expanded.jpg) top left no-repeat; }
#head_shopFitness { background: transparent url(../img/common/fitness-expanded.jpg) top left no-repeat; }
/*#head_shopSwim { background: transparent url(../img/common/bg_head_catSwim.jpg) top left no-repeat; }*/
#head_shopBball { background: transparent url(../img/common/basketball-expanded.jpg) top left no-repeat; }
#head_shopTeam { background: transparent url(../img/common/teamwear-expanded.jpg) top left no-repeat; }
#head_shopSchool { background: transparent url(../img/common/school-expanded.jpg) top left no-repeat; }
#head_shopGamesTables { background: transparent url(../img/common/games-expanded.jpg) top left no-repeat; }
#head_shopTableTennis{ background: transparent url(../img/common/tabletennis-expanded.jpg) top left no-repeat; }

h1.head_catGateway strong {
	color: #59b52e;
	font-size: 35px;
	line-height: 30px;
}

ul#catGateway_logos {
	list-style: none;
	padding: 10px 0 10px 10px;
	overflow: hidden;
	width: 735px;
}

ul#catGateway_logos li {
	float: left;
	height: 110px;
	margin-right: 10px;
	width: 110px;
}

ul#catGateway_logos li img { display: block; }

#feature_primary {
	background-color: #ffffff;
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
	overflow: hidden;
	position: relative;
	width: 735px;
}
.homeProdDetail
{
	display:inline-block;
	width:82px;
	
}

a#logo, #headerFunctions {
	display: block;
	float: left;
	width: 475px;
}

a#logo {
	background: transparent url(../img/common/logo_mcsport.gif) center left no-repeat;
	height: 62px;
	padding: 15px 0;
	text-indent: -3000px;
}

#headerFunctions {
	overflow: hidden;
}
#shoppingCart {
	/*background: #1b1a1a url(../img/common/bg_shoppingCart.gif) top left repeat-x;*/
	/*border-bottom: 1px dotted #353334;*/
	float: right;
	margin-bottom: 15px;
	padding: 7px 10px;
	text-align: left;
	width: 230px;
}
#shoppingCart h6 {
	color: #5ab631;
	font-weight: normal;
	margin: 0;
}

#shoppingCart h6 span { 
	text-transform: none;
}

.panLoggedIn {
	color: #5ab631;
	font-weight: normal;
	margin: 0;
	display:inline;
}

h3.twitter-link a
{
	background: transparent url(/gothemes/img/common/bg_twitter.jpg) top left no-repeat;
	display: block;	
	width: 175px;
	height: 46px;				
	margin: 6px 0 0 6px;
}

h3.twitter-link a span
{
	padding: 5px 0 5px 43px;
	color: #ffffff;
	line-height: 46px;
	font-size:0.9em;
}

h3.twitter-link a:hover
{
	text-decoration: none;
}

h3.youtube-link a
{	
	background: transparent url(/gothemes/img/common/bg_youtube.jpg) top left no-repeat;
	display: block;	
	width: 175px;
	height: 46px;				
	margin: 6px 0 0 6px;
}

h3.youtube-link a span
{
	padding: 5px 0 5px 43px;
	color: #ffffff;
	line-height: 46px;
	font-size:0.9em;
}

h3.youtube-link a:hover
{
	text-decoration: none;
}

h3.facebook-link a
{
	background: transparent url(/gothemes/img/common/bg_fb.jpg) top left no-repeat;
	/*background: transparent url(../img/common/bg_fb.jpg) top left no-repeat;*/
	display: block;	
	width: 175px;
	height: 46px;				
	margin: 12px 0 0 6px;
}

h3.facebook-link a span
{
	padding: 5px 0 5px 43px;
	color: #ffffff;
	line-height: 46px;
	font-size:0.9em;
}

h3.facebook-link a:hover
{
	text-decoration: none;
}

/* currency */
.currency {
            /*color:#fff;*/
           /* margin-top:5px;
            margin-right:5px;*/
            /*width:400px;*/
            /*float:right;*/
            /*text-align:right;*/
            display:inline;
            color: #F15A21;
}
.currency  ul{
            color:#5AB631;
            display:inline;
            margin-left:10px;
            padding:5px;      
}
.currency  ul li{
            display:inline;
            padding:0 0 2px;
            list-style:none;   
}
.currency  ul li a{
            color:#5AB631;
            text-decoration:none;
}
.currency  ul li a:hover{   
            color:#fff; 
            text-decoration:underline;
}
.currency  ul li a.activeCurrency{
            color:#fff;
}

ul#currencylist li a.curr_eu {
    background: url("/gothemes/img/common/flag_eu.png") no-repeat scroll left center transparent;
}

ul#currencylist li a.curr_uk {
    background: url("/gothemes/img/common/flag_uk.png") no-repeat scroll left center transparent;
}

ul#currencylist li a
{
	padding-left: 20px;
}
div.currencywarning span
{
	   color:#F15A21;
	   font-weight: bold;
}
div.currencywarning
{
	margin-top:5px;
}