/* @override http://www.younggourmet.com/css/basic/custom.css */

body {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 12px;
	margin: 00;
	padding: 0;
	text-align: center;
	background-color: #eeeeee;
	color: #000;
}
a:link, a:visited {
	color: #f60;
	text-decoration: none;
}
#home a:link, #home a:visited {
	color: #fff;
}
a:hover, a:active {
	color: #f60;
	text-decoration: underline;
}
#home a:hover, #home a:active {
	color: #000;
}
pre, tt, kbd, code, samp {
	font-family: Monaco, "Courier New", Courier, mono;
	font-size: 9px;
	line-height: 11px;
	padding: 5px;
	border: 1px dotted #ddd;
	display: block;
	background-color: #eee;
}
acronym, abbr, dfn {
	font-style: normal;
}
acronym[title], abbr[title], dfn[title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}
h1 {
	font-size: 20px;
	margin: 10px 0;
	font-family : Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #333;
}
h2 {
	font-size: 16px;
	margin: 10px 0;
	font-weight: bold;
	color: #666;
}
h3 {
	font-size: 12px;
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight: bold;
	color: #666;
}
h4 {
	font-size: 12px;
}
th, td {
	font-size: 10px;
}
form {
	margin: 0;
}
select, input, textarea {
	font-size : 11px;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#wrapper {
	text-align: left;
}
/*
#container {
	width: 910px;
	margin: 0 auto;
	text-align: left;
}
*/
#header {
height: 110px;
/*text-align: right;*/
background: #f45000 url(/images/interface/header-bg.gif) repeat-x 50% 50%;/**/

}
#header h1 {
	padding: 0;
	margin: 0;
	height: 100px;
	float:left;
	background: url(/images/interface/yg.gif) no-repeat 30px 20px;
}
#header h1 a, #header h1 a:visited, #header h1 a:hover {
	text-indent: -9999px; 
	display: block;
	height: 100px;
	width: 100px;
	color: #fff;
}
 #nav {
	margin: 0;
	height:100px;
}

#main .right {
	float: right;
	padding: 0 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline;
}
/* ~~~~~~~~~~~ nav1 ~~~~~~~~~~~ */

#lev1 {
	padding: 0;
	margin: 0 6% 0 0;
	list-style-type: none;
	font-size: 10px;
	text-transform: lowercase;
/*	float: right; */
	/* hide from mac ie \*/
	height: 1%; /**/
	}
#lev1 li {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	white-space: normal;
	width: 13%;
}
#lev1 li a:link, #lev1 li a:visited {
/*	float: right; */
	display: block;
	padding: 70px 5px 0px 5px;
	text-decoration: none;
	color: #ffb27f;
	margin: 0;
	white-space: normal;
	font-weight: normal;
	/* hide from mac ie \*/
	height: 1%; /**/
/*	width: 100%; */
	background-position: 50% 15px;
	background-image: none;
	background-repeat: no-repeat;
}
#lev1 li a:hover, #lev1 li a:active {
	font-weight: normal;
	color: #fff;
}
#lev1 li.hilite a:link, #lev1 li.hilite a:visited {
	color: #fff;
}
#lev1 li.hilite a:hover, #lev1 li.hilite a:active {
	color: #ffb27f;
}
#lev1 li a.lev11, #lev1 li a.lev11:visited {
	background-image: url(/images/interface/1off.gif);
}
#lev1 li a.lev12, #lev1 li a.lev12:visited {
	background-image: url(/images/interface/2off.gif);
}
#lev1 li a.lev13, #lev1 li a.lev13:visited {
	background-image: url(/images/interface/3off.gif);
}
#lev1 li a.lev14, #lev1 li a.lev14:visited {
	background-image: url(/images/interface/4off.gif);
}
#lev1 li a.lev15, #lev1 li a.lev15:visited {
	background-image: url(/images/interface/5off.gif);
}
#lev1 li a.lev16, #lev1 li a.lev16:visited {
	background-image: url(/images/interface/6off.gif);
}
#lev1 li a.lev11:hover, #lev1 li.hilite a.lev11, #lev1 li.hilite a.lev11:visited {
	background-image: url(/images/interface/1on.gif);
}
#lev1 li a.lev12:hover, #lev1 li.hilite a.lev12, #lev1 li.hilite a.lev12:visited {
	background-image: url(/images/interface/2on.gif);
}
#lev1 li a.lev13:hover, #lev1 li.hilite a.lev13, #lev1 li.hilite a.lev13:visited  {
	background-image: url(/images/interface/3on.gif);
}
#lev1 li a.lev14:hover, #lev1 li.hilite a.lev14, #lev1 li.hilite a.lev14:visited  {
	background-image: url(/images/interface/4on.gif);
}
#lev1 li a.lev15:hover, #lev1 li.hilite a.lev15, #lev1 li.hilite a.lev15:visited  {
	background-image: url(/images/interface/5on.gif);
}
#lev1 li a.lev16:hover, #lev1 li.hilite a.lev16, #lev1 li.hilite a.lev16:visited  {
	background-image: url(/images/interface/6on.gif);
}

/* ~~~~~~~~~~~  topnav~~~~~~~~~~~ */


#topnavbg {
background: #999 url(/images/interface/topnav-bg.gif) repeat-x 50% 50%;/**/
}
#topnavbg1 {
background: #cc0 url(/images/interface/topnav-bg1.gif) repeat-x 50% 50%;/**/
}
#topnavbg2 {
background: #06c url(/images/interface/topnav-bg2.gif) repeat-x 50% 50%;/**/

}
#topnavbg3 {
background: #c06 url(/images/interface/topnav-bg3.gif) repeat-x 50% 50%;/**/

}
#topnavbg4 {
background: #c00 url(/images/interface/topnav-bg4.gif) repeat-x 50% 50%;/**/
}
#topnavbg5 {
background: #666 url(/images/interface/topnav-bg5.gif) repeat-x 50% 50%;/**/
}
#topnavbg6 {
background: #006 url(/images/interface/topnav-bg6.gif) repeat-x 50% 50%;/**/
}




#topnav {
	height: 25px;
	text-align: right;
	padding: 0;
	margin: 0 10px 0 0;
	list-style-type: none;
	font-size: 11px;
	
	text-transform: lowercase;

}
#topnav li {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	white-space: nowrap;
	float: right;

}
#topnav li a:link, #topnav li a:visited {
	float: left;
	padding: 0 10px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
	white-space: nowrap;

}
#topnav li a:hover, #topnav li a:active {
	background-color: #333;
	background-image: none;
	color: #fff;
}
#topnav li.hilite a:link, #topnav li.hilite a:visited {
	color: #333;
	background: #eee url(/images/interface/topnav-hilite.gif) repeat-x 50% 50%;/**/

}
#topnav li.hilite a:hover, #topnav li.hilite a:active {
}

/* ~~~~~~~~~~~ nav2 ~~~~~~~~~~~ */

#lev2 {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 12px;
}
#lev2 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 3px solid #ddd;
}
/* #lev2 li.top {
	background-image: url(/images/interface/lh_top.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
}
#lev2 li.bot {
	background-image: url(/images/interface/lh_bot.gif);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
*/
#lev2 li a:link, #lev2 li a:visited {
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 6px 10px;
	text-decoration: none;
	color: #000;
	margin: 0;
	font-weight: normal;
	/* hide from mac ie \*/
	height: 1%; /**/
}
#lev2 li a:hover, #lev2 li a:active {
	background-color: #f60;
	background-image: none;
	color: #fff;
}
#lev2 li.hilite a:link, #lev2 li.hilite a:visited {
	background-color: #ff944d;
	background-image: none;
	color: #000;
}
#lev2 li.hilite a:hover, #lev2 li.hilite a:active {
	background-color: #f60;
	color: #000;
}



/* ~~~~~~~~~~~ nav3 ~~~~~~~~~~~ */

#lev2 #lev3 {
	text-align: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 10px;
}
#lev2 #lev3 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: none;
	border-top: 1px dashed #ddd;
}

#lev2 #lev3 li a:link, #lev2 #lev3 li a:visited {
	display: block;
	font-size: 11px;
	line-height: 12px;
	padding: 6px 10px;
	text-decoration: none;
	color: #000;
	margin: 0;
	font-weight: normal;
	/* hide from mac ie \*/
	height: 1%; /**/
	background-color: #ffd9c0;

}
#lev2 #lev3 li a:hover, #lev2 #lev3 li a:active {
	background-color: #ffbb8d;
	background-image: none;
	color: #000;
}
#lev2 #lev3 li.hilite a:link, #lev2 #lev3 li.hilite a:visited {
	background-color: #ffbb8d;
	background-image: none;
	color: #000;
}
#lev2 #lev3 li.hilite a:hover, #lev2 #lev3 li.hilite a:active {
	background-color: #eee;
	color: #000;
}
/* --- ------------------- */
#content {
	margin: 0;
	padding: 0;
	background: url(/images/interface/R-bg.gif) repeat-y 9px 0;
}

#columns {
	margin: 0;
	padding: 0;
	width: 100%;
}
#main {
/*	float: left;
	display: inline;  combat IE Doubled float-margin bug */
	margin: 0  200px 0 200px ;
	padding: 20px 0 20px 0;
	line-height: 20px;
}

#main2col {
/*	float: left;
	display: inline;  combat IE Doubled float-margin bug */
	margin: 0  30px 0 200px ;
	padding: 20px 0 0 0;
	
}
#main .body p, #main .body div, #main2col .body p, #main .body div {
	margin: 10px 0;
}
#main .body a:link, #main .body a:visited, #main2col .body a:link, #main .body a:visited {
	border-bottom: 1px dotted #999;
	text-decoration: none;
}
#main .body a:hover, #main .body a:active, #main2col .body a:hover, #main .body a:active {
	border-bottom: 1px solid #333;
	text-decoration: none;
}
#main .body ul, #main2col .body ul {
	list-style: none;
	margin: 10px 0 10px 15px;
	padding: 0;
}
#main .body ol, #main2col .body ol {
	margin: 10px 0 10px 30px;
	padding: 0;
}
#main .body ul li, #main2col .body ul li {
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url(/images/interface/bullet_round.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}



#main h1, #main2col h1 {
	color: #777;
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 0;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	border-bottom: 3px solid #ddd;
}
#main .article, #main2col .article {
	margin: 0;
	padding: 0;
}

#sidebarL {	
	float: left;
	display: inline; /* combat IE Doubled float-margin bug */
	width: 170px;
	margin: 0 10px;
	padding: 0;
}
#sidebarL .article ul, #sidebarL .article ol, #sidebarR .article ul, #sidebarR .article ol {
	margin-left: 16px;
	padding: 0;
	list-style: square;
}
#sidebarL .article li, #sidebarR .article li {
	padding: 0;
	margin: 3px 0;
}
#sidebarR {
	float: right;
	display: inline; /* combat IE Doubled float-margin bug */
	width: 170px;
	margin: 10px 10px 0 10px; /* top margin used to dodge dropped logo */
	padding: 0;
}

/* ~~~~~~~~~~~ sidebar article ~~~~~~~~~~~ */

#sidebarR .article {
	margin: 0 0 10px 0;
	padding: 10px 10px 1px 10px; /* 1px padding bottom to prevent margin collapse */
	font-size: 10px;
	line-height: 13px;
	background-color: #fff;
	color: #666;
	border: 1px solid #ddd;
}
#sidebarR .article p {
	padding: 0;
	margin: 10px 0;
}
#sidebarR .article em {
	font-weight: bold;
	font-style: normal;
	color: #f60;
}
#sidebarR .article h1 {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #f30;
	padding: 0;
	margin: 0 0 10px 0;
}
#sidebarR .article .children ul, #sidebarR .article .children li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#sidebarR .article a:link, #sidebarR .article a:visited {
	color: #333;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}
#sidebarR .article a:hover, #sidebarR .article a:active {
	color: #f60;
	border-bottom: 1px solid #666;
	text-decoration: none;
}

/* ~~~~~~~~~~~ sidebar cart ~~~~~~~~~~~ */

#sidebarR .cart {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
}
#sidebarR .cart caption {
	text-align: left;
}
#sidebarR .cart .qty {
	text-align: right;
	/*width: 1%;*/
	white-space: nowrap;
}
#sidebarR th {
	text-align: left;
}
#sidebarR .cart th, #sidebarR .cart td {
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
}
#sidebarR .total span, #sidebarR .total {
	font-weight: bold;
	font-size: 11px;
	color: #999;
}
#sidebarR .total {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-align: right;
}
#sidebarR form input {
	font-size: 9px;
}
#sidebarR .cart caption {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #f30;
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.children .arrows {
	float: right;
	margin: 0;
	padding: 0;
}
.children .summary  {
	font-size: 11px;
	line-height: 14px;
	color: #666;
	margin: 5px 0;
}
.children table td .summary  {
	clear: both;
	margin-bottom: 0;
}
.children .child {
	padding: 3px 0;
}
.children .childtitle, .children .childtitle a:link, .children .childtitle a:visited {
	font: bold 12px/14px "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
}
.children table td .childtitle  {
	margin-top: 0;
}
.children table {
	border-spacing: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
}
.children table td.child {
	text-align: center;
	font-size: 10px;
	border-collapse: collapse;
	padding: 5px;
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 33.33%;
}
.children ul {
	margin: 20px 0 0 0;
	padding: 0;
	color: #333;
	border-top: 3px solid #ddd;
}
.children li {
	padding: 0 20px;
	margin-left: 0;
	background:  url(/images/interface/bullet_arrow.gif) no-repeat 0 10px;
	list-style: none;
}
.children li.thumbnail {
	list-style-type: none;
}
.children table td .thumbnail {
	padding: 0;
	margin-bottom: 5px;
}
.children .details {
	font-size: 12px;
	height: 17px;
	padding: 5px;
	border: 1px solid #ccc;
	color: #000;
}
.children .details .price {
	float: left;
}
.children .details .options a img {
	padding: 2px;
	margin: 0 0 0 5px;
	background-color: #eee;
	border: 1px solid #ccc;
	float: right;
}
.children .details .options a img:hover {
	border-color: #666;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main .buynow  {
	border: 1px solid #ccc;
	background-color: #ddd;
	padding: 10px;
line-height: 24px;
}

#main .buynow label {
	font-weight: bold;
	color: #000;
}
#main .buynow .buy {
	float: right; 
}
#main .buynow .price {
/*	float: left; */
	font-weight: bold;
}
#main .buynow .price label {
display: none;
}
#main .buynow .incGST {
	font-size: 10px;
	font-weight: normal;
	}
	
#main .buynow .currency {
	color: #666;
}

/* ~~~~~~~~~~~ checkout ~~~~~~~~~~~ */

#checkout caption {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 5px 0;
	color: #666;
	display: none;
}
#checkout table.items {
	border-collapse: collapse;
	border-top: 1px solid #f60;
		border-bottom: 1px solid #ccc;

	border-width: 1px 0;
	width: 100%;
	margin: 0;
}
#checkout table.items th {
	border: 2px solid #ccc;
	border-width: 0 0 2px 0;
	padding: 4px;
}
#checkout table.items tr.item td {
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	background: url(/images/interface/checkout_item_bkg.gif) transparent repeat-x left top; 
	padding: 4px;
}
#checkout table.items .i_summary {
	padding-top: 4px;
}
#checkout .col1 {
	width: 80%;
	text-align: left;
}
#checkout .col1 a {
	background: url(/images/interface/checkout_item_bullet.gif) transparent no-repeat 0 50%;
	padding-left: 17px;
}
#checkout .col2, #checkout .col3, #checkout .col4 {
	text-align: center;
}
#checkout .item .col3 {
	text-align: right;
	font-weight: bold;
}
#checkout .item .col4 {
	white-space: nowrap;
}
#checkout h2 {
	padding-bottom: 5px;
	border-bottom: 2px solid #ccc;
}
#checkout h2 label {
	font-weight: normal;
}
#checkout .nodisplay {
	display: none;
}
#checkout th, #checkout label {
	font-weight: bold;
	text-align: left;
}
#checkout p.alert {
	margin: 40px 0 20px 0;
	padding: 5px 10px;
	background: #eee;
	border: 1px solid #ccc;
}
#checkout th, #checkout td {
	font-size: 11px;
}
#checkout .totals {
	border-bottom: 1px solid #f60;
	text-align: right;
	margin: 0;
}
#checkout .totals p {
	margin: 10px 4px;
	font-weight: bold;
}
#checkout .total span {
	color: #999;
}
#checkout .cartempty {
	padding: 10px;
	text-align: center;
}

/* ~~~~~~~~~~~ footer ~~~~~~~~~~~ */

#footer {
	font-size: 10px;
	line-height: 14px;
	padding: 0;
	margin: 0;
	color: #ccc;
	text-transform: lowercase;
	clear: both;
	background-color: #666;
	width: 100%;
	height: 25px;
/*	float: left; 
	display: inline;  combat IE Doubled float-margin bug */
}
#footer .left {
	float: left;
	color: #ccc;
	margin: 5px 10px;
}
#footer .right {
	float: right;
	color: #ccc;
	margin: 5px 10px;
}
#footer .right .sitename {
	font-weight: normal;
	color: #ccc;
}
#footer a:link, #footer a:visited {
	color: #fff;
	border-bottom: 1px dotted #eee;
}
#footer a:hover, #footer a:active {
	text-decoration: none;
	border-bottom: 1px solid #000;
}
#footer a.hilite {
	border-bottom: 1px solid #000;
}

#slogan {
	text-align: center;
	font-size: 12px;
	color: #666;
	letter-spacing: .1em;
	margin-top: 10px;
}

/* ~~~~~~~~~ HACK ~~~~~~~~~ */
#checkout, #sitemap, #search, #user, #formmail {
	background: url(/images/interface/feature_body_bot.gif) no-repeat 50% 100%;/**/
	padding: 1px 10px; /* 1px padding top & bottom to prevent margin collapse */
	margin: 0 0 20px 0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#files {
	border: 1px solid #ccc; 
	margin: 5px 0;
	padding: 5px;
	background-color: #fff;
}
#files dl {
	margin: 0;
	padding: 0 5px;
	background-color: #fff;
}
#files dl dt {
	border-bottom: 1px dashed #ccc;
	border-top: 2px solid #ccc;
}
#files dl dt.first {
	border-top: none;
}
#files dl span, #files dl strong {
	display: none;
}
#files dl span.s_size {
	display: inline;
	font-weight: normal;
	color: #666;
	font-size: 10px;
}
#files dl dt {
	font-weight: bold;
	margin: 0;
	padding: 3px 0 0 0;
	background-image: url(/images/interface/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 16px;
}
#files dl dd {
/*	border: 1px dotted #fff; */
	margin: 0;
	padding: 0 0 5px 0;
	padding-left: 16px;
	color: #f7b82c;
	position: relative;
}
#files dl dd p {
	margin: 0;
	padding: 0;
}
#files dl dd div.s_notes {
	color: #333;
	/*display: none;*/
}
#files dl dd div.s_notes p {
	margin: 5px 0 0 0;
	font-size: 11px;
	color: #333;
}
#files dl dd p.s_toggle {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	cursor: pointer;
}
#files dl dt.forSale {
	background-image: url(/images/interface/forSale.gif);
}
#files dl dt.requireUser {
	background-image: url(/images/interface/locked.gif);
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main form {
	/* hide from mac ie \*/
	height: 1%; /**/
}
table#formmail  {
	border-top: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
}
#formmail th, #formmail td {
	font-size: 11px;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	border-collapse: collapse;
}
#formmail th {
	padding-top: 7px;
	font-size: 10px;
	color: #333;
	border-right: 1px solid #ccc;
	vertical-align: top;
	white-space: wrap;
}