/* Sections (search double underscore)
	__Generic Items
	__Hamper Pages
		__Hamper Category
	__Jquery additions
	__Front buttons
	
*/


/* COLOURS
	- bold mid blue #1B75BC
*/




/* ######################################################## */
/* ################### GLOBAL ############################ */
/* ######################################################## */

body {
	margin:0px 0px 0px 0px;
	background:url(../images/bg-test1.jpg) center bottom no-repeat fixed; /*#a4c4cf url(../images/bg-test.jpg) repeat-x; /*f6f3eb-D4DEF7url(../images/bg3.jpg) center bottom fixed; /*3b6114; /*url(../images/bg_grass1.jpg) repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#281b0e;	
}

form { margin:0; padding:0; }

form td { padding:5px 0px 5px 0px; }

label.error { float: none; color: red; vertical-align: top; font-size:10px; line-height:14px; }

.form-col-title {
 font-weight:bold; vertical-align:top; padding-top:13px; width:165px;
}

.no-header-image { 
	width:905px;
	float:left;
	margin:5px 0px 0px 0px;
}

#preview{
	position:absolute;
	background:#7f5c43;
	padding:5px;
	display:none;
	color:#fff;
}

.accesslinks { display:none; }

a {
	color: #3550a0;
}
a:visited {
	color: #3550a0;
}
a:hover {
	color: #d17c10;
}

.pagetitle { padding:40px 15px 15px 35px; clear:both; margin-left:220px; }

ul { margin:0px 0px 0px 10px; }

ul.listing { list-style:none; padding:0px 20px 0px 20px; margin:0px 0px 0px 20px; }
ul.listing li { list-style:none url(../images/bullet.png); padding:0px 20px 0px 0px; font-style:italic; color:#d17c10; }

.faqtitle { margin-bottom:20px; font-size:16px; font-weight:bold; color:#3550a0; }
.cnt { margin-bottom:35px; }


p { margin:0; padding:0; color:#323232;	}
h3 { font-family: Verdana; font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:22px; padding:0; margin:0; color:rgb(53, 80, 160); }
h2 { font-family: Verdana; font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:28px; padding:0; margin:0; color:rgb(53, 80, 160); }
h1 { font-family: Verdana; font-size:38px; font-weight:bold; letter-spacing:-1px; line-height:45px; padding:0; margin:0; color:rgb(53, 80, 160); }

h3.hdr {
	display:block;
	padding:5px 0px 10px 25px;
	background:url(../images/h-seperator.jpg) bottom no-repeat;
	font-weight:normal;
	width:195px;
		color: #d17c10;

}

.legend {font-size:11px; color:#d17c10; font-style:italic; font-weight:normal; letter-spacing:normal;}


/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 905px; 
height: 30px; 
margin: 0; 
padding: 0
overflow: hidden; 
float:left;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 885px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 900px;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 100px 0 0;
} 

ul.newsticker span {
margin: 0 10px 0 0;
font-weight:bold;
color:#281b0e;
text-decoration:none;
} 

#mainContainer {
	margin:0px 0px 0px 0px;
	padding:0px 30px 0px 30px;
	background:transparent url(../images/bg_uc19.jpg) repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:905px;
	overflow:auto;
}


/* ######################################################## */
/* ################### HEADER ############################ */
/* ######################################################## */

#header {
	margin:0;
	padding:0;
	width:905px;
	float:left;
	overflow:auto;
	background:url(../images/shopping-list.png) 230px -5px no-repeat;
}

#header .top { float:left; height:156px; width:905px; background:none;/*url(../images/milkman_is_back.png)*/ 200px -66px no-repeat;  }
#header #menu { float:left; height:50px; width:905px; background:url(../images/mainmenu-sprite2.png) no-repeat; } /*container*/

input.inputfield_search {
	background-color: #f4f4f4;
	border: none;
	background:url(../images/search_i_bg.png) no-repeat;
	height: 29px;
	padding-top: 3px;
	width: 136px;
	padding-left: 8px;
	padding-right: 10px;
	font-size: 12px;
	margin-right:8px;
}

input.submit_button_search {
	background:url(../images/search_btn.png) no-repeat;
	background-position:0px 0px;	
 	width: 58px;
    height: 14px;
    border: none;
	cursor: pointer;
}

input.submit_button_search:hover {
	background-position:0px -14px;
}

#header #menu ul { margin:0; padding:0; position: relative; }
#header #menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#header #menu li, #header #menu a {height: 50px; display: block; color:transparent;}

#menu_1b {left: 0; width: 81px;}
#menu_2b {left: 81px; width: 103px;}
#menu_3b {left: 184px; width: 95px;}
#menu_4b {left: 279px; width: 124px;}
#menu_5b {left: 403px; width: 87px;}
#menu_6b {left: 490px; width: 105px;}
#menu_7b {left: 595px; width: 97px;}
#menu_8b {left: 692px; width: 123px;}
#menu_9b {left: 815px; width: 90px;}

#menu_1b a.highlighted, #menu_1b a:hover  {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat 0 -51px;
}
#menu_2b a.highlighted, #menu_2b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -81px -51px;
}
#menu_3b a.highlighted, #menu_3b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -184px -51px;
}
#menu_4b a.highlighted, #menu_4b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -279px -51px;
}
#menu_5b a.highlighted, #menu_5b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -403px -51px;
}
#menu_6b a.highlighted, #menu_6b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -490px -51px;
}
#menu_7b a.highlighted, #menu_7b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -595px -51px;
}
#menu_8b a.highlighted, #menu_8b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -692px -51px;
}
#menu_9b a.highlighted, #menu_9b a:hover {
  background:transparent url(../images/mainmenu-sprite2.png) no-repeat -815px -51px;
}

.top-logo { float:left; width:258px; padding:5px -10px 15px -125px; margin-top:15px; } /* Use margin-top pixel range to vertically align 'aussie farmers direct' logo image. Usage margin-top:0px or 15px or 35px for top, middle, bottom  */
.top-right { float:right; width:540px; text-align:right; margin-top:0px;}

.top-right-states { float:right; width:400px; height:65px; margin-bottom:22px; }
.top-right-search { float:right; width:523px; height:45px; }

ul.menu-main { height:50px; margin:0; padding:0; position:relative;}
ul.menu-main li { display:inline; padding:10px 15px 10px 15px; border-right:1px solid #FFF;}


/* ######################################################## */
/* ################### CONTENT ############################ */
/* ######################################################## */

#content {
	margin:5px 0px 0px 0px;
	padding:0px;
	width:905px;
	float:left;
	clear:both;
	overflow:auto;
	background:#fff url(../images/bg-content-top.png) top no-repeat;
}

#content .home-top { width:905px; float:left; }
#content .home-bottom {width:905px; float:left; }

#content .content-left { width:220px; float:left; padding:15px 0px 15px 0px; background:none; }
#content .content-right {width:605px; float:left; padding:40px 40px 40px 40px; background:none;}

#content a.home-bottom-section {
	width:194px;
	height:214px;
	background:url(../images/home-panel-bg2-ovr.jpg) no-repeat bottom;
	padding:15px;
	margin:0px 0px 0px 0px;
	float:left;
	text-decoration:none;
}

#content a.home-bottom-section:hover{
	width:194px;
	height:214px;
	background:url(../images/home-panel-bg3-ovr.jpg) no-repeat bottom;
	padding:15px;
	margin:0px 0px 0px 0px;
	float:left;
	text-decoration:none;
	color:#fff;
}


#breadcrumbs-bottom { 
	margin:0px 0px 0px 0px;
	width:875px;
	float:left;
	padding:18px 15px 12px 15px;	
	background:#fff url(../images/h-seperator.jpg) top no-repeat;
}

.breadcrumbs-left { float:left; width:538px; }
.breadcrumbs-right { float:right; width:189px; text-align:right; }

#content-theme-image {
	width:905px;
	float:left;
	height:221px;
	margin:5px 0px 0px 0px;
}

ul.content-submenu {
	margin:0; padding:0; list-style:none;
}

ul.content-submenu li{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:13px;
}

ul.content-submenu li a{
	display:block;
	padding:10px 0px 10px 42px;
	background:url(../images/leftpanel-btn-bg.jpg) left bottom no-repeat; 
}

ul.content-submenu li a.selected:link, ul.content-submenu li a.selected:active, ul.content-submenu li a.selected:visited  {
   display:block;
	padding:10px 0px 10px 42px;
	background:url(../images/leftpanel-btn-bg-ovr.jpg) left bottom no-repeat; 
	color:#d17c10;
}

ul.content-submenu li a:hover{
	display:block;
	padding:10px 0px 10px 42px;
	background:url(../images/leftpanel-btn-bg-ovr.jpg) left bottom no-repeat; 
	color:#d17c10;
}

/* ######################################################## */
/* ################### NEWS & NEWSLETTER SECTION ############################ */
/* ######################################################## */

#home-news {
	margin:1px 0px 1px 0px;
	border-bottom:1px solid #d2c2a7;
	padding:15px;
	width:875px;
	height:100px;
	float:left;
	background:#fff;
}

.home-news-left { float:left; width:570px; background:url(../images/content-lftright-seperator.png) right no-repeat; }
.home-news-right { float:left; width:290px; height:100px; padding:0px 0px 0px 15px; background:url(../images/bg-this-weeks-box.jpg) 130px -100px no-repeat; }


/* ######################################################## */
/* ################### FOOTER ############################ */
/* ######################################################## */

#footer {
	margin:0px;
	padding:20px 0px 40px 0px;
	width:905px;
	float:left;
	background:url(../images/bg-breadcrumbs-bottom.png) top no-repeat;
}

a.afooter:link { color:#3550a0; text-decoration:underline; font-size:11px; }
a.afooter:visited { color:#3550a0; text-decoration:underline; font-size:11px; }
a.afooter:active { color:#3550a0; text-decoration:underline; font-size:11px; }
a.afooter:hover { color:#d17c10; text-decoration:underline; font-size:11px; }

.footer-copy { font-size:10px; color:#3f3f3f; float:left; width:338px; }
.footer-links { color:#A9A9A9; float:right; width:537px; text-align:right; }

/* ######################################################## */
/* ################### PRODUCTS ############################ */
/* ######################################################## */

.product-container {
	float:left; 
	padding:20px; 
	width:565px;	
	height:100px;
	
}

.product-container h2 {
	padding:3px 6px 3px 6px; background:url(../images/bg-white-70.png) repeat;
}

.product-container p {
	padding:3px; background:url(../images/bg-white-70.png) repeat;
}

.product-detail-container {
	float:left; 
	padding:20px;
	border:1px solid #e7e0d6; 
	margin-top:25px; 
	width:563px;
}


/* --------------------
     __GENERIC ITEMS
   -------------------- */
   
.fr {
	float: right;
}

.fl {
	float: left;
}

.clearing_div {
	clear: both;
}

/* btns blue background none specified width */
a.btn_view_left {
	margin-top: 20px; 
	text-decoration: none; 
	background: url(../images/btn_blue_lhs.jpg) bottom left no-repeat; 
	float: left; 
	height: 20px;
}

a.btn_view_left:hover {
	text-decoration: underline;
	color: #fff;
}

.btn_view_right {
	background: url(../images/btn_blue_rhs.jpg) bottom right no-repeat; 
	float: left; 
	margin-left: 20px; 
	display: block; 
	height: 20px; 
	color: #fff; 
	font-weight: bold; 
	padding: 0px 10px 0px 5px;
}

/* --------------------
     __Generic Text
   -------------------- */
   
.bold-mblue {
	font-weight: bold;
	color: #1B75BC;
}

/* --------------------
     __Hamper Pages
   -------------------- */
   
ul.listing a {
	text-decoration: none;
	color: #D17C10;
	font-weight: bold;
}

ul.listing a:hover {
	text-decoration: underline;
	color: #1C2674;
}

ul.listing li:hover {
	list-style-image: url(../images/bullet_blue.png);
}

/* __Hamper Category */
div.hamp-cat {
	margin-top: 10px;
	padding: 20px 20px;
	border: 1px solid #E7E0D6;
}

.hamp-cat ul {
	margin-top: 0.6em;
}

.hamp-cat img {
	float: right;
}

table.product-desc {
	margin-top: 0.6em;
}

td.item-desc {
	width: 160px;
	background-color: #E8E1D7;
	border-bottom: 1px solid #fff;
	padding: 0.3em 1.2em;
	
}

th.item-desc-head {
	text-align: left;
	width: 160px;
	background-color: #B8CCE3;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0.3em 1.2em;
}

td.item-size {
	width: 50px;
	text-align: center;
	background-color: #F6F3EB;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: 2px;
	padding: 0.3em 0;
	white-space: inherit;
	height: auto;
}

th.item-size-head {
	width: 50px;
	text-align: center;
	background-color: #B8CCE3;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: 2px;
	padding: 0.3em 0;
}

td.item-qty {
	width: 30px;
	text-align: center;
	background-color: #E8E1D7;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0.3em 0;
	
}

th.item-qty-head {
	width: 30px;
	text-align: center;
	background-color: #B8CCE3;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: 2px;
	padding: 0.3em 0;
}

/* order btn */

#order_btn {
	margin-top: 20px;
	overflow: hidden;
}

#order_btn a.order_btn_left {
	width: 36px;
	height: 40px;
	background: transparent url(../images/hampers/shop_btn_left.png) bottom left no-repeat;
	display: block;
	color: #fff;
	text-decoration: none;

}

#order_btn a.order_btn_left:hover {
	text-decoration: underline;
}

#order_btn span.order_btn_right {
	float: left;
	height: 40px;
	margin-left: 36px;
	background: transparent url(../images/hampers/shop_btn_right.png) bottom right no-repeat;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 20px 0 12px;
	line-height: 40px;
}

#order_btn span.order_btn_right:hover {
	text-decoration: underline;
}

/* --------------------
     __Jquery additions
   -------------------- */
   
.table_striped tr.bgnd {
	background-color: #F6F3EB;
}

.table_striped tr td {
	padding: 5px;
}

/* --------------------
     __Front buttons
   -------------------- */
   
span.front_btn_none {
	float: left;
	padding: 15px;
	width: 194px;
	height: 214px;
	margin: 0px;
	background: transparent url(../images/home-panel-bg2-ovr.jpg) center bottom no-repeat;
	background-color: #fff;
	margin-left: 3px;
}

span.front_btn_none:hover {
	background: transparent url(../images/home-panel-bg3-ovr.jpg) center bottom no-repeat;
}

a.none_a_hover {
	display: block;
	margin-top: 10px;
	text-decoration: none;
	color: #000;
}


a.none_a_hover:hover {
	text-decoration: underline !important;
	color: #1C2674 !important;
}

img.login_and_signup_images {
	padding-left: 5px;
	padding-top: 15px;
}