html
	{
	 height:100%;   
	}

body {
     margin: 0 auto 0 auto;
     text-align:center;
     font-family:  "Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size:10pt;
     color: #666;
     letter-spacing: 1.6%;
     line-height:1.4em;
     height:100%;
     background: url('../images/header_back.png') repeat-x left top;
   
}
h1, h2, h3 {font-family:Trebuchet MS, Helvetica;}
h1 {font-size: 16pt;padding-bottom:5px;font-weight:600;line-height:20px;} /* orange f05900 green 8eab00 */
/* main DIVS now */

.spacer {clear:both;}
#Warning{display:none;}
.hr{border-bottom:solid 1px #ddd;width:80%;margin-left:20px;height:5px;display:block;margin-bottom:10px;}
a, a:link, a:hover, a.active, a.visited {text-decoration:none;color:#8eab00;}
a:hover {text-decoration:underline;}

.ProductFrameSmall {background: url(../images/product_frame2.png) no-repeat 0px 0px;width:160px;height:187px;padding-left:10px;padding-right:10px;}
.ProductFrameLarge {background: url(../images/product_frame_large.png) no-repeat 0px 0px;width:300px;height:300px;}
.floatLeft{float:left;margin-right:15px;}
.floatRight{float:right;margin-left:15px;}

#bodycontainer {min-height:100%;position:relative;background: url('../images/header_back.png') repeat-x left top;}

#container {
	width:992px; 
	margin: 0 auto 0 auto;
	text-align:left;
	
	padding-bottom:90px;  /* height of footer */
}

#header 
{
height:88px;
width:100%;

         
}

#Login {float:right;height:45px;padding-right:40px;padding-top:5px;}
#Login p {color:#fff;}

#content{
    
    width:992px;
    background: url('../images/sky.jpg') no-repeat left top;
    min-height:259px;z-index:999;position:relative;
    }

#content_left {width:250px;float:left;background: url(../images/panel_grey.png) no-repeat 0px 0px;padding-right:10px;} 
#content_left2 {width:250px;float:left;padding-right:10px;}
#content_right{width:250px;float:right;} 
#content_middle {width:440px;padding:0px 10px 0px 10px;float:left;background:transparent url(../images/panel_middle.png) no-repeat bottom left;}
#content_middle h1, #content_middle h2, #content_middle h3 {color:#8eab00;}
 
#content p {padding-bottom:15px;}
#content_left p, #content_left h2 {padding-left:10px;padding-right:10px;}
#content_left h2, #content_middle h2 {font-size:14pt;padding:10px;color:#666;}
#content_middle h3 {font-size:12pt;padding-bottom:5px;color:#666;}
#content_middle h2 {padding:10px 0px 10px 0px;}
.BulletPoints, .WhiteBulletPoints {
 list-style-type:disc;
 list-style-position: outside;
 margin-left:25px;
 padding-bottom:5px;

}
.miniproduct{clear:both;width:100%;margin-bottom:10px;-moz-border-radius:10px;
background-color:#fff;
border:5px solid #fff;padding-bottom:10px;}
.miniproduct.on {
-moz-border-radius:10px;
background-color:#EEF1F3;
border:5px solid #EEF1F3;
}
.miniproduct .h2 {font-family:Trebuchet MS, Helvetica;font-size:14pt;}
.miniproduct p {padding:0px !important;margin:0px;}

.WhiteBulletPoints {color:#fff;font-family:Trebuchet MS, Helvetica;font-size:14pt;padding-top:35px;width:230px;}
.WhiteBulletPoints li {padding-bottom:10px;}

.BulletPoints li {padding-bottom:5px;padding-right:10px;}
#content .date {letter-spacing:0.1em;color:#999;font-size:10pt;text-transform:uppercase;font-weight:500;} /* border-bottom:solid 1px #8eab00; */
.date2{color:#fff;font-size:8pt;text-transform:uppercase;font-weight:500;}
    /* Menu */

#MenuBar {font-size:12pt;line-height:20px;float:right;padding-right:40px;clear:right;}
#MenuBar ul{list-style:none;}
#MenuBar ul li{float:left;height:38px;padding-left:2px;}
#MenuBar ul li a {color:#fff;display:block;width:109px;float:left;padding-top:5px;text-align:center;}
#MenuBar a:link, #MenuBar a:visited, #MenuBar a:active {background-image:url('../images/menu_off.png'); background-repeat:no-repeat;color: #fff;text-decoration:none;height:38px;}
#MenuBar a:hover {background-image:url('../images/menu_over.png');}

/* Sky Area */

.TopPanel {float:left;width:505px;height:158px;color:#fff;margin-top:50px;background:url('../images/bluepanel_small.png') no-repeat 0px 0px;}
.TopPanel.large {width:692px;background:url('../images/bluepanel_large.png') no-repeat 0px 0px;}
.TopPanel h1,  .TopPanel h2 {font-size:17pt;line-height:18pt;font-weight:400;color:#fff;padding:10px 15px 0px 15px;}
.TopPanel h2 {font-size:12pt;line-height:14pt;font-weight:100;}
.TopPanel a, .TopPanel a:link, .TopPanel a:visited, .TopPanel a:active {color:#fff;text-decoration:underline;}
.TopPanel a:hover {text-decoration:none;}
.List {width:250px;float:right;margin-top:-25px;margin-left:10px;}
.BigFlower {float:right;margin-top:-15px;width:249px;height:268px;}

/* Footer  */
 
#footer {background: url('../images/hills.jpg') repeat-x 0px 0px;position:absolute;height:176px;bottom:0;display:block;width:100%;}  /* IE7 margin:-50% fixes hills !!! */
#footerContent {margin-top:105px;color:#fff;width:992px;margin-left:auto;margin-right:auto;text-align:center;z-index:999;} 
#footerContent a:link, #footerContent a:visited ,#footerContent a:active {font-weight: bold;color:#fff;text-decoration:none;}
#footerContent a:hover {text-decoration:underline}
#footerContent p {padding:0;margin:0;}
#FooterBar {line-height:14px;margin: 0 auto 0 auto;width:100%;}
#FooterBar ul{list-style:none;}
#FooterBar ul li{display:inline;padding:0px 5px 0px 5px;border-right:solid #fff 1px;}
#FooterBar ul li.lastone {border-right:none;}
#FooterBar ul li a {text-align:center;}
.ubiquitas {float:left;}
.RSS {vertical-align:middle;}
.copywrite{font-size:smaller;float:right;}

/* Coloured panels - General settings  */


.panel {width:246px;margin-top:-10px;margin-bottom:10px;}
.heading {height:42px;width:100%; }
.heading h2 {
    font-size: 16px;
    color:#fff;  
    font-family:Trebuchet MS, Helvetica;
    font-weight:bolder;
    height:42px;
    padding:18px 20px 0 0;
    text-align:right;
}

.panellink{
    list-style-type: none;
    margin: 0 -12px 0px 12px;
    width:222px;
    padding:0;
}

.panellink li a, .panellink li a:active, .panellink li a:link, .panellink li a:visited {
    color:#fff;
    display: block;
    padding: 5px;
    text-decoration: none;    
}


/* Coloured panels - BLUE  settings  */

.blue .top {background: url('../images/panel_blue_top.png') no-repeat top left;}
.blue .middle{background:  url('../images/panel_blue_middlebar.png') repeat-y 0px 40px;}
.blue .middle2{background:  url('../images/panel_blue_middle.png') no-repeat bottom left;}
.blue a{border-bottom:solid 1px #36c5ff;}
.blue a:hover, .blue .on{ background-color:#037cda;}
.blue .bottom {background: url('../images/panel_blue_bottom.png') no-repeat bottom left;height:14px;}
    
/* Coloured panels - GREEN  settings  */

.green .top {background: url('../images/panel_green_top.png') no-repeat top left;}
.green .middle{background:  url('../images/panel_green_middlebar.png') repeat-y 0px 40px;}
.green .middle2{background:  url('../images/panel_green_middle.png') no-repeat bottom left;}
.green a{border-bottom:solid 1px #a9c500;}
.green a:hover{ background-color:#5b7701;}
.green .bottom {background: url('../images/panel_green_bottom.png') no-repeat bottom left;height:14px;}

/* Search Box layout */

.middle2 p{color:#fff;margin-left:15px;}

/* Contact Buttons  */

.ContactButton{
    list-style-type: none;
    width:318px;
    font-size:13pt;
    margin:0;
    padding:0;
}

.ContactButton li a, .ContactButton li a:active, .ContactButton li a:link, .ContactButton li a:visited {
   color: #666;
    display: block;
    padding: 18px 5px 0 15px;
    height:40px;
    text-decoration: none;    
    background:url('../images/btn_grey.png') no-repeat;
}

.ContactButton li a:hover {background:url('../images/btn_grey_over.png') no-repeat; color: #333; text-decoration: underline;}




.textbox {font-size: 9pt;color:#666;border:solid 1px #cdcdcd;}
.EditText {width:100px;display:block;float:left;}
#ContactForm p, #EditForm p {padding:6px 0 6px 0;line-height:24px;border-bottom:solid 1px #e3e3e3;}
#ContactForm input, #ContactForm textarea, #EditForm input, #EditForm textarea {border:solid 1px #cdcdcd;vertical-align:top;color:#666;font-size:9pt;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
#ContactForm input, #ContactForm textarea  {width:220px;}
#ContactForm input, #EditForm input {height:20px;}
#ContactForm input:focus,#ContactForm textarea:focus, #EditForm input:focus, #EditForm textarea:focus{background-color: #e8ed9f;color:#333;}




.SFButton, .SFButtonLarge {width:180px;height:55px;background-repeat:no-repeat;font-size:13pt;color:#666;}
.SFButton a, .SFButtonLarge a{padding: 18px 5px 0 12px;display:block;height:40px;text-decoration: none;color:#666;border:0;}
.SFButton a:hover, .SFButtonLarge a:hover {color: #333;background-color:transparent;text-decoration: underline;}
.Search a{background:url('../images/btn_search.png') no-repeat;}
.Email a{background:url('../images/btn_email.png') no-repeat;}
.AddToCart a{background:url('../images/btn_cart.png') no-repeat;}
.Checkout a{background:url('../images/btn_checkout.png') no-repeat;}
.Update a{background:url('../images/btn_update.png') no-repeat;}
.Products a{background:url('../images/btn_products.png') no-repeat;width:200px;}
.Save a{background:url('../images/btn_save.png') no-repeat;}
.Edit a{background:url('../images/btn_edit.png') no-repeat;}
.Cancel a{background:url('../images/btn_cancel.png') no-repeat;}
.CheckBox {width:70px;float:left;}
.SFButtonLarge {width:247px;height:40px;}
.SFButtonLarge a{padding: 12px 0px 0 12px;height:30px;}
.ProductsLarge a{background:url('../images/btn_products_large.png') no-repeat;width:217px;}


.Avail_True, .Avail_False {float:left;text-align:center;padding:0px 0px 0px 1px;width:20px;height:20px;background:#fff url('../images/avail_true.png') no-repeat 1px 0px; }
.Avail_False {background:#fff url('../images/avail_false.png') no-repeat;}