@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:#000;
 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:#fff;
}
a:link, a:visited
{
 color:#5e5e5e;
 text-decoration:none
}
a:hover 
{ 
 text-decoration:underline;
}
/* image  within anchor */
a img
{
  border:0;
}
img {
 /*margin:0;*/
}
/* 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;
  text-align:center;
 
}
#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:#ffffff;
}
.holygrail  ul  ul,
.leftmenu ul ul,
.rightmenu  ul  ul
{
  padding-left:5px;
}

/* Banner  */
#banner
{
  float:left;
position:relative;
 width:998px;
border:solid 1px #5e5e5e;
 vertical-align:middle;
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;
 /* background:red;
 padding:10px;*/
}
/* content  Border */
.contenttb
{
 background: url(ContentTopB.png) 0  0 repeat-x #000;
}
.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:#2b2b2b;
}
.fullpage .col1 {
 margin:0  15px; 
}
/* Footer  styles */
#footer {
clear:both;
 color:#aaaaaa; 
 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:#454545;
}
#footer a, #pagefooter  a
{
 color:#454545;
 text-decoration:none;
}
#footer a:hover, #pagefooter a:hover
{
 text-decoration:underline;
}

.Element
{
  xfloat:left;
  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.0em;
  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:red;
  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:#2B2B2B;
 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:113px;
 height:75px; 
 margin:10px 10px;
 background:transparent;
 border:0;
}

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

}

.ListGridItemProductDetails
{
  width:350px;
  background-color:transparent;
  margin-top:10px;
  margin-right:20px;
}
.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,
.StockOut
{
  color:red;
  font-weight:bold;
  font-style:italic;
  background-color:yellow;
  padding:0  3px;
}
.ListGridItemPrice
{
  font-weight:bold;
  color:red;
}
.ListGridItemPrice .PF
{
  font-size:0.7em;
  vertical-align:top;
}
.ListGridItemPrice .Recur
{
  font-size:0.75em;
}

.ListGridItemBuyNow input
{
  font-size:0.9em;
}
.ListGridItemFooter
{ 
 background:#2B2B2B;
 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 #2f2f2f;
  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;
}
.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;
}
.DetailOptionName
{
  color:#666666;
}
.DetailItemSummary
{
  margin-top:10px;  
  font-size:0.8em;
  font-style:italic;
  color:#666666;  
}
.DetailImageBox
{
  clear:both;
  float:left;
  width:155px;
  margin:10px;
  margin-left:0;
}
.DetailItemImage
{  
  margin-bottom:5px;
  border:0;
}
.DetailOption .Thumbnail
{
  float:left;
  padding-right:5px;
}
.DetailOption .Name
{
  float:left;
  font-size:1.1em;
  font-weight:bold;
}
.DetailOption .Stock,
.DetailOption  .RRP,
.DetailOption  .Price
{
  float:left;
  clear:both;
  width:100%;
}

.DetailOption  .Stock
{
  font-size:0.9em
  font-style:italic;
}
.DetailOption  .RRP
{
  text-decoration:line-through;
  font-style:italic;
  color:#666666;
}
.DetailOption  .Price
{
  font-size:1.1em;
  font-weight:bold;
  color:red;
}
.DetailItemBuyNow
{  
  padding:5px 0;  
  width:300px;
}
.DetailTabHeader
{  
  float:left;
  width:100%;
  background:#000 url("TabBg.png") repeat-x bottom left;
  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
{
  color:#fff;
  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 #2f2f2f;
  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:#666666;
  font-weight:bold;
  text-align:right;
  width:140px;
  margin-right:10px;
}
.DetailsContent fieldset
{
  clear:both;
  margin:3px;
  border:solid 1px #2f2f2f;
}
.DetailsContent legend
{
  font-weight:bold;
  margin-left:8px;
  padding:  0  2px;
  color:#fff;
}