/* IDEAL CATERING
----------------------------------------------------------------------*/

body {
	font:				100% verdana,helvetica,arial,sans-serif;
	background:			#e2e8ec;
	color:				#000;
}

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

#container strong {
	font-weight:		bold;
}
#container em {
	font-style:			italic;
}

/* HEADER
----------------------------------------------------------------------*/
#header {
	position:			relative;
	width:				960px;
	height:				204px;
	background:			url(../images/bg_header.jpg) no-repeat;
}

#h-email { color: #fff; text-indent: -999em; overflow: hidden; display: block; position: absolute; bottom: 5px; right: 30px; width: 329px; height: 42px; }

#logo, #logo a {
	position:			absolute;
	left:				0;
	top:				0;
	width:				250px;
	height:				184px;
}

#logo img {
	display:			none;
}

#account {
	position:			absolute;
	left:				730px;
	top:				0;
	width:				200px;
	padding-top:		8px;
	font-size:			70%;
	line-height:		1.4;
	text-align:			center;
	color:				#fff;
}

#account a:link, #account a:visited {
	color:				#8df2f4;
	font-weight:		bold;
	text-decoration:	underline;
}
#account a:hover, #account a:active {
	color:				#e4fafb;
	text-decoration:	none;
}

/* NAV
----------------------------------------------------------------------*/
#nav {
	width:				180px;
	float:				left;
	background:			#4dacba url(../images/bg_nav.jpg) no-repeat top;
	line-height:		1.0;
}

#search {
	width:				172px;
	padding-left:		8px;
	margin-bottom:		1em;
}

#search .text {
	background:			#fff;
	color:				#000;
	padding:			2px;
	width:				106px;
	border:				1px solid #000;
}

#search .submit, #email-subscribe .submit {
	background:			#4998b9;
	color:				#fff;
	font-weight:		bold;
	border-style:		outset;
	border-width:		2px;
	border-color:		#5da3c1 #1f4250 #30657b #6dadc7;
}

#search label {
	display:			none;
}

#email-subscribe {
	background: 		#fff url(../images/h-email-signup.gif) 0 0 no-repeat;
	width:				164px;
	padding:			50px 8px 8px;
	margin-top:			1em;
	border-top:			10px solid #e3e9ed;
	overflow: 			hidden;
}

#email-subscribe label, #email-subscribe h3 {
	display: none;
}

#email-subscribe input.text {
	background-color: 	#f5f8fa;
	color:				#000;
	border:				1px solid #777f96;
	width: 162px;
}

#email-subscribe .submit {
	margin-top: 5px;
	float: right;
	margin-bottom: 0;
}

#nav ul {
	padding-left:		9px;
	margin-bottom:		1em;
	font-size:			75%;
	line-height:		1.2;
}
#nav li {
	margin-bottom:		0.8em;
}
#nav a:link, #nav a:visited {
	color:				#fff;
	font-weight:		bold;
	text-decoration:	none;
}
#nav a:hover, #nav a:active {
	color:				#8df2f4;
}
#nav ul li ul {
	display: 			none;
}

/* CONTENT
----------------------------------------------------------------------*/
#wrapper {
	width:				960px;
	clear:				both;
	overflow:			hidden;
	background:			url(../images/bg_main.gif) repeat-y right;
}

#content {
	width:				770px;
	float:				right;
}

#top {
	width:				760px;
	height:				15px;
	padding:			6px 0 0 10px;
	background:			url(../images/bg_main_top.gif) no-repeat;
	font-size:			80%;
}

#top a:link, #top a:visited {
	color:				#094874;
	text-decoration:	underline;
	font-weight:		bold;
}
#top a:hover, #top a:active {
	color:				#4dabb9;
	text-decoration:	none;
}

/* BREADCRUMB
----------------------------------------------------------------------*/
#bread {
	width:				740px;
	overflow:			hidden;
	line-height:		1.0;
	font-size:			80%;
	margin:				1.5em 0 1em;
	padding:			5px;
	background:			#e8eeef;
}
#main #bread ul, #main #bread li {
	margin:				0;
	padding:			0;
	display: inline;
}
#bread a:link, #bread a:visited {
	color:				#05497c;
	text-decoration:	underline;
	font-weight:		bold;
}
#bread a:hover, #bread a:active {
	color:				#5db7d2;
	text-decoration:	none;
}

/* MAIN CONTENT STYLES
----------------------------------------------------------------------*/
#main {
	padding:			0 0 10px 10px;
	font-size:			80%;
	line-height:		1.4;
}
#main.home {
	padding-top:		10px;
	line-height:		1.0;
}
#main p {
	margin:				0 0 1em;
}
#main h1 {
	margin:				1em 0 0.5em;
	color:				#4394b2;
	font:				180%/1.0 verdana,arial,sans-serif;
}
#main h2 {
	margin:				1.5em 0 0.5em;
	color:				#3b4c84;
	font:				normal 140%/1.0 verdana,arial,sans-serif;
}
#main ul {
	list-style-type:	square;
	margin:				0 0 1em;
	padding:			0 0 0 1.5em;
}
#main a:link, #main a:visited {
	color:				#06487a;
	text-decoration:	underline;
}
#main a:hover, #main a:active {
	color:				#67b6ba;
	text-decoration:	none;
}

/* HOME STYLES
----------------------------------------------------------------------*/
#main .m { margin-right: 19px; }
#main .idealbuy {
	width:				220px;
	height:				186px;
	float:				left;
	overflow:			hidden;
	margin-bottom:		1em;
	position:			relative;
}
#main .overlay {
	position:			absolute;
	left:				0;
	top:				0;
	width:				218px;
	height:				186px;
	border:				0;
	background:			url(../images/bg_idealbuy.png) no-repeat -1px -1px;
}

#main .idealbuy a {
	display:			block;
	position:			absolute;
	left:				0;
	top:				0;
	width:				200px;
	height:				36px;
	padding:			150px 8px 0 10px;
	z-index:			10;
	font:				bold 85%/1.2 verdana,sans-serif;
}

#main .large { width: 268px; }
#main .large .overlay {
	width:				266px;
	background:			url(../images/bg_idealbuy_large.png) no-repeat -1px -1px;
}
#main .large a { width: 268px; }


#main .idealbuy a:link, #main .idealbuy a:visited { color: #fff; text-decoration: none; }
#main .idealbuy a:hover, #main .idealbuy a:active { color: #ff0; text-decoration: none; }

/* PRODUCTS -- CATERGORIES
----------------------------------------------------------------------*/
#main .productwrapper {
	clear:				both;
	overflow:			hidden;
}
#main .rowwrapper { overflow: hidden; }
#main .product {
	margin:				0.5em 23px 0.5em 0;
	width:				234px;
	float:				left;
	background:			#fff;
	border:				1px solid #aaa;
}
#main .imgwrapper {
	width:				234px;
	height:				150px;
	display:			table-cell;
	vertical-align:		middle;
	
}
#main .last {
	margin-right:		0;
}
#main .product img {
	display:			block;
	margin:				0 auto;
}
#main .product p {
	margin:				0;
	padding:			5px 0 5px 5px;
	background:			#777f96;
	color:				#fff;
	font-weight:		bold;
	font-size:			80%;
	line-height:		1.0;
}
#main .product a:link, #main .product a:visited {
	color:				#fff;
	text-decoration:	none;
}
#main .product a:hover, #main .product a:active {
	color:				#88f6f5;
	text-decoration:	none;
}

#main .notify {
	background-color:	#71e05b;
	color:				#fff;
	padding:			5px;
	margin-top:			10px;
	margin-right:		10px;
	font-weight:		bold;
}

#main .notify p {
	margin: 			0;
}

#main .notify a {
	color: 				#2568B0;
}

#main .error {
	background-color:	red;
}

/* PRODUCTS -- INFOS
----------------------------------------------------------------------*/
#main .productinfo {
	padding-right: 10px;
}
#main .productinfo table {
	margin:				0 0 1em;
	line-height:		1.0;
}
#main .productinfo th, #main .productinfo td {
	border:				1px solid #aaa;
	padding:			5px;
	font-size:			90%;
}

/* PRODUCT LINES */
#productlines {
	margin:				2em 0 1em;
	clear:				both;
	width:				750px;
	line-height:		1.0;
	font-size:			90%;
}
#productlines th {
	padding:			8px;
	font-weight:		bold;
	background:			#3b4c84;
	color:				#fff;
	border-bottom:		1px solid #fff;
}
#productlines td {
	padding:			8px;
	background:			#f2f2f2;
	color:				#444;
	border-bottom:		1px solid #fff;
}
#productlines td.rt {
	text-align:			right;
}

#productlines .subtotal td { font-weight: bold; }

#productlines .total td { font-weight: bold; border-top: 1px solid #3B4C84; border-bottom: 1px solid #3B4C84; }

/* FORM ELEMENTS */
#productlines .qty {
	text-align:			center;
}
#productlines .qty input {
	width:				3em;
	text-align:			center;
	background:			#fff;
	border:				1px solid #aaa;
}
.genform .submit {
	font-weight:		bold;
	padding:			3px 10px;
	background:			#4998b9;
	color:				#fff;
	border-width:		2px;
	border-style:		outset;
	border-color:		#75b5ce #246384 #1b5273 #61a8c5;
}
.genform { float: left; margin-bottom: 1em;}
.genform .column {
	width:				370px;
	float:				left;
}
.genform .right {
	float:				right;
	margin-right:		0;
}

.genform .formoption { background-color: #F2F2F2; margin-bottom: 1px; padding: 5px;  }
.genform .formoption label {
	font-size: 90%;
	color: #444;
	font-weight: bold;
	display: inline-block;
	float: left;
	width: 100px;
}
.genform .formoption input { border: 1px solid #aaa; width: 245px }
.genform .formoption p { color: #444; font-size: 90%; }

#moreDetailsButton {
	
	background-color:#237398;
	color:#fff !important;
	padding:6px;
	margin:10px;
	font-weight:bold;
	border:3px ridge #237398;
}



/* BANNERS
---------------------------------------------------------------------- */

#infoBanner
{
	width:720px;
	background-color:#e06b1e;
	color:#fff;
	padding:10px;
	margin:10px;
	font-weight:bold;
}

/* FOOTER
----------------------------------------------------------------------*/
#footer {
	clear:				both;
	width:				960px;
	padding:			1em 0;
	background:			url(../images/bg_main_bottom.gif) no-repeat right top;
	color:				#aaaebc;
	font-size:			70%;
	line-height:		1.4;
}
#footer strong {
	color:				#555;
}
#footer a:link, #footer a:visited {
	color:				#05497c;
	text-decoration:	underline;
}
#footer a:hover, #footer a:active {
	color:				#5db7d2;
	text-decoration:	none;
}

