/* ---------------------------------------- North Toft Ltd - Equine Health Products */ 
/* ---------------------------------------- Global Generic Styles */
* { margin:0; padding:0; border:0; outline:0; }
html { width:100%; height:100%; margin:0; padding:0; } 
body { width:100%; height:100%; font-family:verdana,arial,sans-serif; font-size:12px; line-height:22px; color:#000; overflow:auto; background:#4ba92b url('../layout/bg_full.jpg') repeat; }
body > #Container {height: auto; min-height: 100%;}
*+html body { overflow:hidden; }
p    { padding:0.2em 0; }
h1   { font-family:arial,sans-serif; color:#353a35; }
h2   { font-size:2em;   margin:20px 0; padding:4px 5px; font-family:arial,sans-serif; color:#353a35; background:#cfdbcb; border-bottom:1px solid #b2beae; }
h3   { font-size:1.5em; margin:20px 0; padding:4px 5px; font-family:arial,sans-serif; color:#353a35; background:#cfdbcb; border-bottom:1px solid #b2beae; }
h4   { font-size:1.5em; margin:20px 0; padding:4px 5px; font-family:arial,sans-serif; color:#353a35; background:#cfdbcb; border-bottom:1px solid #b2beae; }
h5   { font-size:1em; }
blockquote { font-size:0.9em; font-style:italic; }
a          { color:#0000ff; }
a:hover    { color:#888; }
a.Selected { }
ul, li     { }

/* ---------------------------------------- MainArea */
#Container   { width:100%; height:100%; margin:0; }
#FullBG      { width:100%; height:100%; position:relative; }
#MainContent    { position:relative; top:-68px; }
#MainAreaTop    { width:850px; height:16px; background:#e2f1dd url('../layout/bg_maintop.gif') right no-repeat; }
#MainArea       { width:850px; height:auto; margin:0 auto; background:#e2f1dd url('../layout/bg_main.gif') right repeat-y;  position:relative;  }
#MainAreaBottom { width:850px; height:20px; margin:0 auto; background: url('../layout/bg_mainfooter.jpg') bottom no-repeat; position:absolute; bottom:100px; }
#Header         { width:100%;  height:256px; margin:0; padding:0; background:#b4ccf8 url('../layout/bg_sky.jpg') repeat-x; border-top:2px solid #003300; }
#HeaderTop      { width:950px; height:253px; position:relative; margin:0 auto; }
#HeaderTop h1   { position:absolute; top:110px; left:50px; font-size:3.5em; color:#000; font-style:italic; line-height:1.2em; }
#Logo           { width:247px; height:60px; float:right; margin-right:30px; background:url('../layout/bg_logo.gif') no-repeat; }
#Clouds1        { width:190px; height:56px;  position:absolute; left:40px;  top:20px;  background: url('../layout/bg_cloud_1.jpg') no-repeat; }
#Clouds2        { width:289px; height:109px; position:absolute; right:40px; top:105px; background: url('../layout/bg_cloud_2.jpg') no-repeat; }
#Hills          { width:100%;  height:145px; margin:0 auto; position:relative; background:#4ba92b url('../layout/bg_hills.jpg') center repeat-x; }

#PageContent    { width:770px; height:auto; padding:0 40px 0 40px; margin-top:40px; }

* html #HeaderTop { left:50%; margin-left:-500px;  }
* html #MainArea,
* html #MainAreaBottom,
* html #Navigation,
* html #FooterMain    { position:relative; left:50%; margin-left:-450px; }
* html #MainAreaBottom { margin-left:-425px; height:30px; bottom:-80px; }

/* ---------------------------------------- Navigation */
#Navigation { width:850px; height:41px; margin:0 auto; }
.Menu       { width:845px; height:41px; float:left; }
.MenuItem   { height:41px; float:left; font-family:Verdana,Arial,sans-serif; font-size:14px; line-height:48px; background: url('../layout/bg_menu.gif') bottom repeat-x; }
.MenuItem a          { padding:0 14px; color:#fff; text-decoration:none; }
.MenuItem a:hover    { text-decoration:underline; }
.MenuItem a.Selected { height:41px; line-height:41px; color:#000; padding:0 16px 0 6px; font-weight:bold; }
.MenuItem.Home a     { padding:0 20px 0 10px; }
.Current    { height:41px; line-height:41px; background: url('../layout/bg_selecteda.gif') top repeat-x;  }
.Currenta   { background:url('../layout/bg_selected.gif') top right no-repeat; }
.MenuBottom { width:24px; height:41px; float:left; background: url('../layout/bg_menu2.gif') bottom right no-repeat;}
.MenuItem.Basket { height:41px; line-height:41px; padding:0 20px; }
.MenuItem.Basket input { margin-top:2px; }
.MenuItem.Basket input:hover { border-bottom:1px solid #fff; }

#SubMenu               { margin:0; position:relative; z-index:9999; padding:0; }
#SubMenu li            { list-style:none; float:left; }
#SubMenu li a          { display:block; height:41px; padding:4px 12px 4px 4px; line-height:41px; color:#fff; text-decoration:none; }
#SubMenu li a.Selected { color:#000; }
#SubMenu li a:hover    { text-decoration:underline; }  
#SubMenu li ul         { display:none; border-bottom:1px solid #333; width:10em; /* Width to help Opera out */ }
#SubMenu li:hover ul   { display:block; position:absolute; top:40px; left:170px; margin:0; padding:0; }
#SubMenu li:hover li   { float:none; }
#SubMenu li:hover li a { background-color:#353a35; height:20px; padding-top:0; padding-bottom:15px; color:#fff; font-size:1em; }
#SubMenu li li a:hover { text-decoration:underline; }
.SubSelect { text-decoration:underline; font-weight:bold; }
body#northtoft #SubMenu li:hover a.North { border-bottom:1px solid #353a35; height:32px; }
body#northtoft #SubMenu li:hover li a { background-color:#e2f1dd;  color:#000; border-left:1px solid #353a35; border-right:1px solid #353a35;  }
body#northtoft #SubMenu li:hover li a.Special { border-bottom:1px solid #353a35; } 

* html body#northtoft #SubMenu li .North { width:175px; }
* html #SubMenu li  { width:175px; }
* html #SubMenu li a { line-height:30px; }
* html #Navigation .basket form  { border:0; outline:0; width:auto; height:10px; margin-top:0; padding:0; }
* html .Current { height:10px; line-height:30px; }
* html .MenuItem  { line-height:40px; }
* html .MenuBottom { position:absolute; right:0; }

/* -------------------------------------- Footer */
#MainArea { padding-bottom:170px; }  /* must be same height as the footer */
#Footer { z-index:1; position: relative; margin-top: -170px; /* negative value of footer height */
	height: 170px; background:#003300 url('../layout/bg_footer.jpg') top center repeat-x; clear:both; } 

/* CLEAR FIX*/
.clearfix:after {content: "."; display:block;	height: 0; clear: both;	visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#FooterMain { width:900px; height:30px; margin:0 auto; padding-top:130px; color:#e2f1dd; }
#FooterMain .Text   { float:left; }
#FooterMain .Text a { color:#e2f1dd; text-decoration:none; }
#FooterMain .Text a:hover { color:#666; }
#FooterMain .Text a.Selected { color:#666; text-decoration:underline; }
#FooterMain .Copy   { float:right; }

/* -------------------------------------- Page Layout */

#Slideshow { float:left; margin-top:20px; clear:both; }
#flashcontent { width: 760px;	height: 450px; font-size:6px; }
body.index #flashcontent { width:460px; }

.fatcolumn     { width:60%; float:left; }
.fatcolumn img { margin-left:100px; margin-top:20px; }
.fatcolumn .logoimg { height:100px; }
.fatcolumn .logoimg2 { height:60px; }
.fatcolumn .logoimg2 img { margin:0; }
.fatcolumn .logoimg img { margin:0; }

.fatcolumn ul  { margin-left:20px; }
.thincolumn    { width:30%; float:right; padding-left:37px; border-left:1px solid #b2beae; }
.thincolumn p  { font-size:11px; }
.thincolumn ul { margin-left:20px; }
.thincolumn li { font-size:11px; }

body.testimonials .thincolumn input { border:1px solid #b2beae; width:230px; }
.thincolumn textarea { border:1px solid #b2beae; width:230px; }
.thincolumn .button { width:232px; padding:5px 0; color:#e2f1dd; background:#333; }
.thincolumn .button:hover { cursor:pointer; color:#333; background:#e2f1dd; }

.suitable img { margin-top:10px; }
.one img  { margin-top:0px; }
.basket form { width:167px; height:75px; border:7px solid #e2f1dd; margin:10px auto;  }

.basket form:hover { border-bottom:7px solid #93ca37; }
.basket table { width:110px; font-size:14px; font-weight:bold; }
.basket tr { width:50%; float:left; }

ul.Products  { list-style:square; margin-left:30px;  }
.Products li { text-indent:20px; }
.firstaid    { float:left; clear:both; margin-top:20px; }
.item        { float:left; clear:both; margin-bottom:10px; }
.productinfo { width:60%; float:left; padding-right:40px; }
.productinfo em { font-size:1.2em; line-height:48px; font-weight:bold; padding-left:20px; }
.productinfo form { float:left; }
.productinfo p {float:left; clear:none; }
.purchase    { width:20%; float:left; padding-left:40px; border-left:1px solid #b2beae;  }

/* Page Specific */
body.emollin .basket form { height:45px; }
body.supplimints .basket form { margin:10px 0 0 0; }
body.supplimints .basket table { width:230px; }
body.supplimints .basket table tr { float:left; width:auto; }
body.irripod .basket form { margin:10px 0 0 0; }
body.irripod .basket table { width:235px; }
body.irripod .basket table tr { float:left; width:auto; }
body.essential .basket form { height:100px; margin:10px 0 0 0; }
body.essential .basket table { width:230px; }
body.essential .basket table tr { float:left; width:auto; }
body.special .basket form { height:100px; margin:10px 0 0 0; }
body.special .basket table { width:230px; }
body.special .basket table tr { float:left; width:auto; }
body.clinell .basket form { height:100px; margin:10px 0 0 0; }
body.clinell .basket table { width:230px; }
body.clinell .basket table tr { float:left; width:auto; }

/* ---------------------------------------------- */





/*
body #Navigation,
body .thincolumn,
body .fatcolumn,
body #flashcontent,
body #MainAreaBottom { display:none; }

*/