@import  url("blog.css");
@import url("form.css");
@import url("shop.css");
@import url("neetslider.css");
@import url("nxtwitter.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:#600001;
  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 
{
  color:#bd9191;
  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;
  padding:0;
  margin:0;
}
#navigation li
{
  position:relative;
  float:left;
}
#navigation ul a{
  display:block;
  padding:0 5px;
  color:#fff;
  text-decoration:none;
}

#navigation ul.root{
  width:auto;  
}

#navigation ul.root > li {
  height:34px;
}
#navigation ul.root > li > a{
  cursor:pointer;
}
#navigation ul.root > li > a:hover,
#navigation ul.root > li.selected > a{
  background:url(navButtonLeft.png) no-repeat left center;  
  height:32px;
  padding-top:14px;
  margin:-14px 0;
}
#navigation ul.root > li > a > span{
  padding:0  12px 0 7px;
  width:auto !important;
  width:80px;
}
#navigation ul.root > li > a:hover > span,
#navigation ul.root > li.selected > a > span{  
  background:url(navButtonRight.png) no-repeat right 7px;  
  height:32px;  
  padding-top:14px;
  padding-bottom:10px;
  margin:-14px 0;
}
#navigation ul.root > li > a.sub{
}
#navigation ul.root > li > a.sub:hover{
  
}
#navigation ul a.sub{
}
#navigation ul a.sub:hover{
}

#navigation ul.root ul{
  position:absolute;
  margin-left:0px;
  z-index:1000;
  border-left: solid 0 transparent;
  display:none;
}

#navigation ul.root ul li.sub{
  background: url(nav_arrow_r.png) no-repeat 108px 8px #800001;
}
#navigation ul.root ul li{
  padding:0;
  margin:0;
  width:120px;
  background-color:#800001; /* Change Color Here */
}
#navigation ul.root ul li:hover{
  background-color:#950101; /* Change Color Here */
}
#navigation ul.root ul li a{
  margin: 5px 10px;
}

.holygrail .NavigationElement ul,
.leftmenu .NavigationElement ul,
.rightmenu  .NavigationElement ul
{
  list-style:none;
  padding-left:10px;
  margin-left:0;
  position:relative;
  float:left;
}
.holygrail .NavigationElement li,
.leftmenu .NavigationElement li,
.rightmenu  .NavigationElement li
{
  position:relative;
  float:left;
  width: 150px;
  background-color:transparent;
  padding: 3px 0;
}
.holygrail .NavigationElement ul.root,
.leftmenu .NavigationElement ul.root,
.rightmenu  .NavigationElement ul.root
{
  width:150px;
}
.holygrail .NavigationElement ul.root ul,
.leftmenu .NavigationElement ul.root ul,
.rightmenu  .NavigationElement ul.root ul
{
  position:absolute;
  z-index:1000;
}

.holygrail .NavigationElement ul.root li.sub,
.leftmenu .NavigationElement ul.root li.sub,
.rightmenu  .NavigationElement ul.root li.sub
{
  background: url(nav_arrow_r.png) no-repeat right 5px transparent;
}

.holygrail .NavigationElement ul .selected a,
.leftmenu .NavigationElement ul .selected a,
.rightmenu .NavigationElement ul .selected a,
.TextList .NavigationElement .selected a
{
  color:#ffffff;
}
#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 #9f3737;
}
#footer div.NavigationElement li:last-child{
  border-right:0;
}
/* Banner */
#banner
{
  float:left;
  position:relative;
  width:998px;
  border:solid 1px #820000;
  vertical-align:middle;
  min-height: 203px;
  height: auto !important;
  height:  203px;
  }
#logo
{
  position:absolute;
  bottom:5px;
  left:10px;
  width:150px ;
  max-width:300px;
  max-height:300px;
}
#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 #800001;
}
.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:#960001;
}
.fullpage .col1 {
  margin:0 15px; 
}
/* Footer styles */
#footer {
  clear:both;
  color:#9f3737; 
  width:1000px; 
  margin:0  auto;
  background:url(footerBG.png) top left repeat-x #600001;
}
#footer p {
  padding:10px;
  margin:0;
}
#pagefooter
{
  text-align:center;
  color:#9f3737;
}
#footer a, #pagefooter  a
{
  color:#9f3737;
  text-decoration:none;
}
#footer a:hover, #pagefooter a:hover
{
  color:#bd9191;
  text-decoration:underline;
}

.Element
{
  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:#a9545b;
  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:#960001;
  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:#a9545b;
  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:red;
}
.ListGridItemPrice .PF
{
  font-size:0.7em;
  vertical-align:top;
}
.ListGridItemPrice .Recur
{
  font-size:0.75em;
}

.ListGridItemBuyNow input
{
  font-size:0.9em;
}
.ListGridItemFooter
{
  background:#960001;
  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 #AB626B;
  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:#fff;
  margin-bottom:10px;  
}
.DetailImageBox
{
  clear:both;
  float:left;
  width:155px;
  margin:10px;
  margin-left:0;
  margin-top:0;
}
.DetailItemImage
{  
  margin-bottom:5px;
  border:0;
}
#frmForm_ProductDetails /* Form */
{
  float:left;
  width:450px;
}
.DetailOptions
{
  float:left;
  width:100%;
}

.DetailOptions  input
{
  float:left;
}
.DetailOptionRadioGroup
{
  width:100%;
  float:left;
  clear:both;
  padding:5px 0;
  margin-bottom:10px;
  background-color:#960001;
}

.DetailOption
{
  float:left;
  width:90%
}

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

.DetailOption .Thumbnail
{
  float:left;
  padding-right:5px;
}
.DetailOption .Name
{     
  float:left;
  font-size:1.1em;
  font-weight:bold;
}
.DetailOption .Stock,
.DetailOption  .RRP,
.DetailOption  .Measurement
{
  float:left;
  clear:both;
  width:100%;
}
.DetailOption .Matrix{
  float:left;
  clear:both;
  width:100%;
  padding:15px 0; 
}
.DetailOption dt{
  width:110px;
}
.DetailOption dd{
}
.DetailOption  .Stock
{
  font-size:0.9em;
  font-style:italic;
}
.DetailOption  .RRP
{
  text-decoration:line-through;
  font-style:italic;
}
.DetailOption .OutOfStock
{
  float:left;
  clear:both;
}
.DetailOption  .Price
{
  float:right;
  color:red;
  font-size:1.3em;
  font-weight:bold;
}
.DetailItemBuyNow
{ 
  float:right; 
  padding:5px 0;
}
.DetailItemBuyNow input[type=submit]{
  background-color:#960001;
  padding:5px 15px;
  color:#BD9191;
  font-size:1.5em;
  border:solid 1px #A9545B;
  cursor:pointer;
}
.DetailTabHeader
{  
  float:left;
  width:100%;
  background:#800001 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 #AB626B;
  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:#a9545b;
  font-weight:bold;
  text-align:right;
  width:140px;
  margin-right:10px;
}
#StoreProductDetails  .ItemValue,
#StoreProductSpecs .ItemValue
{
  color:#ffffff;
}
.DetailsContent  fieldset
{
  clear:both;
  margin:3px;
  border:solid 1px #AB626B; 
}
.DetailsContent  legend
{
  color:#fff;
  font-weight:bold;
  margin-left:8px;
  padding:  0  2px;
}

