body
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:68.75%;
    color:#333;
    margin:0;
    padding:0;
    background-color:#fff;
    background:#ffffff url('../Images/whiteBackgrnd.JPG') repeat top left;
}

h1{
    font-family:"Trebuchet MS", "Myraid Pro";
    font-size:3.75em;
    color:#ffffff;
}

h2, h3, h4
{
    font-size:1.5em;
    color:#abc3cd;
}

h2
{
    font-weight:bold;
    color:#e8573c;
}

h3
{
    font-weight:bold;
    text-decoration:underline;
}

p, td
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    color:#333;
}

li
{
    font-size:1em;
}

#hawSiteAdminArea
{
    position:absolute;
    top:800px;
    left:0px;
    height:50px;
    width:150px;
    z-index:99;
}


#vp-pageContainer
{
    position:relative;
    width:800px;
    margin:0 auto;
}

#vp-Header
{
    position:relative;
    top:0;
    left:0;
    width:800px;
    background-color:#fff;
    height:70px;
}


#vp-haworthLogoArea
{
    position:absolute;
    top:15px;
    left:0;
}

#vp-MenuArea
{
    position:absolute;
    top:25px;
    right:0px;
}

#vp-MenuArea a, #vp-MenuArea a:visited
{
    font-size:1.0em;
    color:#555;
    text-decoration:none;
}

#vp-MenuArea a:hover
{
    color:#C10538;
    text-decoration:underline;
}

#vp-MenuArea ul{
    list-style:none;
}

#vp-MenuArea ul li{
    float:left;
    clear:none;
    margin-left:20px;
}

#vp-ContentArea
{
    position:relative;
    top:0;
    left:0;
    width:800px;
    height:625px;
}

#vp-Footer
{
    position:relative;
    top:0;
    left:0;
    width:800px;
    height:50px;
    text-align:center;
    line-height:50px;
}

#vp-Footer a, #vp-Footer a:visited
{
    color:#555555;
    text-decoration:none;
}

#vp-Footer a:hover
{
    color:#c10538;
    text-decoration:underline;
}

#vp-FrontPageContent
{
    width:800px;
    height:617px;
    position:absolute;
    left:0;
    top:0;
    background:#fff url('../Images/Haworth_VeryBackGrnd3.jpg') no-repeat top left;
    border:1px solid #666666;
}

#vp-ContestPageContent
{
    width:800px;
    height:617px;
    position:absolute;
    left:0;
    top:0;
    background:#fff url('../Images/Haworth_VeryBackGrndContest.jpg') no-repeat top left;
    border:1px solid #666666;
}

#vp-FrontTitleArea{
    position:absolute;
    top:500px;
    left:50px;
}

#vp-ChairFrontOne
{
    position:absolute;
    top:0;
    left:370px;
    width:190px;
    height:190px;
    cursor:pointer;
}

#vp-ChairFrontTwo
{
    position:absolute;
    left:244px;
    top:214px;
    width:318px;
    height:160px;
    cursor:pointer;
}

#vp-ChairFrontThree
{
    position:absolute;
    right:3px;
    top:47px;
    height:275px;
    width:197px;
    cursor:pointer;
}

#vp-ChairFrontFour
{
    position:absolute;
    right:113px;
    top:345px;
    height:85px;
    width:85px;
    cursor:pointer;
}

.frontChairText{
    font-size:11px;
    color:#333;
    font-family:Arial;
}

#textc1{
    position:absolute;
    top:75px;
    left:60px;
    width:90px;
    background-color:#fff; 
    z-index:99;
    display:none;
    padding:10px;
}

#textc2{
    position:absolute;
    top:55px;
    left:125px;
    width:150px;
    background-color:#fff; 
    z-index:99;
    display:none;
    padding:10px;
}

#textc3{
    position:absolute;
    top:140px;
    right:0;
    width:110px;
    
    background-color :#fff;
    z-index:99;
    display:none;
    padding:10px;
}

#textc4{
    position:absolute;
    top:10px;
    /*
    left:50px;
    width:80px;
    */
    left:50px;
    width:90px;
    
    background-color:#fff;
    z-index:99;
    display:none;
    padding:10px;
}

#vp-ExistingChairArea
{
    position:absolute;
    bottom:0;
    height:160px;
    width:800px;
    background-color:#ffffff;
    border-top:1px solid #333;
}

#vp2-ExistChairContent
{
    position:relative;
    top:20px;
    left:20px;
    width:760px;
}


#vp2-largeImageArea
{
    position:absolute;
    left:20px;
    top:20px;
    width:360px;
    height:420px;
    background:#fff url('../Images/ContestChairBackGrnd.jpg') no-repeat top left;
}

#vp2-voteLeaderArea
{
    position:absolute;
    top:30px;
    left:420px;
    width:400px;
    text-align:left; 
}

#vp2-thumbNailArea
{
    position:relative;
    left:420px;
    top:240px;
    width:400px;
}

#vp2-colorSelectionArea img
{
    width:24px;
    height:24px;
    /*margin: 0 0 1px 0;*/
    cursor:pointer;
    border:1px solid #fff;
}

#vp2-colorSelectionArea
{
    margin-top:10px;
    width:350px;
}

#vp2-largeImageArea img
{
    position:relative;
    top:28px;
    left:28px;
    /*width:275px;*/
}

#vp2-voteLeaderBoxArea
{
    width:375px;
    height:70px;
}

#vp2-voteBox
{
    position:relative;
    top:15px;
    left:0;
    width:380px;
}

#vp2-voteButtonArea
{
    float:right;
    clear:none;
    text-align:center;
    margin:0 35px 0 0;
    border-top:1px solid #fff;
    width:60px; 
}

.noShow{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    display:none;
}

.vp2-voteLead{
    float:left; 
    clear:none; 
    background-color:#fff; 
    text-align:center; 
    width:50px; 
    margin-right:10px;
    font:bold 12px/18px arial,sans-serif;
}

.vp2-voteLead img{
    width:50px;
    height:50px;
}

.PromoTitle1
{
    font-family:Arial; 
    font-size:36px;
    color:#fff;
}

.PromoTitle2
{
    font-family:Arial; 
    font-size:24px;
    color:#fff;
}

.PromoTitle3
{
    font-family:Arial; 
    font-size:14px;
    color:#fff;
}

.PromoTitle4
{
    font-family:Arial; 
    font-size:14px;
    color:#333;
}



.formFields
{
    line-height:15px;
    font-size:12px;
    color:#333;
    
}

/* ******************* View Submit Page ********************* */

#vp2-SubmitViewPageContent
{
    width:800px;
    height:617px;
    position:absolute;
    left:0;
    top:0;
    background:#fff url('../Images/Very-SubmitViewBackGrnd.jpg') repeat-x top left;
    /*background:#fff url('../Images/Very-SubmitViewBackGrnd2.jpg') no-repeat top left;*/
    border:1px solid #666666;
}

#vp2-FormDiv
{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:310px;
    height:617px;
    background-color:#7992a0;
}

#vp2-ViewDiv
{
   position:absolute;
   top:0;
   left:311px;
   z-index:1;
   height:617px;
   width:488px;   
}

#vp2-SubmitTextInstruct
{
    position:absolute;
    top:200px;
    left:40px;
    z-index:1;
    width:230px;
}

#vp2-countDown
{
    position:absolute;
    top:90px;
    left:25px;
    width:450px;
}

#vp2-SliderArea{
    position:absolute;
    top:200px;
    left:15px;
}

#vp2-photoSubmit{
    position:absolute;
    top:130px;
    left:5px;
    width:300px;
    z-index:99;   
}

#vp2-PictureSubmitFormDiv
{
    background-color:#fff;
}

#vp2-PictureSubmitFormDiv td
{
    font-size:10px;
}

#vp2-topChair{
   position:absolute;
   top:0;
   left:0;
   z-index:1;
}

#vp2-TermsTextArea
{
    position:relative;
    top:10px;
    left:10px;
    width:280px;
    margin-bottom:10px;
}

#vp2-formDiv
{
    position:relative;
    top:10px;
}

.instructClass
{
    font:14px/21px arial,sans-serif;
    color:#fff;
    text-align:left;
}

.PromoTitle5
{
    font-family:Arial; 
    font-size:36px;
    color:#333;
}

.coloredNumberText
{
    font-family:Trebuchet MS, Arial;
    font-size:40px;
    font-weight:bold;
    color:#C10538;
}

.termText{
    padding:5px;
    font-size:1.0em;
    font-family:Arial, Helvetica, Sans-Serif;
    color:#666;
}

.dropDownStyle
{
    font-size:10px;
}

.photoFormFields
{
    line-height:15px;
    font-size:10px;
    color:#333;
    width:150px;
}

/* *************** New Seat Page ******************* */

#vp2-NewSeatContent
{
    width:800px;
    height:617px;
    position:absolute;
    left:0;
    top:0;
    background:#fff url('../Images/Very-SubmitViewBackGrnd.jpg') repeat-x top left;
    /*background:#fff url('../Images/Very-SubmitViewBackGrnd2.jpg') no-repeat top left;*/
    border:1px solid #666666;
}

#vp2-NewSeatImage
{
    position:absolute;
    top:72px;
    left:50px;
}

#vp2-NewSeatTextArea
{
    position:absolute;
    top:90px;
    left:490px;
    width:275px;
}

.PromoTitle6
{
    font-family:Arial; 
    font-size:24px;
    color:#666;
}

.PromoTitle7
{
    font-family:Arial; 
    font-size:36px;
    color:#666;
}

.PromoTetraText
{
    font-family:Arial;
    font-size:14px;
    line-height:20px;
    color:#666;
}

.tradeMark
{
    font-family:Arial; 
    font-size:30px;
    color:#666;
    
}