/*  Stylesheet Document
	--------------------------
	Core Styles
	--------------------------  */
	/* -----------------------
	Site Colors:
	black: #000000
	white: #ffffff
	--------------------------*/
	
/* Typography   
----------------------------------------------------------*/
	h1			{font-size:1.4em;color:#FFFFFF;font-family:impact,arial,helvetica;text-transform:uppercase;}
	h2			{font-size:1.3em;color:#FFFFFF;font-family:impact,arial,helvetica;text-transform:uppercase;}
	h3			{font-size:2em;color:#FFFFFF;font-family:impact,arial,helvetica;text-transform:uppercase;}
	h4			{font-size:1.8em;color:#FFFFFF;font-family:impact,arial,helvetica;text-transform:uppercase;}
	h5			{font-size:1.0em;color:#FFFFFF;font-family:impact,arial,helvetica;text-transform:uppercase;}
	h6			{font-size:0.9em;color:#FFFFFF;font-family:impact,arial,helvetica;text-transform:uppercase;}
	p			{font-size:1.1em;color:#dfd6c8;font-family:Georgia,arial,helvetica;}
	a			{font-size:1em;color:#4e92a8;}
	a:hover		{font-size:1em;color:#d6ab68;}
	dl			{font-size:1.2em;}
	dt			{font-weight:bold;color:#3cb000;}
	.bold		{font-weight:bold;}
	.caps		{text-transform:uppercase;}
	.small		{font-size:0.6em;}
	.subHead 	{text-decoration:underline; text-transform:uppercase; padding-top:10px; }
	.lists		{padding-top:30px;}
	li{color:#FFFFFF;font-family:Georgia,arial,helvetica; margin-bottom:9px; }
    .keyword{text-transform:uppercase;}
    address{font-size:1em;}

/* FORM   
----------------------------------------------------------*/
/* FORM [GENERAL] */
.FormWrap{color:#FFFFFF;width:700px;margin:0 auto;padding-bottom:100px;}
.FormWrap div{display:block;margin:5px 0 0 0;padding:0 3px;}
.FormWrap .mandatory{text-align:center;font-size:0.8em;}
.FormWrap .formListing{clear:both;font-weight:bold;font-size:1em;color:#d6ab68;margin-left:165px;margin-top:30px;margin-bottom:10px;}
.FormWrap .formListingFirst{margin-top:0;}
.FormWrap input, select, textarea{font-family: Arial, sans-serif;color:#000000;font-size:1em;}

/* LABELS [GENERAL] */
.FormWrap div label{font-family:georgia,arial,helvetica;display:block;float:left;width:150px;padding:0;margin:0 15px 5px 0;text-align:right;font-size:1em;}	

/* TEXTBOXES STANDARD */
.FormWrap div input{width:192px;padding:1px 0 1px 3px;margin:0;/*clear:left;*/}

/* HORIZONTAL RADIO BUTTONS */
.FormWrap div.radioWrapHoz{margin:0;padding:10px 0 0 0;}
.FormWrap div.radioWrapHoz div.radioCheckText{width:150px;text-align:right;float:left;}
.FormWrap div.radioWrapHoz .radioConn{margin:5px 0 0 165px;}
.FormWrap div.radioWrapHoz label{display:block;float:left;width:80px;margin:0 0 0 0;text-align:left;}
.FormWrap div.radioWrapHoz input{width:14px;height:14px;margin-right:5px;}

/* VERTICAL RADIO BUTTONS */
.FormWrap div.radioWrapVert{clear:both;width:500px;margin:20px 0 0 165px;}
.FormWrap div.radioWrapVert .labelRadio{clear:both;width:500px;text-align:left;}
.FormWrap div.radioWrapVert input{width:14px;margin:0 5px 0 0;}

/* CHECKBOXES [SINGLE] */
.FormWrap div.checkbox{clear:both;float:none;margin:10px 0 0 165px;}
.FormWrap div.checkbox input{float:left;width:14px;margin:0 5px 0 0;}
.FormWrap div.checkbox label{display:block;width:400px;margin:0;text-align:left;font-size:0.8em;}
.FormWrap div.checkTerms{margin-top:40px;}

/* CHECKBOXES [MULTIPLE] */
.FormWrap div.checkboxWrap{margin-left:165px;clear:both}
.FormWrap div.checkboxWrap .checkBoxTitle{width:auto;text-align:left;margin:15px 0 5px 0;}
.FormWrap div.checkboxWrap .checkboxes{clear:both;margin:0;width:400px;}
.FormWrap div.checkboxWrap label.labelMultiCheckbox{float:left;width:100px;padding:0;margin:0 0 5px 0px;text-align:left;}
.FormWrap div.checkboxWrap input{width:14px;margin:0 5px 0 0;}


/* SELECTBOXES [STANDARD] */
.FormWrap div.selectConn{clear:both;margin-left:165px;margin-top:15px;}
.FormWrap div.selectConn select{width:196px;padding:1px 0;}
.FormWrap div.selectConn label{width:auto;float:none;text-align:left;}

/* SELECTBOXES [DATE OF BIRTH] */
.FormWrap div.selectConn #day{width:49px;}
.FormWrap div.selectConn #month{width:82px;}
.FormWrap div.selectConn #year{width:60px;}

/* SELECTBOXES [COUNTRY] */
.FormWrap div.selectConn #country{width:170px;}

/* SELECTBOXES [TITLE] */
.FormWrap div.selectConn #title{width:76px;}

/* SELECTBOXES [STATE] */
.FormWrap div.selectConn #state{width:170px;}

/* SUBMIT */
.FormWrap div.submit input{margin:40px 0 0 165px;padding:0;width:104px;height:41px;}

.FormWrap .field-validation-error {display:block;clear:both;float:none;margin-left:165px;}
.FormWrap label.error {display:block;clear:both;float:none;margin:0 0 0 165px; text-align:left; padding:5px 0; width:500px !important; height:auto; overflow:hidden;}

.validation-summary-errors{margin-top:5px;}
.validation-summary-errors li{color:Red;}

.dobWrap{width:207px;}
.dobWrap .iinput{}
.dobWrap .iinput input{border:none;background-color:#34302a;color:#fff;font-size:2.9em;text-align:center;font-family:Impact,Arial,Helvetica,Georgia}
.dobWrap .iinput input.day, .dobWrap .iinput input.month{width:56px;padding:5px 0;}
.dobWrap .iinput input.year{width:86px;padding:5px 0;}


/* TEMPLATE   
----------------------------------------------------------*/
html{height:100%;}
body{height:100%;background-color:#000000;font-size:0.75em;font-family:Georgia,arial,helvetica;margin:0;padding:0;color:#dfd6c8;}

#pageWrap{width:954px;margin-left:auto;margin-right:auto;background:url(../img/site/textured_background_gateway.jpg) 0 0 no-repeat;}
#header{position:relative;margin-bottom:0px;color:#000;padding:0;}


/* FOOTER PANE
----------------------------------------------------------*/
#footer{text-align:center;padding:10px 0 100px 0;}
#footer ul{margin:0 auto;}
#footer ul li{display:inline;margin-right:10px;padding-right:10px;background:url(../img/site/list_partition.jpg) 100% 90% no-repeat;}
#footer ul li.last{background:none;padding:0;margin:0;}
#footer ul li a{color:#13495c;font-size:1.1em;}
#footer ul li a:hover{color:#d6ab68;}
#footer p {color:#242424;font-size:1em;padding:0;margin:0;}
#footer #drinkawareLink{float:right;}


/* GATEWAY   
----------------------------------------------------------*/
#distance {width:1px;height:50%;margin-bottom:-350px;/* half of container's height */float:left;}
#pageGateway {margin:0 auto;position:relative;text-align:left;height:700px;width:954px;clear:left;}

#boxWrapMid{background:url(../img/site/gateway_border_middle.gif) 0 0 repeat;}
#boxWrapBottom{background:url(../img/site/gateway_border_bottom.gif) 0 100% no-repeat;padding:0 0 20px 0;}
#boxWrapTop{background:url(../img/site/gateway_border_top.gif) 0 0 no-repeat;}

#pageGateway #titleWrap{width:230px;margin:0 auto;background:url(../img/site/title_background.gif) 0 0 no-repeat;}
#pageGateway #title{padding-top:210px;}
#pageGateway #strap{padding-bottom:30px;}
#pageGateway #ingredients{padding-bottom:2px;}

#pageGateway #formWrap{width:207px;margin:0 auto;}
#pageGateway .field-validation-error{display:block;clear:both;float:none;}
#pageGateway .ilabel{margin:0 auto;}
#pageGateway .ilabel .imageReplace{display:block;width:207px;height:51px;background:url(../img/site/morgans_spiced_dob_gateway.jpg) 0 0 no-repeat;}
#pageGateway .ilabel .imageReplace span{display:none;}

#pageGateway .countryWrap .ilabel label{display:none;}
#pageGateway .countryWrap .iinput select{font-family:arial,helvetica;text-transform:capitalize;width:207px;background-color:#34302a;color:#fff;border:1px solid #34302a;}

#pageGateway .rememberWrap .ilabel{width:182px;margin:0 0 0 25px;}
#pageGateway .rememberWrap .ilabel .imageReplace{display:block;width:182px;height:23px;background:url(../img/site/morgans_spiced_details_gateway.jpg) 0 0 no-repeat;}
#pageGateway .rememberWrap .ilabel .imageReplace span{display:none;}
#pageGateway .rememberWrap .iinput{float:left;margin:0;padding:0;}
#pageGateway .rememberWrap .iinput input{margin:0;padding:0;}

#pageGateway .rememberWrap .warning .imageReplace{display:block;width:207px;height:11px;background:url(../img/site/morgans_spiced_warning_gateway.jpg) 0 0 no-repeat;}
#pageGateway .rememberWrap .warning .imageReplace span{display:none;}

#pageGateway .submitWrap .iinput input{color:#000;border:none;font-size:0em;text-align:right;width:206px;height:34px;background:url(../img/site/submit.jpg) 0 0 no-repeat;cursor:pointer;}
#pageGateway .submitWrap .iinput input:active{background-color:red;background:url(../img/site/submit.jpg) 0 0 no-repeat;cursor:pointer;}
#pageGateway .submitWrap .iinput input:hover{cursor:pointer;background:url(../img/site/submit.jpg) 0 0 no-repeat;}

#pageGateway .dots{margin:2px auto 2px auto;padding:0;height:3px;line-height:3px;font-size:0;}

/*label.error{display:none !important;}*/


.dobWrap .iinput input.error, .dobWrap .iinput input.error, .dobWrap .iinput input.error
{background-color:red;}

#pageGateway #exitMessage{width:214px;margin:0 auto;}
#pageGateway #redirect{text-transform:uppercase;color:#d6ab68;}


/* HOME PAGE   
----------------------------------------------------------*/
#pageHome #pageWrap{width:788px;}
#pageHome #siteTitleWrap{width:230px;margin:0 auto;padding-bottom:35px;background:url(../img/site/morganspiced_bottle_background.jpg) 0 0 no-repeat;}
#pageHome #siteTitleWrap #title{padding-top:210px;}
#pageHome #siteTitleWrap #strap{padding-bottom:30px;}
#pageHome #copyWrap{width:788px;margin:0 auto;}
#pageHome h3{padding:0 0 15px 0;}
#pageHome p{padding:8px 0 0 0;}

#pageHome #copyWrap ul li{font-size:1.1em;}
#pageHome #copyWrap ol li{font-size:1.1em; margin-left:10px;}

#pageHome #homeNav{margin-left:40px;padding:10px 0;}
#pageHome #copyWrap #homeNav a{text-transform:uppercase;color:#4e92a8;text-decoration:underline;}
#pageHome #copyWrap #homeNav a:hover{color:#d6ab68;}
#pageHome #homeNav ul li{padding:0 0 15px 0;}
#pageHome #homeNav ul li.last{padding:0;}

#pageHome #copyWrap li a{text-transform:none;color:#4e92a8;text-decoration:underline;}
#pageHome #copyWrap li a:hover{color:#d6ab68;}

.simpleList ul{list-style-image:url(../img/site/list_dot.jpg);padding-bottom:10px;}
.simpleList ul li{list-style-image:url(../img/site/list_dot.jpg);margin-left:18px;padding-left:24px;}

.paragraph{border-bottom:1px dotted #FFFFFF;padding:30px 0 15px 0;}


/* REGISTRATION PAGE   
----------------------------------------------------------*/
#pageRegistration #pageWrap{width:954px;}
#pageRegistration #siteTitleWrap{width:230px;margin:0 auto;background:url(../img/site/morganspiced_bottle_background.jpg) 0 0 no-repeat;}
#pageRegistration #siteTitleWrap #title{padding-top:210px;}
#pageRegistration #siteTitleWrap #strap{height:70px;}
#pageRegistration .slider{position:relative;}
#pageRegistration .ui-slider {clear: both;width:400px;position:absolute;right:120px;}
#pageRegistration #pageWrap #country {width:199px;}

/* LEGAL PAGES
----------------------------------------------------------*/
#pageLegals #pageWrap{width:590px;}
#pageLegals #siteTitleWrap{width:230px;margin:0 auto;padding-bottom:35px;background:url(../img/site/morganspiced_bottle_background.jpg) 0 0 no-repeat;}
#pageLegals #siteTitleWrap #title{padding-top:210px;}
#pageLegals #siteTitleWrap #strap{padding-bottom:30px;}
#pageLegals #legalCopyWrap{width:400px;height:400px;margin:0 auto; overflow:auto;}
#pageLegals #legalCopyWrap ol{list-style-type:decimal; list-style-position:inside;}
#pageLegals #legalCopyWrap ol li{margin: 5px;padding: 0px 0px 0px 5px;}
#pageLegals a{font-size:1.0em;color:#4e92a8;text-decoration:underline;}
#pageLegals a:hover{color:#d6ab68;}


/* IMAGE REPLACE
----------------------------------------------------------*/
#pageGateway h1.imageReplace{width:171px;height:23px;background:url(../img/site/morgans_spiced_title_gateway.jpg) 0 0 no-repeat;margin:0 auto;}
#pageGateway h1.imageReplace span{display:none;}

#pageGateway h2.imageReplace{width:205px;height:17px;background:url(../img/site/morgans_spiced_strapline_gateway.jpg) 0 0 no-repeat;margin:0 auto;}
#pageGateway h2.imageReplace span{display:none;}

#pageGateway #ingredients p.imageReplace{width:170px;height:18px;background:url(../img/site/morgans_spiced_ingredients_gateway.jpg) 0 0 no-repeat;margin:0 auto;}
#pageGateway #ingredients p.imageReplace span{display:none;}

#pageGateway #exitMessage p.imageReplace{width:214px;height:139px;background:url(../img/site/gateway_exit_message.jpg) 0 0 no-repeat;margin:0 auto;}
#pageGateway #exitMessage p.imageReplace span{display:none;}

#siteTitleWrap h1.imageReplace{width:171px;height:23px;background:url(../img/site/morgans_spiced_title_gateway.jpg) 0 0 no-repeat;margin:0 auto;}
#siteTitleWrap h1.imageReplace span{display:none;}

#siteTitleWrap h2.imageReplace{width:205px;height:17px;background:url(../img/site/morgans_spiced_strapline_gateway.jpg) 0 0 no-repeat;margin:0 auto;}
#siteTitleWrap h2.imageReplace span{display:none;}


/* TAB MENU
----------------------------------------------------------*/
ul#menu{border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}
#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
