﻿.MainBody {
    scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-darkshadow-Color:#cccccc;
    background-repeat: repeat;
    /*background-attachment: fixed;*/
    /*background-position: top center;*/
    background-color:#FFFFFF;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	font-size:14px;
    color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}
.fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #000000;
	width: 100%;
}
.styleBox {	
	border:1px solid #dddddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.styleBoxColorUptoDown {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    filter: progid:DXImageTransform.Microsoft.gradient(gradienttype=0, startColorstr='#dddddd', endColorstr='#ffffff'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));  /* For Safari、Chrome */
    background: -moz-linear-gradient(top,  #dddddd,  #ffffff);        /* For Firefox */
    background-image: -o-linear-gradient(top, #dddddd, #ffffff);  /* For Opera*/
}
.styleBoxColorLeftToRight {
    filter: progid:DXImageTransform.Microsoft.gradient(gradienttype=1, startColorstr='#dddddd', endColorstr='#ffffff'); /* For IE */
    background: -webkit-gradient(linear, left top, right bottom, from(#dddddd), to(#ffffff));  /* For Safari、Chrome */
    background: -moz-linear-gradient(left,  #dddddd,  #ffffff);        /* For Firefox */
    background-image: -o-linear-gradient(left, #dddddd, #ffffff);  /* For Opera*/
}
.styleColorUptoDown
{
    filter: progid:DXImageTransform.Microsoft.gradient(gradienttype=0, startColorstr='#dddddd', endColorstr='#ffffff'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));  /* For Safari、Chrome */
    background: -moz-linear-gradient(top,  #dddddd,  #ffffff);        /* For Firefox */
    background-image: -o-linear-gradient(top, #dddddd, #ffffff);  /* For Opera*/
}
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:300px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

.boldTitle     /* Bold of all title  */
{ 
	color:#333333;
	font-weight:bold;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
}

.txtWaterMaker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
.txtLargeWaterMaker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CCCCCC;
    font-style:italic;
}
.TableSpace01 {
	padding-right: 2px;
	padding-bottom: 5px;
}

.specialsPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-style: italic;
}
.ourPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}

.additionPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}
.RedButton {
    font-family: Arial, Helvetica, sans-serif;
    background-color:#990000;
    color:#ffffff;
    /*border:none;*/
}
/* Use on ProductList Page*/
.ProductListTableBold  {
    border: 1px solid #f1f1f1;border-collapse: collapse;
}
.ProductListTableBoldDownBox {
    /*background-color: #f7f7f7;*/
    padding: 4px;
}
.ProductListItemNo {
    font-family: Arial, Helvetica, sans-serif;font-size:14px; font-weight: lighter;color: #333;
}
.ProductListItemName {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.ProductListLineCross {
    text-decoration: line-through;
}
.ProductListPromoRed {
    color: #ff0000;
}
.ProductListItalicRed {
    font-style:italic;
    color: #ff0000;
}
.ProductListListItemName {
    font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333;
}
.ProductListListItemNo {
    font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #cccccc;
}
.ProductListListPrice {
    font-family: Arial, Helvetica, sans-serif;font-size: 20px;color: #333333;
}
.QuickViewProductNameFont {
        color:#333333;font-size:22px;font-family:Arial, Helvetica, sans-serif;
}
.QuickViewProductNameFont h1{
        color:#333333;font-size:22px;font-family:Arial, Helvetica, sans-serif;
}
.QuickViewFont {
    color:#333333;font-family:Arial, Helvetica, sans-serif;
}

/* */
.ProductTitle {
    color :#333333;
	font-weight:bold;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

.CustomizationTitle {
	font-weight:bold;
	font-size:16px; 
	font-family:Arial, Helvetica, sans-serif;
}

/* Dynamic Menu for IE8  */ 
.DynamicMenuStyleCssClassName
{ 
        z-index: 1000; 
}
.menu td a {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 3px;
}
.menu td a:hover {
 color: #000000;
 background-color: #eeeeee;
}

/* General Link  */ 
a:link { font-family:Arial, Helvetica, sans-serif; color: #333333; text-decoration: underline; font-style: normal; line-height: normal; font-weight: normal;font-variant: normal;}
a:visited { font-family:Arial, Helvetica, sans-serif; color: #333333; text-decoration: underline; font-style: normal; line-height: normal; font-weight: normal;font-variant: normal; }
a:active { font-family:Arial, Helvetica, sans-serif;  color: #333333; text-decoration: underline; font-style: normal; line-height: normal; font-weight: normal;font-variant: normal;}
a:hover {  font-family:Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline; font-style: normal; line-height: normal; font-weight: normal;font-variant: normal;}    

/* General link in whole website (Use on RunAtServer) */
a.MainLink:link {  font-size:12px;font-family:Arial, Helvetica, sans-serif; color: #333333; text-decoration: underline; }
a.MainLink:visited {  font-size:12px;font-family:Arial, Helvetica, sans-serif; color: #333333; text-decoration: underline;  }
a.MainLink:active { font-size:12px;font-family:Arial, Helvetica, sans-serif;  color: #333333; text-decoration: underline;}
a.MainLink:hover {  font-size:12px;font-family:Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline; }

/* Alternative link in whole website  */
a.SubLink:link {  font-size:12px;font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; }
a.SubLink:visited {  font-size:12px;font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline;  }
a.SubLink:active { font-size:12px;font-family:Arial, Helvetica, sans-serif;  color: #FFFFFF; text-decoration: underline;}
a.SubLink:hover {  font-size:12px;font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; }

a.pageTopic:link {	font-family: Arial, Helvetica, sans-serif; font-size: 20px;	font-weight: normal;text-transform: uppercase; color: #666666;text-decoration:none;}
a.pageTopic:visited {	font-family: Arial, Helvetica, sans-serif; font-size: 20px;	font-weight: normal;text-transform: uppercase; color: #666666;text-decoration: none;}
a.pageTopic:active {	font-family: Arial, Helvetica, sans-serif; font-size: 20px;	font-weight: normal;text-transform: uppercase; color: #666666;text-decoration: none;}
a.pageTopic:hover {	font-family: Arial, Helvetica, sans-serif; font-size: 20px;	font-weight: normal;text-transform: uppercase; color: #333333;text-decoration: underline;}
a.ProductpageTopic:link {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: normal;text-transform: uppercase; color: #666666;text-decoration:none;}
a.ProductpageTopic:visited {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: normal;text-transform: uppercase; color: #666666;text-decoration: none;}
a.ProductpageTopic:active {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: normal;text-transform: uppercase; color: #666666;text-decoration: none;}
a.ProductpageTopic:hover {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: normal;text-transform: uppercase; color: #333333;text-decoration: underline;}
a.topicText:link {  font-size: 12px; font-weight: bold; color: #333333;}
a.topicText:visited {  font-size: 12px; font-weight: bold; color: #333333;text-decoration: underline;}
a.topicText:active {  font-size: 12px; font-weight: bold; color: #333333;text-decoration: underline;}
a.topicText:hover {  font-size: 12px; font-weight: bold; color: #333333;text-decoration: underline;}
a.CategorytopicText:link {  font-size: 14px; font-weight: bold; color: #333333;}
a.CategorytopicText:visited {  font-size: 14px; font-weight: bold; color: #333333;text-decoration: underline;}
a.CategorytopicText:active {  font-size: 14px; font-weight: bold; color: #333333;text-decoration: underline;}
a.CategorytopicText:hover {  font-size: 14px; font-weight: bold; color: #333333;text-decoration: underline;}
a.topicTitle:link {  color: #666666;text-decoration: underline;}
a.topicTitle:visited { color: #666666;text-decoration: underline;}
a.topicTitle:active {  color: #666666;text-decoration: underline;}
a.topicTitle:hover {  color: #666666;text-decoration: underline;}
a.white:link {  color: #ffffff; text-decoration: underline;}
a.white:visited {  color: #ffffff; text-decoration: underline;}
a.white:active {  color: #ffffff; text-decoration: underline;}
a.white:hover {  color: #AFECFF; text-decoration: underline;}
a.whitegray:link {  color: #aaaaaa; text-decoration: none;}
a.whitegray:visited {  color: #aaaaaa; text-decoration: none;}
a.whitegray:active {  color: #aaaaaa; text-decoration: none;}
a.whitegray:hover {  color: #bbbbbb; text-decoration: none;}
a.black:link {  color: #000000; text-decoration: underline; text-transform: capitalize;}
a.black:visited {  color: #000000; text-decoration: underline; text-transform: capitalize;}
a.black:active {  color: #000000; text-decoration: underline; text-transform: capitalize;}
a.black:hover {  color: #666666; text-decoration: underline;text-transform: capitalize;}
a.orange:link {  color: #FF8400; text-decoration: underline;}
a.orange:visited {  color: #FF8400; text-decoration: underline;}
a.orange:active {  color: #FF8400; text-decoration: underline;}
a.orange:hover {  color: #3C5F9F; text-decoration: underline;}
a.red:link {  color: #ff0000; text-decoration: underline;}
a.red:visited {  color: #ff0000; text-decoration: underline;}
a.red:active {  color: #ff0000; text-decoration: underline;}
a.red:hover {  color: #FF8400; text-decoration: underline;}
a.blue:link {  color: #0000ff; text-decoration: underline;}
a.blue:visited {  color: #0000ff; text-decoration: underline;}
a.blue:active {  color: #0000ff; text-decoration: underline;}
a.blue:hover {  color: #FF8400; text-decoration: underline;}
a.highlightText:link {	color: #FF6600;text-decoration: underline;}
a.highlightText:visited { color: #FF6600;text-decoration: underline;}
a.highlightText:active { color: #FF6600;text-decoration: underline;}
a.highlightText:hover {	color: #FF6600;text-decoration: underline;}
a.MasterPageLink:link {  color: #333333; text-decoration: none; }
a.MasterPageLink:visited { color: #333333; text-decoration: none;  }
a.MasterPageLink:active { color: #333333; text-decoration: none;}
a.MasterPageLink:hover {  color: #666666; text-decoration: underline; }
a.MasterPageTopicTextLink:link {  font-size: 12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none; }
a.MasterPageTopicTextLink:visited { font-size: 12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none;  }
a.MasterPageTopicTextLink:active { font-size: 12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none;}
a.MasterPageTopicTextLink:hover {  font-size: 12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: underline; }

a.MasterPageBlod:link {  color: #333333; font-weight: bold;text-decoration: none; }
a.MasterPageBlod:visited { color: #333333; font-weight: bold;text-decoration: none;  }
a.MasterPageBlod:active { color: #333333; font-weight: bold;text-decoration: none;}
a.MasterPageBlod:hover {  color: #666666; font-weight: bold;text-decoration: none; }
a.MasterPageBlodSelected:link {  color: #cc3333; font-weight: bold;text-decoration: none; }
a.MasterPageBlodSelected:visited { color: #cc3333; font-weight: bold;text-decoration: none;  }
a.MasterPageBlodSelected:active { color: #cc3333; font-weight: bold;text-decoration: none;}
a.MasterPageBlodSelected:hover {  color: #333333; font-weight: bold;text-decoration: none; }

a.ProductCategoryViewText:link {  font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none; }
a.ProductCategoryViewText:visited { font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none;  }
a.ProductCategoryViewText:active { font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none;}
a.ProductCategoryViewText:hover {  font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: underline; }
a.ProductCategoryViewTitleText:link {  font-size: 14px; font-weight: bold;font-style: italic; font-family:Arial, Helvetica, sans-serif; color: #666666;text-decoration: none; }
a.ProductCategoryViewTitleText:visited { font-size: 14px; font-weight: bold;font-style: italic; font-family:Arial, Helvetica, sans-serif; color: #666666;text-decoration: none;  }
a.ProductCategoryViewTitleText:active { font-size: 14px; font-weight: bold;font-style: italic; font-family:Arial, Helvetica, sans-serif; color: #666666;text-decoration: none;}
a.ProductCategoryViewTitleText:hover {  font-size: 14px; font-weight: bold;font-style: italic; font-family:Arial, Helvetica, sans-serif; color: #666666;text-decoration: underline; }

a.ProductListItemName:link {  font-size: 12px; font-weight: bold;font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none; }
a.ProductListItemName:visited { font-size: 12px; font-weight: bold;font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none;  }
a.ProductListItemName:active { font-size: 12px; font-weight: bold;font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: none;}
a.ProductListItemName:hover {  font-size: 12px; font-weight: bold;font-family:Arial, Helvetica, sans-serif; color: #333333;text-decoration: underline; }

a.ProductListListItemName:link {  font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333;text-decoration: none; }
a.ProductListListItemName:visited { font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333;text-decoration: none;  }
a.ProductListListItemName:active { font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333;text-decoration: none;}
a.ProductListListItemName:hover {  font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333;text-decoration: underline; }

/*  Title of pages */
.h1 {    
    color:#333333;
	font-weight:bold;
	font-size:16px;font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	height:30px;
    }
 
.pageTopic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666666;
}
.pageTopic h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666666;
    margin:0px 0px;line-height:20px;
}
.ProductpageTopic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666666;
}
.topicText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #333333;
}
.HomePageTopicText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #333333;
}
.topicTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: capitalize;
	color: #666666;
}
.topicTitle h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: capitalize;
	color: #666666;
    margin:0px 0px;line-height:16px;
    font-weight:normal;
}
.TopicListing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: capitalize;
	color: #333333;
}
.highlightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}

.breadlink {position:fixed ;
                font-family:Arial, Helvetica, sans-serif;
                width:713px;
                text-align:left;
                padding-top:5px;
                font-size:7pt;
                display:inline;
                color:#333333;}
.breadlink a {color:#333333;text-decoration:none;}
.breadlink a:hover {color:#333333;text-decoration:underline;}


 /*ProductDetail.aspx    */
.new {          
       font-weight:bold;
       font-style:italic; 
       font-size:15px;
       color:#CC0000; 
}

.foot {position:fixed ;width:713px;text-align:center;padding:10px 0;font-size:12px;}
.footlink {position:fixed ;
                font-family:Arial, Helvetica, sans-serif;
                text-align:center;
                padding:0px 10px;
                font-size:7pt;
                display:inline;
                color:#333333;}
.footlink a {color:#333333;text-decoration:none;}
.footlink a:hover {color:#333333;text-decoration:underline;}

.checkoutTop {
  border-color:#76824A;
  background-color:#888B46;
  height: 20px;
  font-size:9px;
  border-style:solid;
  border-width:1px;
  /* background:url(../../Images/Axo/AXO_bg_button.jpg) 0 0 repeat-x; */
  color: #333333;
  text-align:center;
}
 
 /* WebContent Image    */  
.imgborder   
{
 padding: 5px 5px 5px 5px;
}

.QtyTable
{
     border-collapse:collapse;
     border: 1px solid #cccccc;
}
.QtyTable td
{
 border-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-color: #cccccc;
}
.QtyTableHeader
{
    background-color: #FFFFFF; color: #333333;border: 1px solid #cccccc;
}
.QtyTableColumnName {
    font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color:#999;
}
.QtyTableTitle {
    font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;color:#283c6e;
    background-image: url('../../Images/default/GradientUpDown.png'); background-repeat: repeat-x;
    
}

.CompareTable
{
    border-collapse:collapse;
    border: none;
}
.CompareTable td
{
 border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #C0C0C0;
 padding-left:3px;padding-top:3px;padding-right:3px;
 vertical-align:top;
}

.ProductDetail
{
    border: 1px solid #C0C0C0; background-color: #FFFFFF;padding: 4px;
}
.ProductDetail hr
{
    color:#EEEEEE;
}
.ProductDetailTitleName {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
.ProductDetailTitleName h1{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
.ProductDetailBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;font-weight:bold;
    text-transform: uppercase;
}
.ProductDetailGrayBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;font-weight:bold;color:#999;
    text-transform: uppercase;
}

.CheckoutButton {
    color: #FFFFFF;
    background-color:#373737;
    height:30px;
    font-size:14px;text-align: center;border: 1px solid;
    border-top-color:#BBBBBB;border-left-color:#BBBBBB;border-bottom-color:#888888;border-right-color:#888888;
    font-family:Verdana;text-transform: uppercase;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: -ms-linear-gradient(top, #737373 0%, #1c1c1c 100%); /* IE10 */ 
    background-image: -moz-linear-gradient(top, #737373 0%, #1c1c1c 100%);/* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #737373 0%, #1c1c1c 100%);/* Opera */ 
    background-image: -webkit-gradient(linear, left top, left bottom, from(0, #737373), to(1, #1c1c1c));/* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-linear-gradient(top, #737373 0%, #1c1c1c 100%);/* Webkit (Chrome 11+) */ 
    background-image: linear-gradient(top, #737373 0%, #1c1c1c 100%);/* Proposed W3C Markup */
}
.CheckoutButton:hover{
    border: 1px solid;
    border-top-color:#888888;border-left-color:#888888;border-bottom-color:#BBBBBB; border-right-color:#BBBBBB;
    background-color:#141414;
    background-image: -ms-linear-gradient(top, #1c1c1c 0%, #737373 100%); /* IE10 */ 
    background-image: -moz-linear-gradient(top, #1c1c1c 0%, #737373 100%);/* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #1c1c1c 0%, #737373 100%);/* Opera */ 
    background-image: -webkit-gradient(linear, left top, left bottom, from(0, #1c1c1c), to(1, #737373));/* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-linear-gradient(top, #1c1c1c 0%, #737373 100%);/* Webkit (Chrome 11+) */ 
    background-image: linear-gradient(top, #1c1c1c 0%, #737373 100%);/* Proposed W3C Markup */
}
.QuoteButton {
    color: #222222;
    font-size:14px;text-align: center;
    border: 1px solid;border-top-color:#BBBBBB;border-left-color:#BBBBBB;border-bottom-color:#888888;border-right-color:#888888;
    font-family:Verdana;text-transform: uppercase;
    height:30px;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%); /* IE10 */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);/* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);/* Opera */ 
    background-image: -webkit-gradient(linear, left top, left bottom, from(0, #FFFFFF), to(1, #DDDDDD));/* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);/* Webkit (Chrome 11+) */ 
    background-image: linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);/* Proposed W3C Markup */
}
.QuoteButton:hover{
    border: 1px solid;
    border-top-color:#888888;border-left-color:#888888;border-bottom-color:#BBBBBB; border-right-color:#BBBBBB;
    background-color:#b9e3fb;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #afdef8 100%); /* IE10 */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Opera */ 
    background-image: -webkit-gradient(linear, left top, left bottom, from(0, #FFFFFF), to(1, #afdef8));/* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Webkit (Chrome 11+) */ 
    background-image: linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Proposed W3C Markup */
}



/*
 SKIN -------------------------------------------------------------------------------------------------------------------
*/

.txtbox1 {
    border:1px solid #000000;
    font: normal normal normal 9pt "Arial";
    background-color:#FFFFFF;
    color:#000000;
    height:16px;
    width:200px;
}

.txtbox2 {
    border:1px solid #000000;
    font: normal normal normal 9pt "Arial";
    background-color:#000102;
    color:#000000;
    height:16px;
    width:100px;
}

.txtboxside {
    font: normal normal normal 9pt "Arial";
    background-color:#FFFFFF;
    color:#000000;
    height:14px;
}

.txtgray {
    border:1px solid #000000;
    font: normal normal normal 9pt "Arial";
    background-color:#FFFFFF;
    color:#999999;
    height:16px;
}

.button {
    color: #000000;
    font-size:11px;
    font-family:Verdana;
    height:24px;
    text-align: center;
    margin-bottom: 0px;
}
.WhiteButton {
    color: #222222;
    background-color:#FFFFFF;
    height:24px;
    font-size:12px;text-align: center;border: 1px solid;
    border-top-color:#BBBBBB;border-left-color:#BBBBBB;border-bottom-color:#888888;border-right-color:#888888;
    font-family:Verdana; 
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
      background-image: -ms-linear-gradient(top, #f9f9f9 0%, #FFFFFF 100%); /* IE10 */ 
      background-image: -moz-linear-gradient(top, #f9f9f9 0%, #FFFFFF 100%);/* Mozilla Firefox */
      background-image: -o-linear-gradient(top, #f9f9f9 0%, #FFFFFF 100%);/* Opera */ 
      background-image: -webkit-gradient(linear, left top, left bottom, from(0, #f9f9f9), to(1, #FFFFFF));/* Webkit (Safari/Chrome 10) */ 
      background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #FFFFFF 100%);/* Webkit (Chrome 11+) */ 
      background-image: linear-gradient(top, #f9f9f9 0%, #FFFFFF 100%);/* Proposed W3C Markup */
}
.WhiteButton:hover{
    border: 1px solid;
    border-top-color:#888888;border-left-color:#888888;border-bottom-color:#BBBBBB; border-right-color:#BBBBBB;
    background-color:#f2f9fd;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #afdef8 100%); /* IE10 */ 
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Opera */ 
    background-image: -webkit-gradient(linear, left top, left bottom, from(0, #FFFFFF), to(1, #afdef8));/* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Webkit (Chrome 11+) */ 
    background-image: linear-gradient(top, #FFFFFF 0%, #afdef8 100%);/* Proposed W3C Markup */
}

.view {
    font: normal normal normal 12px "Arial";
    color:#FFFFFF;
    text-align:left;
    line-height:18px;
    border-color:#000000;
}

.DetailviewHeader {
    background-color:#6A6A6A;
    color:#FFFFFF;
	font-weight:bold;
	font-size:10px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align:left;
	padding: 0 5px 0 5px;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
 }

.gridviewHeader {
    background-color:#CCCCCC;
    color:#000000;
	font-weight:bold;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align:center;
	padding: 0 5px 0 5px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
 }
 
 .gridRow {  
 background-color:#F5F5F5;
 font-size:12px;
 color:#333333;
 padding: 0 0 0 5px
 }
 
.gridAlternat {
   color:#333333;
   font-size:12px;
   padding: 0 0 0 5px
} 

.dataList{
 padding: 0 10px 0 10px
}

.DropDownList {
    font: normal normal normal 13px "Verdana";
}
.SearchBoxInput_Masterpage {
    color:#dee1e7;background-color:#061e48;border:solid 1px #47627d;height:23px;
}
.SearchBoxDropDownList_Masterpage {
    color:#dee1e7;background-color:#061e48;border:solid 1px #47627d;height:27px;
}



/*-------------------------------------------------------*/
/*--------------Begin of POP UP LAYER---------------*/

.popupWrapbg      { background-color:#333; width:100%; height:400%; position:absolute; top:0; left:0; opacity: .8; filter: alpha(opacity=80);}                                    

/* Hack for IE6 */

* html .popupWrapbg           { width:1260px; height:870px;}

 

.popupWrap  { width:100%; height:100%; position:absolute; z-index:3; top:0; left:0;}                                    

/* Hack for IE6 */

* html .popupWrap       { width:1260px; height:870px;}

      .popupBox   { background-color:#fff; text-align:left; margin:0 auto; width:550px; height:500px; z-index:5; position:relative;}

/*--------------End of POP UP LAYER---------------*/
 
  /*-------------- Begin of ModalPopup ---------------*/
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}
  /*--------------  End of ModalPopup ---------------*/
/*-------------------------------------------------------*/



