/* CSS Document funkyes*/

#footer{
color:#000000;
font-size:10px;
}

#footer a{
color:#666666;
}

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

.actionlink{
margin:15px;
float:right;
border:1px solid gray;
}

body 
{
    background-color:   #01004C;
    margin:             10px 0px 5px 0px;
    text-align:         center;
    
	font-family: 		Geneva, Arial, Helvetica, sans-serif;
    font-size:          10px;
    color:              #666666;
}



form 
{
    margin:             0px;
    padding:            0px;
}

.clear {
	height: 			1px;
	line-height:		1px;
}

td 
{
    
    font-family: 		Geneva, Arial, Helvetica, sans-serif;
    font-size:          10px;
    color:              #666666;
    vertical-align:     top;
}

hr 
{
    color:				#CCCCCC;
    height:        		1px;
    margin-bottom:      5px;
    margin-top:    		5px;
	clear:              both;
}

b, strong {
    font-size:          11px;
}

.selectedBrand{
	font-size:          14px;
	color:              #FE0000;
	font-weight:		bold;
	width: 				100%;
	margin-bottom:		10px;
	margin-top:			30px;
}

.payPalLogo{
	border:0px;
	width:50px;
	height:14x;
	margin:0;
	padding:0;
}

.scrollCursor{
	cursor:pointer;
}

#addFavourites{
	position:relative;
	left:-460px;
	top:90px;
}

	#addFavourites a{
		color:#00CCFF;
		font-size:9px;
	}


/* default link style */
a:link 
{
    color:              #FE0000;
    text-decoration:    none;
}
a:visited 
{
    color:              #FE0000;
    text-decoration:    none;
}
a:active 
{
    color:              #FE0000;
    text-decoration:    none;
}
a:hover 
{
    color:              #FA2F74;
    text-decoration:    none;
}


/* FORM ELEMENTS */
form 
{
    margin:             0px;
    padding:            0px;
}
input, select, textarea 
{
    width:              175px;
    border:             1px solid #CCCCCC;
    font-size:          10px;
    font-family: 		Geneva, Arial, Helvetica, sans-serif;
    color:              #666666;
}
.termsBox
{
	width:300px;
}
.stdButton 
{
    cursor:             hand;
}

.inputLarge 
{
    width:              100%;
}
.inputMedium 
{
    width:              115px;
}
.inputSmall 
{
    width:              75px;
}
.inputTiny 
{
    width:              20px;
}
.radioCheckbox
{
    width:              20px;
	border:				none;
}


.minorButton 
{
    width:              100px;
    height:             16px;
    margin-bottom:      3px;
    background:         #FFFFFF;
    color:              #FE0000;
    border:             1px solid #CCCCCC;
    cursor:             hand;
}
.mainButton
{
    width:              100px;
    height:             16px;
    background-color:   #FE0000;
    color:              #FFFFFF;
    border:             1px solid #CCCCCC;
    cursor:             hand;
}
.required {
   color:   			#FE0000;
   text-align:			center;
}
.comment {
	color: 				#999999;
}
.underlineCell {
	border-bottom:		1px solid #CCCCCC;
}


/**************************
    PAGE LAYOUT
**************************/
#wrap
{
    background-color:   #FFFFFF;
    width:              804px;
	margin:				0px auto;
}

#header 
{
    height:             108px;
    background:         url(images/layout/inmheaderimg.jpg) center no-repeat;
	text-align:			right;
}

#headerFlash {
	margin-top:			20px;
	margin-right:		7px;
}

/* CSS HACK FOR FIREFOX */
html>body #headerFlash{
	margin-top:			20px;
	margin-right:		7px;
	padding-top:		20px;
}

#header img
{
	margin:				20px 8px 0px 0px;
}


#innerWrap
{
    width:              777px;
    text-align:         left;
    margin:             0px 13px 0px 14px;
}


/*****************
    MAIN MENU
*****************/
#mainMenu 
{
    height:             31px;
    background:         url(http://www.funkyes.com/images/layout/mainMenu_bg.gif) center no-repeat;
    border-top:         1px solid #FFFFFF; /* USE TO MAKE MARGIN-TOP WORK ON UL */
}

#mainMenu ul 
{
    padding:            0px;
    margin:             0px 0px 0px 10px;	

}

#mainMenu ul li 
{ 
    margin:             0px 0px 0px 6px; 
	padding:            0px 15px 0px 0px;
    list-style:         none;
	display:            inline;
    
    background:         url(http://www.funkyes.com/images/layout/pawSeperator.gif) right no-repeat;
    
}

#mainMenu ul li img 
{
    vertical-align:     middle;
}

#mainMenu ul #home
{
}
#mainMenu ul #bio
{
}
#mainMenu ul #clubFunk 
{
}
#mainMenu ul #freeStuff 
{
}
#mainMenu ul #faq 
{
}
#mainMenu ul #competitions 
{
}
#mainMenu ul #goodTimes 
{
}
#mainMenu ul #contactUs 
{
    background:         none;
    padding-right:      0px;
}




/****************************
 MAIN CONTENT SECTION LAYOUT
****************************/

/* CONTENT WITH MIDDLE */
#content
{
    clear:              both;
    background:         url(http://www.funkyes.com/images/layout/content_bg.gif) top left no-repeat;
    margin:             5px 0px 0px 0px;
    height:             330px;
}
/* STYLE FOR FIREFOX - HIDE FROM IE */
head:first-child+body #content
{
    height:             auto;
}


/* BANNER */
#image 
{
    position:			absolute;
	top:				146px;
	width:				133px;
	height:				106px;
	z-index:			40;
    background:        	url(http://www.funkyes.com/images/layout/lady.gif) 0px 0px no-repeat;

}

html>body #image 
{
	top:				142px;

}


/* BANNER */
#guarantee 
{
    background:        	url(http://www.funkyes.com/images/layout/noticeGuarantee.gif) 0px 0px no-repeat;
    float:				right;
	margin:				5px 5px 0 0;

}

#goodTimesHeaderLogo
{
	position:			relative;
	left:				-179px;
	top:				-8px;
}

html>body #goodTimesHeaderLogo
{
	top:				-10px;
}
	
	#goodTimesHeaderLogo .goodtimeSignbutton {
		border:0;
		margin:0 42px 0 0;
    	width:104px;
	}

#banner 
{
    margin-top:         -1px;
    border-top:         1px solid #FFFFFF;
    position:           relative;
    height:             100px;
    z-index:            20; /* says what layer the banner is. Allows the navigation to sit under the banner - for the orange rollover effect underneath the logo */
	display: 			block;
    
    left:               0px;
}
#banner p 
{
    margin:             7px 25px 0px 150px;
    color:              #FFFFFF;   
    font-size:          9px;
}

#banner p span
{
    color:              #AAFFFF;   
}

#whatIs{
	border:#000000 1px solid;
	display:none;
	text-align:left;
}



/* LEFT NAVIGATION */
#leftNav 
{
    margin-top:         -7px;
    width:              121px;
    float:              left;
}
#leftNav #navBottom 
{
    background:         url(http://www.funkyes.com/images/layout/left_bottom.gif) left top no-repeat;
    height:             130px;
    color:              #FFFFFF;
}


/* RIGHT NAVIGATION */
#rightNav 
{
    margin-top:         -21px; /* Move the navigation up underneath the banner */
    width:              108px;
    float:              right;
	text-align:			right;
}
#rightNav #navBottom 
{
    background:         url(http://www.funkyes.com/images/layout/right_bottom.gif) right top no-repeat;
    height:             127px;
    color:              #FFFFFF;
}
#rightNav #navBottom #payPal 
{
    width:              83px;
    float:              right;
    margin:             25px 3px 0px 0px;
}




/* CONTENT TEXT AREA */
#text 
{
    float:              left;
    width:              545px;
	height:				100%;
    margin:             -18px 1px 0px 1px;
}
#text h1
{
    font-size:24px;
    color:#01004C;
	font-family:Arial, Helvetica, sans-serif;
}
#text h2
{
    font-size:          12px;
    color:              #01004C;
	margin-bottom:		5px;
}
#text h3
{
	font-size:			12px;
	color:				#FE0000;
	text-transform:		uppercase;
	margin-bottom:		0px;
}
#text h4
{
}


/* SELECT STYLE */
#styleImage 
{
    height:             285px;
}

#selectStyle 
{
    height:             40px;
    color:              #FE0000;
    font-size:          10px;
    margin:             0px;
}
#selectStyle div.item
{
    float:              left;
    margin:             0px 10px 0px 0px;
}
#selectStyle div.lastItem 
{
    float:              right;
	width:				100px;
    margin:             0px;
}
#selectStyle p 
{
    margin:             0px 0px 5px 0px;
}
#selectStyle div.price 
{
    font-size:          20px;
    font-weight:        bold;
    margin:             2px 0px 0px 0px;
}



/* VIEW CART */
.orderItem 
{
    margin:             0px 0px 0px 30px;
	width:				490px;
	border-collapse:	collapse;
}
.orderItem .title
{
	font-size:			11px;
    height:             25px;
    font-weight:        bold;
    text-transform:     uppercase;
}
.orderItem th 
{
	font-size:			11px;
    font-weight:        bold;
	background-color:	#EEEEEE;
	border-top:			1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
}
.orderItem .borderCell
{
	border-bottom:		1px solid #CCCCCC;
}
.orderItem .doubleBorderCell
{
	border-bottom: 		1px double #CCCCCC;
}



/***************************
    FOOTER
***************************/
#footerWithMiddle 
{
    clear:              both;
    background:         url(http://www.funkyes.com/images/layout/footerWithMiddle.gif) top left no-repeat;
    color:              #FFFFFF;
    height:             75px;
}

#footerWithMiddle #payPal 
{
    width:              83px;
    float:              right;
    margin:             20px 5px 0px 0px;
}


#footerNav 
{
    width:              560px;
    float:              left;
    margin:             33px 0px 0px 5px;
}
#footerNav ul
{
    margin:             0px;
    padding:            0px;
    list-style:         none;
}
#footerNav ul li
{
    display:            inline;
    padding-left:       20px;
	margin-right:		15px;
    background:         url(http://www.funkyes.com/images/layout/footerPawSeperator.gif) left top no-repeat;
}
/* FIREFOX STYLE - HIDE FROM IE */
head:first-child+body #footerNav ul li {
    background:         none;
    padding-left:       17px;
	margin-right:		12px;
}

#currencyExchange
{
	color:				#0099FF;
    text-align:         left;
	padding-left:		35px;
	height:				15px;
}

	#currencyExchange a{
		color:			#0099FF;
	}

#underFooter 
{
	color:				#0099FF;
    text-align:         right;
	padding-right:		15px;
	height:				15px;
}

	#underFooter a{
		color:			#0099FF;
	}


#footerBrands 
{
	clear:				both;
	border-top:			2px solid #01004C;
	margin-top:			5px;
	padding-top:		5px;
	margin-bottom:		5px;
    text-align:         center;
	padding-left:		120px;
	padding-right:		100px;
}
#footerBrands  img
{
	margin-left:		10px;
	margin-right:		10px;
	border:				0px;
}



#footerWithSides 
{
    clear:              both;
	background:         url(http://www.funkyes.com/images/layout/footerWithSides.gif) bottom left no-repeat;
    color:              #FFFFFF;
    height:             117px;
}
#footerWithSides #footerNav 
{
	float:				left;
	width:				520px;
    margin-left:        50px;
    margin-top:         50px;    
}
/* FIREFOX STYLE - HIDE FROM IE */
head:first-child+body #footerWithSides #footerNav 
{
    margin-left:        85px;
}
#footerWithSides #footerNav ul li 
{
    padding-left:       17px;
	margin-right:		8px;
}
/* FIREFOX STYLE - HIDE FROM IE */
head:first-child+body #footerWithSides #footerNav ul li {
    background:			none;
    padding-left:       14px;
	margin-right:		5px;
}


#footerWithSides #link 
{
	float:				right;
	width:				160px;
	height:				117px;
}
#footerWithSides #link a span 
{
	display:			none;
}
#footerWithSides #link a:link 
{
	width:				160px;
	height:				117px;
	display:			block;
	background:			url(http://www.funkyes.com/images/links/spliffy_off.gif) top left no-repeat;
}
#footerWithSides #link a:visited 
{
	width:				160px;
	height:				117px;
	display:			block;
	background:			url(http://www.funkyes.com/images/links/spliffy_off.gif) top left no-repeat;
}
#footerWithSides #link a:active 
{
	width:				160px;
	height:				117px;
	display:			block;
	background:			url(http://www.funkyes.com/images/links/spliffy_off.gif) top left no-repeat;
}
#footerWithSides #link a:hover 
{
	width:				160px;
	height:				117px;
	display:			block;
	background:			url(http://www.funkyes.com/images/links/spliffy_ovr.gif) top left no-repeat;
}


/************************
    BOTTOM OF PAGE
************************/
#bottom 
{
    clear:              both;
    background-color:   #01004C;
    width:              804px;
    border-top:         10px solid #01004C;
    color:              #FFFFFF;
}
#bottom #inner 
{
    width:              765px;
    text-align:         left;
    margin:             0px 18px 0px 17px;             
}
#bottom #inner .design 
{
    width:              370px;
    float:              left;
    margin-right:       10px;
	margin-bottom:		7px;
}
#bottom #inner .design .image
{
    float:              left;
    width:              136px;
}
#bottom #inner .design .description
{
    float:              right;
    width:              234px;
}

#bottom #inner .design h1
{
    color:              #FE0000;
    margin:             0px;
    padding:            0px;
    font-size:          12px;
    text-transform:     uppercase;
}
#bottom #inner .design p
{
    margin:             7px 0px 10px 0px; 
}
#bottom #inner .design .box
{
    border:             1px solid #FFFFFF;
    padding:            2px 5px 2px 5px;
    text-transform:     uppercase;
    font-size:          12px;
}



/**************/
/* LOGON AREA */
/**************/


#logon 
{
    width:              100px;
    float:              left;
    margin:             2px 0px 0px 5px;
    position:           relative;
    z-index:            20;
    
    color:              #FFFFFF;
    font-size:          9px;
}

html>body #logon
{
	margin:				2px 0 0 8px;
}

#navBottom #logon {
    margin:             10px 0px 0px 3px;
}
#logon input 
{
    height:             12px;
    width:              55px;
    color:              #999999;
    font-size:          9px;
    
    background-color:   #01004C;
    border:             1px solid #FFFFFF;
}
#logon input.stdButton
{
    font-size:          9px;
    height:             16px;
    width:              20px;
    cursor:             hand;
    color:              #FFFFFF;
}
/* FIREFOX STYLE - HIDE FROM IE */
head:first-child+body #logon input.stdButton
{
    font-size:          8px;
}

#logon a 
{
    color:              #FFFFFF;
    text-decoration:    underline;
}
#logon a:hover
{
    color:              #FE0000;
}

/***************/
/* BRANDS PAGE */
/***************/

#brandsWrapper div{
	clear:both;
	padding:25px 0 25px 0;
}

#brandsWrapper div img{
	float:left;
	padding-right:15px;
}

#brandsWrapper div p{
	float:right;
	width:280px;
}

.viewBrandDesign{
	float:right;
	padding:0;
	margin:0;
	text-align:right;
	width:150px;
}

	.viewBrandDesign a, .viewBrandDesign a:visited{
		color:#0099FF;
	}

/***************/
/* COMPETITION */
/***************/

#boxfloatleft {
	float:				left;
	margin-top:			10px;
	text-align:			right;
	}

.largegreytext {
	font-family: 		Geneva, Arial, Helvetica, sans-serif;
    font-size:          14px;
    color:              #666666;
}
#boxfloatright {
	float:				right;
	margin-right:		15px;
	margin-top:			10px;
}
#boxfloatcentre {
	float:				right;
	margin-top:			10px;
	width:				340px;
	margin-left:		10px;
	text-align:			right;
	}

/***************/
/* FREE STUFF */
/***************/

#freeboxright {
	float:				right;
	margin-right:		15px;
	margin-top:			10px;
	padding-top:		100px;
	width:				300px;
	text-align:			center;
}
.freestuffButton
{
    width:              250px;
    height:             22px;
    background-color:   #FE0000;
    color:              #FFFFFF;
    border:             1px solid #CCCCCC;
    cursor:             hand;
	font-size:			14px;
	font-weight:		bold;
}
#freestuffcontent {
	margin-top:			15px;
	clear:				both;
	}
#freestuffspace {
	padding-right:		10px;
	padding-bottom:		15px;
	float:				left;
	text-align:			left;
	}
	

/***************/
/* CLUB FUNK  */
/***************/
#termsandconditions strong{
color:#FF0000;
font-weight:normal;
}
	

/********************/
/* SHIPPING DETAILS */
/********************/

#peterpanShippingDetails{
	display:none;
}


p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}