/* imagemenuLeft hack for IE6 \*/

*html div#mainContent
{
    width: 400px;
    height: 400px;
    float: left;
    margin: 0 0 0 120px;
    padding-top: 380px;
}



/* end of hack */



/* imagemenuLeft hack for IE6 \*/

*html div.questionsH
{
    padding: 0 0 0 0;
    
}
/* end of hack */


/* questionTitle hack for IE6 \*/

*html div#questionTitle
{
    width: 300px;
    height: 75px;
    background-color: Red;
    float: left;
    margin: 0 0 0 0;
}


/* end of hack */



/* questionTitle hack for IE6 \*/

*html div.questionTitle
{
    width: 300px;
    height: 25px;
    float: left;
    margin: 0 0 0 120px;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/

*html div#socialBubble
{
    width: 400px;
    height: 75px;
    float: left;
    background-image: url(images/socialBg.jpg);
	background-repeat: no-repeat;
    margin: 0 0 0 0;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/


*html div.socialBubble
{
    width: 400px;
    height: 75px;
    float: left;
    background-image: url(images/socialBg.jpg);
	background-repeat: no-repeat;
    margin: 0 0 0 0;
}

/* end of hack */




/* imagemenuLeft hack for IE6 \*/


*html div#questionBg
{
    width: 700px;
    height: 945px;
    float:left;
    background-image: url(images/questionBg.jpg);
	background-repeat: no-repeat;
    margin: 0 0 0 0;
}

/* end of hack */

/* imagemenuLeft hack for IE6 \*/


*html div.questionBg
{
    width: 700px;
    height: 945px;
    float:left;
    background-image: url(images/questionBg.jpg);
	background-repeat: no-repeat;
    margin: 0 0 0 120px;
}

/* end of hack */



/* imagemenuLeft hack for IE6 \*/


*html div#footerBg
{
    width: 700px;
    height: 400px;
    float:left;
    background-image: url(images/footerBg.jpg);
	background-repeat: no-repeat;
    margin: 0 0 0 0;
}


/* end of hack */

/* imagemenuLeft hack for IE6 \*/


*html div.footerBg
{
    width: 700px;
    height: 400px;
    float:left;
    background-image: url(images/footerBg.jpg);
	background-repeat: no-repeat;
    margin: 0 0 0 120px;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/


*html div#thankyouFooter
{
    width:1240px;
    height:850px;
    margin: -3px auto 0 auto;
    background-image:url(images/thankyouFooter.jpg);
    background-repeat:no-repeat;    
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/


*html div.questionTitleRep
{
    width: 300px;
    height: 75px;
    float: left;
    margin: 0 0 0 120px;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/


*html div.thankyouBox
{
    width: 700px;
    height: 200px;
        float: left;
    text-align: center;
    background-image: url(images/thankyouBg.jpg);
	background-repeat: no-repeat;
    margin: 0 0 30px 120px;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/


*html div#mainContainer 
{
	width: 1240px;
	height:930px;	
	background-image: url(images/graphic.jpg);
	background-repeat: no-repeat;
    margin: 0 auto 0 auto;
}

/* end of hack */


/* imagemenuLeft hack for IE6 \*/


*html div.competitionP
{
    text-align: left;
    font-size: 0.9em;
    padding: 250px 0 0 40px;
}

/* end of hack */




/* imagemenuLeft hack for IE6 \*/


*html div#termsContent
{
    width: 700px;
    height: 400px;
    float: left;
    margin: 0 0 0 130px;
    padding-top: 380px;
}

/* end of hack */

/* imagemenuLeft hack for IE6 \*/


*html div#ftermsContent
{
    width: 700px;
    height: 400px;
    float: left;
    margin: 0 0 0 130px;
}

/* end of hack */


/* =============
Reset Browser Settings
===============*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

/*===============
Set Font Size
Set Line Heaght
Set Font Family
================*/

html
{
    font-size: 1em;
    line-height: 1.4em; 
    font-family: Myriad Pro, Verdana, Arial;
    height: 100%;
    margin: 0;
    padding: 0;
}

/*================
Formatting Styles
==================*/

body 
{
	font-family: Myriad Pro, Verdana, Arial;
	font-size: 1em;
	color: #000000;
	background-color: #FFFFFF;
	height: 100%;
    margin: 0 0 0 0;
	padding: 0 0 0 0;
}


a 
{
	color: #000000;
	text-decoration:underline;
}

a:hover 
{
	text-decoration: none;
}


/*===========
Title Styles
=============*/

h1
{
    font-size:1.5em;
    font-weight:bold;
    color: #00b5ea;
    border-bottom: 1px solid #f045a1;
    padding-bottom: 5px;
}

h2
{
    font-size:1.4em;
    font-weight:bold;
    color: #00b5ea;
}

h3
{
    font-size:1.3em;
    font-weight:bold;
        color: #e32929;
}

h4
{
    font-size:1.2em;
    font-weight:bold;
    color: #000000;
    padding:6px;
}

h5
{
    font-size:1.1em;
    font-weight:bold;
    padding: 0 0 0 0;
    color: #000000;
}

/*=======================
Structural Layout Styles
=========================*/

#mainContainer 
{
	width: 1240px;
	height:855px;	
	background-image: url(images/graphic.jpg);
	background-repeat: no-repeat;
    margin: 0 auto 0 auto;
}

#mainContent
{
    width: 400px;
    height: 400px;
    float: left;
    margin: 0 0 0 270px;
    padding-top: 380px;
}

#termsContent
{
    width: 700px;
    height: 400px;
    float: left;
    margin: 0 0 0 270px;
    padding-top: 380px;
}

#ftermsContent
{
    width: 700px;
    height: 400px;
    float: left;
    margin: 0 0 0 270px;
}

#competitionBox
{
    width: 300px;
    height: 400px;
    float: left;
    background-image: url(images/ipodSideBg.jpg);
	background-repeat: no-repeat;
    margin: 410px 200px 0 40px;

}

.competitionBox
{
    width: 300px;
    height: 400px;
    float: left;
    background-image: url(images/ipodSideBg.jpg);
	background-repeat: no-repeat;
    margin: 410px 200px 0 40px;

}

#questionTitle
{
    width: 300px;
    height: 75px;
    float: left;
    margin: 0 0 0 270px;
}

#socialBubble
{
    width: 400px;
    height: 75px;
    float: left;
    background-image: url(images/socialBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 0;
}

.socialBubble
{
    width: 400px;
    height: 75px;
    float: left;
    background-image: url(images/socialBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 0;
}

#questionBox
{
    width: 1240px;
    height:990px;
    margin: 0 auto 0 auto;
    background-image:url(images/bg.jpg);
    background-repeat:repeat-y;    
}

#questionBoxThankyou
{
    width: 1240px;
    height: 1050px;
    margin: 0 auto 0 auto;
    background-image:url(images/bg.jpg);
    background-repeat:repeat-y;    
}

.questionBoxThankyou
{
    width: 1240px;
    height: 1050px;
    margin: 0 auto 0 auto;
    background-image:url(images/bg.jpg);
    background-repeat:repeat-y;    
}

#questionBg
{
    width: 700px;
    height: 1000px;
    float:left;
    background-image: url(images/questionBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 270px;
}

.questionBg
{
    width: 700px;
    height: 1000px;
    float:left;
    background-image: url(images/questionBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 270px;
}

#questionBg label
{
    margin-left:5px;
}

.questionBg label
{
    margin-left:5px;
}

#questionBgThankyou
{
    width: 700px;
    height: 925px;
    float:left;
    background-image: url(images/questionBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 270px;
}

.questionBgThankyou
{
    width: 700px;
    height: 925px;
    float:left;
    background-image: url(images/questionBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 270px;
}

#footer
{
    width:1240px;
    height:617px;
    margin: 0 auto 0 auto;
    background-image:url(images/footer.jpg);
    background-repeat:no-repeat;    
}

#thankyouFooter
{
    width:1240px;
    height:800px;
    margin: -3px auto 0 auto;
    background-image:url(images/thankyouFooter.jpg);
    background-repeat:no-repeat;    
}

.thankyouFooter
{
    width:1240px;
    height:800px;
    margin: -3px auto 0 auto;
    background-image:url(images/thankyouFooter.jpg);
    background-repeat:no-repeat;    
}

#footerBg
{
    width: 700px;
    height: 400px;
    float:left;
    background-image: url(images/footerBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 270px;
}

.footerBg
{
    width: 700px;
    height: 400px;
    float:left;
    background-image: url(images/footerBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 0 270px;
}

#footerBg label
{
    margin-left:5px;
}

.footerBg label
{
    margin-left:5px;
}


#thankyouBox
{
    width: 700px;
    height: 200px;
    float: left;
    text-align: center;
    background-image: url(images/thankyouBg.jpg);
	background-repeat: no-repeat;
    margin: 25px 270px 30px 270px;
}

.thankyouBox
{
    width: 700px;
    height: 200px;
        float: left;
    text-align: center;
    background-image: url(images/thankyouBg.jpg);
	background-repeat: no-repeat;
    margin: 0 270px 30px 270px;
}

.mainP
{
    text-align:left;
    padding-top: 5px;
}

.competitionH
{
    padding: 30px 0 0 40px;
    text-decoration: underline:
}

.competitionP
{
    text-align: left;
    padding: 250px 0 0 40px;
}

.thankyouH
{
    padding: 30px 0 0 0;
    text-align: center;
}

.thankyouP
{
    text-align: left;
    text-align: center;
    padding: 20px 20px 0 20px;
}

.questionsH
{
    padding: 40px 0 0 0;
}


.tablePad
{
    margin: 40px 0 0 40px;
    padding: 40px 0 0 40px;
}

.formBold
{
    font-weight:bold;
    color: #00b5ea;
}

.formPad
{
    font-size: 1.2em;
    color: #666666;
    padding: 2px 2px 2px 10px;
}

.formPad ListItem
{
   padding: 0 0 0 10px;
}

.terms
{
    font-size:0.9em;
    color: #00b5ea;
    text-align: right;
    padding: 0 0 0 100px;
}

.terms a:hover
{
    font-size:0.9em;
    color: #000000;
    text-align: right;
}

.centralised
{
    margin: 0 auto 0 auto;
}

.socialTb
{
    margin: 20px 0 0 200px;
    padding: 20px 0 0 100px;
}

.questionTitle
{
    width: 300px;
    height: 30px;
    float: left;
    margin: -20px 0 0 270px;
}

#questionTitleRep
{
    width: 300px;
    height: 75px;
    float: left;
    margin: 0 0 0 270px;
}

.questionTitleRep
{
    width: 300px;
    height: 75px;
    float: left;
    margin: 0 0 0 270px;
}