﻿/* 
	+ When using color styles make sure to set background color and color if not can cause problems with user defined 
	+ browser styles does not cause problems with CSS validator just raises a warning but could be a problem if the
	+ user has set custom colors in his or her browser.
*/
html,body  
{
	background-image:url(../gfx/woodBg2.jpg);
	color: Black;
	background-color:#732b05;
    margin:0px;
    padding:0px;
	/* scrollbar-face-color: #c6c3ad; */
}

Input {height:15px;}
/*.button {width:110px; border: 1px solid black; font-size:8pt; height:20px;}*/
.button {width:110px; font-size:8pt; height:25px;}
.back-button {width: 80px; margin-right: 110px;}
.FormStyle {border:1px solid black;}
.FormStyle td { }
.FormStyleHeader {background-color:Black; color:White; font-size:14px; font-weight: bold;}

#pagecontainer
{
	background-image:url(../gfx/bg_cards.gif);
	background-repeat:no-repeat;
	background-position:center top;
	height:880px;
}

#bookcontainer
{
	position:relative;
	width:787px;
	height:628px;
	color: Black;
	background-image:url(../gfx/EmptyBook.gif);
	background-repeat:no-repeat;
	margin:15px auto 15px auto;
}

a
{
    cursor: pointer;
}

/* Products Page */

.ImageBorder 
{
	border: 10px double black;
	cursor: pointer;
}

/* basket stuff */
#basket
{
	position:absolute;
	top:0px;
    left:776px;
	width:119px;
	height:355px;
	background-image: url(../gfx/bookmark.gif);
	background-repeat: no-repeat;
	overflow:hidden;
}


#basketheader
{
	margin-top:16px;
	margin-left:2px;
	width:119px;
	height:355px;
}

#basketitems
{
	position:absolute;
	top:66px;
	left:10px;
	height:120px;
	width:80px;
	border:solid 0px red;

}

#basketcheckout
{
	position:absolute;
	top:220px;
	left:2px;
	width:80px;
	height:150px;
	border:solid 0px red;
}


#logoholder 
{
	position:relative;
	width: 100px;
	left:80px;
    top: -10px;
}

#logoholder img
{
	border: 0px;
}

#mainmenu img
{
	border:0;
}

/* MAIN PAGE ELEMENTS */
#mainmenu 
{
	position:absolute;
	top:10px;
	left:390px;
	border:solid 0px blue;
	width:385px;
	height:90px;
}

#leftcontent
{
	position:absolute;
	top:120px;
	left:0px;
	border:solid 0px red;
	width:380px;
	padding-left: 20px;
	height:480px;
	overflow : auto;
}

#rightcontent
{
    position:absolute;
	top:91px;
	left:404px;
	width:380px;
	height:510px;
	overflow : visible;	
}

#content
{
	position:relative;
	top:10px;
	left:10px;
	width:765px;
	height:510px;
	/* overflow : none; */
	
	}


#footer-left
{
	position:relative;
	top:610px;
	left:30px;
	font-size: 7pt;	
}

#footer-right
{
	z-index:999;
	position:absolute;
	top:610px;
	left:410px;
	font-size: 7pt; 
	
}

/* (START) Layout styles for Tips page */

#tipsBack
{
	position:relative;
	border:solid 0px green;
	top:425px;
	left:85px;
	width:170px;
	text-align:center;
}

#tipsForward
{
	position:relative;
	border:solid 0px red;
	top:455px;
	left:95px;
	width:170px;
	text-align:center;
}

#tipsImage
{
	position:relative;
	top:48px;
	left:92px;
	border:solid 0px green;
	width:172px;
	height:325px;
}

#tipsMain
{
	position:relative;
	top:78px;
	left:97px;
	width:172px;
	height:325px;
}

/* (END) Layout styles for Tips page */

#newsSummary
{
	position:relative;
	top:20px;
	left:60px;
	border:solid 0px green;
	width:300px;
	height:325px;
}

#newsMain
{
	position:relative;
	top:0px;
	left:15px;
	width:330px;
	height:400px;
}
#newsMain img
{
	width:310px;
	height:370px;
	border: 2px solid black;
	}


#LeagueNav
{
	position:relative;
	left:5px;
	border:solid 0px black;
	width:350px;
	/* top: -30px; */
	margin-top:23px;
}

* html #LeagueNav
{
	margin-top:-10px;	
}

.OrderHistoryInput 
{
	height:10px;
	font-size: 8pt;
	width: 150px;
}

.OtherProductTitle
{
	width:100px;
	padding-top:5px;
	padding-bottom:5px;
	}

/* New Changes 08-10-08 */

.white-background, .white-background-large
{
    background-color: White;
}

.white-background
{
    display: table-cell;
    width: 100px;
    height: 105px;
    vertical-align: middle;   
}

.white-background a, .white-background img
{
    margin: auto;
    vertical-align: middle;   
}

.white-background-large
{
    width: 100%;
}

.MoveUp
{
	margin-left: 150px;
	text-align: center;
}

/* NEW FRONT PAGE - 10/11/09 - J.Burley */
.club-box
{
    width: 114px; 
    padding-left: 1px;
    height: 124px; 
    float: left;
    position: relative;
    z-index: 500;
}

.club-box a img
{
    z-index: 600;   
}

.league-menu-item
{
    width: 173px; 
    margin-right: 1px; 
    margin-bottom: 1px; 
    float: left; 
    height: 20px; 
    background-color: #bfaa8f; 
    color: #FFF; 
    text-align: center;
    display: inline-block; /* For the IE6 Ghost bug */
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}

.league-menu-item-selected, .league-menu-item:hover
{
    background-color: #000;
    color: #FFF;
}

.club-holder
{
    padding: 0 1px; 
    height: 373px;
    background: transparent url('../gfx/catalogue-grid.gif') no-repeat left top; 
    width: 345px;
}

.club-holder-right
{
    margin-left: 5px;
}

h5.club-title
{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    width: 114px;
    margin: 0;
    padding: 0;
}

.club-holder img
{
    position: absolute;
    top: 29px;
    left: 20px;
    width: 74px;
    height: 73px;
    background-color: White;
}

.club-holder a.info, .club-holder a.buy, .club-holder p
{
    position: absolute;
    top: 102px;
    height: 14px;
    background-color: #c0a889;
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 0;
    padding-top: 1px;
    text-decoration: none;
    margin: 0;
    line-height: 1em;
    font-weight: bold;
}

.club-holder a
{
    width: 33px;
    color: #84321b;
}

.club-holder a.info
{
    left: 20px;
    width: 74px;
    color: #000;
}

.club-holder a.info:hover
{
    background-color: #af0c2e;    
    color: #FFF;
}

.club-holder p.price
{
    left: 38px;
    width: 38px;
}

.club-holder a.buy
{
    left: 77px;
}

.club-holder a img
{
    border: 0;
}

a.paging
{
    font-weight: bold;
    font-size: 14px;
    margin-top: 2px;
    text-decoration: none;
}

a.paging-selected, a.paging:hover
{
    color: #77786a;
}

div#leftcontent
{
    overflow: hidden;
}

#tooltip h3 	
{
    color:Black;
	font-size:11px;	
	font-weight:normal;
	text-decoration:none;	
	font-style:normal;
	text-align: center;
	width: 230px;
	height:55px;
}
#tooltip div { width: 230px;height:55px; text-align: left; background:#ABABAB; }


/* Additional:  05-02-2010 J.Burley */
.savile-pop-up-box
{
    
    width: 154px;
    left: -20px;
    top: -5px;
    position: absolute;
    background-color: Yellow;
    height: 238px;
    visibility: hidden;
    z-index: 10000 !important;
}

img.popup-image-frontpage
{
    margin-bottom: 1px;   
}

input.buy-front-page
{
    width: 140px;
    height: 20px;
    border: solid 2px #a59b60;
    background-color: #b00b33;  
    margin-left: 19px;
    margin-top: 7px;
    color: #FFF;
    font-weight: bold;
    font-family: Times New Roman;
    font-size: 12px;
    text-align: center;
    padding-top: 0;
    cursor: pointer;
}

.more-info-popup
{
    width: 108px;
    height: 17px;
    background: transparent url('../gfx/bg/more-info-button.gif') no-repeat left top;
    cursor: pointer;   
    border: 0;
    margin-left: 35px;
    padding-bottom: 5px;
    display: block;
}

.cart-button
{
    width: 85px;
    height: 23px;
    border: 0;
    background: transparent url('../gfx/bg/add-to-cart.gif') no-repeat left top;
}


/* Modal Popup */
.modalpopupbackground
{
    background: transparent url('../gfx/bg/modalpopup.png') repeat top left;
}

.upgradecontent
{
    border: solid 1px #9E9073;
    background-color: #bcad98;
    width: 450px;
    padding: 15px;
    text-align: center;
}

.upgradecontent-scarf
{
    width: 448px;   
    background-color: #d6c7aa;
    border: solid 1px #9E9073;
    text-align: left;
}

/* Zoom Popup */
.zoom-popup { width: 600px; height: 420px; position:relative; }
.zoom-close { width:34px; height:34px; position:absolute; right:5px; top:5px; cursor:pointer; }

#impossibleToPostionModal { text-align: center; margin:20px; width:400px; border:none !important; }

#impossibleToPostionModal h5 { font-size:14px; }
#impossibleToPostionModal p { margin-bottom:15px; } 
#impossibleToPostionModal .st { margin-top:15px; }

/** Zoom Popup Image **/
.img-overlay { width:240px; height:250px; background-color:#fff; margin-left:auto; margin-right:auto; }
.inv-iframe { border:0px; overflow:hidden; background-color:Transparent; background-color:#bcad98; }
.img-zoom { cursor:pointer; }

/** input tables **/
.input-table td { padding:2px 3px 2px 3px; }

/** Error **/
.error { color:Red; }

/** default site buttons **/
.button-default { height: 24px; font-size:12px; border: solid 2px #a39a57; background-color:#ae0d2c; font-family:Times New Roman; font-weight:bold; color:#fff; cursor:pointer; }
.cpoint { cursor:pointer; }


/** Front Page Popover Effect **/
#product-popup { width: 178px; height:266px; position:absolute; z-index:9999; left:0px; top:0px; background-image:url(../gfx/product_popup.png); background-position:left top; background-repeat:no-repeat;}
#product-popup p { text-align:center; }
#product-popup h5 { text-align:center; }
#product-popup img { border:solid 1px #77371b; text-align:center; }
#club-product-container { position:relative; }
.dn { display:none; }
.ac { text-align:center; }

/* IE7 */
*:first-child+html #product-popup h5 { margin-top:20px; } 

/** accordian **/
.acc-header { background-color: #bfaa8f; text-align:center; font-weight:bold; font-size:14px; height:21px; line-height: 19px; padding-top:2px; cursor:pointer; padding-left:10px; margin-bottom:1px; }
.acc-sel-header { background-color: #000; color:#fff; text-align:center; font-weight:bold; font-size:14px; height:21px; padding-top:2px; cursor:pointer; padding-left:10px; }
.acc-body { padding-top:10px; border: solid 1px #bfaa8f; }
.acc-con { margin-top:30px; }