@charset "UTF-8";
@import url("sominexnav.css");
/* CSS Document */

body 									{ margin: 0px; padding: 0px; background: #134F7F url(../images/bluegrad.jpg) repeat-x; color: #748785; font: 12px/14px Arial, Helvetica, sans-serif; }

/* --- HEADER --- */
#header 								{ height: 84px; background: url(../images/sominex-header.gif) no-repeat; width: 976px; margin-bottom: 15px; }

/* buy now */
#buynow 								{ float: right; padding-right: 40px; }

/* --- CONTENT --- */
#navigation 							{ margin-left: 45px; height: 42px; overflow: hidden; font-family: "Courier New", Courier, monospace; font-size: 14px; color: #FFF; }
#content 								{ position: absolute; top: 140px; padding: 0 0 0 100px; margin: 0; }
#flash 									{ position: relative; top: 13px; left: 420px; }
#packshot 								{ height: 180px; width: 386px; clear: both; margin: 0px; padding: 0px; }
.padding								{ height: 65px; }

/* containers */
#container 								{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/sominex-pillow.jpg) no-repeat; height: 774px; z-index: 1; }
#containerflash 						{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/index-pillow.jpg) no-repeat; height: 774px; }
#containerknitting 						{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/pillow-knitting.jpg) no-repeat; height: 774px; }
#containerswing 						{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/pillow-swing.jpg) no-repeat; height: 774px; }
#containerball 							{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/pillow-ball.jpg) no-repeat; height: 774px; }
#containercontact 						{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/pillow-contact.jpg) no-repeat; height: 774px; }
#containerfence 						{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/pillow-fence.jpg) no-repeat; height: 774px; }
#containerfaq 							{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/pillow-faqs.jpg) no-repeat; height: 774px; }

/* --- CONTACT --- */
#contacts 								{ float: left; padding-left: 15px; margin-top: 5px; width: 75px; }

/* --- ADVERT --- */
#advert									{ height: 240px; margin-top: -40px; }
#advertlarge 							{ width: 576px; margin-right: auto; margin-left: auto; margin-top: 130px; }
#advertlarge a 							{ text-decoration: none; font-family: "Courier New", Courier, monospace; font-size: 14px; color: #748785; }
#advertlarge a:hover 					{ text-decoration: underline; }
#media-advert 							{ float: left; margin-right: 15px; margin-bottom: 40px; }

/* --- APPENDIX --- */
#appendix 								{ font-size: 10px; color: #FFF; clear: both; width: 770px; margin-right: auto; margin-left: auto; margin-top: -30px; }
#appendix a 							{ text-decoration: none; color: #FFF; }
#appendix a:hover 						{ text-decoration: underline; }

/* --- COPYRIGHT --- */
#copyright 								{ clear: both; margin: 0; }
#copyright p 							{ margin: 0px; padding: 0px; font-size: 11px; }
#copyright a 							{ color: #748785; }


/* --- TEXT --- */

#text 									{ z-index: 5; width: 600px; height: 290px; overflow: hidden; }
#text a 								{ text-decoration: none; color: #007AC1; }
#text a:hover 							{ text-decoration: underline; }
#text p 								{ padding: 0; margin: 0 0 10px 0; }
#text ul 								{ margin: 0 0 10px 15px; padding: 0; }
#text li 								{ margin-bottom: 2px; }

h1 										{ font-size: 28px; color: #007AC1; margin: 0 0 15px; padding: 0; line-height: 28px; }
h2 										{ font-size: 16px; color: #007AC1; margin: 0 0 3px; padding: 0; }

/* --- SITEMAP --- */

.sitemap 								{ list-style: none; }
.sitemap .sitemaplink 					{ margin-bottom: 7px; }
.sitemap .sitemaplink a.main 			{ text-decoration: none; font-size: 14px; font-weight: bold; color: #1868A5; line-height: 20px; margin: 7px 0px 0px; padding: 7px 0px 0px; }
.sitemap .sitemaplink a.main:hover 		{ text-decoration: underline; }
.sitemap .sitemaplink a.sub 			{ color: #56a1cd; text-decoration: none; display: inline; margin: 0px 5px 0px 12px; padding: 0px; }
.sitemap .sitemaplink a.sub:hover 		{ text-decoration: underline; }

/* --- JFLOW --- */
#controller 							{ width: 570px; height: 20px; }
#controller img 						{ float: left; margin-right: 5px; cursor: pointer; }
#slides									{ width: 570px; overflow: hidden; height: 290px; }
#slides div 							{ width: 560px; height: 290px; float: left; }
#slides div p							{ margin-right: 20px; }
.JFlowControl							{ display: none;}
.jFlowPrev								{ float: left; }
.jFlowNext								{ float: left; }

/* -- HERBAL SELECTORS --- */
body#herbal								{ margin: 0px; padding: 0px; background: #518D2B url(../images/greengrad.jpg) repeat-x; color: #748785; font: 12px/14px Arial, Helvetica, sans-serif; }

body#herbal #header						{ height: 84px; background: url(../images/herbal-header.gif) no-repeat; width: 976px; margin-bottom: 15px; }

body#herbal #container					{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/herbal-pillow-pattern.jpg) no-repeat; height: 774px; z-index: 1; }
body#herbal #containerflash				{ width: 976px; margin-right: auto; margin-left: auto; background: url(../images/herbal-pillow.jpg) no-repeat; height: 774px; }

body#herbal #text a						{ text-decoration: none; color: #6BB23C; }
body#herbal .pagelink					{ font-weight: bold; color: #007AC1; margin-right: 2px; }
body#herbal h1							{ font-size: 28px; color: #6BB23C; margin: 0 0 15px; line-height: 28px; padding: 0; }
body#herbal h2							{ font-size: 16px; color: #6BB23C; margin: 0 0 3px; padding: 0; }

body#herbal #flash						{ position: relative; top: 22px; left: 414px; }