html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #FFF url(../images/page-bg.jpg) repeat-x top center;
    color: #333;
    font: 80% Verdana, Helvetica, Arial, sans-serif;
    text-align: center; /* for WinIE5.x */
}

#container {
    width: 900px;
    margin: 0 auto;
    padding: 0;
    min-height: 100%;
}

#blah:active { /* for IE, doesn't hurt others */
}

#header {
    padding: 10px 0 0 0; /* IE ignores top margin, so padding is used instead */
    margin: 0;
    height: 80px;
    font-size: 90%;
    color: #666;
    background-color: transparent ;
}

#header #language-option {
    float: right;
	margin: 0 15px 5px 0;
    font: 10px Arial, Helvetica, sans-serif;
    text-align: right;
}

#header #language-option select {
    font: 10px Arial, Helvetica, sans-serif;

}

#header form {
    margin: 0;
    padding: 0;
}

#logo {
    float: left;
    margin: 5px 0 0 0;
	padding:0;
}

#site-nav {
	float:right;
	width:619px;
	height:48px;
    background: url(../images/nav-bg.jpg) no-repeat;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 13px;
}

#site-nav a {
    color: #fff;
    text-decoration: none;
}

#site-nav a:hover {
    text-decoration: underline;
    color: #000000;
}

#site-nav #home{
	float:left;
    margin:8px 15px 0 25px;
	padding:0;
}

#site-nav #home a{
	padding:0;
	margin:0;
}
#site-nav #about{
	float:left;
    margin:1px 0 0 0;
	padding:12px 13px 0 13px;
	height:29px;
	border-left:1px solid #A6CFDF;
	border-right:1px solid #23538A;
}
#site-nav #products{
	float:left;
    margin:1px 0 0 0;
	padding:12px 13px 0 13px;
	height:29px;
	border-left:1px solid #A6CFDF;
	border-right:1px solid #23538A;
}

#site-nav #order{
	float:left;
    margin:1px 0 0 0;
	padding:12px 13px 0 13px;
	height:29px;
	border-left:1px solid #A6CFDF;
	border-right:1px solid #23538A;
}
#site-nav #contact{
	float:left;
    margin:1px 0 0 0;
	padding:12px 13px 0 13px;
	height:29px;
	border-left:1px solid #A6CFDF;
}
#photo-banner {
    clear: both;
    height: 295px;
    margin: -20px 0 0 0;
    background: url(../images/photo-banner.jpg) no-repeat;
}

h2.header {
    font-size: 22px;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    padding: 38px 0 0 21px;
    float: left;
}

#slogan {
    padding: 5px 0;
    margin: 0;
    font-size: 30px;
    font-weight: bold;
    font-variant: small-caps;
	color:#00336F;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}

#content {
    float: left;
	border-top: #FFD204 1px solid;
    text-align: left;
    padding: 0 10px;
    margin: 0;
	background-color:#FFF;
	background: #FFF url(/assets/images/main_content_bg.gif) repeat-y;
}

#twocol #main-content {
    float: left;
    width: 590px;
    text-align: left;
    padding: 20px 10px 0 5px;
}

#twocol #main-content p.headline {
    font-size: 101%;
    font-weight: bold;
    color: #0000FF;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}

.breadcrumb{
	color:#666;
	font-size:90%;
	margin:0 0 10px 0;
	padding:0;
}

#onecol #main-content {
    float: left;
    width: 870px;
    text-align: left;
    padding: 5px;
}

#twocol #sidebar {
    float: right;
    width: 254px;
    margin: 30px 0 0 0;
    padding: 0 0 0 20px;
    text-align: left;
	border-left: #D4D4D4 1px solid;
}

#twocol #main-content h2 {
    margin: 0 0 10px 0;
    padding: 1px 0 1px 15px;
    background: url(/assets/images/header-bg.gif) repeat-y;
    font-size: 115%;
    color: #261A5A;
}

#twocol #sidebar p {
    margin: 0 0 2px 0;
}
/* Home page product listing header */
#productSearch {
    margin: 0 0 50px 0;
    padding: 0;
    font-size: 105%;
    color: #261A5A;
}

#productSearch input.searchBox {
    height: 20px;
    width: 200px;
    border: #4D8FCA 1px solid;
    padding: 3px 0 0 0;
	margin:5px 0 0 20px;
}
#twocol #sidebar #productSearch h3{
	font-size: 105%;
	font-weight:normal;
    color: #FFF;
	background:url(/assets/images/icon_magnifing_glass.jpg) no-repeat;
	padding: 9px 0 10px 45px;
}

#twocol #sidebar #comingSoon h3{
	font-size: 110%;
	font-weight:normal;
    color: #FFF;
	background: url(/assets/images/icon_pills.jpg) no-repeat;
	padding: 9px 0 10px 45px;
	margin:10px 0;
}

#twocol #sidebar ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
}

#twocol #sidebar li {
    margin: 8px 0;
    background-image: url(../images/2box-bullet.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 1.3em; /* left padding moves the text away from the bullet */
}

#twocol #sidebar li {
    margin: 8px 0;
    background-image: url(../images/arrow-bullet.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 1.3em; /* left padding moves the text away from the bullet */
}

#twocol #sidebar hr {
    color: #FF0000;
    height: 1px;
    margin: 5px 0 10px 0;
}

#twocol #sidebar h3 {
    color: #C7AD48;
    font-size: 24px;
}

#productList {
	width:100%;
	font-size:10px;
}

#orderBox {
	float:right;
	background: #FFF url(/assets/images/order_button.gif) no-repeat;
	padding:0;
	margin: 19px 2px 0 0 ;
	height:65px;
	width:250px;
}

#orderBox h2 {
	font-size:16px;
	padding: 10px 0 0 70px;	
	font-weight:bold;
}
#download {
    margin: 0;
    padding: 16px 0 18px 65px;
    background: url(/assets/images/download.gif) no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #261A5A;
}

#productInfo {
	float:right;
	padding:45px 0 0 10px;
	width:350px;
}

#viewAllProducts {
	background:#fff url(/assets/images/icon_mouse.gif) no-repeat;
	margin: 10px 0 0 8px;
	padding: 7px 0 20px 35px;

}
#viewDevProducts {
	background:#fff url(/assets/images/icon_flask.gif) no-repeat;
	margin: 10px 0 0 8px;
	padding: 7px 0 20px 35px;

}
#download a {
    margin: 0;
    padding: 0;
    line-height: 22px;
	color:#000;
}
#footer {
    clear: both;
    text-align: center;
    font-size: 90%;
    padding: 0;
    margin: 0;
}
#footer #roundBottom{
	background:url(/assets/images/footer.gif) no-repeat;
	height:27px;
}
#footer ul {
    margin: 20px 0 0 0; /* Removes default list margin added by some browsers. */
    padding: 0; /* Removes default list padding added by some browsers. */
    list-style-type: none; /* Removes default list bullets. */
	line-height:24px
}

#footer li {
    margin: 0;
    padding: 0 5px 0px 0px;
    display: inline;
}

#footer a {
    text-decoration: none;
}

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

#logout {
    float: left;
    background-color: #FFFF99;
    padding: 5px;
    border-top: #FF0000 thin solid;
    border-bottom: #FF0000 thin solid;
    border-right: #FF0000 thin solid;
}
/* TEXT ---------------------------------------------------- */
/* --------------------------------------------------------- */
p {
    margin: 0 0 1.2em 0;
    line-height: 1.6;
}

h1 {
    margin: 0 0 1em 0;
    font-size: 150%;
}

h2 {
    margin: 0 0 .6em 0;
    font-size: 120%;
}

h3 {
    margin: 0;
    font-size: 100%;
}
/* LINKS --------------------------------------------------- */
/* --------------------------------------------------------- */
a {
    color: #0000FF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.image-link {
    background: transparent;
}
/* LISTS --------------------------------------------------- */
/* --------------------------------------------------------- */
dt {
    margin: 1em 0 0 0;
    font-weight: bold;
}

dd {
    margin: 0;
}
/* TABLES -------------------------------------------------- */
/* --------------------------------------------------------- */
table {
    margin: 0 0 1px 0;
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 5px;
    border-bottom: 4px solid #FFF;
    color: #000000;
}

th {
    background: #261A5A;
    color: #fff;
    text-align: left;
}

#inDevelopment {
	
}
#inDevelopment th, #inDevelopment td {
    padding: 3px;
	font-size:80%;
    color: #000000;
}
/* FORMS -------------------------------------------------- */
/* --------------------------------------------------------- */
#main-content form {
    margin: 0; /* zeros the margin for a level playing field */
    padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
    width: 430px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
    float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}

#main-content fieldset {
    border: 1px solid #0099FF; /* defines a border around each fieldset */
    margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
    padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}

#main-content legend {
    border: 1px solid #0099FF; /* creates a defined box/border around the legend */
    color: #fff; /* contrasting text color */
    background: #000033;
    padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
    margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
}

#main-content label {
    float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
    width: 110px; /* All the labels have the same width, so their right edges line up vertically. */
    clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
    text-align: right;
    margin-top: 5px; /* this moves the text/label down away from the top of the input */
}

#main-content input, #main-content textarea {
    color: #000; /* creates the text color */
    border: 1px solid #0099FF; /* gives the input and textarea a border */
    padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
    background: #E5E5E5; /* creates a background color */
    margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
    width: 280px; /* creates a consistent width */
    float: left; /* These inputs and the textarea are floated next to the labels. */
}
/*\*/ /*/
 #content input, #content textarea {
 float: none;
 }
 /* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */
#main-content input.sminp {
    width: 110px; /* for shorter input boxes. */
    margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

#main-content input.button {
    color: #000; /* creates the text color */
    border: 1px 13px 3px 1px solid #666; /* gives the input and textarea a border */
    padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
    background: #E5E5E5; /* creates a background color */
    margin: 3px 0px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
    width: 110px; /* creates a consistent width */
    float: right;
}
/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#main-content input:focus, #main-content input:active, #main-content textarea:focus, #main-content textarea:active {
    color: #000;
    background: #FFFFCC;
}

.alert {
    color: #990000;
    font-weight: bold;
}

.brclear { /* Use a break with this class to clear float containers on both sides */
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}

.clearrt { /* Use a break with this class to clear float containers only on the right */
    clear: right;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}
/* these float styles can be used to float images with text next to them */
.fltrt {
    float: right;
    margin-left: 8px;
}

.fltlft {
    float: left;
    margin-right: 8px;
}
/* bread crumb indicators */
.youarehere {
	background: url(/assets/images/youAreHere.jpg) repeat-x;
}
#site-nav .youarehere a{
	color:#000;
	font-weight:bold;
}
.smalltxt { /* Use a break with this class to clear float containers only on the right */
    font-size: 10px;
}

.grey {
    color: #666;
    font-weight: bold;
}

#site-nav .wholesale-link a:link, #site-nav .wholesale-link a:visited {
    color: #611B13;
    font-size: 80%;
}
/* ==== Formatting for Products Page */
.prodEven {
    background-color: #C3DDE6;
}

.prodOdd {
    background-color: #9BC6D9;
}

.prodHover {
    background-color: #83D080;
    cursor: pointer;
}

#prodLayer {
    border-top: #999 1px solid;
    border-bottom: #000 2px solid;
}

#results {
    margin: 0;
    padding: 0;
    background-color: #00FF66;
    width: 350px;
    min-height: 200px;
    background: url(/assets/images/results-bg.jpg) no-repeat #FFF;
}

#bottom {
    padding-top: 20px;
    margin: 0 20px 0 0;
    background: url(/assets/images/search-bottom.gif) no-repeat #FFF left bottom;
}

#results a, #results a:visited {
    color: #000000;
    text-decoration: none;
}

.hideSuggestClass{
	border: 1px solid #BCE1F2;
	background-color: white;
	overflow:hidden;
	display:none;
	width: 250px;
	margin: 0px;
	cursor: pointer;
	z-index: 1011;
}

.showSuggestClass .hideSuggestClass{
	display: block !important;
}

.showSuggestClass .hoverSuggestClass{
	background-color: #CCCCCC !important;
}

.iframeSuggest {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
.odd{
	background-color:#FCF6D0;
}
#name_prd {
	position:absolute;
	left:20px;
	top:30px;
	width:225px;
}
#searchDiv {
	position:absolute;
}
#panel-left {
	Width:250px;
	margin:0 0 0 10px;
	padding: 0 0 10px 0;
	float:left;
}
#panel-right {
	Width:250px;
	float:right;
	margin:0 ;
	padding: 0 0 10px 0;

}
#panel-left h3, #panel-right h3{
	background: #B8C7C5 url(/assets/images/icon_headline.gif) no-repeat;
	padding:2px 0 1px 30px;
	color:#556764;
	font-weight:normal;
}
#panel-left img, #panel-right img{
	float:left;
	padding:10px 10px 2px 0;
}

#productSearch2 {
	background:url(/assets/images/search-top.gif) no-repeat #FFF;
	padding: 28px 0 0 15px;
	height:42px;
	font-weight:bold;
	margin: 0 0 0 50px;
	clear:both;
}
#productSearch2 input.searchBox{
	background-image:url(/assets/images/input-box.gif);
	height: 20px;
	width:163px;
	border:0;
	background-color: transparent;
	float:none;
	padding: 3px 0px 0 8px;
}
#results{
	margin: 0 0 0 51px;
	padding: 0 28px 0 30px;
	min-height:200px;
	background:url(/assets/images/results-bg.jpg) no-repeat #FFF;

}
#bottom{
	padding-top: 20px;
	margin: 0 20px 0 51px;
	background:url(/assets/images/search-bottom.gif) no-repeat #FFF left bottom;
}
#results a, #results a:visited{
	color:#000000;
	text-decoration:none;
}
#cover{
	background:#D7E9FF;
	border:1px solid #666;
	padding:10px;
}
/* @@@@@@@ =========== @@@@@@*/