html {background:#fff url(../images/background.jpg) repeat-y top center;}
body {background:url(../images/background-top.jpg) no-repeat center top; font-family:Arial, sans-serif;}
.clear {clear:both; line-height:0px;}
h2 {font-size:14px; line-height:26px;}
h3 {font-size:12px; line-height:22px;}
small {font-size:10px; line-height:11px;}
ol {list-style-type:decimal; padding-left:32px; font-size:12px; line-height:20px;}

#container {width:899px; padding:7px 0px; margin:0 auto;}
#header {background:#82a8b0; border:2px solid #b3c9cd; height:143px; margin-bottom:10px;}
#header a {border-bottom:none;}
#header img {margin:30px 0px 0px 19px;}
#body {position:relative; background:url(../images/nav_bg.gif) top left repeat-y;}
.topleft {position:absolute; top:0; left:0;}
.bottomleft {position:absolute; bottom:0; left:0;}

#navigation {width:178px; position:absolute; text-indent:-9000px; padding:11px 0px 0px 6px; top:2px; left:0;}
#navigation a {background:url(../images/navigation.png); display:block; height:33px; border-bottom:1px solid #c2d089; width:172px;}
#navigation a.link1:hover {background-position:-172px 0px;}
#navigation a.link2 {background-position:0px -34px;}
#navigation a.link2:hover {background-position:-172px -34px;}
#navigation a.link3 {height:49px;background-position:0px -68px;}
#navigation a.link3:hover {background-position:-172px -68px;}
#navigation a.link4 {background-position:0px -118px;}
#navigation a.link4:hover {background-position:-172px -118px;}
#navigation a.link5 {height:49px;background-position:0px -152px;}
#navigation a.link5:hover {background-position:-172px -152px;}
#navigation a.link6 {background-position:0px -202px;}
#navigation a.link6:hover {background-position:-172px -202px;}
#navigation a.link7 {background-position:0px -236px;}
#navigation a.link7:hover {background-position:-172px -236px;}
#navigation a.link8 {background-position:0px -270px;}
#navigation a.link8:hover {background-position:-172px -270px;}
#navigation a.link9 {background-position:0px -304px;}
#navigation a.link9:hover {background-position:-172px -304px;}
#navigation a.link10 {background-position:0px -338px;}
#navigation a.link10:hover {background-position:-172px -338px;}
#navigation a.link11 {background-position:0px -372px;}
#navigation a.link11:hover {background-position:-172px -372px;}

#content {width:494px; padding:0px 16px; margin-left:184px; min-height:625px; color: #60605f; position:relative;}
* html #content {height:625px;}
h1 {font-size:22px; padding-bottom:8px; line-height:36px; font-family:"Trebuchet MS", Arial, sans-serif; color:#4f7a83; letter-spacing:-0.05em;}
a {color:#B08682; text-decoration:none; border-bottom:1px dotted #B08682; font-weight:bold;}
a:hover {border-bottom:1px dotted #7B5E5B; color:#7B5E5B;}
#content p, dd {padding-bottom:18px; font-size:12px; line-height:20px;}
dt {color:#7B5E5B; font-weight:bold; font-size:12px; line-height:18px;}
.list { font-size:12px; line-height:20px; list-style-type:disc; padding-left:32px;}
.list .list {list-style-type:square; font-size:10px; line-height:18px;}
.prod_preview {height:118px; position:relative; margin-bottom:12px;}
.prod_preview h2 {line-height:18px;}
.prod_preview img {float:left;}
.prod_preview div {width:332px; float:left; padding:0px 18px;}
.prod_preview h2 {font-family:"Trebuchet MS", Arial, sans-serif; font-size:16px; padding:14px 0px;}
.prod_preview a.learn_more {position:absolute; font-family:Tahoma, Arial, sans-serif;font-size:11px; color:#fff; bottom:6px; right:6px; text-decoration:none; border-bottom:1px solid #58594c; font-weight:normal;}
.prod_preview a.learn_more:hover {border-bottom:1px solid #fff;}
#content .prod_preview p {font-size:11px; line-height:14px;}
h2 a, h2 a:hover {border:none;}
.dark {background:url(../images/dark_green.jpg) no-repeat right top; color:#fff;}
.dark h2 a {color:#d7e895; text-decoration:none;}
.light {background:url(../images/light_green.jpg) no-repeat right top; color:#545454;}
.light h2 a {color:#545454; text-decoration:none;}

#sidebar {position:absolute; top:0; right:0; width:190px;}
#contact_us {height:206px; background:url(../images/contact_us.png); font-size:11px; font-family:Arial, sans-serif; color:#4f7a83; line-height:16px; padding:68px 0px 0px 18px;}
#contact_us .right {text-align:right;}
#contact_us td {padding:0px 3px;}
#contact_us a {color:#82a8b0; text-decoration:none; border-bottom:none;}
#contact_us a:hover {border-bottom:1px dashed #82a8b0;}
#rfq {background:url(../images/rfq.png); height:75px; width:97px; display:block; margin:34px 0px 0px 6px; padding:98px 0px 0px 80px; color:#787878; font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; text-decoration:underline; letter-spacing:-1px; border-bottom:none;}
#rfq:hover {color:#262626;}

#footer {background:url(../images/footer.gif) repeat-x; border:1px solid #9db0b5; height:36px; padding:17px 18px 0px;}
#footer p {color:#fff; font-size:12px; line-height:24px;}
#footer img {float:left; margin-right:6px;}
#footer p.left {float:left;}
#footer p.right {float:right;}



#content .product_list {list-style-type:circle; font-size:12px; line-height:18px; padding-left:24px;}
.product_list li {margin-bottom:20px;}
.product_list a {font-size:14px; color:#B08682; text-decoration:none; border-bottom:1px dotted #B08682; font-weight:bold; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.product_list a:hover {border-bottom:1px dotted #7B5E5B; color:#7B5E5B;}

.image {padding:2px; border:1px dashed #a0a0a0; margin:4px 12px;}
.product_info {float:right; width:170px; background:#9e9e9e; border:solid 1px #929292; padding:10px 10px 0px 10px; color:#fff; font-size:12px; line-height:16px; margin:0px 0px 10px 16px; text-align:center;}
.product_info strong {font-size:16px;}
.product_info span {text-transform:uppercase; font-size:9px;}
.product_info li {margin-bottom:10px;}
.product_info h3 {background:#fff; color:#9E9E9E; font-size:14px;}

.allergens {padding:15px 15px 10px; background:#ffffea; width:464px;}
.allergens h2 {color:#4f7a83; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px;}
.allergens h3 {font-weight:normal; text-transform:uppercase; font-size:12px; padding-bottom:2px; border-bottom:1px dashed #60605f; margin:20px 0px 2px;}
.allergens ul {font-size:10px; line-height:16px; width:145px; float:left; padding-right:5px;}

.nice_table {background:#fff3de url(../images/table_bg.gif) bottom no-repeat; text-align:center; font-size:12px; color:#505050; width:100%;}
.nice_table td {border-bottom:1px #fff solid; padding:4px;}
.cell td {padding:8px;}
.nice_table tr:hover td, .catalog a:hover, .catalog tr:hover a {background:#B09F82; color:#fff; font-weight:bold;}
.nice_table .head td, .nice_table tr.head:hover td { border-bottom:2px solid #7b5e5b; background:#b08682; color:#fff; font-weight:bold; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; padding:6px;}
.cell .head td, .cell tr.head:hover td {padding:10px;}
.strips_table { width:400px; margin:0px auto; border:1px dashed #e8dcc8; padding:2px; margin-top:5px;}
.catalog {border:1px dashed #e8dcc8; padding:2px; margin-bottom:40px;}
.catalog .nice_table {text-align:left;}
.catalog a {color:#505050; text-decoration:none;}
.catalog a:hover {border-bottom:1px #fff dashed;}
.catalog small {position:relative; top:1px; line-height:14px;}
.catalog ul {padding-left:12px; font-size:10px;}
.symptoms {text-align:left; background:#fff3de}
.symptoms tr:hover td {background:none; color:#505050; font-weight:normal;}
.symptoms td {border-bottom:none; vertical-align:middle;}
.symptoms tr.head td, .symptoms tr.head:hover td {font-size:12px; line-height:14px;}
.r_border {border-right:2px solid #7b5e5b}

.price_menu {width:300px; font-size:12px; padding-left:16px;}
.price_menu li {border-bottom:1px dotted #60605F; clear:both; height:17px;}
.price_menu strong, .price_menu span { position:relative; bottom:-5px; padding:2px; background:#fff;}
.price_menu span {float:right;}
.price_menu strong {float:left;}

.contactform {font-size:12px; color:#fff;}
.contactform td {padding:8px; text-align:right; background:#B08682; width:100px; line-height:16px;}
.contactform td.right {background:#7B5E5B; border-left:2px solid #9a6c68; text-align:left; width:225px;}
.contactform input, .contactform textarea {width:150px; border:none; font-family:Arial, sans-serif; font-size:12px;}
.contactform textarea {width:200px;}
.contactform .submit {width:65px; padding:3px; cursor:pointer; border-bottom:1px solid #7B5E5B; border-right:1px solid #7B5E5B;}
.contactform .submit:active {border-top:1px solid #555; border-left:1px solid #555; border-bottom:none; border-right:none;}
.contactform .top, .contactform .bottom {background:url(../images/contact_borders.png); height:12px; padding:0px}
.contactform .bottom {background-position:0px -12px;}
.captcha input {width:75px;}
.captcha td.right {vertical-align:top;}
.captcha small {line-height:16px;}


/* SLIDER */
	noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
	noscript a { color: #a00; text-decoration: underline }
	noscript ol { margin-left: 25px; }
	p.cross-link {text-align:center;}
							
	/* These 2 lines specify style applied while slider is loading */
	.csw { height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}
	
	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		width: 494px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 1000px;
		background: #f2f2f2;
		clear:both;
	}
			
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
	}
			
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 494px; /* Also specified in  .stripViewer  above */
	}
			
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}
			
			
	.stripNav ul li {
		float: left;
	}
	
	.stripNav a { /* The nav links */
		font-size: 11px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-style:italic;
		color: #b08682;
		text-decoration: none;
		display: block;
		padding: 3px 6px 6px;
		border-bottom:1px solid #e1e1e1;
		border-top:3px solid #fff;
	}
	
	
	.stripNav li a:hover {
		border-top:3px solid #e1e1e1;
		color:#7B5E5B;
	}
	
	.stripNav li a.current {
		background: #f2f2f2;
		color:#737373;
		border-bottom:1px solid #f2f2f2;
		border-top:3px solid #f2f2f2;
	}
	.stripNav li a.current:hover { color: #737373; border-top:3px solid #f2f2f2;}

#salebutton {border-bottom:none; display:block; margin-top:20px; }