﻿
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
  margin: 0;
  padding: 0;
  border: 0px none;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-family: Verdana,Arial;
}



body
{
    font-family: Verdana,Arial;
    font-size: 0.8em;
    vertical-align: middle;
    color: #404040;
    
    width: 100%;
    min-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

h1
{
    font-size: 1.6em;
    color: #28508b;
    margin:6px 0 10px 0;
}
h2
{
    font-size: 1.4em;
    color: #28508b;
    margin:4px 0 8px 0;
}
h3
{
    font-size: 1.2em;
    color: #28508b;
    margin: 0 0 2px 0;
}
h4
{
    font-size: 1.0em;
    color: #28508b;
    margin: 20px 0 0 0;
}

a
{
    color: Green;
    text-decoration: none;
}
a:hover
{
    color: #28508b;
    text-decoration: none;
}


.FloatLeft
{
    float: left;
}
.FloatRight
{
    float: right;
}
.ClearLeft
{
    clear: left;
}
.ClearRight
{
    clear: right;
}
.ClearBoth
{
    clear: both;
}


.MainLogo
{
    background-color: White;
    width: 20%;
    margin-left: 5px;
}
.HeaderLogo
{
    background-image: url('images/wnf1.png');
    background-repeat: no-repeat;
    position: relative;
    top: -20px;
}
.HeaderUpper
{
    background-color: #4245fc;
    height: 10px;
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    border-style: none;
}
.ImageButton
{
    height: 16px;
    width: 16px;
    display: inline-table;
}
.HelpMain
{
    background-image: url('images/help.png');
    background-repeat: no-repeat;
}
.HelpMain h3
{
    margin: 5px 0 2px 0;
}
.MarginLeftHelp
{
    margin-left: 180px;
    margin-right: 40px;
}
.MarginLeftHelp h3
{
    margin: 5px 0 2px 0;
}

.HeaderUpperRepeat
{
    background-image: url('images/headerbar1.gif');
    background-repeat: repeat;
    height: 18px;
    width: 100%;
    float: left;
}

.HeaderUpperThinRepeat
{
    background-image: url('images/headerbar_thin1.gif');
    background-repeat: repeat-x;
    height: 4px;
    width: 100%;
    float: left;
}
.HeaderImageRepeat
{
    background-image: url('images/headerbarB1.gif');
    background-repeat: repeat;
    height: 18px;
    width: 100%;
    float: left;
}
.HeaderLower
{
    background-color: #2bfa00;
    height: 15px;
    width: 100%;
    margin:1px 5px 0 5px;
}

.MessageBackgroundRed
{
    background-image: url('images/background/fadedmaroongradient.gif');
    background-repeat: repeat-x;
}
.MessageBackgroundBlue
{
    background-image: url('images/background/fadedbluegradient.gif');
    background-repeat: repeat-x;
}
.WantedBackground
{
    background-image: url('images/background/wanted.png');
    width: 468px;
    height: 60px;
    margin: 16px 0 0 70px;
}
.WantedContent
{
    margin: 10px 0 0 200px;
    color: #c0c0c0;
    font-size:0.9em
}
.WantedContent h3
{
    color: White;
    font-size:1.0em
}

.AccountNavButton
{
    width: 30px;
    height: 30px;
    margin-left: 50px;
}


.FixedLabel
{
    display: block;
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
}
.CenterScreen
{
    margin-left: auto;
    margin-right: auto;
}

.Spacer1
{
    width: 100%;
    height: 1px;
    clear: both;
}
.Spacer2
{
    width: 100%;
    height: 2px;
    clear: both;
}
.Spacer5
{
    width: 100%;
    height: 5px;
    clear: both;
}
.Spacer10
{
    width: 100%;
    height: 10px;
    clear: both;
}
.Spacer20
{
    width: 100%;
    height: 20px;
    clear: both;
}
.Spacer24
{
    width: 100%;
    height: 24px;
    clear: both;
}
.Spacer30
{
    width: 100%;
    height: 30px;
    clear: both;
}
.Spacer40
{
    width: 100%;
    height: 40px;
    clear: both;
}
.Spacer50
{
    width: 100%;
    height: 50px;
    clear: both;
}
.Spacer75
{
    width: 100%;
    height: 75px;
    clear: both;
}
.Spacer100
{
    width: 100%;
    height: 100px;
    clear: both;
}
.Spacer125
{
    width: 100%;
    height: 125px;
    clear: both;
}
.Spacer150
{
    width: 100%;
    height: 150px;
    clear: both;
}
.Spacer180
{
    width: 100%;
    height: 180px;
    clear: both;
}
.Spacer200
{
    width: 100%;
    height: 200px;
    clear: both;
}

.Spacer10White
{
    width: 100%;
    height: 10px;
    clear: both;
    background-color: White;
}

.LabelWidth100
{
    width: 100px;
}
.LabelWidth150
{
    width: 150px;
}

.FooterBar
{
    background-color: #4245fc;
    height: 1px;
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
}
.FooterContent
{
    background-color: #d4e1f6;
    width: 100%;
}

.DropDownFieldLeftPanelLarge
{
    width: 172px;
    height: 16px;
    margin: 1px 0 1px 0;
}
.InputFieldLeftPanelLarge
{
    width: 166px;
    height: 16px;
    margin: 1px 0 1px 0;
}
.InputFieldLeftPanelMedium
{
    width: 103px;
    height: 16px;
    margin: 1px 0 1px 0;
}
.InputFieldLeftPanelSmall
{
    width: 50px;
    height: 16px;
    margin: 1px 0 1px 0;
}

.InputField100
{
    width: 100%;
    height: 16px;
    min-width: 100px;
    margin: 1px 0 1px 0;
}
.InputField97
{
    width: 97%;
    height: 16px;
    min-width: 90px;
    margin: 1px 0 1px 0;
}
.InputField90
{
    width: 89%;
    height: 16px;
    min-width: 90px;
    margin: 1px 0 1px 0;
}
.InputField80
{
    width: 80%;
    height: 16px;
    min-width: 80px;
    margin: 1px 0 1px 0;
}
.InputField70
{
    width: 70%;
    height: 16px;
    min-width: 70px;
    margin: 1px 0 1px 0;
}
.InputField60
{
    width: 60%;
    height: 16px;
    min-width: 60px;
    margin: 1px 0 1px 0;
}
.InputField50
{
    width: 50%;
    height: 16px;
    min-width: 50px;
    margin: 1px 0 1px 0;
}
.InputField40
{
    width: 40%;
    height: 16px;
    min-width: 40px;
    margin: 1px 0 1px 0;
}
.InputField35
{
    width: 35%;
    height: 16px;
    min-width: 30px;
    margin: 1px 0 1px 0;
}
.InputField30
{
    width: 30%;
    height: 16px;
    min-width: 30px;
    margin: 1px 0 1px 0;
}
.InputField20
{
    width: 20%;
    height: 16px;
    min-width: 20px;
    margin: 1px 0 1px 0;
}
.InputField10
{
    width: 10%;
    height: 16px;
    min-width: 10px;
    margin: 1px 0 1px 0;
}
.InputField5
{
    width: 5%;
    height: 16px;
    min-width: 5px;
    margin: 1px 0 1px 0;
}


.ActionButton
{
    font-size: 0.8em;
    font-weight: bold;
    background: #fff url('images/buttons/actionbutton.gif') no-repeat;
    background-position: left top;
    border: 0;
    color: #404040;
    margin-left: 0px;
    height: 22px;
    padding: 2px 4px 2px 24px;
}
.ActionButtonMouseOver
{
    font-size: 0.8em;
    font-weight: bold;
    background: #fff url('images/buttons/actionbutton.gif') no-repeat;
    background-position: left top;
    border: 0;
    color: White;
    margin-left: 0px;
    height: 22px;
    padding: 2px 4px 2px 24px;
}

.SearchPageSectionButton
{
    font-size: 0.8em;
    font-weight: bold;
    background-color: #2f7f3d;
    border-width: 1px;
    border-color: White;
    color: White;
    width: 200px;
    height: 30px;
    margin-left: 2px;
}
.SearchPageButton
{
    font-size: 1.0em;
    font-weight: bold;
    background: #fff url('images/buttons/actionbutton.gif') no-repeat;
    background-position: left top;
    border: 0;
    color: #404040;
    margin-left: 0px;
    height: 22px;
    padding: 2px 4px 2px 20px;
}
.SearchPageButtonMouseOver
{
    font-size: 1.0em;
    font-weight: bold;
    background: #fff url('images/buttons/actionbutton.gif') no-repeat;
    background-position: left top;
    border: 0;
    color: White;
    margin-left: 0px;
    height: 22px;
    padding: 2px 4px 2px 20px;
}
.SearchPageLabel
{

    font-size: 1.0em;
    vertical-align: middle;
    font-weight: bold;
}
.SearchPageInput
{

    font-size: 1.0em;
    vertical-align: middle;
    font-weight: normal;
    color: #404040;
}
.SearchPageSmallButton
{
    background: #fff url('images/buttons/actionbutton.gif') no-repeat;
    background-position: left top;
    border: solid 1px #404040;
    height: 22px;
    width: 24px;
    vertical-align:middle;
}
.SearchPageSmallButtonMouseOver
{
    border: solid 1px #fff;
}


.MasterPageSectionButton
{
    font-size: 0.7em;
    font-weight: bold;
    background-color: Black;
    border-width: 0px;
    border-color: Black;
    color: #eeecec;
    width: 90px;
    height: 14px;
    margin-left: 2px;
    position: relative;
    top: -2px;
}
.MasterPageSectionButtonMouseOver
{

    font-size: 0.7em;
    font-weight: bold;
    background-color: #404040;
    border-width: 0px;
    border-color: Black;
    color: #eeecec;
    width: 90px;
    height: 14px;
    margin-left: 2px;
    position: relative;
    top: -2px;
}
.MasterPageSectionButtonSet
{

    font-size: 0.7em;
    font-weight: bold;
    background-color: #264c85;
    border-width: 0px;
    border-color: Black;
    color: #eeecec;
    width: 90px;
    height: 14px;
    margin-left: 2px;
    position: relative;
    top: -2px;
}


.NavBarButton
{

    font-size: 0.8em;
    font-weight: bold;
    background-color: #ffffff;
    border: solid 1px #404040;
    color: #404040;
    margin-left: 0px;
    width: 180px;
}
.NavBarButtonMouseOver
{

    font-size: 0.8em;
    font-weight: bold;
    background-color: #28508b;
    border: solid 1px Black;
    color: White;
    margin-left: 0px;
    width: 180px;
}

.EnquiryButton
{

    font-size: 0.8em;
    font-weight: bold;
    background-color: #ffffff;
    border: solid 1px #404040;
    color: #404040;
    margin-left: 0px;
}
.EnquiryButtonMouseOver
{

    font-size: 0.8em;
    font-weight: bold;
    background-color: #28508b;
    border: solid 1px Black;
    color: White;
    margin-left: 0px;
}

.MarginSmall
{
    margin: 1% 1% 1% 1%;
}
.MarginMedium
{
    margin: 5% 5% 5% 5%;
}
.MarginTopSmall
{
    margin-top: 1%;
}
.MarginLeftSmall
{
    margin-left: 1%;
}
.MarginRightSmall
{
    margin-right: 1%;
}
.MarginLeftMedium
{
    margin-left: 5%;
}
.MarginRightMedium
{
    margin-right: 5%;
}
.MarginRightLarge
{
    margin-right: 10%;
}
.MarginLeftLarge
{
    margin-left: 10%;
}
.MarginLeftFixed4
{
    margin-left: 4px;
}
.MarginLeftContent
{
    margin-left: 6px;
}
.MarginLeftFixed2
{
    margin-left: 2px;
}
.MarginRightFixed2
{
    margin-right: 2px;
}
.MarginRightFixed4
{
    margin-right: 4px;
}
.MarginRightFixed6
{
    margin-right: 6px;
}
.MarginFixed4
{
    margin: 4px 4px 4px 4px;
}
.MarginTopFixed8
{
    margin-top: 8px;
}
.MarginTopFixed6
{
    margin-top: 6px;
}
.MarginTopFixed4
{
    margin-top: 4px;
}
.MarginTopFixed2
{
    margin-top: 2px;
}
.MarginBottomFixed2
{
    margin-top: 2px;
}
.MarginBottomFixed10
{
    margin-bottom: 10px;
}
.MarginLeft300
{
    margin: 10 0 0 300px;
}

.PaddingTopFixed2
{
    padding-top: 7px;
}
.PaddingBottomFixed4
{
    padding-bottom: 4px;
}
.PageWidth45
{
    width: 80%;
}
.PageWidth78
{
    width: 87%;
}
.PageWidth34
{
    width: 73%;
}
.PageWidth35
{
    width: 58%;
}
.PageWidth23
{
    width: 60%;
}
.PageWidth25
{
    width: 38%;
}
.PageWidth15
{
    width: 18%;
}
.PageWidth18
{
    width: 12%;
}
.PageWidth13
{
    width: 33%;
}
.PageWidth12
{
    width: 50%;
}
.PageWidth27
{
    width: 29%;
}
.PageWidth14
{
    width: 25%;
}
.PageWidthFixed550
{
    width: 550px;
}

.PageWidth
{
    width: 98%;
}

.PageHeight100
{
    height: 100px;
}
.PageHeight200
{
    height: 200px;
}
.PageHeight250
{
    height: 250px;
}
.PageHeight300
{
    height: 300px;
}
.PageHeight400
{
    height: 400px;
}
.PageHeight500
{
    height: 500px;
}

.AlignTop
{
    vertical-align: top;
}
.AlignCenter
{
    vertical-align: middle;
}

.TextSmall
{

    font-size: 0.8em;
    vertical-align: middle;
    text-decoration: none;
}
.TextMedium
{

    font-size: 0.9em;
    vertical-align: middle;
    text-decoration: none;
}
.TextLarge
{

    font-size: 1.2em;
    vertical-align: middle;
    text-decoration: none;
}
.TextBold
{
    font-weight: bold;
}
.TextRegular
{
    font-weight: normal;
}
.TextJustify
{
    text-align: justify;
}

.TextColorWhite
{
    color: White;
}
.TextColorRed
{
    color: Red;
}
.TextColorGreen
{
    color: #2f7f3d;
}
.TextColorGrey
{
    color: #404040;
}
.LabelStandard
{

    font-size: 0.8em;
    vertical-align: middle;
    font-weight: normal;
    color: #404040;
    padding-top: 4px;
}
.LabelSubHeading
{

    font-size: 1.0em;
    vertical-align: middle;
    font-weight: bold;
}

.StandardLabel
{

    font-size: 1.0em;
    vertical-align: middle;
    font-weight: bold;
    width: 120px;
}

.TextItemNote
{

    font-size: 0.8em;
    vertical-align: middle;
    font-weight: normal;
    color: #808080;
}
.TextDisclaimer
{

    font-size: 0.8em;
    vertical-align: middle;
    color: #404040;
}
.TextDetails
{
    font-size: 0.9em;
    vertical-align: middle;
    color: #404040;
    line-height:1.4em;
}
.TextBoxGroove
{
    border: solid 1px #808080;
}
.DropDownList
{
    height: 22px;
    border: solid 1px #808080;
}


.ProductTitle
{

    font-size: 1.0em;
    font-weight: bold;
    color: #2f7f3d;
    width: 65%;
}
.ProductLabel
{

    font-size: 0.8em;
    font-weight: bold;
    color: #2f7f3d;
}
.ProductData
{

    font-size: 0.8em;
    color: Black;
}

.SearchTable
{
    border-color: White;
    border-width: 1px;
    border-style: solid;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #d3f3d4;
    width: 100%;
    padding: 5px 5px 5px 5px;
}

.BorderBlackSingle
{
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.BorderSingle
{
    border: solid 1px #404040;
}
.BorderSingleGrey
{
    border: solid 1px #c0c0c0;
}
.BorderTab
{
    border: solid 2px #2c558e;
    padding: 0px 2px 5px 2px;
    margin-top: -3px;
}

.ResultItem
{
    border: solid 0px #404040;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    font-size:0.9em;
}
.ResultItemImage
{
    margin: 2px 2px 2px 2px;
    max-width:120px;
    max-height:120px;
}

.ResultItem h3
{
    width: 100%;
    height: 16px;
    background-color: #404040;
    color: White;
    text-decoration: none;
    padding: 0 0 0 0;
}
.ResultItem a
{
    text-decoration: none;
    color: White;
    font-size: 0.8em;
    margin-left: 5px;
}
.ResultItem a:link
{
    color: White;
}
.ResultItem a:visited
{
    color: White;
}
.ResultItem a:hover
{
    color: #708cb2;
}

.CalendarCheckbox
{
    width: 157px;
    padding: 1px 2px 1px 2px;
}
.CalendarDayBooked
{
    background-color: #800000;
    color: White;
    border:solid 1px #c0c0c0;
    margin:0 0 1px 0;
}
.CalendarDayClear
{
    background-color: #fff;
    color: #000;
    border:solid 1px #c0c0c0;
   
}
.CalendarDayRequested
{
    background-color: Green;
    color: White;
    border:solid 1px #c0c0c0;
}
.CalendarDayNoCollect
{
    background-color: #708cb2;
    color: White;
    border:solid 1px #c0c0c0;
    margin:0 0 1px 0;
}

.CalendarButton {
    margin:20px 0 0 10px;
}

.CalendarCell
{
    cursor: pointer;
}


.CalendarDaySelected
{
    background-color: #98b3f8;
}
.CalendarDayOld
{
    background-color: White;
    color: #c0c0c0;
}
.Legend
{
    padding: 1px 3px 1px 3px;
    border: solid 1px #404040;
    margin: 0 3px 0 4px;

    font-size: 0.8em;
}

.BackgroundGreen
{
    background-color: #f4faf4;
}
.BackgroundBlue
{
    background-color: #e0e7f0;
}
.BackgroundGrey
{
    background-color: #d4dbec;
}
.BackgroundPaleGrey
{
    background-color: #fafafa;
}
.BackgroundDefaultPanel
{
    background-image: url('images/background/fadedBlueGradientLarge.png');
    background-repeat: repeat-x;
}
.BackgroundWhite
{
    background-color: White;
}

.Opacity10
{
    background-color: #404040;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: relative;
}
.zIndexFront
{
    z-index: 101;
}
.SummaryPageCover
{
    width: 100%;
    background-color: Black;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: relative;
    top: -232px;
    left: 0px;
}

.HighlightWanted
{
    color: #e0e7f0;
    font-weight: bold;
}

.SectionTitle
{
    background-color: #378645;
    color: White;
    text-align: center;

    font-size: 1.1em;
    font-weight: bold;
    width: 100%;
}
.SectionTitleBlue
{
    background: #708cb2 url('images/background/roundedtopright.gif') no-repeat;
    background-position: right top;
    color: White;
    text-align: center;

    font-size: 1.1em;
    font-weight: bold;
    width: 100%;
    height: 20px;
}
.SectionSubTitleBlue
{
    background-color: #708cb2;
    color: White;
    text-align: center;

    font-size: 1.0em;
    font-weight: bold;
    width: 100%;
    height: 16px;
}

.LatestItem
{
    cursor: pointer;
 
}

.LatestItemPrice
{
 font-size:1.2em;
 font-weight:bold;
 color:#f4f4fc;
}

.LatestItemSectionTitle
{
    background-color: Black;
    color: White;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    width: 188px;
   
    margin: 0 4px 0 4px;
    padding: 2px 0 2px 0;
}
.LatestItemMainImage
{
    margin: 0 0 0 0;
    height: 90px;
    width: 140px;
}
.LatestItemDescImage
{
    margin: 0 0 0 0;
    height: 90px;
    width: 20px;
}

.LatestItemDesc
{
    margin: 0 4px 0 4px;
}

.LatestItemBackGround
{
    background-color: #1a1a1a;
    color: White;
    text-align: center;

    font-size: 0.8em;
    font-weight: bold;
    width: 188px;
    height: 296px;
    margin: 0 4px 0 4px;
    padding: 2px 0 2px 0;
}



.Hidden
{
    visibility: hidden;
    display: none;
}
.Visible
{
    visibility: visible;
    display: block;
}
.DisplayNone
{
    display: none;
}
.DisplayBlock
{
    display: block;
}



.SectionTabBar
{
    background-color: #2f7f3d;
    color: white;
    text-align: center;

    font-size: 1.0em;
    font-weight: bold;
    width: 100%;
    height: 0px;
}

.ProductGridContainer
{
    border: solid 2px black;
    background-color: Gray;
    height: 400px;
}
.ProductGridHeader
{
    background-color: #f4faf4;
    color: Black;
}



.Grid
{
    border: none;
    border-width: 0;
    font-size: 0.8em;
    margin-left: auto;
    margin-right: auto;
}
.GridHeader
{
    background-color: #708cb2;
    color: White;

    font-size: 1.0em;
    font-weight: bold;
    border: solid 1px White;
}
.GridAlternateRow
{
    background-color: White;
    color: Black;

    font-size: 0.8em;
    font-weight: normal;
}
.GridRowSelected
{
    font-weight: bold;
}
.Grid tr.row
{
    color: #000000;
    background-color: #FFFFFF;
}
.Grid tr.row:hover
{
    background-color: #e0e7f0;
    color: #333333;
}
.Grid tr.td{
 vertical-align:top;
}

.Grid th
{
    background-color: #708cb2;
    color: White;

    font-size: 1.0em;
    font-weight: bold;
    border: solid 1px White;
}


.SearchPageTitle
{

    font-size: 1.2em;
    font-weight: bold;
    color: #2f7f3d;
    text-decoration: none;
}
.SearchPageTitle a:hover
{
    color: #404040;
    text-decoration: none;
}
.SearchPageTitle a:visited
{
    color: #2f7f3d;
    text-decoration: none;
}
.SearchPageTitle a:link
{
    color: #2f7f3d;
    text-decoration: none;
}

#divStandardList
{
    font-weight: bold;
    font-size: 0.86em;
}
#divStandardList li
{
    list-style-type: none;
    text-align: left;
}
#divStandardList li a
{
    display: block;
    padding: 0.25em 0.5em 0.25em 0.25em;
    text-decoration: none;
}
#divStandardList li a:link
{
    color: #f0f0f0;
}
#divStandardList li a:visited
{
    color: #f0f0f0;
}
#divStandardList li a:hover
{
    color: White;
    background: #708cb2;
}


#BrowseNavList
{
    font-weight: bold;
    font-size:1.2em;
}
#BrowseNavList li
{
    list-style-type: none;
    text-align: left;
}
#BrowseNavList li a
{
    display: block;
    padding: 0.25em 0.5em 0.25em 0.25em;
    text-decoration: none;
}
#BrowseNavList li a:link
{
    color: #404040;
}
#BrowseNavList li a:visited
{
    color: #404040;
}
#BrowseNavList li a:hover
{
    color: White;
    background: #66b06f;
}

#AccountReminderList
{
    font-weight: normal;
    font-size:0.86em;
}
#AccountReminderList li
{
    list-style-type: none;
    margin: 2px 0 0 0;
    text-align: left;
}
#AccountReminderList li a
{
    display: block;
    text-decoration: none;
}
#AccountReminderList li a:link
{
    color: #ffffff;
}
#AccountReminderList li a:visited
{
    color: #ffffff;
}
#AccountReminderList li a:hover
{
    color: #c0c0c0;
}
#AccountReminderList p
{
    margin: 6px 0 6px 0;
}

.background
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('images/background/darkGreyGradient.png');
    background-repeat: repeat-x;
    background-color:#5c5c5c;
    width: 100%;
}
#page
{
    background-color: White;
    width: 926px;
    margin: 40px auto 40px auto;
    background-image: url('images/background/TopLeftRoundedWhite.png');
    background-repeat: no-repeat;
    background-position: top left;
}
#FormLeftPanel
{
    width: 196px;
    float: left;
    margin: 0 0 0 4px;
}
#FormLeftPanel h2
{
    color: White;
}
#FormMainPanel
{
    width: 700px;
    float: right;
}


#FormLowerPanel
{
    width: 920px;
    float: left;
    margin: 1% 3px 1% 3px;
    height: 160px;
    background-image: url('images/background/blueGradient250.png');
    background-repeat: repeat-x;
}
#SiteMapHeader
{
    margin: 4px 0 2px 0;
}
#SiteMapHeader span
{
    font-weight: bold;
    font-size: 0.9em;
    color: #66b06f;
    margin: 4px 0 0 0;
}
#FormLowerPanel p
{
    font-weight: bold;
    color: #66b06f;
    margin: 4px 4px 0 4px;
}
#FormLowerPanel li,
#FormLowerPanel code li
{
    list-style-type: none;
    margin: 0 0 0 2px;
    text-align: left;
    font-weight: normal;
    color: white;
}
#FormLowerPanel li a
{
    display: block;
    padding: 0;
    text-decoration: none;
    font-size:0.86em;
}
#FormLowerPanel li a:link,
#FormLowerPanel li a:visited
{
    color: white;
}
#FormLowerPanel li a:hover
{
    color: #66b06f;
}

#rvwDetails table
{
    background-color: #d0d0d0;
}
#rvwDetails th
{
    background-color: #404040;
    color: White;
    text-align: center;
}
#rvwDetails td
{
    font-size:1.0em;
}


.StandardLink a:link
{
    color: Blue;
    text-decoration: underline;
}
.StandardLink a:visited
{
    color: Blue;
    text-decoration: underline;
}
.StandardLink a:hover
{
    color: Blue;
    text-decoration: underline;
}
.StandardLink
{
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}



.LogoImage
{
    width: 183px;
    height: 75px;
    margin: 10px 0px 20px 10px;
}

.BluePanelLeftTitle
{
    background-image: url('images/background/bluePanelTitle.png');
    background-repeat: no-repeat;
    height: 20px;
    color: White;
    font-size:1.1em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.BluePanelLeft400
{
    background-image: url('images/background/blueGradient.png');
    background-repeat: repeat-x;
    height: 440px;
    color: White;
}

.BluePanelLeft300
{
    background-image: url('images/background/blueGradient.png');
    background-repeat: repeat-x;
    height: 330px;
    color: White;
}

.BluePanelLeft250
{
    background-image: url('images/background/blueGradient250.png');
    background-repeat: repeat-x;
    height: 250px;
}

.BluePanelLeft100
{
    background-image: url('images/background/blueGradient250.png');
    background-repeat: repeat-x;
    height: 110px;
}


.BluePanelLeft400 a:hover
{
    color: #000;
    text-decoration: underline;
}
.BluePanelLeft400 a:visited
{
    color: #fff;
    text-decoration: underline;
}
.BluePanelLeft400 a:link
{
    color: #fff;
    text-decoration: underline;
}

.GreenPanelLeftTitle
{
    background-image: url('images/background/bluePanelTitle.png');
    background-repeat: no-repeat;
    height: 20px;
    color: White;
    font-size:1.1em;
    font-weight: bold;
    text-align: center;
}
.GreenPanelLeft400
{
    background-image: url('images/background/blueGradient.png');
    background-repeat: repeat-x;
    height: 400px;
}
.GreenPanelLeft250
{
    background-image: url('images/background/blueGradient250.png');
    background-repeat: repeat-x;
    height: 250px;
    color: White;
}

.TitleTextCentering
{
    margin: 10px auto 0px auto;
    color: White;
}
.NoDecoration
{
    text-decoration: none;
}

.HideProcess400
{
    background-color: #404040;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    width: 196px;
    height: 400px;
    z-index: 2;
    float: left;
    position: absolute;
    margin: 0px 0px 0px 0px;
}
.HideProcess250
{
    background-color: #404040;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    width: 196px;
    height: 250px;
    z-index: 2;
    float: left;
    position: absolute;
    margin: 0px 0px 0px 0px;
}

.LoadingBox
{
    position: absolute;
    z-index: 1000;
    width: 250px;
    height: 100px;
    background-color: White;
    color: #404040;
    font-weight: bold;
    font-size:1.2em;
    text-align: center;
    margin: 120px 0 0 220px;
    border: solid 2px #404040;
}
.LoadingBoxImage
{
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto;
    width: 220px;
    height: 19px;
    background-image: url('images/loading2.gif');
    background-repeat: no-repeat;
    margin-bottom: 4px;
}


/* Navigation */
.nav,.nav2
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100;
    position: relative;
}

.nav li,.nav2 li
{
    border-left: 0px solid #000;
    float: left;
    margin: 0 auto 0 auto;
    padding: 1px 0 3px 0;
    position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited
{
    font-size:0.8em;
    font-weight: bold;
    background-color:Black;
    border-width: 0px;
    border-color: Black;
    color: #eeecec;
    width: 90px;
    height: 13px;
    margin-left: 2px;
    padding: 0 4px 0 4px;
    display: block;
    border: solid 1px #000;
}

.nav2 li a, .nav2 li a:link, .nav2 li a:active, .nav2 li a:visited
{
    font-size:0.8em;
    font-weight: bold;
    background-color:#263142;
    border-width: 0px;
    border-color: Black;
    color: #eeecec;
    width: 90px;
    height: 13px;
    margin-left: 2px;
    padding: 0 4px 0 4px;
    display: block;
    border: solid 1px #000;
}

.nav li a:hover,.nav2 li a:hover
{
    background: #c0c0c0;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    color: #eeecec;
    text-decoration: none;
    border: solid 1px #000;
}
.ulNav li:hover a, .ulNav li.sfHover a
{
    background: Black;
    color: #eeecec;
    text-decoration: none;
}
.ulNav li:hover ul a, .ulNav li.sfHover ul a
{
    background: Black;
    color: #eeecec;
    text-decoration: none;
    border: solid 1px #000;
}
.ulNav li:hover ul a:hover, .ulNav li.sfHover ul a:hover
{
    background: #404040;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    color: #eeecec;
    text-decoration: none;
    width: 106px;
    border: solid 1px #378645;
}

.nav ul,.nav2 ul
{
    background: Black;
    border-bottom: 1px solid #000;
    list-style: none;
    margin: 0;
    width: 120px;
    position: absolute;
    top: -999em;
    left: -1px;
}
.nav li:hover ul, .nav li.sfHover ul
,.nav2 li:hover ul, .nav2 li.sfHover ul
{
    top: 18px;
    padding: 10px 0 5px 0;
}


.nav ul a,.nav2 ul a
{
    border: 1px solid #000;
    border-bottom: 0;
    padding-right: 0px;
    width: 100px;
    white-space: nowrap;
}


.Default_Login
{
    background-color: #1a1a1a;
    color: #fff;
    font-size:0.8em;
    margin: 6px 4px 4px 4px;
}

.Default_Login p{
padding:4px 4px 5px 4px;
}
.Default_Login a:link
{
    color: #10c0ff;
    text-decoration: none;
}
.Default_Login a:visited
{
    color: #10c0ff;
    text-decoration: none;
}
.Default_Login a:hover
{
    color: #c0c0c0;
    text-decoration: underline;
}


#divHome
{
    float: left;
    width: 680px;
}
#divHome h2
{

    font-size:1.2em;
    font-weight: bold;
    color: #2f7f3d;
    text-decoration: none;
    margin: 4px 0 4px 0;
}

#divAbout h2
{

    font-size:1.2em;
    font-weight: bold;
    color: #28508b; 
    text-decoration: none;
    margin: 20px 0 4px 0;
}

#divAbout h3
{
    padding-bottom:4px;
}

#divAbout h3 img{
 margin: 10px 10px 0 0;
 vertical-align:text-bottom;
}


#divHome dl, #divAbout dl, .ticklist ul
{
    margin: 10px 0 10px 0;
    padding: 4px 0 0 20px;
    list-style-type: none;
}
#divHome dt, #divAbout dt, .ticklist li
{
    background-image: url('images/cross.png');
    background-repeat: no-repeat;
    font-size: 1.0em;
    font-weight: normal;
    padding: 2px  0 8px 30px;
    color: #404040;
    margin: 8px 0 8px 0;
    
}

#divAbout a
{
    color: Green;
    text-decoration: underline;
}
#divAbout a:hover
{
    color: #28508b;
    text-decoration: underline;
}

#divAbout p
{
    margin: 0 20px  10px 0;
}

#divHome dd
{
    font-size: 1.0em;
    font-weight: normal;
}

.TextPanelGrey
{
    margin: 10px 10px 20px 0;
    background-color: #f8f9fc;
    padding: 10px 10px 10px 10px;
    line-height:1.4em;
    color: #404040;
}



#Results_divStart
{
    font-size: 1.0em;
    margin: 0 0 0 10px;
}

#divTAndC p{
margin-right:20px;
text-align:justify;
}

#divTAndC ul{
margin-right:20px;
}

#divResultsKey p{
margin: 8px 4px 4px 4px;
font-size:0.8em;
}

#divPriceTable table{
    border-width: 2px;
	border-style: ridge;
	border-color: gray;
	background-color: white;
}

#divPriceTable table thead td {
	border-width: 0px;
	padding:5px;
	border-style: ridge;
	border-color: gray;
	background-color: white;
	font-size:0.8em;
	font-weight:bold;

}
#divPriceTable table tbody td  {
	border-width: 0px;
	padding:5px;
	border-style: ridge;
	border-color: gray;
	background-color: white;
	font-size:0.8em;
}

#MostPopular ul{
    list-style-type: none;
    width:100%;
}
#MostPopular li{
    width:200px;
    display:block;
    float:left;
    margin: 20px 0 0 20px;
    height:64px;
    border: solid 1px #f0f0f0;
}

#MostPopular span{
    font-size:0.9em;
    display:inline;
}

#MostPopular img{
    margin: 2px 2px 2px 2px;
    max-width:60px;
    max-height:60px;
    float:left;
 
}



