/* 456d5f - how ugly can you get? */

/* ----- [ Global Layout ] ---- */

body {
	background-color : #FFF;
	font-family : "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana !important;
	margin: 23px auto 13px auto;
	padd: 0px 0px 0px 0px;
	color : #333;
}

#wrap {
	margin : 0px auto;
	padding  : 0px 0px 0px 0px;
	text-align :left;
	width : 750px;
}

/* ----- [ HTML ] ---- */

h1 {
	border-bottom : 1px dashed #D9D9D9;
	font-family : Georgia, "Times New Roman", Times, Serif;
	font-size : 24px;
	font-weight : normal;
	letter-spacing: 0.14em;
	margin : 0px 0px 5px 0px;
	padding : 0px 15px 2px 0px;
	text-align : right;
}

/* ----- [ menu ] ---- */

#logo {
	margin : 0px 0px 30px 0px;
	padding : 0px 0px 0px 0px;
}

#logo a {
	text-decoration : none;
}

#logo img {
	border: none;
}


#menu {
	border-bottom : 4px solid #DDD;
	font-size: 16px;
	margin : 0px 0px 20px 0px;
	padding : 0px 0px 25px 10px;
}

#menu li {
	display : inline;
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#menu li a {
	background-color: #FFF;
	color: #999;
	float : left;
	margin : 0px 5px 0px 0px;
	padding : 0px 5px 5px 5px;
	text-decoration : none;
}

#menu li a:hover {
	background-color : #EEE;
	color : #333;
}

#menu li a.active {
	border-right: 1px solid #CCC;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	background-color : #DDD;
	color : #333;
}

.tools {
	float : right;
}

.tools a {
	display : none;
}

/* ----- [ subMenu ] ---- */

#subMenu {
	float : right;
	margin : 0px 3px 0px 20px;
	padding : 0px 0px 0px 0px;
	width : 30%;
}

#subMenu dt {
	background-color : #848391;
	color : #FFF;
	height : 25px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 10px;
	vertical-align : middle;
}

#subMenu dt + dd {
	margin-top : 7px;
}

#subMenu dd {
	background-color : #FFF;
	font-size : 14px;
	height : 25px;
	line-height : 25px;
	margin : 1px 15px 1px 5px;
	padding : 0px 0px 0px 0px;
}

#subMenu dd a {
	color : #333;
	display : block;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 10px;
	text-decoration : none;
}

#subMenu dd a:hover {
	background-color : #F0F2F5;
}

/* ----- [ main ] ---- */

#main {
	border-right : 1px dashed #D9D9D9;
	float : right;
	width : 65%;
	margin : 0px 0px 20px 0px;
	padding : 0px 0px 0px 0px;
}

#action, #description, #info {
	font-size : 80%;
}

#action {
	margin : 0px 0px 20px 0px;
	padding : 0px 0px 0px 0px;
}

#buy {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#picture {
	background-color : #FFF;
	border : 1px solid;
	border-color: #AAA #444 #444 #AAA;
	height: 149px;
	float : left;
	margin : 5px 3px 30px 3px;
	padding : 9px;
	width : 106px;
}

#picture img {
	border : 1px solid;
	border-color: #444 #AAA #AAA #444;
	height : 147px;
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 0px 0px;
	width: : 104px;
}

#picturephilo {
	background-color : #FFF;
	border : 1px solid;
	border-color: #AAA #444 #444 #AAA;
	height: 177px;
	float : left;
	margin : 5px 3px 30px 3px;
	padding : 9px;
	width : 451px;
}

#picturephilo img {
	border : 1px solid;
	border-color: #444 #AAA #AAA #444;
	height : 175px;
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 0px 0px;
	width: : 449px;
}

#SKU {
	font-size : small;
	text-align : center;
}

#volume, #price {
	font-size : small;
	line-height: 1.2em;
	margin : 0px 0px 0px 146px;
}

#get {
	display : none;
	background-color : #fff;
	border : 1px solid #3d3E62;
	font-size : normal;
	font-variant: small-caps;
	margin : 5px 0px 0px 146px;
	padding: 2px 2px;
	text-align : center;
	width : 175px;
}

#get a {
	background-color : #485781;
	color :#FFF;
	display : block;
	padding : 0px 0px 4px 0px;
	margin : 0px 0px 0px 0px;
	text-decoration : none;
	width : 175px;
}

#get a:hover {

}

#description {
	background : url(i/bg_y_xhatch.gif) #FFF;
	border: 1px solid #b0e0e6;
	margin : 5px 20px 0px 146px;
	padding : 5px 3px 5px 9px;
	text-align : left;
}

#info {
	clear : both;
	margin : 10px 0px 0px 0px;
	padding : 10px 10px 0px 0px;
}

#info a {
	color : #666;
}

#info strong {
	color : #666;
}

#ingredients {
	display: inline;
	visibility:hidden;
}

/* ----- [ footer ] ---- */

#footer {
	border-top : 4px solid #D5D8DB;
	clear : both;
	color: #999;
	font-size: 12px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#footer a {
	color: #848391;
	text-decoration : none;
}

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

#design {
	float : right;
}