/***************************  

ALWAYS INTERACTIVE
www.alwaysinteractive.com

V1 - Patchwork Interactive - September 2008

***************************/

html, body, div, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
fieldset, img {
	border: none;
}
caption, th {
	text-align: left;
}
table {
	border-collapse: collapse;
}
#header ul,
#nav ul,
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/********** LAYOUT **********/

body {
	background: url(/images/layout/bg.gif) top center repeat-y !important;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.clear {
	clear: both;
}
img {
	behavior: url(/iepngfix.htc);
	border: 0;
}
img.left {
	float: left;
	margin: 2px 20px 16px 0;
}
img.right {
	float: right;
	margin: 2px 0 16px 20px;
}
.bold, strong, b {
	font-weight: bold;
}
.italic {
	font-style: italic;
	color: #333;
}
.bold_italic {
	font-weight: bold;
	font-style: italic;
}
.orange {
	color: #333;
}
p {
	padding: 5px 0;
	line-height: 1.8em;
}
a:link, a:active, a:visited {
	color: #8F0000;
}
a:hover {
	color: #333;
}
h1 {
	border-bottom:1px dashed #999999;
	border-top:1px dashed #999999;
	clear:both;
	color:#8F0000;
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:32px;
	margin: 24px 0 18px;
	padding:10px 0;
	text-align:center;
}
h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 8px;
}
h3 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 4px;
}
h4 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 2px;
}
hr {
	border: none;
	height: 1px;
	background-color: #333;
	margin: 10px 0;
}
.hide, .catalogueItemNotFound {
	display: none;
	visibility: hidden;
	height: 0;
}
.center {
	text-align: center;
}
.cell {
	padding: 20px 0;
	border-bottom:1px dashed #999999;
}
    
/********** CONTAINER **********/

#container {
	width: 967px;
	margin: 0 auto;
}

/********** HEADER **********/

#header {
	height: 158px;
	background: url(/images/layout/bg-header.gif) center repeat-x;
	color: #fdf5da;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#header a {
	color: #fdf5da;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#header .quilt {
	width: 543px;
	height: 279px;
	margin: 0 0 0 458px;
	_margin: 0 0 0 270px;
	*margin: 0 0 0 270px;
	position: absolute;
	top: 24px;
	z-index: 10;
	background: url(/images/layout/quilt.png) no-repeat;
	behavior: url(/iepngfix.htc);
}
#header .top {
	width: 967px;
	height: 40px;
	margin: 0 auto;
	padding: 6px 0 0 0;
	position: relative;
}
#header .top li {
	float: left;
	padding: 0 8px;
	background: url(/images/layout/menu-slice.gif) right no-repeat;
}
#header .top li.end {
	background: none;
}
#header .top .col01 {
	float: left;
	font-weight: bold;
}
#header .top .col02 {
	float: right;
}
#header .logo a {
	width: 967px;
	height: 0;
	margin: 10px auto;
	padding: 74px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(/images/layout/logo.gif) no-repeat;
}
	
/********** NAVIGATION **********/

#main #nav {
	width: 640px;
	height: 86px;
	margin: 0 0 0 2px;
	_margin: 0 0 0 -182px;
	*margin: 0 0 0 -182px;
	position: absolute;
	padding-left: 10px;
	top: 106px;
	z-index: 11;
	background: url(/images/layout/nav/nav-bg.png) 4px 40px no-repeat;
	
}  
    #main #nav li {
    	background: none;
		float: left;
		padding: 0;
    }
    	#main #nav a {
    		width: 116px;
			font: 14px Georgia,"Times New Roman",serif;
			color: #5c000c;
			text-decoration: none;
			display: block;
			text-align: center;
			padding: 10px 0 10px 0;
			margin: 47px 0 0 0;
    	}
    	#main #nav a:hover {
			text-decoration: underline;
    	}
    	#main.nav01 #nav li#nav01 a,
    	#main.nav02 #nav li#nav02 a,
    	#main.nav03 #nav li#nav03 a,
    	#main.nav04 #nav li#nav04 a,
    	#main.nav05 #nav li#nav05 a {
    		width: 155px;
			padding: 57px 0 15px 0;
			_padding: 37px 0 15px 0;
			margin: 0;
			_margin: 20px 0 0 0;
			cursor: default;
			text-decoration: none;
    	}
    	#main.nav01 #nav li#nav01 a {
    		margin: 0 0 0 -10px;
    		_margin: 0 0 0 -6px;
    	}
    	#main.nav01 #nav li#nav01 {
    		_margin: 20px 0 0 -6px;
    	}
    	#main.nav05 #nav li#nav05 a {
    		margin: 0 0 0 10px;
    		_margin: 0 0 0 10px;
    	}
    	#main.nav05 #nav li#nav05 {
    		_margin: 20px 0 0 0;
    	}
    	#main.nav05 #nav li#nav02,
    	#main.nav05 #nav li#nav03,
    	#main.nav05 #nav li#nav04 {
    		_margin: 0;
    	}
    	#main.nav01 #nav li#nav01 a.nav01 {
    		background: url(/images/layout/nav/nav-current.png) 0 20px no-repeat;
			_background: url(/images/layout/nav/nav-current.png) 0 20px no-repeat!important;
			*background: url(/images/layout/nav/nav-current.png) 0 20px no-repeat!important;
    		behavior: url(/iepngfix.htc);
    	}
    	#main.nav02 #nav li#nav02 a {
    		background: url(/images/layout/nav/nav-current.png) 0 20px no-repeat;
    		behavior: url(/iepngfix.htc);
    	}
    	#main.nav03 #nav li#nav03 a {
    		background: url(/images/layout/nav/nav-current.png) 0 20px no-repeat;
    		behavior: url(/iepngfix.htc);
    	}
    	#main.nav04 #nav li#nav04 a {
    		background: url(/images/layout/nav/nav-current.png) 0 20px no-repeat;
    		behavior: url(/iepngfix.htc);
    	}
    	#main.nav05 #nav li#nav05 a {
    		background: url(/images/layout/nav/nav-current2.png) 0 20px no-repeat;
    		behavior: url(/iepngfix.htc);
    	}
    #main #nav ul li {
		float: left;
		position: relative;
		display: inline;
    }
    #main #nav ul li ul {
		position: absolute;
		left: 0;
		display: block;
		visibility: hidden;
		margin: 0 0 0 10px;
		_margin: 0 0 0 0;
    }
    #main #nav ul li ul li {
		display: list-item;
		float: none;
    }
    #main #nav ul li ul li ul {
		top: 0;
    }
    #main #nav ul li ul li a {
		font: 12px Arial, Helvetica, sans-serif;
		width: 160px;
		background: #d8bd7e none !important;
		padding: 4px 5px !important;
		margin: 0 0 0 10px;
		color: #710a00 !important;
		border-bottom: 1px solid #710a00;
		text-align: left;
    }
    #main #nav ul li#nav01 ul li a {
		_padding: 4px 5px 4px 15px !important;
    }	
    #main #nav ul li ul li a:hover {
		background: #710a00 none !important;
		color: #fcf2d2 !important;
		border-bottom: 1px solid #710a00;
    }
    #main #nav ul li ul li ul li a {
		background: #d8bd7e none !important;
		margin: 0;
		border-left: 1px solid #710a00;
    }

		
/********** CONTENT **********/
						
#content .col01 {
	margin: 40px 25px 25px 10px;
	width: 665px;
	float: left;
}			
#content .col02 {
	margin: 90px 0 25px 30px;
	_margin: 90px 0 25px 0px;
	width: 237px;
	float: left;
}			
#content .col02 h1, #content .col02 h2{
	border-bottom: none;
	font-size: 18px;
	margin: 18px 0 5px -18px; 
	padding: 15px 0 5px;
	text-align: left;
}	
#content .col02 h2{
	color:#8F0000;
	display:block;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#content .col02 .view-cart {
	border-top: 1px dashed #999999;
	background: url(/images/layout/shopping-cart/bag.jpg) 40px 10px no-repeat;
	margin: 0 0 0 -18px;
	width: 100px;
	height: 55px;
	padding: 30px 0 0 120px;
	display: block;
}
#content .col02 .site-by {
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	margin: 20px 0 0 -18px;
	width: 240px;
	padding: 15px;
	text-align: center;
}


/********** SIDEBAR **********/	

.subscribe-newsletter input {
	margin-bottom: 6px;
}
.become-a-member a {
	margin: 6px 0 0 -5px;
	width: 141px;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	display: block;
	background: url(/images/buttons/become-a-member.png) no-repeat;
}
.become-a-member a:hover {
	background-position: -141px 0;
}
.bodytext {
	margin-left: 60px;
}
				
/********** FOOTER **********/	
    			
#footer {
	height: 283px;
	background: url(/images/layout/footer.jpg) top center repeat-x;
	padding-left: 30px;
}
#footer .content{
	width:967px;
	margin:auto;
}
#footer .col {
	float: left;
	margin: 0 12px;
	width: 169px;
	height: 252px;
	overflow: hidden;
}
#footer h1, #footer h2 {
	font: 14px Georgia,"Times New Roman",serif;
	border-top: none;
	margin: 6px 0 7px;
	padding: 6px 0;
	text-align: left;
}
#footer h2 {
	border-bottom:1px dashed #999999;
}

#footer ul {}
#footer li {}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}  		
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}  			
  					 
	
/********** COPYRIGHT **********/

#copyright {
	color: #fdfcf7;
	clear: both;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	padding-top: 14px;
}
	#copyright a  {
		color: #FFF;
		text-decoration: none;
	}
	#copyright a:hover {
		text-decoration: underline;
	}

	
/********** MEMBERS **********/

#is-login, #not-login {
	display: none;
}
	
/********** WHATS ON **********/

.whats-on {
	margin: 25px 0 60px;
}
.whats-on li {
	float: left;
}
.whats-on a {
	width: 120px;
	height: 0;
	padding-top: 32px;
	display: block;
	overflow: hidden;
	margin: 0 6px 0 0;
}
.whats-on .aus a {
	background: url(/images/buttons/aust-calendar01.gif) no-repeat;
}
.whats-on .aus a:hover {
	background: url(/images/buttons/aust-calendar02.gif) no-repeat;
}
.whats-on .nz a {
	background: url(/images/buttons/nz-calendar01.gif) no-repeat;
}
.whats-on .nz a:hover {
	background: url(/images/buttons/nz-calendar02.gif) no-repeat;
}
.whats-on .us a {
	background: url(/images/buttons/us-calendar01.gif) no-repeat;
}
.whats-on .us a:hover {
	background: url(/images/buttons/us-calendar02.gif) no-repeat;
}
.whats-on .uk a {
	background: url(/images/buttons/uk-calendar01.gif) no-repeat;
}
.whats-on .uk a:hover {
	background: url(/images/buttons/uk-calendar02.gif) no-repeat;
}

/********** SIDEBAR **********/

#ewayBlock div {
	text-align: left !important;
}
#ewayBlock img {
	float: left;
	margin: 3px 8px 0 0;
}

/********** ONLINE VIDEOS **********/

.header {
	background: url(/images/header.png) no-repeat;
	height: 166px;
	margin-top: 15px;
}
	.header a {
		color: #FFF;
	}
	.header .col02a {
		width: 170px;
		height: 130px;
		padding: 10px;
		margin: 0 9px;
		_margin: 0 7px;
		float: left;	
		overflow: hidden;
	}
		.header .col02a h1 {
			font: bold 18px Georgia, serif;
			color:#FFFFFF;
			line-height:22px;
			padding: 5px 0 8px 0;
			border: none;
			margin: 5px 0 0 0;
		}
		.header .col02a ul {
			font: 11px Verdana, Arial, sans-serif;
			color:#FFFFFF;  
			line-height:18px;
			margin: 0 0 0 10px;
		}
	.header .col02b {
		width: 405px;
		height: 150px;
		margin: 7px 3px;
		_margin: 7px 0;
		float: left;	
		overflow: hidden;
	}

#online_videos {
	padding: 10px;
}
	#online_videos ul {
		margin: 15px 0 40px 0;	   
	}	
		#online_videos li {
			clear: left;
			padding: 3px 0;
		}	
		#online_videos #thumb li {
			float: left;
			padding: 5px 1px;
			clear: none;
		}	
			#online_videos li.odd .col1 {
			    padding-top: 2px;
			    padding-left: 10px;
			    height: 20px;
			    background-color: #EEE;   
			    width: 480px;
			    float: left;
			    padding: 0;	 
			}		
			#online_videos li.odd .col2 {
			    padding-top: 2px;
			    padding-right: 5px;
			    height: 20px;
			    background-color: #EEE;   
			    width: 57px; 
			    padding: 0;	 
			    float: left;
			}	
			#online_videos li.even .col1 {
			    padding-top: 2px;
			    padding-left: 10px;
			    height: 20px;
			    background-color: #FFF;   
			    width: 480px;
			    float: left;
			    padding: 0;	 
			}		
			#online_videos li.even .col2 {
			    padding-top: 2px;
			    padding-right: 5px;
			    height: 20px;
			    background-color: #FFF;   
			    width: 57px; 
			    padding: 0;	 
			    float: left;
			}	
.links {
	text-align: center;
	padding-bottom: 20px;
}


/********** SHOP **********/

.productLarge .col01b {
	text-align: center;
	margin-bottom: 15px;
}
.productLarge .description {
	padding: 15px 0;
	margin-bottom: 15px;
	border-bottom:1px dashed #999999;
	border-top:1px dashed #999999;
}
.secure {
	background: url(/images/layout/secure.jpg) no-repeat;
	font-size: 10px;
	font-weight: bold;
	height: 50px;
	margin: 15px 0 0 255px;
	padding: 54px 0 0;
	text-align: center;
	width: 215px;
}