@import url("form.css");
/* CSS Document */
body
{
  margin:0;
  padding:0;
  background: top center repeat-y url(Background.png);
  font-family:   'Segoe UI', Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
}

p
{
  line-height: 1.30;
}

a img
{
  border:0;
}

a
{
  color: DarkRed
}
a:hover
{
  text-decoration: underline;
}

.TickList ul
{
  font-size: 1.2em;
  list-style-type: none;
}

.TickList ul li
{
  background-image: url(tick.png);
  background-repeat: no-repeat;
  background-position: 0 .25em;
  padding: 1px 0px 1px 22px;
}

.QuestionList ul
{
  font-size: 1.2em;
  list-style-type: none;
}

.QuestionList ul li
{
  background-image: url(Question.png);
  background-repeat: no-repeat;
  background-position: 0 .25em;
  padding: 1px 0px 1px 22px;
}

#Wrapper
{
  position:relative;
  width:833px;
  margin-left:auto;
  margin-right:auto;
  margin-top:32px;
  padding:0;
}

#SiteHeader
{
  position:absolute;
  float: right;
  top: -15px;
  right: 20px;
  color: #555;
  font-size: 0.95em;
}

#HeaderArea{
  clear:both;
  float:left;
  width:833px;
  height:126px;
  background:url(MainBg.png) no-repeat;
}

#HeaderArea #Logo
{
  position:absolute;
  float:left;
  top:10px;
  left: 46px;
  /*width:147px;
  height:147px;
  background:url(NeetrixLogo.png) no-repeat;*/
}

#HeaderArea #Slogan
{
  font-family: Arial, Helvetica, Geneva, sans-serif;
  position:absolute;
  float:right;
  top:85px;
  right: 20px;
  color:#ffffff;
  font-size: 1.8em;
}

#PageHeader img
{
  border-bottom: 1px solid Black;
}

/* Footer */
#FooterArea{
  position:relative;
  float:left;
  clear:both;
  width:833px;
  background:url(FooterBg.png) no-repeat;
  height:23px;
  font-size:10px;
  color:#ffffff;
}
#FooterArea a{
  text-decoration:none;
  color:#ffffff;
}
#FooterArea a:hover{
  text-decoration:underline;
}

#PageFooterArea{
  padding: 4px;
}

/* Site Footer */
#SiteFooterArea
{
  position:relative;
  clear:both;
  float:left;
  width:825px;
  height: 10px;
  color: #444;
  text-align:center;
  padding: 2px;
}

#SiteFooterArea ul
{
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 5px;
}

#SiteFooterArea ul li
{
  display: inline;
}

#SiteFooterArea ul li a
{
  color: #666;
  white-space: nowrap;
  text-decoration: underline;
  padding: 4px;
  margin: 0;
}

#SiteFooterArea ul li a:hover
{
  color: #666;
}

#SiteFooterArea p img
{
  opacity: .5;
  filter: alpha(opacity=50);
}

#SiteFooterArea p img:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}



/* Navigation */
#NavigationArea
{
  clear:both;
  float:left;
  width:809px;
  background:url(NavigationBg.png) repeat-x;
  height: 17px;
  color:white;
  text-align:right;
  padding: 12px;
  white-space: nowrap;
}

#NavigationArea ul
{
  list-style-type: none;
  text-align: right;
  margin: 0;
  padding: 0;
}

#NavigationArea ul li
{
  display: inline;
  font-family: Tahoma, Helvetica;
  font-size: 1.3em;
}

#NavigationArea ul li a
{
  text-decoration: none;
  color: #ccc;
  padding: 5px 10px 5px 10px;
  margin: 0;
}

#NavigationArea ul li a:hover
{
  color: white;
}

#NavigationArea ul li.selected a
{
  background-color: #333;
  border: 1px solid #666;
  color: #fff;
}


/* Content */
.colmask
{
  position:relative; /* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:831px;       /* width of whole page */
  overflow:hidden;   /* This chops off any overhanging divs */
}
.colleft
{
  float:left;
  width:100%;        /* width of page */
  position:relative;
}
.col1, .col2
{
  float:left;
  position:relative;
  padding:0 0 0 0;         /* no left and right padding on columns, we just make them narrower instead 
  only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}
/* all columns background setting*/
.onecolumn, .twocolumnsleft, .twocolumnsright
{
  background-color:#ffffff;
  border-left:solid 1px #6D6D6D;
  border-right:solid 1px #6D6D6D;
}

/* One Colunm Settings */
.onecolumn .colleft
{
  width:96%;                /* page width minus left and right padding */       
  left:2%;                  /* page left padding */
}

/* Two Column Left Settings */
.twocolumnsleft .colleft
{
  right:75%;                /* right column width */             
}
.twocolumnsleft .col1
{
  width:71%;                /* right column content width (Right Column Width - Left Padding - Right Padding)*/
  left:102%;                /* 100% plus left column left padding */
}
.twocolumnsleft .col2
{
  width:21%;                /* left column content width (left column width - Left Padding - Right Padding) */
  left:6%;                  /* (right column left padding   right padding)   (left column left padding) */
}

/* Two Column Right Settings */
.twocolumnsright .colleft
{
  right:33%;                /* RCW */
}
.twocolumnsright .col1
{
  width:66%;               /* LCW - LC.LPad - LC.RPad */
  left:33%;                /* RCW   LC.LPad */
}
.twocolumnsright .col2
{
  width:31%;               /* RCW - RC.LPad - RC.RPad */
  left:35%;                /* RCW   LC.LPad   LC.RPad   RC.LPad */
}

.col2 .Element
{
  font-family: Arial, Helvetica, Geneva, sans-serif;
  background:url(SideElementBg.png) no-repeat;
  padding: 12px 12px 0px 12px;
  margin: 20px 0px 35px 0px;
  font-size: 1em;
}

/* Standard Stuff */
.col1 h1
{
  font-family: Tahoma, Helvetica, Arial;
  font-size: 1.6em;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 15px 0px 0px 14px;
}

.col1 h2
{
  font-family: Tahoma, Helvetica, Arial;
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 15px 0px 0px 14px;
}

.col1 h3
{
  font-family: Tahoma, Helvetica, Arial;
  font-size: 1.25em;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 15px 0px 0px 14px;
}
.col1 h4
{
  font-family: Tahoma, Helvetica, Arial;
  font-size: 1.15em;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 15px 0px 0px 14px;
}

.col2 h1
{
  font-family:  'Segoe UI', Helvetica, Arial;
  font-size: 1.75em;
  margin: 0;
  
}

.col2 h3
{
  font-family: 'Segoe UI', Helvetica, Arial;
  font-size: 1.4em;
  margin:1px 0 10px 0;
  font-weight: normal;
  color: #660000;
}

.col1 .ElementTextHTML p
{
  font-size: 1.3em;
  margin-left: 14px;
}

.col1 .ElementTextHTML ul
{
  font-size: 1.3em;
}

.col1 .ElementTextHTML ol
{
  font-size: 1.3em;
}


.col1 p.noborder
{
  margin: 0;
  padding: 0;
  border:0;
}

/** Element Styles **/

.ElementTitle
{
  font-family: Helvetica, Arial;
  font-size: 1.4em;
  margin:1px 0 10px 0;
  font-weight: normal;
  color: #660000;
}
.ElementTextHTML
{
}

.TextList
{
}
.TextListItem
{
  font-family: Arial, Helvetica;
  font-size: 0.9em;
  font-weight: bold;
  color: #444444;
  padding: 5px 0px 0px 10px;
}
.TextListItem a
{
  color: #444444;
  text-decoration: none;
}
.TextListItem a:hover
{
  text-decoration: underline;
}

/*******  Blog Stuff ******/
.TagLarge, .TagMediumLarge, .TagMedium, .TagMediumSmall, .TagSmall
{
  font-family: Verdana;
  color: #444444;
  font-weight: bold;
  text-decoration: none;
  line-height: 0.8em;
  white-space:nowrap;
}

.TagLarge
{
  font-size: 2.2em;
}
.TagMediumLarge
{
  font-size: 1.8em;
}
.TagMedium
{
  font-size: 1.5em;
}
.TagMediumSmall
{
  font-size: 1.2em;
}
.TagSmall
{
  font-size: 0.9em;
}
.BlogPostWrapper
{
  font-family: Georgia;
  font-size: 1em;
  margin-bottom: 30px;
}
.BlogDate
{
  font-family: Tahoma;
  font-size: 1.2em;
  font-weight: bold;
  color: #666666;
  padding: 0px 0px 5px 0px;
  margin: 30px 10px 10px 10px;
  border-bottom: dotted 1px #AAAAAA;
}
.BlogDetails
{
  margin: 20px 10px 10px 10px;
  border: solid 1px #CCCCCC;
  background-color: White;
  padding: 10px 10px 10px 10px;
  background-color: #eaeaea;
}
.BlogTitle
{
  font-family: Tahoma;
  font-size: 1.2em;
  font-weight: bold;
  color: #555555;
  border-bottom: dashed 1px #AAAAAA;
  padding: 0px 0px 5px 0px;
  margin: 5px 5px 10px 5px;
}
.BlogTitle a
{
  color: #555555;
  text-decoration: none;
}

.BlogBody
{
  font-family: 'Segoe UI', Verdana, Helvetica, Arial;
  font-size: 1.25em;
}
.BlogCategoryList
{
  font-family: 'Segoe UI', Verdana;
  font-size: 0.8em;
  line-height: 1em;
  text-align: right;
  color: #666666;
}
.BlogCategoryList a
{
  color: #666666;
  font-weight: bold;
  text-decoration: none;
}
.BlogSocialLinkList
{
  font-family: Verdana;
  font-size: 0.9em;
  line-height: 1em;
  text-align: right;
  color: #666666;
}
.BlogSocialLinkList img
{
  margin: 0px 4px 0px 0px;
}
.BlogDetailsBar
{
  font-family: Sans-Serif, Arial;
  font-size: 0.9em;
  text-align: right;
  padding: 5px 0px 0px 0px;
  margin: 10px 5px 5px 5px;
  border-top: dotted 1px #AAAAAA;
}
.BlogDetailsBar a
{
  color: #555555;
  text-decoration: none;
}
.RSSFeed 
{
  padding: 0;
  margin: 15px 0 5px;
  border:0;
}
.RSSFeed a
{
  color: #444444;
  text-decoration: none;
}

.ElementBlogSummaryFeed .Date
{
  font-weight: bold;
  color: #666666;
  font-size: 1em;
}

.ElementBlogSummaryFeed .Summary
{
  padding: 0px 0px 7px 5px;
}

.ElementBlogSummaryFeed .Summary a
{
  color: #000;
  text-decoration: none;
}

.ElementBlogSummaryFeed .Summary a:hover
{
  color: #000;
  text-decoration: underline;
}

.ElementBreadcrumb
{
  font-size: 0.9em;
  margin-left: 10px;
  padding: 3px;
}

/* Product List */
.InfoGridItem
{
  float:left;
  height:210px;
  width:260px;
  background-color:transparent;
  padding:5px;
  margin:2px;
  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.3em;
  font-weight:bold;
  vertical-align:middle;  
}

.InfoGridItemTitleText a
{  
  color:#000000;
  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;
}

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

.ListGridItem, .ListGridItemAlt
{ 
 border-top:0;
 min-height:100px;
}
.ListGridItem
{
 background:transparent;
}

.ListGridItemAlt
{
 background-color:#E2E2E2 !important;
}

.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:340px;
  height:80px;
  background-color:transparent;
}

.ListGridItemProductTitle
{
 font-size:1.1em;
 font-weight:bold;
}

.ListGridItemProductSummary
{
 margin:5px 5px;
 font-style:italic;
 color:#666666;
 height:40px;
 overflow:hidden;
}

.ListGridItemStock,
.ListGridItemPrice,
.ListGridItemBuyNow
{
 width:90px;
 background-color:transparent;
}
.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:gray;
 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 #####  */ 

.ElementStoreProductList
{
  margin:8px;
}
.ElementStoreProductDetails
{
  width:100%;
  float:left;
}
.DetailBox
{  
  padding: 10px 10px;
  float:left;
}
.DetailItem
{
  float:left;
  background-color:transparent;
  width:100%;
  border:solid 1px #999;
  margin-bottom:10px;
}
.DetailItemBox
{
  float:left;
  position:relative;
  background:transparent;
  padding:10px;
  padding-top:0px;
  width:100%;
 }
.DetailManufacturerLogo{
  float:right;
  height:56px;
  width:75px;
  margin:10px;
}
.DetailItemTitle
{    
  background:transparent;
  font-weight:bold;
}
.DetailItemTitle h1
{
  margin:0 !important;
  padding:5px 0px 0px 0px !important;
  font-size: 1.9em !important;
}
.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;
}
.DetailItemStock,
.DetailItemPrice,
.DetailItemBuyNow
{  
  padding-bottom:5px;  
  width:300px;
}
.DetailOptionSelect
{
}
.DetailItemStock
{
  margin-top:50px;
  color:#666666;
}
.DetailItemPrice
{
  color:red;
  font-weight:bold;
  padding-top:5px;
}
.DetailItemPrice .PF
{
  font-size:0.6em;
  vertical-align:top;
}
.DetailItemPrice .Recur
{
  font-size:0.65em;
}
.DetailOptionSelect SELECT
{
  font-size:0.8em;
}
.DetailItemBuyNow
{
  padding-top:5px;
}
.DetailTabHeader
{  
  float:left;
  width:100%;
  background:#fff url("TabBg.png") repeat-x bottom;
  line-height:normal;
}
.DetailTabHeader ul
{
  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
{
  float:left;
  border:solid 1px #999999;
  border-top:0px;
  width:100%;
}
.DescriptionContent,
.GalleryImageBox,
.DetailsContent,
.SpecsContent
{
  padding: 10px 10px;
}
.GalleryImage
{
  float:left;
  height:85px;
  width:20%;
}
#StoreProductDetails .Item,
#StoreProductSpecs .Item
{
  clear:both;
  float:left;
  margin:5px 0;
}
#StoreProductDetails .ItemName,
#StoreProductDetails  .ItemValue,
#StoreProductSpecs .ItemName,
#StoreProductSpecs .ItemValue
{
  float:left;
}
#StoreProductDetails .ItemName,
#StoreProductSpecs .ItemName
{
  font-weight:bold;
  text-align:right;
  width:120px;
  margin-right:10px;
}

.DetailsContent fieldset
{
  float:left;
  clear:both;
  width:100%;
  margin:5px 5px 3px 0;
}
.DetailsContent legend
{
  font-weight:bold;
  font-size:1.1em;
  margin-left:8px;
  padding: 0 2px;
}
#SiteHeader .ElementStoreCartSummary
{
  margin-top: 8px;
  color: white;
}
#SiteHeader .ElementStoreCartSummary A
{
  margin: 0;
  padding: 3px 9px 3px 9px;
  font-size:1.2em;
  border: dotted 1px #ee8888;
  color: white;
  text-decoration: none;
}
#SiteHeader .ElementStoreCartSummary A:hover
{
  border: solid 1px #ee8888;
  background-color: #bb2222;
}
.ElementStoreCart
{
  width: 500px;
  text-align: center;
  margin: 15px 30px 0px 30px;
}
.StoreCartEmpty
{
  padding: 15px 0px 15px 0px;
  font-size: 1.4em;
  font-weight: bold;
  border: dotted 1px #FFCC44;
  background-color: #FFFFEE;
}
.CartButton .ContinueShopping A
{
  font-size: 1.4em;
  font-weight: bold;
}

/* Payment Selector */
.ElementPaymentSelector
{
  float:left;
  clear:both;
  padding:10px;
}
.PaymentSelection
{
    background:transparent url(Images/PaymentArrow.png) top right no-repeat;
    min-height:80px; /* height 147px - padding (top and bottom) 20px = 127px*/
    padding:10px 20px;
    margin-bottom:10px;
    border:solid 1px #888;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div.PaymentSelection:hover 
{
    background-color: #ddd !important;
}
.PaymentSelectionTitle
{
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:10px;
}
.PaymentSelectionDescription
{
    margin-right: 81px;
    font-style:italic;
}
/* OrderSummary */
.OrderSummary { float:left; width:525px; clear:both; padding:10px}

.OrderSummaryForm,
.OrderSummaryItems
{ 
  float:left;
  width:100%;  
}
.OrderSummaryForm { color:#000; margin-bottom:10px; }
.OrderSummaryForm dt, 
.OrderSummaryForm dd
{
  float:left;
  margin:0;
  padding:0;
  margin-bottom:5px;
}

.OrderSummaryForm dt
{
width:120px;
text-align:right;
font-weight:bold;
}
.OrderSummaryForm dd
{
margin-left:15px;
}

.OrderSummaryForm dt,
.OrderSummaryItems
{ clear:both;}

.OrderSummaryItems
{
  border:solid 1px #888;
  background-color: transparent;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding:5px;
  width:515px;
}

.OrderSummaryItems table
{
  border:0;
  border-collapse :  collapse;
  width:100%;
}
.OrderSummaryItems td
{
 text-align:center;
}

.OrderSummaryItems  thead, .OrderSummaryItems  tbody
{
  color:#000;
}
.OrderSummaryItems  tbody
{  
  background-color:#ccc;
}
.OrderSummaryItems  th, .OrderSummaryItems  td
{
  padding: 5px 5px;
  text-align:left;
}
.OrderSummaryItems  tfoot
{
  color:#000;
  font-weight:bold;
}

#StoreCart,
#ChangeBillingAddress,
#ChangeDeliveryAddress
{
  float:left;
  margin-top:10px;  
  margin-right:20px;
  padding:2px 5px;
  border:1px solid #888;
  background-color:#ccc;
}
#StoreCart a
{
  display:block;
  padding:5px;
}

#ChangeBillingAddress a,
#ChangeDeliveryAddress a
{
  display:block;
  padding:2px 5px;
}