/*  html tags that apply to all the site */

body 
{ 
    font-family: Arial, Verdana;
    font-size: 9pt;
     
     
    }


.buttonNo
{
    background: lavender;
    border: 1px solid #4169E1;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 9px;
    margin: 2px;
    padding: 5px;
    cursor:  default;
    width: 45px;
    text-align: center;
}





.button
{
    background: lavender;
    border: 1px solid #4169E1;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 11px;
    margin: 2px;
    padding: 2px;
    cursor:  default;
    height: 23px;
}


.buttonbigtext
{
    background: lavender;
    border: 1px solid #4169E1;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 14px;
    margin: 0px;
    padding: 3px;
    cursor:  default;
}

.buttonbigtextDDL
{
    background: lavender;
    border: 0px solid #4169E1;
    color: #000;
    font-family: Verdana, Arial;
    font-size: 12px;
    margin: 0px;
    padding: 3px;
    cursor:  default;
   
}




.bigtext {
    margin: 0;
    padding: 4px;
    font-size: 16px;
    border: 1px solid groove  ;
    
}

}



.PagerButton
{
    color: #000;
    font-family: Verdana, Arial;
    font-size: 11px;
    margin: 2px;
    padding: 2px;
    cursor: default;
}


a
{
    text-decoration: none;
    color: #246CCE;
}

a:hover
{
    text-decoration: underline;
}

ul
{
    margin-top: 6pt;
    margin-bottom: 6pt;
    margin-left: 7pt;
    padding-left: 7pt;
    list-style-image: url(../images/bullet.gif);
}
li
{
    margin-bottom: 6px;
}

img
{
    border: none;
    vertical-align: middle;
}

p
{
    margin-top: 10pt;
    margin-bottom: 6pt;
    line-height:15px;
    
}
h1
{
    color: #4F4F4F;
    font-family: Arial, Verdana,;
    font-size: 12pt;
    margin-top: 6pt;
}
h2
{
    color: Navy;
    font-family: Arial, Verdana;
    font-size: 8.5pt;
    margin-top: 8px;
    margin-bottom: 2px;
}

hr
{
    margin: 0pt;
    padding: 0pt;
}


th
{
    text-align: left;
}


td
{
    vertical-align: middle;
  
}
.rightth th
{
    text-align: right;
}

.error
{
    color: Red;
    font-weight: bold;
}

.HorizontalLinksList a
{
    padding: 5pt;
}

#DivFooter td
{
    font-size: 8pt;
}

.searchpage h2
{
    margin-top: 1px;
    margin-bottom: 4px;
}
.norecordsfound
{
    color: Red;
}


/* This colour setting is also in stylesheet.css called .staffmode  */
.staffmode
{
    background-color: #90EE90;
}
.staffmodeborder
{
    border: solid 2pt #90EE90;
    padding: 2pt;
    margin-bottom: 5pt;
}
.staffmodetext
{
    color: #90EE90;
}


.collapsepaneltitle
{
    cursor: hand;
}

.collapsepanelcontent
{
    overflow: hidden;
    height: 0px;
}

.emphasise
{
    font-weight: bold;
}

.NumberedItem
{
    font-size: 12pt;
    text-align: left;
    width: 18pt;
}

/* Completion box seems to use ul and li, so need to override setting from standard use */

/* Used by Installation guide price system */
.GuidePriceCompletionListCssClass ul
{
    list-style-image: url(../images/spacer.gif);
}
.GuidePriceCompletionListCssClass li
{
    list-style-image: url(../images/spacer.gif);
}
.GuidePriceCompletionListCssClass
{
    background-color: White;
    text-align: left;
    border: solid 1pt black;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
}
.GuidePriceCompletionListItemCssClass
{
    background-color: White;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
}
.GuidePriceCompletionListHighlightedItemCssClass
{
    background-color: black;
    color: White;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
}

.WatermarkTextCSS
{
    color: Gray;
}

/* Used by other autocomplete boxes */
.CompletionListCssClass
{
    width: 400pt!important;
    background-color: white;
    border-collapse: collapse;
    margin-left:100px;
}
.CompletionListItemCssClass
{

    border-bottom: solid 1pt gray;
    width: 400pt!important;
    background-color: white;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 0px 0px;
}
.CompletionListHighlightedItemCssClass
{
    border-bottom: solid 1pt gray;
    width: 400pt;
    background-color: black;
    color: White;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 0px 0px;
}
.CompletionListCssClass ul
{
    width: 400pt;
    list-style-image: url(../images/spacer.gif);
}
.CompletionListCssClass li
{
    width: 400pt;
    list-style-image: url(../images/spacer.gif);
}


.checkout h1
{
    margin-bottom: 0pt;
    margin-top: 0pt;
}
.checkout h2
{
    font-size: 11pt;
    margin-top: 0pt;
}

.mandatoryfields
{
    color: Red;
   
}


/* Used in MyAccount to show ordered items */
.orderitemspopup
{
    padding: 5pt;
    margin: 5pt;
    border: solid 1pt gray;
    background-color: White;
    visibility: hidden;
    text-align: left;
}

.hand
{
    cursor: pointer;
}


.checkoutstaff th,td,input,a { font-size:8pt;  }

.railclass { background-image:url(../images/global-nav-bg.gif); height:10pt; width:10pt; }
.handleclass { background-image:url(../images/bullet.gif);  }


/* Used in Address lookup - Modalpopul */
.ModalBackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;
        }
/*
 filter:alpha(opacity=70);
            opacity:0.7;
            
            */
            
            
            
/* Ajax popupControl */           
            
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}



.modalPopup {
	background-color:black;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	
}