﻿body{margin:0px; padding:0px; font-family: Arial;width: 100%;
    height:100%;
    background-color: #595d4f; line-height: 1.1em; color:#282828;}
a{text-decoration:none;color:#020201;}
a:hover{text-decoration:underline;}
form{padding:0;margin:0;}
p{font-size:.80em;margin:0px;padding:0px;}
img{display:block;border:0;}
ul{padding:0;margin:0;list-style:none;}

img {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/none.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

.innerpagecontainer
{
    margin: 50px auto 150px auto;
    width:1000px;
    background-color:#f2e9cd;
}

.innercontent
{
    width:956px;
    /*height:1080px;*/
    padding:22px;
    float:left;
    padding-bottom:50px;
}

.innerpagecontainer .topbar, .innerpagecontainer .bottombar
{
    width:1000px;
    height:10px;
    background-color: #282828;   
    clear:both;
    /* overflow:hidden;     */
}

.stellabottomlogocontainer
{
    margin-top:-40px;
    padding-left:438px;
    width:124px;
    height:90px;  
    position:absolute;
    clear:both;
}

.copyrighttext
{    
    color:#f2e9cd;
    font-size:0.6em;
    font-weight:bold;
    width:250px;
    text-align:center;
    padding-left:375px;
    margin-top:40px;
    clear:both;
    position:absolute;
}

.innerpagecontainer .topbar
{
    overflow:hidden; /* IE6 fix TODO: Sort bottom bar PNG transparency + location in IE6 */ 
}

.logoheader
{
    clear:both;
    height:82px;
}
.logoheader .gqlogo
{
    float:left;
    width:326px;
    height:82px;    
}
.logoheader .stellalogo
{
    float:left;
    width:244px;
    height:82px;
    padding-left:386px;
}

.redbar
{
    float:left;
    width:956px;
    height:10px;
    background-color:#ce000c;
    margin-top:10px;
    clear:both;
    overflow:hidden; /* IE6 fix */
}

.leftcolumn,.leftcolumncomp
{
    float:left;
    width:664px;
}
.leftcolumncomp
{
    background-color:#FFFFFF;
    height:880px;
}


.rightcolumn, .rightcolumncomp
{
    float:left;
    margin-left:16px;
    background-color: #FFFFFF;
}
.rightcolumn
{    
    height:930px;
    width:276px;   
}
.rightcolumncomp
{
    height:880px;
    width:276px;
}

.alain
{
    width:664px;
    height:430px;
    clear:both;
}
.alain .alain_top
{
    width:664px;
    height:88px;
    background-image:url(../images/alain_top.jpg);
    float:left;
}
.alain .alain_left
{
    width:58px;
    height:342px;
    background-image:url(../images/alain_left.jpg);
    float:left;
}
.alain .alain_right
{
    width:306px;
    height:342px;
    background-image:url(../images/alain_right.jpg);
    float:left;
}

.alain .alain_middlearea
{
    float:left;
}

.alain .alain_middlearea .alain_adarea
{
    width:300px;
    height:250px;
    background-image:url(../images/videoarea.jpg);    
}
.alain .alain_middlearea .alain_bottom
{
    width:300px;
    height:92px;
    background-image:url(../images/alain_bottom.jpg);    
}

.leftcolumn .lower
{    
    width:664px;
    clear:both;
}


.leftcolumn .lower .itemrow
{
    padding-top:10px;
    margin-left:15px;
    clear:both;
}

.leftcolumn .lower .itemcontainer
{
    float:left;    
    cursor:pointer;
}

.leftcolumn .lower .itemspacer
{
    width:30px;
    float:left;
    height:1px;
}

.leftcolumn .lower .itemimage
{
}

.leftcolumn .lower .itemtextcontainer
{
}

.leftcolumn .lower .itemtext, .leftcolumn .lower .itemtexttoprow
{
    text-align:center;
    width:170px;
    margin-left:5px;
}

.leftcolumn .lower .itemtexttoprow
{
    margin-top:0px;
}

.leftcolumn .lower .itemtext
{
    margin-top:5px;
}

.rightcoltext
{
    margin-left:35px;
    margin-right:35px;
    margin-top:5px;
    font-family: Georgia;
    line-height:1.5em;
}

.enterlink
{
    color:#ce000c;
    font-weight:bold;
    font-size:0.9em;
    font-family:Arial;
}



.videoframe
{ /* cant get rid of the 8px margin on the body because it is style by doubleclick :( (hence the negative margins) */
    height:250px;
	width:300px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	/* margin: -8px 0px 0px -8px; */
	padding:0px;
}

.eamestextcontainer
{
    position:relative;
    z-index:3;
    top:-420px;
    left:35px;
    width:165px;
    height:100px;
    float:left;
    margin-bottom:-100px;
}

.eamestinyarrow
{
    float:left;
    background-image:url(../images/tinyarrow.jpg);
    width:14px;
    height:8px;
    margin-top:-262px;
    margin-left:15px;    
} 

.eamestext
{
    float:left;
    width:135px;
}

.formfieldtitle
{
    font-size:.70em;
    color:#282828;
    width:80px;
    display:inline-block;    
}

.formfieldinput
{
    font-size:.70em;
    width:187px;
    display:inline-block;
    margin-right:25px;

}

.formfieldinput input
{
    border: solid 1px #999999;
    background-color:Transparent;
    width:185px;
    font-size:1em;
}
.formfieldinput select
{
    font-size:1em;
}


.compleftarea
{
    clear:both;
    padding:15px;
}

.compquestion
{
    padding-top:15px;
}

.compformarea
{
    clear:both;
    padding:15px;
    background-color:#f2f2f2;
    margin-top:15px;
}

.comprow
{
    margin-bottom:10px;
    clear:both;
}

.comprow a,.comprow a:hover
{
    text-decoration:underline;
}

input[type=checkbox]
{
    vertical-align:middle;
    margin-top:0px;
}

.submitbutton
{
    background-color:#d4202a;
    color:#FFFFFF;
    border:0px;
    font-weight:bold;
    cursor:pointer;
    margin:0px;
    padding: 0px 2px 0px 2px;
}

.questionanswerscontainer
{
    padding-top:8px;
    font-size:0.8em;
}

.drinkawarelink
{
    text-decoration:none;
    color:#F2E9CD;
}

.drinkawarelink:hover
{
    text-decoration:underline;
    color:#F2E9CD;
}
