* {
    margin : 0px;
    padding : 0px;
    }

ul, ol {
    list-style-type : none;
    }

.hidden {
    display : none;
    }

body {
    background : #bc0202 url(../images/bg_gradient.png) top repeat-x;
    text-align : center;
    color:#FFFFFF;
     font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : 62.5%;
    line-height:1.4em;
    }



p {
    margin : 15px 0px 0px 15px;
    float : left;
    clear : left;
    width : 100%;
    }

a img {
    border : none;
    }

label {
    float : left;
    clear : left;
    }


.email,
.textarea,
.text {
    border : 0px none;
    height : 22px;
    }
#email {
    width : 100%;
    }
#yourMessage{
    width : 100%;
    height : 70px;
    }
#selectTipTextArea{
    width : 100%;
    height : 120px;
    }

#container {
    width : 1015px;
    margin : auto;
    text-align : left;
    }

#chipHolder {
    float : left;
    background : url(../images/bg_chips.png) top repeat-y;
    width : 940px;
    padding-left : 122px;
    padding-bottom : 100px;
    }

.logo {
    position : absolute;
    }


#header {
    float : left;
    width : 768px;
    height : 150px;
    background : url(../images/bg_header.png) top right no-repeat;
    }


/* Top navigation
====================================================================================*/
#nav {
    font-size:1.3em;
    height:84px;
    margin-bottom:0pt;
    position:relative;
    right:8px;
    top:0pt;
    width:629px;
    z-index:2;
    }
#nav ul.primary {
	position : absolute;
	top: 25px;
	left: 210px;
}

#nav ul.primary li.primary {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px;
	letter-spacing: -0.07em;
}
#nav ul.primary li.primary a.long {
	margin-top: -5px;
	line-height: 0.9em;
}
#nav ul.primary li a {
	color: white;
	text-decoration: none;
        font-size : 13px;
	display: block;
	width: 140px;
	padding: 5px 0;
	top: -5px;
	left: 0;
	position: absolute;
	z-index: 2;
        font-weight : bold;
}
#nav ul.primary li.show a,
#nav ul.primary li a:hover,
#nav ul.primary li a:focus,
#nav ul.primary li a:active 
{
    color: #a20101;
}
#nav ul li#nav-1 a.primary { 
	left: 0;
}
#nav ul li#nav-2 a.primary {
	left: 140px;
}
#nav ul li#nav-3 a.primary { 
	left: 280px;
}
#nav ul li#nav-4 a.primary { 
	left: 420px;
}
#nav ul.secondary {
	margin-top: 24px;
    letter-spacing : 1px;
	background-image: url(../images/nav-pointer.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 10px;
	z-index: 0;
	visibility: hidden;		
}
#nav ul li.show ul.secondary {
	margin-top: 24px;
	visibility:visible;	
	
}
#nav ul li.show ul.secondary li {	
	border: none;
	width: auto;
	top: auto;
	left: auto;
	position: relative;
	display: inline;
	float: none;
	
}
#nav ul li.show ul.primary li.show ul.secondary a,
#nav ul li.show ul.secondary li a {
	position: relative;
	display: inline;
	z-index: 1;
	margin: 0 10px 0 0;
	padding: 0;
	color: #fff;
	font-size : 11px;
}
#nav ul.secondary li a:hover,
#nav ul.secondary li a:focus,
#nav ul.secondary li a:active,
#nav ul.secondary li.selected a {
	color: #ea6400 !important;
}
#nav li#nav-1 ul.secondary {
	
}
#nav li#nav-2 ul.secondary {
	background-position: 140px 0;
	padding-left: 140px;
}
#nav li#nav-3 ul.secondary {
	background-position: 280px 0;
	padding-left: 260px;
	
}
#nav li#nav-4 ul.secondary {
	background-position: 420px 0;	
	text-align: right;	
}

a.btnPartyTips {
    float : left;
    display : inline;
    margin-left :  465px;
    margin-right :  7px;
    }



#bodyHolder {
    width : 768px;
    float : left;
    margin : auto;
    background : url(../images/bg_body.jpg) top repeat-y;
    }

#mainBody 
{
	margin-left:20px;
    width : 768px;
    float : left;
    font-size : 12px;
    background : url(../images/bg_main_body.jpg) top no-repeat;
    }
    #page_form2 #bodyHolder {
        padding-bottom : 80px;
        }
    #page_friendConfirmation #mainBody {
        height : 867px;
        background : url(../images/bg_friend_confirmation.jpg) top no-repeat;
        }
    #page_thanksForEntering #mainBody {
        height : 867px;
        background : url(../images/bg_friend_confirmation.jpg) top no-repeat;
        }
    #page_perfectParty #mainBody {
        height : 960px;
        background : url(../images/bg_perfect_party.jpg) top no-repeat;
        }
    #page_partyTips #mainBody {
        height : 1409px;
        background : url(../images/bg_party_tips.jpg) top no-repeat;
        }
    #page_termsAndConditions #mainBody {
        height : 1025px;
        background : url(../images/bg_terms_and_conditions.jpg) top no-repeat;
        }
        #page_termsAndConditions #bodyHolder {
            padding-bottom : 0px;
            }
    #page_sendToFriend #mainBody {
        height : 1003px;
        background : url(../images/bg_send_to_friend.jpg) top no-repeat;
        }
        #page_sendToFriend input, 
        #page_sendToFriend textarea {
            margin : 3px 0px;
            }

    #contentLeft {
        float : left;
        display : inline;
        margin-top : 130px;
        margin-left : 70px;
        width : 360px;
        }
        .sendToFriend {
            float : left;
            width : 165px;
            height : 14px;
            background : url(../images/img_send_to_friend.png) no-repeat;
            text-indent : -9999px;
            }
        .theRecipient {
            float : left;
            clear : left;
            margin-top : 20px;
            margin-bottom : 5px;
            width : 120px;
            height : 14px;
            background : url(../images/img_your_friend.png) no-repeat;
            text-indent : -9999px;
            }
        .yourDetails {
            float : left;
            margin-bottom : 5px;
            clear : left;
            width : 130px;
            height : 14px;
            background : url(../images/img_your_details.png) no-repeat;
            text-indent : -9999px;
            }
        .thanksForSending {
            float : left;
            margin-top : 70px;
            margin-bottom : 5px;
            clear : left;
            width : 319px;
            height : 15px;
            background : url(../images/img_thanks_for_sending.png) no-repeat;
            text-indent : -9999px;
            }
        .thanksForEntering {
            float : left;
            margin-top : 70px;
            margin-bottom : 5px;
            clear : left;
            width : 319px;
            height : 15px;
            background : url(../images/img_thanks_for_entering.png) no-repeat;
            text-indent : -9999px;
            }
        .winTheIngredients{
            float : left;
            margin-top : 20px;
            margin-bottom : 5px;
            clear : left;
            width : 300px;
            height : 29px;
            background : url(../images/img_win_the_ingredients.png) no-repeat;
            text-indent : -9999px;
            }
        .howToEnter{
            float : left;
            margin-top : 20px;
            margin-bottom : -15px;
            clear : left;
            width : 114px;
            height : 12px;
            background : url(../images/img_how_to_enter.png) no-repeat;
            text-indent : -9999px;
            }
        .registerHere{
            float : left;
            margin-top : 20px;
            margin-bottom : 15px;
            clear : left;
            width : 110px;
            height : 8px;
            background : url(./images/img_register_here.png) no-repeat;
            text-indent : -9999px;
            }
        .whatMakesPerfectParty{
            float : left;
            clear : left;
            margin-top : 5px;
            width : 320px;
            height : 14px;
            background : url(../images/img_what_makes_perfect_party.png) no-repeat;
            text-indent : -9999px;
            }
        .enterCompetition{
            float : left;
            clear : left;
            margin : 20px 0px 0px 55px;
            width : 167px;
            height : 32px;
            background : url(../images/img_enter_the_competition.png) no-repeat;
            text-indent : -9999px;
            }
            .enterCompetition a{
                width : 167px;
                height : 32px;
                display : block;
                }
        .seeOurParties{
            float : left;
            clear : left;
            margin : 30px 0px 0px 70px;
            width : 167px;
            height : 32px;
            background : url(../images/img_see_our_perfect_parties.png) no-repeat;
            text-indent : -9999px;
            }
            #page_sendToFriend .submit 
            {
            float : left;
            display : block;
            margin : 55px 0px 0px 256px !important;
            }
            #page_sendToFriend .previewLink{
                margin : 90px 20px 0px 260px;
                width:80px;
                display:block;
                }            
            #page_sendToFriend .seeOurParties{
                margin : 50px 0px 0px 230px;
                }
            .seeOurParties a{
                position : relative;
                width : 167px;
                height : 32px;
                display : block;
                }
        .perfectPartyTips{
            float : left;
            clear : left;
            width : 188px;
            height : 14px;
            background : url(../images/img_perfect_party_tips.png) no-repeat;
            text-indent : -9999px;
            }

        #partyTips {
            float : left;
            display : inline;
            margin : 25px 0px 0px 40px;
            }
            .keepItSimple {
                float : left;
                clear : left;
                width : 188px;
                height : 14px;
                background : url(../images/img_keep_it_simple.png) no-repeat;
                text-indent : -9999px;
                }
            .variety {
                float : left;
                clear : left;
                margin-top : 25px;
                width : 101px;
                height : 14px;
                background : url(../images/img_variety.png) no-repeat;
                text-indent : -9999px;
                }
            .planAhead{
                float : left;
                clear : left;
                margin-top : 20px;
                width : 147px;
                height : 12px;
                background : url(../images/img_plan_ahead.png) no-repeat;
                text-indent : -9999px;
                }
            .warmWelcome{
                float : left;
                clear : left;
                margin-top : 40px;
                width : 190px;
                height : 12px;
                background : url(../images/img_warm_welcome.png) no-repeat;
                text-indent : -9999px;
                }
            .ambience{
                float : left;
                clear : left;
                margin-top : 30px;
                width : 190px;
                height : 12px;
                background : url(../images/img_ambience.png) no-repeat;
                text-indent : -9999px;
                }
            .music{
                float : left;
                clear : left;
                margin-top : 40px;
                width : 190px;
                height : 12px;
                background : url(../images/img_music.png) no-repeat;
                text-indent : -9999px;
                }

        .submit {
            float : left;
            display : inline;
            margin : 55px 0px 0px 256px !important;
            }

.btnSendToFriend {
    float : left;
    display : inline;
    margin : 40px 0px 0px 70px;
    }

#yourNameContainer {
    width : 160px;
    float : left;
    clear : left;
    }
#yourEmailContainer {
    width : 180px;
    float : right;
    }
    #yourEmailContainer input {
        width : 100%;
        }

.privacyPolicy {
    margin : 5px 0px 10px 0px;
    color : #ff00cc;
    text-decoration : none;
    float : left;
    clear : left;
    }

.seeOurPartyTips {
    float : left;
    display : inline;
    margin : 20px 0px 0px 205px;
    }

.sendAnotherFriend {
    float : left;
    margin : 40px 0px 0px 40px;
    }

.selectTip {
    float : left;
    color : #c197b3;
    font-size : 15px;
    font-weight : bold;
    margin : 15px 0px;
    }


#registerForm {
    float : left;
    width : 532px;
    color : #f7d9ee;
    height : 546px;
    padding-top : 25px;
    background : url(../images/bg_form.png) no-repeat;
    }

    #registerForm a {
        color : #f7d9ee;
        }
    #registerForm label.formLabel {
        float : left;
        clear : left;
        width : 150px;
        text-align : right;
        padding : 8px;
        }
    #registerForm .text {
        float : left;
        width : 290px;
        border : 1px solid #000000;
        }
    #registerForm ul li {
        float : left;
        width : 100%;
        margin-bottom : 3px;
        }
        #dob,
        #number,
        #townCity {
            width : 130px !important;
            }
        #dob {
            width : 149px !important;
            }

        #postCode,
        #phoneNumber {
            width : 210px !important;
            }
    #number {
        margin-right : 160px;
        }
    input.image {
        float : left;
        clear : left;
        margin : 12px 0px 12px 230px;
        }
    #leftCheckboxes,
    #rightCheckboxes {
        float : left;
        width : 240px;
        font-size : 11px;
        }
    #leftCheckboxes {
        margin-left : 50px;
        display : inline;
        }
    #leftCheckboxes span {
        float : left;
        padding-left : 10px;
        padding-bottom : 8px;
        width : 205px;
        }
    #rightCheckboxes span {
        float : left;
        padding-left : 10px;
        }
        .checkbox {
            float : left;
            clear : left;
            }


#page_perfectParty #contentLeft ul{
    float : left;
    margin-top : 15px;
    }

.dontForget {
    margin-top : 100px;
    }
    .dontForget a {
        color : #ffffff;
        }
#page_perfectParty #contentLeft li{
    float : left;
    clear : left;
    font-weight : bold;
    }


#page_partyTips #contentLeft {
    padding-bottom : 100px;
    }

        #page_partyTips .enterCompetition{
            float : left;
            clear : left;
            margin : 45px 0px 0px 50px;
            width : 167px;
            height : 32px;
            background : url(../images/img_enter_the_competition.png) no-repeat;
            text-indent : -9999px;
            }
            #page_partyTips .enterCompetition a{
                width : 167px;
                height : 32px;
                display : block;
                position : relative;
                }


#termsHolder {
    float : left;
    display : inline;
    overflow-x : hidden;
    overflow-y : scroll;
    margin : 129px 0px 0px 108px;
    padding : 25px;
    width : 483px;
    height : 597px;
    }
    #termsHolder span {
        padding-right : 20px;
        }
    #termsHolder a{
        color : #ffffff;
        }

#footer {
    margin : -110px auto;
    float : left;
    width : 774px;
    height : 170px;
    font-size : 11px;
    background : url(../images/bg_footer.png) top no-repeat;
    }
    #footer ul{
        color : #aa0000;
        float : left;
        display : inline;
        margin : 80px 0px 0px 100px;
        }
        #footer ul li {
            float : left;
            display : inline;
            margin : 0px 3px;
            }
        #footer ul li a {
            color : #aa0000;
            margin-right : 5px;
            }











#page_sendToFriend #email.fieldError,#yourName.fieldError,#yourEmail.fieldError,#yourMessage.fieldError
{
	background-color:Red;
}

#page_form2 #firstName.fieldError,#secondName.fieldError,#emailAddress.fieldError,#confirmEmail.fieldError,#street.fieldError,#number.fieldError,#townCity.fieldError,#postCode.fieldError,#phoneNumber.fieldError
{
	background-color:Red;
	border:1px solid #000000;
	float:left;
	width:290px;
	height:22px;
}

#page_form2 #selectTipTextArea.fieldError
{
	background-color:Red;
}
#nav ul.secondary {
font-size:0.85em;
}
.divSelectCountry
{
	width:145px;
	float:right;
}
.divSelectCountry a
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	bottom:5px;
	font-size:1.3em;
	left:-10px;
}
.divSelectCountry img
{
	position:relative;
	top:10px;
}