@import  url("blog.css");
@import url("form.css");
@import url("shop.css");
/* CSS Document */
body {
  margin:0;
  padding:0;
  border:0;   /* This removes the border around the viewport in old versions of  IE */
  width:100%;
  background:#000000;
  min-width:600px;     /* Minimum width of layout - remove line if not required  */
  /* The min-width property does not work in old versions of  Internet Explorer */
  font-size:90%;
  font-family: Arial, Trebuchet MS;
  color:#667063;
}
a 
{
  color:#8eb848;
  text-decoration:none
}
a:hover 
{ 
  text-decoration:underline;
}
/* image within anchor */
a img
{
  border:0;
}
h1, h2, h3  {
  color:#fff;
}
img  {
  /*margin:0px;*/
}
/* Header styles */
#header { 
  width:1000px;
  margin:0 auto;
  color:#fff;
  background-color:transparent;
}
#header  p,  #header h1,  #header  h2 {
  padding:.4em 15px 0 15px;
  margin:0;
}
/*  Navigation */
#navigation
{
  margin-top:2px;
  background:url(navBarBG.png) no-repeat;
  width:1000px;
  min-height:  49px;
  height: auto !important;
  height: 49px;
}
#navPadding
{
  padding: 15px 10px;
}
#navigation ul
{
  list-style:none;
  
  margin:0;
}
#navigation li
{
  display:inline;
  padding:0;
  vertical-align:middle;
}
#navigation li a
{
  color:#fff;
  float:left;
  padding: 0 5px;
  text-decoration:none;
}
#navigation li a span
{
  display:block;
  float:none;
  padding:0 12px 0 7px;
  width:auto !important;
   width:80px;
}
#navigation li a:hover
{
  background:url(navButtonLeft.png) no-repeat left center;  
  height:32px;
  padding-top:14px;
  margin:-14px 0;
}
#navigation li a:hover  span
{
  cursor:pointer;
  background:url(navButtonRight.png) no-repeat right center;  
  height:32px;
  padding-top:14px;
  margin:-14px 0;
}
#navigation ul .selected a
{
  background:url(navButtonLeft.png) no-repeat  left center !important;  
  height:32px;
  padding-top:14px;
  margin:-14px 0;
}
#navigation ul .selected a span
{
  background:url(navButtonRight.png) no-repeat  right center !important;  
  height:32px;
  padding-top:14px;
  margin:-14px 0;
}
.holygrail .NavigationElement ul,
.leftmenu .NavigationElement ul,
.rightmenu .NavigationElement ul
{
  list-style:none;
  padding-left:10px;
  margin-left:0;  
}
.holygrail .NavigationElement ul  .selected a,
.leftmenu .NavigationElement ul  .selected a,
.rightmenu .NavigationElement ul  .selected a,
.TextList .NavigationElement .Selected a
{
  color:#ffff00;
}
.holygrail ul ul,
.leftmenu ul  ul,
.rightmenu ul  ul
{
  padding-left:5px;
}
#footer div.NavigationElement{
  text-align:center;
}
#footer div.NavigationElement ul
{
  list-style:none;
  
}
#footer div.NavigationElement ul .selected a
{
  color:#ffffff;
}
#footer div.NavigationElement li{
  display:inline;
  padding: 0 10px;
  border-right:solid 1px #8eb848;
}
#footer div.NavigationElement li:last-child{
  border-right:0;
}
/* Banner */
#banner
{
  float:left;
  position:relative;
  width:998px;
  border:solid 1px #103809;
  min-height:  203px;
  height: auto !important;
  height:  203px;
}
#logo
{
  position:absolute;
  bottom:5px;
  left:10px;
  width:150px;
}
#slogan
{
  position: absolute;
  width:564px; 
  bottom:28px;
  left: 350px;
  font-size:24px;
  font-weight:bold;
}
/* Content Container  */
.contentWrapper
{
  float:left;
  width:100%;
}
.contentbl,
.contentbr,
.contenttl,
.contenttb,
.contentbb,
.contentlb,
.contentrb,
.contenttr
{
  float:left;
  width:100%;
}
.contentbl
{
  background:url(ContentBL.png) 0 100% no-repeat;
}
.contentbr
{
  background:url(ContentBR.png) 100% 100% no-repeat;
}
.contenttl
{
  background:url(ContentTL.png) 0 0 no-repeat;
}
.contenttr
{
  background:url(ContentTR.png) 100% 0 no-repeat;
}
/* content Border */
.contenttb
{
  background: url(ContentTopB.png) 0 0 repeat-x  #042704;
}
.contentbb
{
  background:  url(ContentBottomB.png) 0 100% repeat-x;
}
.contentlb
{
  background:  url(ContentLeftB.png) 0 0 repeat-y;
}
.contentrb
{
  background:  url(ContentRightB.png) 100% 0 repeat-y;
}
.content
{
  float:left;
  clear:both;
  width:100%;
  position:relative;
}
.content_padding
{
  padding:10px;
  position:relative;
}
/* column container  */
.colmask  {
  clear:both;
  position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout  jumping out of place */ 
  width:1000px;   /* width of whole page */
  overflow:hidden;  /*This  chops off any overhanging divs */
  margin:0 auto;
}
/* 1 column full  page settings */
.fullpage {
  background:#103809;
}
.fullpage .col1 {
  margin:0 15px; 
}
/* Footer styles */
#footer {
  clear:both;
  color:#454c2d; 
  width:1000px; 
  margin:0 auto;
  background:url(footerBG.png) top left repeat-x #000000;
}
#footer  p  {
  padding:10px;
  margin:0;
}
#pagefooter
{
  text-align:center;
  color:#454c2d;
}
#footer a, #pagefooter a
{
  color:#8eb848;
  text-decoration:none;
}
#footer a:hover, #pagefooter a:hover
{
  color:#8eb848;
  text-decoration:underline;
}
.Element
{
  xposition:relative;
  clear:both;
  width:100%;
}
.InfoGridItem
{
  float:left;
  height:220px;
  width:300px;
  background-color:transparent;
  padding:5px;
  margin:3px;
  position:relative;
}
/* 3 Columns Product  Feature Item Width */
.holygrail  .InfoGridItem
{
  float:left;
  height:220px;
  width:254px;
  background-color:transparent;
  padding:5px;
  margin:3px;
  position:relative;
  
}
.InfoGridItemBox
{
  position:relative;
  background:transparent;
  border:solid 1px gray;
  height:100%;
}
.InfoGridItemTitleBox
{
  height:40px;
  overflow:hidden;
}
.InfoGridItemTitle
{
  display:table;
  height:40px;
  width:100%;
  padding-bottom:5px;
}
.InfoGridItemTitleText
{
  display:table-cell;
  padding:1px 10px;
  font-size:1.1em;
  font-weight:bold;
  vertical-align:middle;  
}

.InfoGridItemTitleText  a
{  
  color:#ffffff;
  text-decoration:none;
}
.InfoGridItemImage
{
  float:left;
  height:150px;
  width:150px;
  margin:10px;
  background:transparent;
}
.InfoGridItemStock
{
  color:#666666;
  padding-top:5px;
}
.InfoGridItemPrice
{
  color:orange;
  font-weight:bold;
  padding-top:5px;
}
.InfoGridItemPrice .PF
{
  font-size:0.7em;
  vertical-align:top;
}
.InfoGridItemPrice .Recur
{
  font-size:0.75em;
}
.InfoGridItemBuyNow
{
  padding-top:5px;
}

.ElementStoreProductList
{
  margin:8px;
}
.ListGridItem, .ListGridItemAlt, .ListGridItemHeader, .ListGridItemFooter
{
  clear:both;
  width:100%;
  position:relative;
  border:solid 1px gray;
}
.ListGridItemHeader
{
  background:#103809;
  height:30px;
}
.ListGridItemResult
{
  font-size:0.95em;
  color:#ffffff;
  margin-left:5px;
  width:250px;
  line-height:30px;
  background:transparent;
}
.ListGridItemSortBy
{
  font-size:0.95em;
  color:#ffffff;
  position:absolute;
  top:0;
  right:5px;
  line-height:30px;
  background:transparent;
}
.ListGridItemSortBy select
{
  font-size:0.95em;
}

.ListGridItem, .ListGridItemAlt
{
  float:left;
  border-top:0;
  min-height:110px;
  padding-bottom:10px;

}
.ListGridItem
{
  background:transparent;
}

.ListGridItemAlt
{
  
}

.ListGridItemImage{
  float:left;
  width:75px;
  height:75px;
  margin:10px 10px;
  background:transparent;
  border:0;
}

.ListGridItemProductDetails,
.ListGridItemStock,
.ListGridItemPrice,
.ListGridItemBuyNow
{
  float:left;
  margin-top:10px;

}

.ListGridItemProductDetails
{
  width:350px;
  height:80px;
  background-color:transparent;
  margin-right:20px;
}
/* 3 columns Description area */
.holygrail .ListGridItemProductDetails
{
  width:250px;
  height:80px;
  background-color:transparent;
  margin-right:20px;

}
.ListGridItemProductTitle
{
  font-size:0.9em;
  font-weight:bold;
}
.ListGridItemProductTitle  a
{
  color:#ffffff;
}
.ListGridItemProductSummary
{
  margin:5px 5px;
  font-size:0.8em;
  font-style:italic;
  color:#666666;
  height:40px;
  overflow:hidden;
}

.ListGridItemStock,
.ListGridItemPrice,
.ListGridItemBuyNow
{
  width:150px;
  background-color:transparent;
}
.OutOfStock
{
  color:red;
  font-weight:bold;
  font-style:italic;
  background-color:yellow;
  padding:0  3px;
}
.ListGridItemPrice
{
  font-weight:bold;
  color:orange;
}
.ListGridItemPrice .PF
{
  font-size:0.7em;
  vertical-align:top;
}
.ListGridItemPrice .Recur
{
  font-size:0.75em;
}

.ListGridItemBuyNow input
{
  font-size:0.9em;
}
.ListGridItemFooter
{
  background:#103809;
  height:20px;
  text-align:center;
}
.ListGridItemFooterItems
{
  line-height:20px;
  font-size:0.75em;
  color:#ffffff;
}
.ListGridItemFooterItems  span
{
  padding-right:5px;
}
.ListGridItemFooterItems  a
{
  color:#ffffff;
  text-decoration:none;
  padding-right:5px;
}
/* #####  Product  Details  #####  */
.ElementStoreProductDetails
{
  width:100%;
  float:left;
}
.DetailBox
{  
  width:100%;
  float:left;
  padding-bottom:10px;
}
.DetailItem
{
  float:left;
  background-color:transparent;
  width:100%;
  border:solid  1px  #60806e;
  margin-bottom:10px;
}
.DetailItemBox
{
  float:left;
  position:relative;
  background:transparent;
  padding:10px;
  width:100%;
}
.DetailManufacturerLogo{
  float:right;
  margin-top:30px;
  margin-right:10px;
  width:100px;
}
.DetailItemTitle
{    
  background:#transparent;
  font-weight:bold;
}
.DetailItemSummary
{
  margin-top:10px;  
  font-size:0.8em;
  font-style:italic;
  color:#8eb848;  
}
.DetailImageBox
{
  clear:both;
  float:left;
  width:155px;
  margin:10px;
  margin-left:0;
}
.DetailItemImage
{  
  margin-bottom:5px;
  border:0;
}
.DetailOptions
{
  float:left;
  width:350px;
}

.DetailOptions  input
{
  float:left;
}
.DetailOptionRadioGroup
{
  width:100%;
  float:left;
  clear:both;
  padding:5px 0;
}

.DetailOption
{
  float:left;
  
}

.DetailOption  .Alt
{
  background-color:#cccccc;
}

.DetailOption .Thumbnail
{
  float:left;
  padding-right:5px;
}
.DetailOption  .Name
{
  color:#ffff00;
  float:left;
  font-size:1.1em;
  font-weight:bold;
}
.DetailOption .Stock,
.DetailOption  .RRP,
.DetailOption  .Price
{
  float:left;
  clear:both;
  width:100%;
}

.DetailOption  .Stock
{
  color:#8eb848;
  font-size:0.9em
    font-style:italic;
}
.DetailOption  .RRP
{
  color:#8eb848;
  text-decoration:line-through;
  font-style:italic;
}
.DetailOption  .Price
{
  font-size:1.1em;
  font-weight:bold;
  color:orange;
}
.DetailItemBuyNow
{  
  padding:5px 0;  
  width:300px;
}
.DetailTabHeader
{  
  float:left;
  width:100%;
  background:#042704 url("TabBg.png") repeat-x bottom;
  line-height:normal;
}
.DetailTabHeader ul
{
  float:left;
  margin:0;
  padding:5px 3px 0;
  list-style:none;
}
.DetailTabHeader li
{
  float:left;
  background:url("TabLeft.png") no-repeat left top;
  margin:0;
  padding:0 0 0  5px;
}
.DetailTabHeader a
{
  display:block;
  background:url("TabRight.png") no-repeat right top;
  padding: 5px 15px 4px 10px;
}
.DetailTabHeader .CurrentTab
{
  background-image:url("TabLeft_Current.png");
}
.DetailTabHeader .CurrentTab a
{
  background-image:url("TabRight_Current.png");
  padding-bottom:  5px;
}
#StoreProductDescription,
#StoreProductImages,
#StoreProductDetails,
#StoreProductSpecs
{
  height:100%;
  float:left;
  border:solid 1px #60806e;
  border-top:0px;
  width:100%;
  padding-bottom:10px;
}
.DescriptionContent,
.GalleryImageBox,
.DetailsContent,
.SpecsContent
{
  padding: 10px 10px;
}
.GalleryImage
{
  float:left;
  height:85px;
  width:20%;
}
#StoreProductDetails  .Item,
#StoreProductSpecs .Item
{
  clear:both;
  float:left;
  padding:8px 0;
  width:100%;
}
#StoreProductDetails .ItemName,
#StoreProductSpecs .ItemName
{
  float:left;
}
#StoreProductDetails  .ItemValue,
#StoreProductSpecs .ItemValue
{
}
#StoreProductDetails  .ItemName,
#StoreProductSpecs .ItemName
{
  color:#8eb848;
  font-weight:bold;
  text-align:right;
  width:140px;
  margin-right:10px;
}
#StoreProductDetails  .ItemValue,
#StoreProductSpecs .ItemValue
{
  color:#ffff00;
}
.DetailsContent fieldset
{
  clear:both;
  margin:3px;
  border:solid  1px  #60806e; 
}
.DetailsContent legend
{
  color:#ffff00;
  font-weight:bold;
  margin-left:8px;
  padding:  0  2px;
}