/*

blue = 13618a
purple = 71169f
orange = 944309
greeny = 8e930a
*/
*
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: right;
}
.clearBoth
{
    clear: both;
}

a
{
    color: #71169f;
}
a:hover
{
    text-decoration: underline;
    color: Black;
}

img
{
    border: 0;
}

html, body
{
    text-align: center;
    line-height: 1.5em;
    height: 100%;
    background: #f8f8f8 url(/media/global/images/page-bg.gif) repeat-x top left;
    font-family: verdana,arial,sans-serif;
    font-size: .85em;
    color: #666;
    margin: 0;
    padding: 0;
}

form
{
    height: auto !important;
    min-height: 100%;
}

#bodyContainer
{
    position: relative;
    width: 880px;
    background: #fff url(/media/global/images/container-bg.gif) repeat-y top left;
    height: auto !important;
    min-height: 100%;
    text-align: left;
    margin: 0 auto;
}


#headerContainer
{
    height: 35px;
    background: #fff url(/media/global/images/header-bg.jpg) no-repeat top left;
    padding: 0 50px;
}

#breadcrumb
{
    margin-left: 5px;
    margin-bottom: 5px;
    color: #999;
    font-size: 8pt;
    text-align:left


}

#breadcrumb a
{
    color: #ccc;
}

#breadcrumb a:hover
{
    color: black;
}


#bodyContentWrapper
{
    clear: both;
}
h1
{
    font-size: 8pt;
    float: left;
    color: black;
    margin-top: -10px;
    margin-left: 10px;
    color: #999;
    display: none;
}
h2
{
    margin-bottom: 5px;
    font-size: 13pt;
    color: #71169f;
    text-transform: uppercase;
}

#bodyContentWrapper h1.mainHeading
{
    font-size: 160%;
}

.logo
{
    margin-left: 10px;
    margin-top: -125px;
    float: left;
}

.maxWidth
{
    width: 780px;
    margin: 0 auto;
}

.headerBar
{
    background-color: #71169f;
    border-top: solid #71169f 3px;
    border-bottom: solid #71169f 3px;
    color: white;
    text-align: right;
    margin-bottom: 3px;
    height:20px;


}
.innerNav
{
    clear: both;
    float: left;
    margin-left: 20px;
    padding-bottom: 2px;
}


.headerBar ul
{
    text-align: left;
    margin-left: 10px;
}

.headerBar ul li
{
    float: left;
    margin-right: 20px;
}

.headerBar span
{
    margin-right: 16px;
}

#headerContainer #navbar
{
    background-color: #71169F;
    height: 25px;
    clear: left;
    font-size: 14pt;
    padding-top: 10px;
    float: left;
    width: 100%;
}

#headerContainer #navbar ul
{
    list-style: none;
    margin-left: 10px;
}

#home a:hover
{
    text-decoration: underline;
}

.first ul
{
    list-style-position: inside;
}
.second
{
    margin-bottom: 10px;
    list-style-position: inside;
    /* text-align: justify;*/
}

#headerContainer #navbar ul li
{
    float: left;
    margin-right: 15px;
    font-size: 90%;
    text-align: center;
}

#headerContainer #navbar ul li a
{
    display: block;
    color: white;
    text-decoration: none;
}

#nav a:hover
{
    text-decoration: underline;
}

#headerContainer #navbar ul li a:hover
{
    text-decoration: underline;
}

.xhib
{
    margin-top: -5px;
    margin-right: 5px;
    float: right;
}
.bodyLeft
{
    width: 130px;
    float: left;
    border-right: solid #71169f 3px;
    min-height: 100%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.bodyLeft hr
{
    margin: 5px 0;
}


.bodyLeft a img
{
    width: 100px;
}

.calendar
{
    width: 140px;
    margin-left: -5px;
}

.bodyRight
{
    width: 540px;
    float: left;
    display: inline;
    margin-left: 10px;
    /* text-align: justify;*/
}

.bodyRight h2
{
    text-decoration: none;
}

div#footer
{
    text-align: center;
    position: absolute;
    width: 760px;
    color: #999;
    bottom: 0;
    border-top: 1px dotted #999;
    font-size: smaller;
    margin: 10px 60px 0 60px;
    padding: -1.8em 0;
}

#footer a
{
    color: #999;
}

#footer a:hover
{
    color: #71169f;
}

div#footer p
{
    margin-bottom: 0;
}

.SectionPicture
{
    border: 1px solid red;
}

div.clearall
{
    clear: both;
    height: 5em;
}

#primary
{
    width: 600px;
}

/* new css for exhibitions page begins here, all above should be for main page only*/

.first
{
    background-color: #e5d5ee;
    padding: 7px;
    margin-bottom: 10px;
}

.second
{
    margin-bottom: 10px;
}

.second a
{
    max-width: 300px;
    text-decoration: none;
}
.second a:hover
{
    text-decoration: underline;
}

.right
{
    float: right;
    margin-left: 10px;
    margin-top: 5px;
}



.Left
{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.second p
{
    margin-bottom: 10px;
}
.center
{
    width: 400px;
    margin: 0 auto;
    margin-top: 10px;
}

.tradeVpublic a
{
    text-decoration: none;
    font-weight: bold;
}

.tradeVpublic a:hover
{
    color: black;
    text-decoration: underline;
}

.bodyLeft h2
{
    clear: both;
    background-color: #71169f;
    color: White;
    font-size: 10pt;
    width: 150px;
    margin-left: -10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* CALENDAR MARKUP */
#calendar
{
    padding-top: 1em;
    width: 150px;
    margin-left: -10px;
}
#calendar h2
{
    font-size: 9pt;
    color: White;
    background-color: #71169f;
    margin-top: -12px;
    text-decoration: none;
    padding: 2px 0 2px 0;
    margin-left: 0px;
    font-weight:normal;
}
#ChangeMonths a
{
font-size:8pt;
font-weight:normal;
color:Black;
}
#calendar span
{
    float: left;
    width: 17px;
    padding: 0;
    margin: 0.1em;
    text-align: center;
    border: 1px solid silver;
}
#calendar span.active
{
    background-color: #e5d5ee;
}
#calendar, .sun
{
    clear: left;
}

.innerNav a
{
    text-decoration: none;
}

.innerNav a:hover
{
    text-decoration: underline;
}



.pg:after
{
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
}

.pg li
{
    list-style: none none;
    display: inline;
}

.pg li a
{
    position: relative;
    float: left;
    display: block;
    width: 50px;
    height: 75px;
    margin-right: 10px;
}

.pg li a img
{
    position: absolute;
    width: 50px;
    height: 70px;
    left: 20px;
}

.pg li a:hover img, .pg li a:active img, .pg li a:focus img
{
    width: 150px;
    height: 216px;
    left: -50px;
    top: -37px;
    z-index: 1;
}

.contacts
{margin-top:10px;
   /*width: 100px;*/
    float: left;
}

.name
{
    width: 120px;
}

.job
{
    width: 190px;
    text-align: center;
}
.tel {width:120px;}

.email, .email a
{
    width: 100px;
    color: #71169f;
}

.image120
{
    width: 600px;
    height: 120px;
    margin: 10px 0;
    border: solid black 1px;
    background-image: url(/media/global/images/image120.jpg);
}

#map_canvas
{
    border: solid 2px;
    margin-bottom: 10px;
}

.tandc
{
    font-size: 8pt;
}

.paraNumber
{
    font-weight: bolder;
    width: 60px;
}

.defn
{
    width: 150px;
    float: left;
    margin-bottom: 3px;
}

.define
{
    width: 420px;
    float: left;
    margin-bottom: 3px;
}

.second a
{
    color: #71169f;
}

#loginRequest
{
    display: none;
}

.button
{
    color: white;
    background-color: #71169f;
    padding: 3px 5px;
    border: solid #999 2px;
}

fieldset
{
    margin-bottom: 10px;
}

.secondWrapper
{
    border-bottom: solid #999 3px;
    clear: both;
    margin-bottom: 10px;
}

.secondWrapper .second
{
    float: left;
}

img.logo
{
    margin-left: 10px;
    margin-top: -125px;
    float: left;
}
.showDetails
{
    float: left;
    text-align: left;
    color: #71169f;
    font-size: 14pt;
    padding-top: 20px;
    width: 330px;
    height: 100px;
    padding-left: 190px;

}


.showContent
{
    height: 120px;
    background-image: url(/media/global/images/background.jpg);
    width: 780px;
}


.flatRateRadio{padding-left:9px;}
.flatRateRadioTxt{font-size: 8pt;padding-left:5px}

.indoorOtherInfo
{
    height: 120px;
    background-image: url(/media/global/images/festival-railway-modelling/header.jpg);
    width: 780px;
}



#outdoor
{
    background: url(/media/global/images/outdoor/header.jpg);
}

#indoor
{
    background: url(/media/global/images/indoor/header.jpg);
}

#team
{
    background: url(/media/global/images/theteam/header.jpg);
}

#form
{
    background: url(/media/global/images/contact-header.jpg);
}

.showContent img
{
    margin-right: 16px;
    margin-top: 3px;
}

.hoverMagazines
{
    margin-top: 40px;
    width: 250px;
    height: 80px;
}

.hoverMagazines span
{
    float: left;
    font-weight: bold;
    margin-top: 40px;
}
.headerRightHandSideInfo
{
    float: left;
    width: 250px;
    height: 120px;

}



#headerInformation {float:left;

}

.logosm
{
    position: absolute;
    top: 0px;
    right: 40px;
}

#reader
{
    clear: both;
    width: 100%;
    border-top: solid 1px #666666;
    margin-top: 10px;
    padding-top: 10px;
}

.first h3
{
    font-family: Arial, helvetica, Sans-Serif;
    font-weight: bold;
    color: #999999;
    font-size: 11pt;
    line-height: 100%;
    text-transform: capitalize;
    text-decoration: none;
    padding: 0;
}


.tooltip div
{
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 130px;
}
.tooltip:hover div
{
    text-align: left;
    width: 300px;
    display: block;
    position: absolute;
    border: 1px solid #cccccc;
    background: #ffff00;
}

.tooltip:hover div a
{
    color: black;
    font-weight: normal;
}

#showDirectionAddress
{
    clear: both;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    font-weight: bold;
}
/*A secondary stylesheet for use with the compulsory form element script */

.nonCompulsory, .compulsory{
float: left;
padding-left: 10px;
width: 120px;
}

.compCheckbox, .missingCheckbox{
width: 20px;
margin: 2px;
}
.compCheckbox{
}
.missingCheckbox{
}

.compPassword, .missingPassword{
width: 200px;
margin: 2px;
}
.compPassword{
background: #fff;
}
.missingPassword{
background: #cfc;
}

.compSelect-one, .missingSelect-one{
width: 200px;
margin: 2px;
}
.compSelect-one{
background: #fff;
}
.missingSelect-one{
background: #fbcee8;
color:#333399;
}

.compText, .missingText{
width: 250px;
margin: 2px;
}
.compText{
background: #fff;
}
.missingText{
background: #fbcee8;
}

.compTextarea, .missingTextarea{
width: 200px;
margin: 2px;
}
.compTextarea{
background: #fff;
}
.missingTextarea{
background: #fcc;
}

#faxnumber {width: 250px;
margin: 2px;}

legend {margin-bottom:10px;}


.summaryHead
{
    color: Black;    
    font-size: 20pt;
    margin-top: 0px;
    margin-left: 0px;
    display: inline;
    line-height: 120%;
    float: right;
}

.formElementWrapper
{
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: left;
    clear: both;
}

.formElementWrapper label
{
    float: left;
    width: 250px;
    font-size: 8pt;
    display: block;
    height: auto;
    margin-bottom: 5px;
}

.radioButtons input
{
    float: left;
    width: 30px;
    font-size: 8pt;
    border: yellow solid 1px;
}


.radioButtons label
{
    float: right;
    font-size: 8pt;
}

.intBox
{
    width: 30px;
}
.txtBox
{
    width: 250px;
}

#formButtons
{
    border-top: solid black 1px;
    width: 50%;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    }
    
    #formButtons input
{
    margin: 0 20px;
}

.validationSummary
{
color: Red;
border: solid red 1px;
margin: 5px 10px;
width: 510px;
}
.validationSummary ul
{

margin: 5px 20px;

}

.rightColumn{width:420px; 
float:left;}

.leftColumn{width:170px; 
float:left;
font-weight:bold;}

.leftColumn p, .rightColumn p{margin:3px 0;}

.atozWrapper b {color:#71169f;}
.atozWrapper a:hover {text-decoration:none;
color:#71169f;}

#traderVSpublic {border:dashed #ffffff 2px;width:600px;font-size:11pt;background-color:#71169f;text-align:center;margin-bottom:20px;padding:10px 0;color:#ffffff;}
#traderVSpublic a {color:#ffffff;}

.linksWrapper {text-align:center;margin-bottom:20px;}