/*
	MASTER CSS FILE, v0.1
	created by ballyhoos.com.au 2007, scott@ballyhoos.com.au
	NOTE : background: transparent; IE 6 BUG on bold text, will not display the back image
	Generic styles
	
*/

/* ********* RESET CSS ************* */

@import url("reset.css");

/* ********* PAGE SETUP ************* */

body{
	background-color:#000000;
	font:normal 10px arial;
	color:#666666;
	/*cursor:url('http://echo6.dyndns.org:8080/tsos/images/cursors/GumBoot_blk.cur');*/
}

/* page properties */
.pgprop{ 	
	width:891px; 
	margin-top:32px;
}

/* ********* UNIVERSAL STYLES ************************************** */

/* ********* padding  ************** */

.pt	{ padding-top:16px;		}
.pb	{ padding-bottom:16px;	}
.pl	{ padding-left:16px;	}
.pr	{ padding-right:16px;	}
.plr{ padding:0 16px 0 16px;}
.ptb{ padding:16px 0 16px 0;}
.pa	{ padding:16px;			}

/* ********* A HREFs  ***************** */

a{ 	
	text-decoration:none;
	color:#999999; 
}
	
a:hover{
	text-decoration:none;
}	


/* MENU */
ul.menu li{
	background:url( images/li_sep.gif) 100% 2px no-repeat;
	padding:0 16px 0 12px;
	_padding:0 16px 0 16px;
}
ul.menu li a:hover{
	color:#ffffff;
}
ul.menu li.on a{
	color:#ffffff;
}

ul.menu li.last{
	background:none;
	padding-right:0px;
}



/* ******* HEADER ****************** */
#header{
	background:url( images/bg_lines.jpg) 0 0px ;
	padding-bottom:12px;
}
#header .bg{
	background-color:#000000;
	padding-bottom:5px;
}

/* ******* HEADER NAVIGATION ****************** */

#header .nav{
	/* this is required otherwise the menu will stop form editing*/
	width:200px;
	z-index:50;
	position:absolute;
	
	
}
#header .nav ul{
	
}
#header .nav li {
	float:left;
}
#header .nav ul li a{
	display:block;
	padding-top:16px;
	width:25px;
	background:#ffffff;
	opacity: .30;
	moz-opacity: .30;
	filter:alpha(opacity:30);
	text-indent:-5000px;
	
}
#header .nav ul li span{
	clear:both;
	float:left;
	width:25px;
	height:4px;
	position:relative;
	background:url( images/menu/nav_fade.png) 0 100% repeat-x ;
	/* turn off IE6 */
	_background:none;
}
#header .nav ul li a:hover{
 	opacity: 1.0;
	moz-opacity: 1.0;
	filter:alpha(opacity:100);
}
#header .nav ul li.on a{
	margin-top:-20px;
	padding-bottom:20px;
	opacity: 1.0;
	moz-opacity: 1.0;
	filter:alpha(opacity:100);
	position:relative;
}

#header .nav ul li a.aboutus{
	height:95px;
	background:url(images/menu/aboutus.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
}
#header .nav ul li a.story{
	height:110px;
	background:url(images/menu/thestory.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
}

#header .nav ul li a.logo{
	height:165px;
	opacity: 1.0;
	moz-opacity: 1.0;
	filter:alpha(opacity:100);
	background:url(images/menu/horizontal_logo.jpg) 3px 3px no-repeat;
	background-color:#000000;
	}
#header .nav ul li a.logo:hover{
 	opacity: 1.0;
	moz-opacity: 1.0;
	filter:alpha(opacity:100);
	margin-top:0px;
	padding-bottom:0px;
	}
#header .nav ul li a.collection{
	height:120px;
	background:url(images/menu/collections.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
	}
#header .nav ul li a.shop{
	height:120px;
	background:url(images/menu/onlineshop.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
}
#header .nav ul li a.contact{
	height:95px;
	background:url(images/menu/contact.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
}
#header .nav ul li a.blog{
	height:95px;
	background:url(images/menu/blog.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
}
#header .nav ul li a.stockists{
	height:100px;
	background:url(images/menu/stockists.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
}

#header .nav ul li a.stockists{
	height:100px;
	background:url(images/menu/stockists.jpg) 0 8px no-repeat;
	background-color:#FFFFFF;
}

#header .subnav{
	margin-top:37px;
}
#header .subnav .about{
	margin-left:22px;
}

#header .subnav .shop{
	margin-left:160px;
}




#header .shop_opts li {
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
}
#header .shop_opts li.on a img{
	/*background: url(images/select_arrow.jpg) 50% 0 no-repeat;*/
	margin-top:-84px;
}

#header .shop_opts li a{
	/*text-indent:-5000px;*/
	padding-top:1px;
	display:block;
	height:50px;
	width:55px;
}

#header .shop_opts li a img {
	position:relative;
}

#header .shop_opts li a:hover img {
	margin-top:-84px;
}

/*************** CART  ********************** */
 
.trolley td{
	padding:5px;
	border-bottom:1px solid #cccccc;
}	
.trolley th{
	padding:10px;
	background-color:#cccccc;
}
.trolley tr.total td{
	font-weight:bold;
	background-color:#cccccc;
}

/* ******* FOOTER ****************** */
#footer{
	margin-top:16px;
}
#footer a:hover{
	color:#FFFFFF;
}

/* ******** MAIN CONTENT ********************* **/
#main {
	margin-top:3px;
}
#main .content{
	background-color:#FFFFFF;
	padding:130px 50px 50px 70px ;
}
#main h1{
	color:#FFFFFF;
	background-color:#000000;
	font:bold 27px courier new;
	float:right;
	padding:3px 10px;
}
#main h2{}
#main h3{
	font:bold 14px courier new;
	color:#000000;
}
#main h4{
	font:bold 12px courier new;
}
#main h4 a.on{
	color:#000000;
}
#main p{ 
	font-size:12px;
	color:#000000;
}

#main .pgmenu{	
	margin-top:5px;
	background:url( images/bg_lines.jpg);
	height:68px;
	padding:0 25px 0 25px;
}

#main #gallery{
	height:455px;
	width:891px; 
	position:relative;
	overflow:hidden;
	
}
#main #gslider{
	height:455px;
	width:50000px;
	position:relative; 
	z-index:2;
}

#main #gslider .slide{
	width:891px;
	height:455px;
	background-color:#000000;
	float:left;
}

#main #sprinkles{
	width:286px;
	height:25px;
	float:right;
	margin-top:20px;
	margin-right:-25px;
	position:relative;
}



/* ******** MAIN CONTENT - GALLERY MENU ********************* **/

#main #gallery_menu li {
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
}
#main #gallery_menu li.on{
	background: url(images/select_arrow.jpg) 50% 0 no-repeat;
}

#main #gallery_menu li a{
	/*text-indent:-5000px;*/
	padding-top:1px;
	display:block;
	height:50px;
	width:55px;
}

#main #gallery_menu li a img {
	position:relative;
}

#main #gallery_menu li a:hover img {
	margin-top:-84px;
}

/*
#main #gallery_menu li a.cow{
	background: url(images/cow.jpg) 50% 1px no-repeat; 
}
#main #gallery_menu li a.cow:hover{
	background: url(images/cow_on.jpg) 50% 1px no-repeat;
}
#main #gallery_menu li.on a.cow{
	background: url(images/cow_on.jpg) 50% 1px no-repeat;
}

#main #gallery_menu li a.duck{
	background: url(images/duck.jpg) 50% 2px no-repeat; 
}
#main #gallery_menu li a.duck:hover{
	background: url(images/duck_on.jpg) 50% 2px no-repeat;
}
#main #gallery_menu li.on a.duck{
	background: url(images/duck_on.jpg) 50% 2px no-repeat;
}

#main #gallery_menu li a.frog{
	background: url(images/frog.jpg) 50% 2px no-repeat; 
}
#main #gallery_menu li a.frog:hover{
	background: url(images/frog_on.jpg) 50% 2px no-repeat;
}
#main #gallery_menu li.on a.frog{
	background: url(images/frog_on.jpg) 50% 2px no-repeat;
}

#main #gallery_menu li a.cat{
	background: url(images/cat.jpg) 50% 2px no-repeat; 
}
#main #gallery_menu li a.cat:hover{
	background: url(images/cat_on.jpg) 50% 2px no-repeat;
}
#main #gallery_menu li.on a.cat{
	background: url(images/cat_on.jpg) 50% 2px no-repeat;
}

#main #gallery_menu li a.pig{
	background: url(images/pig.jpg) 50% 2px no-repeat; 
}
#main #gallery_menu li a.pig:hover{
	background: url(images/pig_on.jpg) 50% 2px no-repeat;
}
#main #gallery_menu li.on a.pig{
	background: url(images/pig_on.jpg) 50% 2px no-repeat;
}
*/
#main .viewcard{
	margin-left:50px;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 0 10px 25px;
	background:url( images/card.jpg) 0 2px no-repeat;
	margin-top:15px;
}


#main #collogo.thefarmyard{
	height:54px;
	width:115px;
	display:block;
	background:url( images/logo_sm_lines.jpg) 0 0px no-repeat;
	text-indent:-5000px;
	margin-top:6px;
	_margin-right:-25px;
	position:relative;
}


/* ******** MAIN CONTENT - GALLERY ITEMS ********************* */

/*

#gallery .g_TheFarmyard .intro {
	background:url(../images/products/thefarmyard/bg_thefarmyard.jpg );	
	height:100%;

}
#gallery .g_TheFarmyard div.cow {
	background:url(../images/products/thefarmyard/bg_cow.gif );	
	height:100%;
}
#gallery .g_TheFarmyard div.duck {
	background:url(../images/products/thefarmyard/bg_duck.gif );	
	height:100%;
}
#gallery .g_TheFarmyard div.frog {
	background:url(../images/products/thefarmyard/bg_frog.gif );	
	height:100%;
}
#gallery .g_TheFarmyard div.cat {
	background:url(../images/products/thefarmyard/bg_cat.gif );	
	height:100%;
}
#gallery .g_TheFarmyard div.pig {
	background:url(../images/products/thefarmyard/bg_pig.gif );	
	height:100%;
}

*/

/* ******** MAIN CONTENT - GALLERY ITEMS ********************* */

/*
#gallery .g_farmyard .intro {
	background:url(../images/products/thefarmyard/bg_thefarmyard.jpg );	
	height:100%;

}
#gallery .g_farmyard div.cow {
	background:url(../images/products/thefarmyard/bg_cow.gif );	
	height:100%;
}
#gallery .g_farmyard div.duck {
	background:url(../images/products/thefarmyard/bg_duck.gif );	
	height:100%;
}
#gallery .g_farmyard div.frog {
	background:url(../images/products/thefarmyard/bg_frog.gif );	
	height:100%;
}
#gallery .g_farmyard div.cat {
	background:url(../images/products/thefarmyard/bg_cat.gif );	
	height:100%;
}
#gallery .g_farmyard div.pig {
	background:url(../images/products/thefarmyard/bg_pig.gif );	
	height:100%;
}
*/

/* ******** MAIN CONTENT - GALLERY DISPLAY CASE ********************* */ 

#dc .dc_overlay{
	position:absolute;
	top:0px;
	background-color:#000000;
	width:891px;
	height:625px;
	z-index:11;
	opacity: .80;
	moz-opacity: .80;
	filter:alpha(opacity:80);
}

#dc .dc_wrapper{
	width:891px;
	text-align:center;
	position:absolute; 
	top:100px; 
	z-index:12;
}

#dc .dc_content{
	width:478px; 
	margin:auto; 
	position:relative;
	background-color:#FFFFFF;
	text-align:left;
}

#dcc .views{
	margin-top:70px;
}

#dcc .item_name{
	_margin-right:-8px;
	margin-right:-16px;
	position:relative;
	float:right;	
}




/* ******** MAIN CONTENT - FORMS ********************* **/

label{ 
	line-height:19px;
	display:block;
}

span.required{
	color:#ff0000;
}

.submit{
 	background:url( images/buy_lines.jpg ) repeat-x;
	display:block;
	color:#FFFFFF;
	font-size:12px;
	padding:5px 10px 10px 10px;
	text-align:center;
	border:none;
}

.text {
	border: 1px solid #dedede;
	width:300px;
	height:14px;
	padding:2px;
	font-size:12px;
	background-color:#f4f4f4;
}

optgroup {
	font-style:normal; 
}
/* orderform */

table.form {
	width:100%;
}

table.form tr {	 
	background: #ffffff;
}

table.form td, table.form th {	 
	padding:5px;
	border-bottom:1px solid #dedede;
}

table.form th {	
	width: 30%;
}
/*************** SHOPFRONT  ********************** */
dl.shop{
	width:138px;
	background-color:#ffffff;
}

dl.shop dd{
	padding:5px 0 5px 40px;
	border-bottom:1px solid #cccccc;
	color:#666666;
}

dl.shop dd.name{
	padding-left:0px;
	text-align:center;
}

dl.shop dd.envelope img{
	margin-left:-30px;	
}

dl.shop dd.envelope span{
	display:block;
	float:left;
	margin-top:-18px;
}

dl.shop dd.last{
	border:none;
}
dl.shop dd.submit{
	padding:0;
	border:none;
}
dl.shop dd.views{
	padding:0;
	border:none;
}
dl.shop dd.views a{
	float:left;
	display:block;
	border:1px solid #ffffff;
}
dl.shop dd.views a:hover{
	border:1px solid #cccccc;
}
dl.shop dd.price{
	border:none;
	color:#000000;
}



/* ******** IMAGE SIZES  ********************** */
img.lrg{
	width:324px;
	height:345px;
}
img.med{
	width:132px;
	height:141px;
}
img.sml{
	width:41px;
	height:44px;
}
/* ******** SYSTEM ALERT ********************** */


#alert{
	margin-top:10px;
	padding:5px 0px 5px 10px;
	background-color:#FFFBE4;
	border-top:1px solid #FFE44F;
	border-bottom:1px solid #FFE44F;
	color:#000000;
	margin-bottom:7px;
}

#alert.alert_passed{
	background-color:#DFFFE3;
	border-top:1px solid #6FDF7C;
	border-bottom:1px solid #6FDF7C;
}

/*	HOME PAGE */
/*  FEATURED  */
#homepage img.featured-bar{
	position:absolute;
	margin-left:643px;	
	margin-top:-14px;
}