/**** font and type ****/


p, h1, h2, h3, h4, h5, h6, div, span, dl, dt, dd, ol, ul, li, table, th, tr, td, body, div a{
	/* strip out all default styling, and set a default site font, and a default site font color */
	margin:0;
	padding:0;
	font-family:Helvetica,Arial,sans-serif;
	color: #767676;
	font-size: 11px;
}
p, td, th, p a{
	/*color for this should always be the same as above */
	font-size: 11px; 
	line-height: 17px; 
	color: #767676; 
	margin-bottom: 10px;
}
h1, h1 a{
	font-size: 9px; 
	line-height: 17px; 
	color: #ff6000; 
	margin-bottom: 4px;
	text-transform:uppercase;
}
h2, h2 a{
	font-size: 15px; 
	line-height: 17px; 
	color: #252525; 
	margin-bottom: 4px;
}
h3, h3 a{
	font-size: 11px;
	line-height: 17px; 
	color: #252525; 
	margin-bottom: 3px;
}
h4, h4 a{
	font-size:11px;
	line-height:17px; 
	color: #ff6000; 
	margin-bottom: 3px;
}
li{
	background:transparent url(/media/pics/site/listBullet.gif) no-repeat 1px 6px;
	list-style-type:none;
	line-height:17px; 
	color: #767676; 
	margin-bottom: 2px;
	padding-left:13px;
}
#udm li{/* stop the udm menu from inheriting the li background */
	background:none!important;
}
#udm li ul{
	background:transparent url(/media/pics/site/subMenu.png) no-repeat bottom;
	padding-bottom:12px;
}
#udm li ul li a{
	padding-top:11px!important;
	background:transparent url(/media/pics/site/subItem.png) no-repeat center 2px!important;
}
#udm li ul li:first-child a {
	background:none!important;
}
#udm li ul ul{
	margin-left:143px!important;
}
a{
	text-decoration:underline;
	outline:none;
}
a:hover{
	text-decoration:none;
}

/** utility classes and colors **/

.orange{
	color:#ff6000;
	font-weight:bold;
	text-decoration:none;
}
a.orange{
	text-decoration:none;
}
.hidden{
	display:none;
}
.termsPopup, .legal{
	font-size:9px;
	text-decoration:none;
	color:#767676;
}
/** custom things, site template **/
#menuaddition a{
	color:#fff;
}
p.breadcrumbs{
	display:block;
}
#footer a{
	color:green;
}
.withbg{
	background:transparent url(/media/pics/site/withbgRight.jpg) no-repeat top right;
	float:left;
	height:23px;
	padding:7px 28px 7px 24px;
}
.withbgLeft{
	background:transparent url(/media/pics/site/withbgLeft.jpg) no-repeat top left;
	float:left;
}
.withbgTile{
	background:transparent url(/media/pics/site/withbg.jpg) repeat-x top;
	float:left;
	margin:8px 7px;
}
/** structure & backgrounds **/


body {
	background-color: transparent;
	margin: 0;
	background-color:#fd9521;
}
/* bodyContainer to replace the body tag so that when popups need to be styled differently, this is easy */
#bodyContainer{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fd9521;
	position:relative;/* change this to absolute when the site geos live! */
}
#backgroundGrad{
	background:#ff8e10 url(/media/pics/site/backgroundGrad.jpg) repeat-x top;
	width:100%;
	margin:0;
	padding:0;
}
#backgroundPeople{
	background: transparent url(/media/pics/site/backgroundPeople.jpg) repeat-x center bottom;
	width:100%;
	margin:0;
	padding:0;
}
#outer-container { /* holds everything in centre */
	margin: 0 auto;
	width: 972px;
	background-color: transparent;
}
#header{
	background: transparent url(/media/pics/site/header.jpg) no-repeat center bottom;
	height:36px;
	padding-top:53px;
}
#banner-container {
	width:968px;
	font-size: 0;
	line-height: 0;
	padding:0 0px;
	background-color: #7f7f7f;
}
#menu {
	float: left;
	width: 928px;
	background-color:transparent;
	padding:0 20px;
}
#menu .menusection a{
	background-image: url(/media/pics/site/mainMenu.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
	height:17px;
	width:87px;
}
#menu .menusection a span{
	display:none;
}
#menu .menusection ul li a{
	background-image:none;
	width:auto;
	height:auto;
}
#content-holder{
	background: transparent url(/media/pics/site/content-holder.jpg) repeat-y center;
}
#whiteTop{
	background: transparent url(/media/pics/site/whiteTop.jpg) no-repeat center top;
}
#whiteBottom{
	background: transparent url(/media/pics/site/whiteBottom.jpg) no-repeat center bottom;
	padding-bottom:30px;
}
#bannerContainer{
	padding-right:49px;
}
#loginWidget{
	background: transparent url(/media/pics/site/loginWidget.jpg) no-repeat top left;
	width:192px;
	height:90px;
	padding:68px 0 0 27px;
}
#loginWidget p, #loginWidget p a{
	float:left;
	color:#fff;
	text-decoration:none;
	margin-bottom:0px;
	font-size:9px;
}
#loginWidget span, #loginWidget span a{
	color:#fff;
	font-size:11px;
	height:24px;
	margin-left:3px;
	text-decoration:none;
}
#loginWidgetEmail, #loginWidgetPassword{
	background: transparent url(/media/pics/site/loginWidgetField.gif) no-repeat top left;
	padding: 2px 0 0 4px;
	height:26px;
	float:left;
}
#loginWidgetEmail input, #loginWidgetPassword input{
	background-color:transparent;
	width:120px;
	border: 0px;
	color:#919191;
}
#loginWidgetEmail label, #loginWidgetPassword label{
	display:none;
}
#loginWidgetButton{
	float:right;
	margin:-2px 13px 0 0;
}
#loginWidgetHello{
	background: transparent url(/media/pics/site/loginWidgetHello.jpg) no-repeat top left;
	padding: 4px 0 0 18px;
	display:block;
	font-weight:bold;
	height:17px!important;
}
#loginWidgetMyacc, #loginWidgetLogout{
	float:left;
	display:block;
	height:21px;
	text-indent:-10000px;
}
#loginWidgetMyacc{
	background: transparent url(/media/pics/site/loginWidgetMyacc.jpg) no-repeat top left;
	width:86px;
	margin-right:7px;
}
#loginWidgetLogout{
	background: transparent url(/media/pics/site/loginWidgetLogout.jpg) no-repeat top left;
	width:71px;
}
#maincontent-holder{
	background-color:transparent;
	padding:0 43px;
}
#maincontent{
	background: transparent url(/media/pics/site/maincontent.jpg) repeat-y center bottom;
	padding:0px;
	width:643px;
	float:left;
	margin: 7px 0 0 13px;
}
#maincontentTop{
	background: transparent url(/media/pics/site/maincontentTop.jpg) no-repeat center top;
}
#maincontentBottom{
	background: transparent url(/media/pics/site/maincontentBottom.jpg) no-repeat center bottom;
}
#bodycontent{
	padding:5px 41px 62px 41px;
	background-color:transparent;
}
#sidebar{
	background-color:transparent;
	float:right;
	width:219px;
	margin-right:5px;
}
#featuredclubsWidget{
	background: url(/media/pics/site/featuredclubsWidget.jpg) no-repeat top left;
	height:190px;
	width:191px;
}
#featuredclubSidebar{
	background: url(/media/pics/site/featuredclubSidebar.jpg) no-repeat top left;
	padding: 1px 5px 10px 5px;
	margin-top:6px;
	*display: block; /* force ie7 */
	*padding-top:10px; /* force ie7 */
	*padding-left: 15px; /* force ie7 */
	*padding-bottom: 20px; /* force ie7 */
}
* html #featuredclubSidebar{
	display: block;
	padding-top:10px;
	padding-left: 15px;
	padding-bottom: 20px;
}
#textcolumn{

}
#textcolumn.withImages{
	float:right;
	width: 383px;
}
#imagecolumn{
	width:153px;
	float:left;
	background-color:transparent;
}
#imagecolumn a img{
	float:left;
	margin-bottom:10px;
}
#footerBackground{
	background: transparent url(/media/pics/site/footerBackground.jpg) repeat-y center;
	margin: 0 42px 253px 42px;
	float:left;
}
#footerTop{
	background: transparent url(/media/pics/site/footerTop.jpg) no-repeat center top;
}
#footerBottom{
	background: transparent url(/media/pics/site/footerBottom.jpg) no-repeat center bottom;
	width:846px;
	padding:16px 20px;
}
.footer-links{
	float:left;
	padding-right: 50px;
}
.footer-links div{
	float:left;
	padding-right:35px;
}
.footer-links span{
	display:block;
	font-weight: bold;
	font-size: 9px; 
	line-height: 15px;
	color: #ffe190; 
	margin-bottom: 3px;
}

.footer-note{
	float:left;
	padding:0px 62px;
	margin: -7px 0;
	height:25px;
	width:846px;
}

.footer-note-1{
	float:left;
	color: #FFE190;
	font-size:9px;
}

.footer-note-2{
	float:right;	
}
.footer-note-2, .footer-note-2:hover, .footer-note-2 a{
	color: #FFE190;
	font-size:9px;
	text-decoration:none;
}
.footer-note-2 a:hover{
	text-decoration:underline;
}
.footer-links a, .footer-links p{
	display:block;
	text-decoration:none;
	font-size: 9px; 
	line-height: 15px;
	color: #ffffff; 
	margin-bottom: 0px;
}
div.calltoaction{
	margin:0 0 20px 0;
}
#newsWidget{
	height:44px;
	width:703px;
	padding:14px 27px 0 143px;
	background: transparent url(/media/pics/site/newsWidget.jpg) no-repeat top left;
	margin:0 50px;
}
#newsWidget h4 a{
	font-size: 10px; 
	font-weight: bold;
	color: #eea05d!important; 
	text-transform:uppercase;
	text-decoration:none;
}
#newsWidget h4 a span{
	font-family: Georgia, Times, serif; 
	font-size: 11px; 
	color: #eea05d; 
	font-style: italic;
	font-weight:normal;
	text-transform:none;
}
#cartButton, #shareButton{
	float:right;
	display:block;
	text-indent:-10000px;
}
#cartButton{
	width:54px;
	height:18px;
	background: transparent url(/media/pics/site/cartButton.jpg) no-repeat top left;
}
#shareButton{
	width:58px;
	height:18px;
	margin-left:16px;
	background: transparent url(/media/pics/site/shareButton.jpg) no-repeat top left;
}
/*** popup styling ***/
#popupcontainer {
	margin: 0 auto;
	width: 824px;
	background: url(/media/pics/site/popUp-general-bg.gif) repeat-y #fff;
}
#popupinner{
	background: url(/media/pics/site/popUp-general-head.gif) no-repeat top center;
	padding:140px 56px 20px 56px;
}
#popupMainContent {
	float: left;
	width: 567px;
	display: inline; 
	margin-right:69px;
}

/** module specific **/

/** ecom **/
#optionTabs{
	
}
#productmainlayout{
	float:left;
	margin:10px 0 20px 0;
}
#productimages{
	width:260px;
	margin:0 20px 0 0; 
	float:left;
}
#productdetails{
	width:310px;
	float:left;
}
.prodcatsearchfilter{
	background-color:#f1f6fc;
	border:1px solid #dae8f8;
	padding:10px;
}
.prodcatsearchfilter p{
	margin:0 0 5px 0;
}
.pricevalue{
	font-size: 14px;
	line-height:24px;
	color: #6289cc;
	margin-bottom: 10px;
	font-weight:normal;
}
.ecomdeptitem{
	width:146px;
	height:150px;
	float:left;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}
.deptlisttitle{
	padding:7px 18px 19px 18px;
	height:25px;
	font-size:11px;
	line-height:14px;
	margin:0;
	overflow:hidden;
}
.deptlistimage{
	height:75px;
	padding:15px 0 0 0;
	text-align:center;
	width:146px;
}
.prodlistitem{
	width:146px;
	height:150px;
	float:left;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}
.prodlisttitle{
	padding:7px 18px 19px 18px;
	height:25px;
	font-size:11px;
	line-height:14px;
	margin:0;
	overflow:hidden;
	text-align:center;
}
.prodlistimage{
	height:75px;
	padding:15px 0 0 0;
	text-align:center;
	width:146px;
}
.product-textcolumn{
	float:left;
	width:404px;
	margin-right:35px;
}
.product-imagecolumn{
	float:left;
	width:124px;
}
tr.productoption{
	height:25px;
}
tr.productbuttons{
	height:35px;
}
tr.productbuttons td{
	padding:7px 0 0 0;
}
tr.productbuttons input{
	padding:0;
}
#RelatedNews .list-news-item{
	width:380px;
}
.gallerydate{
    font-size: 10px;
    line-height: 18px;
	color:#252525;
}
.gallerythumb{
	width:207px;
	height:150px;
	float:left;
}
.gallerylistimage{
	padding:7px 18px 19px 18px;
	height:85px;
	font-size:11px;
	line-height:14px;
	margin:0;
	overflow:hidden;
	text-align:center;
}
.gallerylisttitle{
	height:50px;
	padding:15px 0 0 0;
	text-align:center;
	width:207px;
}

/** news **/
#newsTitle {width:100%; padding:0 0 10px 0;}
.list-news-story{  background:transparent url(/media/pics/site/shadow-divide.jpg) center top no-repeat;    border-top:none;    padding: 40px 0 12px 0; } 
.list-news-item{
	float:left;
	width:360px;
}
.list-news-image{
	float:left;
	width:172px;
	margin:0px 22px 0px 0;
	line-height:0;
	font-size:0;
}
/** blog **/
.bloglist{
	margin-bottom:20px;
}
#blogInfo{
	margin-bottom:20px;
}
#blogCTA{
	/*background:url(/media/pics/site/calculator-bg.gif);*/
}
#blogCTA h3{
	padding:0 26px;
	margin:0;
}
#blogCTA p{
	padding:0 26px;
}
#blogCTA a{
	display:block;
	color:#2b2b2b;
}
/** form formatting **/
dd,dt{
	color:#767676;
	font-size:11px;
	font-weight:normal;
	line-height:150%;
	margin-bottom: 10px; 
}
form dt{
   clear:both;
   width:33%;
   float:left;
}
form dd{
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}
input, select, textarea{
	margin:0 8px 0 0;
	padding:2px;
	font-size:10px;
}
.labelfield{
	width:290px;
}
select.labelfield{
	width:296px;
}
input.labelfield.date-pick{
	width:217px!important;
} 
label{
	padding:0;
}
input.date{
	width:80px;
}
.formHolder{
	background-color:#fff;
	margin:0 0 20px 0;
	border-bottom:2px solid #ff6000;
	width:100%;
	padding:0 0 11px 0;
}
.formHolder label {
	color:#767676;
}
.formHolder h3{
	font-size: 12px;
	line-height:19px;
	padding:10px 0;
	color: #ff6000;
	font-weight:bold;
	background-color:#fff;
	border-bottom:1px solid #ff6000;
}
.formHolder p{
	display:block;
	border-bottom:0px;
	padding:10px 0;
}
/** product pages **/
#tabpanelcontent{
	clear: left; 
	float: left; 
	border: 0px solid #ddd; 
	background-color: #f8f8f8; 
	padding: 20px;
}
/** errors **/
input.error, select.error, textarea.error{
	color:#000;
	background-color:#ffcccc !important;
	border:1px solid #cc6666 !important;
}
label.error{
	color:#ff0000;
	font-size: 9px;
	display:block!important;
	line-height:12px;
	padding:4px 0 0 0;
}

/*** tables ***/

.listTable{
	border-collapse:collapse;
	border-width: 0;
	margin-bottom: 15px;
	float: left;
	clear: left;
}

.listTable tr th {
	background-color:#eaf7fb;
	height:15px;
	text-align:center;
	font-weight:bold;
	padding: 12px;
	vertical-align: middle;
	border-top:1px solid #ddf1f5;
	border-bottom:1px solid #ddf1f5;
    font-size:11px; 
}
.listTable tr td {
	border-top: 1px solid #eeeeee;
	padding: 2px;
	font-size:10px;
}

/************** file download links ***************/
div.downloadPDF, div.downloadXLS, div.downloadRTF, div.downloadPPT, div.downloadZIP, div.downloadJPG{
	display:block;
	line-height:16px;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}
div.downloadPDF{
	background:url('/media/pics/cms/icon_pdf.gif') no-repeat;
}
div.downloadXLS{
	background:url('/media/pics/cms/icon_xls.gif') no-repeat;
}
div.downloadRTF{
	background:url('/media/pics/cms/icon_rtf.gif') no-repeat;
}
div.downloadPPT{
	background:url('/media/pics/cms/icon_ppt.gif') no-repeat;
}
div.downloadZIP{
	background:url('/media/pics/cms/icon_zip.gif') no-repeat;
}
div.downloadJPG{
	background:url('/media/pics/cms/icon_jpg.gif') no-repeat;
}

/** helper elements  **/
#nextn{
	border-top:2px solid #ff6000;
	font-size:10px;
	padding:30px 0 0 0;
	text-align:right;
	color: #767676;
}
#nextn a{
	color: #767676;
}
#nextn a.next{
	background:url(/media/pics/site/arrowRight.gif) no-repeat right;
	padding-right:10px;
}
#nextn a.prev{
	background:url(/media/pics/site/arrowLeft.gif) no-repeat left;
	padding-left:10px;
}
#nextn strong{
	color: #767676;
}
div.clearer{
	clear:both;
	font-size:0;
	line-height:0;
}
.clearer{
	clear:both;
}
.blockMsg{/* jquery blockUI */
	color: #b6482e;
	font-size:18px;
	border:3px solid #aaa;
	background:#fff;
}

.lightrow{background-color:#ffffff;}
.darkrow{background-color:#f0f0f0;}
.caption {/*image captions*/
	display:block;
	text-align:center;
	font-size:9px;
	margin-bottom:22px;
}
form {
	margin:0;
	padding:0;
}
img {
	border:0;
}
.date-pick,.future-date-pick{
	width:70px;
}
.range-date-pick{
	width:140px;
}
#div-noscript{
	width:100%; text-align:center; position: absolute; top: 0; left: 0; font-size: 11px; padding: .3em; background-color: #fff; color: #000; border: 1px solid #000;
}

/* tooltip styling*/
#tooltip {
	position:absolute;
	width:237px;
	z-index:100;
}
.tooptip-back{
	background-image:url(/media/pics/site/new/popup-tile.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0px 23px 0px 20px;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* uiTabs Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
	border-bottom:1px solid #eae9e9;
}
.ui-tabs-nav.first {
	margin: 0 0 5px 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 4px 0 2px;
    min-width: 84px; /* be nice to Opera */
	padding:0;
	background:none;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/media/pics/site/myaccountnav-bg.jpg) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
	font-weight:normal;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px; color:#fff;
}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/media/pics/site/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/******** Styling For Custom Select Boxes ********/

.jquery-selectbox {
	position: relative;
	height: 24px;
	width: 195px!important;
	z-index: 0;
	float: left;
	display: inline;
	margin: 0 4px 0 0;
	text-align:left;
	color: #444;
	padding: 0!important;
	background-image: url("/media/pics/site/combobox-back.gif");
	background-repeat:no-repeat;
	background-position:left top;
}
.jquery-selectbox.selecthover {
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 5px 0 0 8px!important;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	color:#8A8A8A;
	cursor:default;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 20px;
	padding: 2px!important;
	left: 0px;
	background: #fff;
	width: 173px!important;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	border: 1px solid #8A8A8A;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	background: url("/media/pics/site/combobox-btn.gif");
	background-position:left top;
	width: 26px;
	height: 24px;
	cursor: pointer;
	padding:0!important;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	background: url("/media/pics/site/combobox-btn.gif");
	background-position:right top;
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background-color: #4189c6;
	color: #fff;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../img/bg-TextFieldError.gif");
}

/** Cart shadowbox **/
#shadowbox_content.html {
	background-color:transparent;
}

div.cartShadowBox {
	color:#fff;	
}

/* search form */
#homePageSearch{
	float:right;
}
#searchform{
	float:right;
	width:404px;
	padding:0!important;
}
#searchform p a {
	display:block;
	font-size:10px;
	padding:9px 0 0 4px;
	text-decoration:none;
	width:200px;
}
#searchform-state, #searchform-sport{
	float:left;
	padding:0!important;
}
#searchform-state select, #searchform-sport select{
	width:180px;
}
#searchform-suburb, #searchform-keyword{
	float:right;
    background: url(/media/pics/site/searchField.jpg) no-repeat;
	height:21px;
	width:189px;
	padding:3px 0 0 5px;
	margin:0 0 12px 0;
}
#searchform-suburb input, #searchform-keyword input{
	width:182px;
	border:0px;
	background:transparent;
	color:#8A8A8A;
}

#flashmap{
	float:left;
	padding:0!important;
	margin-left:-17px;
}
#searchGo{
	float:right;
}
#searchGo input{
	margin:0;
}

/** autocomplete should have similar styling to dropdowns **/
.ac_results {
	padding: 0px;
	border: 1px solid #8A8A8A;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 98%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	padding:2px;
	max-height:9em!important;
}

.ac_results li {
	margin: 0px;
	padding: 0;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	background-image:none;
	text-transform:capitalize;
}

.ac_loading {
	background : Window url(/media/pics/site/sm-loading.gif) right center no-repeat !important;
}

.ac_odd {
	background-color: #fff;
}

.ac_over {
	color: #fff;
	background-color:#4189c6;
}

/* restyling ui tabs for the homepage search form */
#searchWidgetTabs{
	float:left;
	margin:10px 0 0 0;
	width:642px;
}
#searchWidgetTabs .ui-tabs-nav, #searchWidgetTabs .ui-tabs-panel {
    font-size: 12px;
}
#searchWidgetTabs .ui-tabs-nav {
    list-style: none;
    margin: 0px;
    padding: 0;
	border:0px;
}
#searchWidgetTabs .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#searchWidgetTabs .ui-tabs-nav li {
    float: left;
    margin: 0;
    min-width: 0; /* be nice to Opera */
	padding:0;
	background-image:none;
}
#searchWidgetTabs .ui-tabs-nav a {
    display: block;
    padding: 0;
    background: url(/media/pics/site/searchNav.jpg) no-repeat;
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	display:block;
	width:50px;
	height:39px;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
/* 113px, 159px, 206px, 253px, 331px, 403px, 473px, 545px -- 630px*/
#searchWidgetTabs .ui-tabs-nav #clubSearch{
	background-position: 0 bottom;
	width:113px;
}
#searchWidgetTabs .ui-tabs-nav #afl{
	background-position: -113px bottom;
	width:43px;
}
#searchWidgetTabs .ui-tabs-nav #nrl{
	background-position: -159px bottom;
	width:47px;
}
#searchWidgetTabs .ui-tabs-nav #nbl{
	background-position: -206px bottom;
	width:47px;
}
#searchWidgetTabs .ui-tabs-nav #aLeague{
	background-position: -253px bottom;
	width:78px;
}
#searchWidgetTabs .ui-tabs-nav #super14{
	background-position: -331px bottom;
	width:72px;
}
#searchWidgetTabs .ui-tabs-nav #cricket{
	background-position: -403px bottom;
	width:70px;
}
#searchWidgetTabs .ui-tabs-nav #netball{
	background-position: -473px bottom;
	width:72px;
}
#searchWidgetTabs .ui-tabs-nav #myLocal{
	background-position: -545px bottom;
	width:85px;
}
/**/
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #clubSearch{
	background-position: 0 top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #afl{
	background-position: -113px top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #nrl{
	background-position: -159px top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #nbl{
	background-position: -206px top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #aLeague{
	background-position: -253px top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #super14{
	background-position: -331px top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #cricket{
	background-position: -403px top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #netball{
	background-position: -473px top;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected #myLocal{
	background-position: -545px top;
}
#searchWidgetTabs .ui-tabs-nav a span {
    width: 0; /* IE 6 treats width as min-width */
    min-width: 0;
    height: 0; /* IE 6 treats height as min-height */
    min-height: 0;
    padding-top: 0;
    padding-right: 0;
	display:none;
}
*>#searchWidgetTabs .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
#searchWidgetTabs .ui-tabs-nav .ui-tabs-selected a, #searchWidgetTabs .ui-tabs-nav a:hover, #searchWidgetTabs .ui-tabs-nav a:focus, #searchWidgetTabs .ui-tabs-nav a:active {
    background-position: top left;
}
#searchWidgetTabs .ui-tabs-nav a, #searchWidgetTabs .ui-tabs-nav .ui-tabs-disabled a:hover, #searchWidgetTabs .ui-tabs-nav .ui-tabs-disabled a:focus, #searchWidgetTabs .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: bottom left;
}
#searchWidgetTabs .ui-tabs-nav a:hover, #searchWidgetTabs .ui-tabs-nav a:focus, #searchWidgetTabs .ui-tabs-nav a:active,
#searchWidgetTabs .ui-tabs-nav .ui-tabs-unselect a:hover, #searchWidgetTabs .ui-tabs-nav .ui-tabs-unselect a:focus, #searchWidgetTabs .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#searchWidgetTabs .ui-tabs-disabled {
    opacity: 1;
    filter: none;
}
#searchWidgetTabs .ui-tabs-panel {
    border-top: 0px solid #97a5b0;
	margin: 0 0 0 15px;
	padding:5px 20px;
	width:586px;
	height:126px;
	overflow:hidden;
    background: transparent; /* declare background color for container to avoid distorted fonts in IE while fading */
}
#searchWidgetTabs #homepage-searchform-holder{
 	height:auto;
	overflow:visible;
}
#searchWidgetTabs .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/media/pics/site/loading.gif) no-repeat 0 50%;
}
#homepage-mylocal-holder img, #homepage-afl-holder img, #homepage-nrl-holder img, #homepage-nbl-holder img, #homepage-aleague-holder img, #homepage-super14-holder img, #homepage-cricket-holder img, #homepage-netball-holder img{
	float:left;
}
#homepage-mylocal-holder p, #homepage-afl-holder ul, #homepage-nrl-holder ul, #homepage-nbl-holder ul, #homepage-aleague-holder ul, #homepage-super14-holder ul, #homepage-cricket-holder ul, #homepage-netball-holder ul{
	width:400px;
	float:right;
}
#homepage-mylocal-holder h4 a, #homepage-afl-holder h4 a, #homepage-nrl-holder h4 a, #homepage-nbl-holder h4 a, #homepage-aleague-holder h4 a, #homepage-super14-holder h4 a, #homepage-cricket-holder h4 a, #homepage-netball-holder h4 a{
	text-decoration:none;
	float:left;
	margin-left:33px;
}
/* ShadowBox Styling */
#shadowboxHolder{
    background: transparent;
	width:auto;
	position:absolute;
}
#shadowboxTop{
    background: transparent;
}
#shadowboxBottom{
    background: transparent;
}
#shadowboxBottom h3{
	color:#FF6000;
}
#EmailFriendForm{
	padding:0 50px;
}
#subscribeField{
    background: url(/media/pics/site/subscribeField.gif) no-repeat left top;
	padding: 5px 8px 8px 8px;
	height:12px;
}
#subscribeField input{
	border:0px;
	background-color:transparent;
	width:330px;
	padding: 0;
	margin: 0;
	color:#8A8A8A;
}
#shadowboxBottom #go{
	padding:0;
	margin:0;
	vertical-align:-12px;
}
#NewletterSignUpForm label.error{
	float:left;
}
/**************** GENERAL STYLES ****************/
.darkBold { color:#252525; font-weight:bold;} /*this was added to the code HTML*/
.greyBox, #CreditCardOptions, #BankDebitOptions{border: solid 1px #e5e5e5; padding:4px; margin:30px 0; }
.greyBox p, .greyBox a {color:#252525; }
.greyBox b { color:#ff6000;}
.greyBox div, #CreditCardOptions table, #BankDebitOptions table {padding: 14px; background-color:#f7f7f7; }
.greyBox div a{padding-left:1px;}
.greyBox div a:hover{text-decoration:none;}

/**************** Search results - Alphabet listing ****************/
.searchLetter b a{ font-size: 15px; line-height: 17px; color: #252525; font-weight:normal; text-decoration:none; }
.searchLetter { border-bottom:solid 1px #ff6000; margin-top:30px; margin-bottom:10px; padding-bottom:2px;}
.SearchViewAll p span{color:#252525; font-weight:bold;}

/**************** Search results - Options listing ****************/
#searchWarning p span {color:#252525; font-weight:bold;}
#searchWarning .orange {color:#ff6000; font-weight:bold;}

/**************** My Account and Store pages ****************/
#loggedInTabContainer .sect {font-size:10px; line-height:17px; color: #ff6000; font-weight:bold; margin-bottom: 4px;}

#loggedInTabContainer h1 , #loggedInTabContainer h1 a{font-size: 15px; line-height: 17px; color: #252525; font-weight:normal;margin-bottom: 4px; text-transform:none;}
#loggedInTabContainer .listTable tr th, #tblShoppingCart thead tr th {background-color:#fff; border-top:none; border-bottom:solid 1px #ff6000; text-align:left; padding:2px;color:#252525; }
#loggedInTabContainer .listTable .lightrow td,#loggedInTabContainer .listTable .darkrow td , #tblShoppingCart td{ border-bottom:solid 1px #e5e5e5; padding:7px 2px; background-color:#fff; }
#loggedInTabContainer .listTable, #tblShoppingCart {border-bottom:solid 2px #ff6000; margin-bottom:30px;}

.wrapForm {clear:both; border-top:solid 1px #ff6000; border-bottom:solid 2px #ff6000; padding:20px 0 8px 0; margin-bottom:10px;}

#containerLeft{width:140px;float:left;}

#UpdateDetailsForm .formHolder, #formRegister .formHolder,#formMembership .formHolder {width:390px; float:right; border:0;}
#UpdateDetailsForm .formHolder input.labelfield,#formRegister .formHolder input.labelfield, #formMembership .formHolder input.labelfield {width:250px;margin-right:0;}
#UpdateDetailsForm .formHolder select.labelfield , #formRegister .formHolder select.labelfield, #formMembership .formHolder select.labelfield {width:258px;margin-right:0;}
#UpdateDetailsForm .formHolder h3, #formRegister .formHolder h3,#formMembership .formHolder h3{font-size:11px;	line-height:17px; 	color: #ff6000; margin-bottom: 3px; background-color:#fff;}
#UpdateDetailsForm p, #UpdateDetailsForm h3, #formRegister p, #formRegister h3,  #formMembership p, #formMembership h3  {padding:0;border:0;}
#UpdateDetailsForm label, #formRegister label, #formMembership label  {color:#767676; padding-left:0;}
select#MemberList {margin-bottom:30px;width:140px;}

#CreditCardOptions table, #BankDebitOptions table {width:100%;}

/**************** Payment summary page ****************/
#divSchedule {
	overflow-x: auto;
	overflow-y: auto;
}
#divContract{
	height:285px;
	margin:78px 35px;
	overflow:auto;
	padding:10px;
}
#divSchedule table, #divContract table {
	empty-cells: show;
}
#divSchedule td, #divContract td{
	padding: 0px 10px 5px 0px;
	text-align: center;
}
#divSchedule td.Last, #divContract td.Last{
	padding-bottom: 0px;
}
#divSchedule table tr td, #divContract table tr td{ text-align:left;}
#divSchedule thead tr td, #divContract thead tr td{color:#252525; border-bottom:solid 1px #ff6000;}
#divSchedule table tbody tr td, #divContract table tbody tr td{ border-bottom:solid 1px #e5e5e5; }
#divSchedule tbody td.bold, #divContract tbody td.bold{ color:#ff6000; border-bottom:solid 1px #ff6000;}

tr.orangeHighlight td { color:#ff6000; font-weight:bold; border-top:solid 2px #ff6000;}

#buttonDivRight{float:right;width:250px;text-align:right;}
#buttonDivLeft{float:left;width:200px;}

/************ Login/Registration page ************/
.loginRegoContainer { background:url(/media/pics/site/login-register.jpg) no-repeat; width:575px; height:226px; padding:80px 0px 0 30px;margin-left:-10px;}
.loginRegoContainer p, .loginRegoContainer a {color:#fff; font-size:9px;}
.loginRegoContainer span {font-weight:bold;color:#fff;}
.loginPart {position:relative; width: 230px; height:100px; }
.loginPart label{display:none}
.regoPart {position:relative; width: 210px; left:290px;top:-100px; color:#fff;}
.regoPart p{font-size:11px;}
#loginWidgetEmail_large input, #loginWidgetPassword_large input{ background-color:transparent; width:200px;	border: 0px; color:#919191; }
#loginWidgetEmail_large, #loginWidgetPassword_large{ background: transparent url(/media/pics/site/loginWidgetField_large.gif) no-repeat top left;	padding: 2px 0 0 4px; height:26px; float:left; }

/**************** Payment summary page ****************/

#formSummary table tr td {padding-top:16px;padding-left:10px; }
#formSummary div{margin-top:14px; text-align:right;}

.packageSummaryList img{margin-top:6px;}
.returnToHome_A div{margin-top:30px; padding-left:15px; background: transparent url(/media/pics/site/icon-arrowLeft.jpg) no-repeat center left;}

/************ Search Narrow page ************/
.searchNarrow#textcolumn p span {font-weight:bold;color:#252525;}
.searchResultsList {border-top:solid 1px #ff6000;margin:20px 0 30px 0;padding-top:20px;}
.searchResultsList div {margin-bottom:4px;line-height:17px;}

/************ Login/Registration page ************/
#loginWidgetEmail_large label.error, #loginWidgetPassword_large label.error{ color:#252525; }

/**************** FAQs pages ****************/
#FAQSections {border: solid 1px #e5e5e5; padding:4px;margin:30px 0;}
#FAQSections table {background:#f7f7f7;}
#FAQSections table tr td { padding:10px 0px; text-align:center;background-image:none;}

ol#faq_q {margin:10px 0 20px 0;border-bottom:solid 2px #ff6000; padding-bottom:30px;}
ol#faq_q li {line-height:2;}
ol#faq_a li{margin-top:20px; border-bottom:solid 1px #ff6000; padding-bottom:10px;}
ol#faq_a li a{color:#ff6000;}
ol#faq_a ul li{margin-top:0px; border-bottom:0; padding-bottom:0px;}

/**************** Testimonial and News pages ****************/
.list-news-item h2 a {font-size:15px;color:#ff6000;}
.newsTopic {border: solid 1px #e5e5e5; padding:4px; margin:30px 0;display:inline-block;}
.newsTopic div {padding:14px; background-color:#f7f7f7; line-height:2; display:inline-block;}

#logoLink{
	display:block;
	height:70px;
	margin-top:-36px;
	width:300px;
	margin-bottom:-34px;
	position:relative;
}
#logoLink span{
	display:none;
}
#requestChanges{
	clear:both;
	width:561px;
	height:104px;
	background: transparent url(/media/pics/site/requestChanges.gif) no-repeat left top;
	overflow:hidden;
}
#requestChanges .requestChangesCopy{
	float:left;
	padding:12px 0 12px 15px;
	width:355px;
}
#requestChanges .requestChangesButton{
	display:block;
	float:right;
	height:80px;
	width:180px;
	text-indent:-10000px;
}
.sbChangeRequest{
	padding:0 49px;
}
.sbChangeRequest textarea,  .sbChangeRequest input.labelfield{
	width:378px;
}
.sbChangeRequest select{
	width:385px;
}
.sbChangeRequest h4{
	padding:9px 0 2px 0;
}
.sbChangeRequest #buttonDivRight input{
	margin:10px 0 0 0;
}
.html #loggedInTabContainer{
	overflow:hidden;
}
.greyBox .xForm{
	vertical-align:-1px;
}
.greyBox .xButton{
	vertical-align:-9px;
}
.greyBox #downloadToExcel{
	vertical-align:-4px;
}
#loggedInTabContainer .greyBox{
	margin:11px 0 20px 0;
}
.dashGrad{
	background: url(/media/pics/site/dashBottom.gif) left top repeat-x;
}
.dashBottom.last{
	margin-left:28px;
}
.dashBottom{
	float:left;
	display:block;
	width:265px;
}
#loggedInTabContainer .dashGrad .listTable tr th, #loggedInTabContainer .dashGrad .listTable tr td, #loggedInTabContainer .dashGrad .sect{
	padding:5px 7px;
	margin-bottom:0;
}
#loggedInTabContainer .dashGrad .listTable tr th{
	background:transparent;
}
#loggedInTabContainer .dashGrad .listTable{
	float:none;
}

/**
 * featuredWidget
 */
#featuredWidget {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#featuredWidget h2 {
	background: transparent url(/media/pics/site/featuredWidget-h2.gif) center top no-repeat;
	display: block;
	height: 32px;
	text-align: center;
	line-height: 32px;	
	font-size: 11px;
	font-weight: bold;
	color: #ff6000;
	padding: 0 10px;
}

#featuredWidget .entityName {
	background: transparent url(/media/pics/site/entityName.gif) center top no-repeat;
	display: block;
	height: 21px;
	line-height: 21px;
	text-align: center;
	color: #949494;
	font-size: 10px;
	font-weight: normal;
	padding: 0 10px;
}

#featuredWidget .entityPrice {
	background: transparent url(/media/pics/site/entityPrice.gif) center top no-repeat;
	display: block;
	height: 21px;
	line-height: 21px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding: 0 10px;
}

#featuredWidget .entityPrice span {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

#featuredWidget .entityLogo {
	height: 106px;
}

#featuredWidget .entityLogo img {
	display: block; 
	margin: 0 auto;
}