@charset "utf-8";

/*  
	COLORS:

	Products:
	Olive-drab green (nav bg): #84a82e
	Lighter green (highlight + main): #a6cd3c
	
	Technical *Old*:
	Darker red (nav bg): #cd623c
	Coral red (highlight + main): #FF7F50
	
	Technical *New*:
	Chocolate (nav bg): #D2691E
	Darkorange (highlight + main): #FF8C00
	
	Order:
	Gold (nav bg): #FFD700
	GoldenRod (highlight + main): #DAA520
	
*/
@media screen {	

/* STYLES FOR THE TEMPLATE */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background-color:#778899;
}

/* Style for all text within <p> tags: */
p {
	text-align:inherit;
	line-height:1.3em; 
}

/* General purpose style for centering text within a container */
/* This is not used everywhere. It's just something that can be used as a way to center text more easily than hard coding in the style */
.centered {
	text-align:center;
}

/* Styles for headers h1 and h2, set sizes to be a bit smaller. */
h1 {font-size:1.5em;}
h2 {font-size:1.2em;}

/* Set the link color to be a very slightly darker blue than most browser defaults. This is easier on the eyes. */
a:link {color:#2200CC;}

/* Styles for the container, which contains all other elements within it. */
#container {
	width:875px;
	padding:20px;
	padding-top:10px;
	border-width:1px;
	border-style:none solid solid solid;
	border-color:#000080;
	background-color:white;
	text-align: left;
	margin:0px auto 15px;
	position:relative;
}
	
/* Styles for the topmost navigation (home, about, contact, etc.) */
#headerNav {
	font-size: 0.8em;
	text-align:right;
	padding:10px 0px;
	
}
#headerNav a:link, #headerNav a:visited{
	color:black;
	text-decoration:none;
}

/* Styles for the area containing the header image with the dishes */
#headerImg {
	height:139px;
	position:relative;
	background-image:url(images/template/header_white3.jpg);
	background-repeat:no-repeat;
	text-align:center;	
	background-color:#d3d3d3;
	border-bottom:11px solid #e8e8e8;
}

#homepagelink {position: absolute; top: 16px; height: 64px; left: 216px; width: 640px; cursor:pointer;}
/* Styles for the container of the three top drop down navigation menu containers (Product, Order, Reference) */
#mainNav {
	position:absolute;
	bottom:12px;
	right:41px;
	width:600px;
	padding: 0.5em 0px 0.35em 0px;
	font-size:1.3em;
}
#mainNav a {
	color:black;
	-moz-outline-style:none;
	font-weight:bold;
	letter-spacing:1.3px;
}

#mainNavIE6 {
	position:absolute;
	bottom:5px;
	right:15px;
	width:620px;
	padding: 0.5em 0px 0.35em 0px;
	font-size:1.3em;
}
#mainNavIE6 a {
	color:black;
	-moz-outline-style:none;
	font-weight:bold;
	letter-spacing:1.3px;	
}
	
/* General styles for the containers of the top drop down navigation menus */
#productLink, #orderLink, #technicalLink {
	text-align:center;
	padding-bottom:2px; 
	text-decoration:underline; 
	border:1px solid black;
	-moz-border-radius:2px;
	position:relative;
}
#productLink {
	float:left;
	width:31%;	
	background-color:#a6cd3c;
}
#orderLink {
	float:left;
	width:32%;
	margin-left:3%;
	background-color:#FFD700;
}
#technicalLink {
	margin-left:69%;
	background-color:#FF7F50;
}

/* Styles for the left side navigation bar */
#sideNav {
	float:left;
	width:26%;
	border-bottom: 1px solid #d3d3d3;
	padding-top:0.5em;
}
	/* Styles for things inside the left side navigation like links, lists, and text */
#sideNav-mainlist a:link, #sideNav a:visited, #sideNav a:focus {text-decoration:none; color:black; -moz-outline-style:none;}

#sideNav-mainlist {
	list-style-type:none;
	padding:5px 10px 5px 0px;
	margin-top:0px;
	margin-bottom:0px;
}
#sideNav-mainlist  li {
	margin-top:0.5em;
	padding:0px;
	font-size:0.9em;
	vertical-align:middle;
	border:1px solid white;
	-moz-border-radius:2px;
}
#sideNav-mainlist li p {
	margin:0px;
	padding:3px;
	-moz-border-radius:1px;	
}

#sideNav-mainlist.product li.checked {border:1px solid black;}
#sideNav-mainlist.product p:hover {background-color:#a6cd3c;}
#sideNav-mainlist.product p.checked {background-color:#84a82e;}

#sideNav-mainlist.technical li.checked {border:1px solid black;}
#sideNav-mainlist.technical p:hover {background-color:#FFA07A;}
#sideNav-mainlist.technical p.checked {background-color:#cd623c;}

#sideNav-mainlist.order li.checked {border:1px solid black;}
#sideNav-mainlist.order p:hover {background-color:#FFD700;}
#sideNav-mainlist.order p.checked {background-color:#DAA520;}

#sideNav-subproducts {
	margin:0em 0em 0em 1em;
	list-style-type:none;
	padding:0.5em 0em 0px 0px ;
	font-size:small;
	border-width:1px;
	border-color:#808080;
	border-style:none none none none;
}
#sideNav-subproducts li {
	margin:0.1em 0em 0.4em 0em;
}

#order_dishes_nav, #order_plates_nav, #order_accessories_nav {background-color:Gold; padding:3px; line-height:1.3; -moz-border-radius:inherit; border:1px dotted gray; font-size:14px;}

#sideSearch {clear:both; float:left; margin:8px 0px 1em 1em;}
/* Styles for the main content areas */
#pageContent {
	margin-left:26%;
	padding: 0px 0px 0px 10px;
	text-align:left;
	border-style: none none none solid;
	border-width: 1px;
	border-color: #d3d3d3;
}
#pageContent h3 {text-align:center; padding-top:1em; margin-top:0px;}
#pageContent h4 {text-align:left; padding:3px;}

#pageContent.product blockquote { font-size:small; background-color:#E6F1CB; padding:5px; border:1px inset gray;}
	
#pageContent-noNav {
	padding: 0px;
	text-align:left;
}
#pageContent-noNav h3 {text-align:center;}	

/* Style for the footer (contains the copyright notice and 'back to top' link) */
#footer {
	clear:both;
	margin-top: 2%;
	padding: 0.2em; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#CCDBFF;
	font-size:0.9em;
}

#trh1 {text-align:center;}
#trh2 {text-align:center;}
#trpartnumberp {text-align:center;}
.trpartnumber {font-weight:bold; background-color:#E6F1CB} /*{background-color:#E6F1CB; padding-left:3px; padding-right:3px;}*/
#trtable { }

.home_box {text-align:left; background-color:#F5F5F5; border:2px solid #999999; border-top:10px solid #A6A6A6; border-bottom:10px solid #8C8C8C; -moz-border-radius:10px; vertical-align:top; padding:0px 15px 10px;}
#home_ourproducts { width:53%;}
.homeboxheader {color:#B22222; font-weight:bold; font-style:italic; text-align:center;}

table.orderFormProducts {}
table.orderFormProducts thead {background-color:#dedede; font-weight:bold;}
table.orderFormProducts a {text-decoration:none;}

#pricelistlink {font-size:small; text-align:center; padding:3px 0px; font-weight:normal;}
#orderproductlink {width:100%; text-align:center;background-color:#F6F0BC; padding:3px 0px;}
#aboutproductlink {width:100%; text-align:center;background-color:#E6F1CB; padding:3px 0px;}

#productSuggestions {position:absolute; font-size:small; background-color:#eeeeee; z-index:1; padding:5px; min-width:10em; max-width:15em; display:none;}
#searchSuggestion {position:absolute; font-size:small; background-color:#eeeeee; z-index:1; padding:5px; width:20%; display:none;}

#technical_index_links {font-family:monospace; line-height:1.5; border:1px solid gray;}

/* .print: stuff to print but not display on the screen */
.print {display:none; margin:0px; padding:0px;}
}

@media print {
body {	font: 14px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
	
/* Styles for the topmost navigation (home, about, contact, etc.) */
#headerNav {font-size: 10px; text-align:right; }
#headerNav a:link, #headerNav a:visited {color:black;text-decoration:none;}
/* Styles for the area containing the header image with the dishes */
#headerImg, #homepagelink, #mainNav, #mainNavIE6, #sideNav  {display:none;}

h3 {text-align:center;}
/* General purpose style for centering text within a container */
.centered {text-align:center;}

#pageContent.product blockquote { font-size:12px; padding:5px; border:1px inset gray;}

/* Style for the footer (contains the copyright notice and 'back to top' link) */
#footer { font-size:10px; }

#trh1 {text-align:center;}
#trh2 {text-align:center;}
#trpartnumberp {text-align:center;}
.trpartnumber {font-weight:bold;} /*{background-color:#E6F1CB; padding-left:3px; padding-right:3px;}*/

#orderForm input, #orderForm select {text-align:left; border:1px solid black;}
#shoppingCart input, #shoppingCart select { border:1px solid black;}
table.orderFormProducts thead {background-color:#dedede; font-weight:bold;}
table.orderFormProducts a {text-decoration:none;}

.home_box {text-align:left; background-color:#F5F5F5; border:2px solid #999999; border-top:10px solid #A6A6A6; border-bottom:10px solid #8C8C8C; -moz-border-radius:10px; vertical-align:top; padding:0px 15px 10px;}
#home_ourproducts { width:53%;}
.homeboxheader {color:#B22222; font-weight:bold; font-style:italic; text-align:center;}

/*  
	.noprint: stuff to display on the screen but to not print
	.print: stuff to print but not display on the screen 
*/
.noprint {display:none;}
.print { margin:0px; padding:0px;}	
}