@import url("normalise.css");
@import url("layout.css");
@import url("specs.css");

/******************************  id definitions  ******************************/

.accThumb{
    border:1px solid #8CCEFF;
    padding:10px;
    vertical-align:top;
    background-color:#B0B0F0;
    width:30%;
    cursor:pointer;
}
.spacer5{
    width:5%;
}
#basketSummary{
    top:-11px;
}
#welcomeContent{
    xpadding:4em 6em;
}
#welcomeBlurb{
    text-align:left;
}
div#welcomeContent h1{
    width:5em;
    margin:0 auto;
    position:relative;
    top:-13px;
    font-size:140%;   
}
#welcomeContent div table{
    margin:15px 0 2px 1em;
}
#welcomeContent div table h3{
    margin:0 0 5px 0;
    text-align:center;
    font-weight:bold;
    font-size:120%;
    color:#1A018B;
}
#goAccount{
    width:100px;
    background-image:url(images/go100.png);
    margin:1.5em auto 0 auto;
}
#goAccount:hover{
    background-position:0 -52px;
}
#goAccount:active{
    background-position:0 -98px;
}
#welcomeContent div table p{
    margin:5px 0;
}
#welcomeContent>div>p{
    margin:12px 0;
}
#createAccount{
    text-align:center;
    padding:0 0 5px 0;
}
#regErrorMessage{
    color:#f02020;
    font-weight:bold;
}
#mainContent{
    padding:5em 8em;
}
#mainContent h1{
    width:10em;
    margin:0 auto;
    position:relative;
    top:-13px;
    font-size:140%;   
}
#mainContent p{
    margin:0 1em 0em 0;
}
.panel2Main{
    padding:1em 20px 1em 15px;
}
#mainContent h2{
    font-size:140%;
    text-align:center;
    padding:2em 0 1em 0;
}
#backToGlasses{
    background-image:url(images/goBackToTheGlasses.png);
    margin:2em auto;
}

#mainContent.borderPara{
    border:1px solid red; /* #83B8F2; */
    border-top:none;
    border-bottom:none;
    background-color: #f8f8ff;
    padding:0px 10px 3px 10px;
}
.borderPara{
    padding-left:15px;
    padding-right:15px;
}
*.borderPara div{
    padding:3px 1px 10px 0;
}
.borderParaBottom{
    margin-bottom:15px;
}
.accountTable{
    width:100%;
    margin:5px 0;
    font-size:100%;
    color:white;
    border-collapse:separate;
}
.accountTable td{
    background-color:#88B8FF;
    font-weight:normal;
    padding:5px;
    border:1px solid #F8F8FF;
    text-align:left;
}
#emailTable td.hiCell, #contactDetails tbody tr td.hiCell{
    background-color:#3366CC;
    font-weight:bold;
}
#regB{
    text-decoration:none;
    display:block;
    width:180px;
    height:50px;    
    background-position:0 -10px;      
    background-image:url(images/createMyAccount.png);
    outline: none;  
    margin:10px auto 10px auto;
}
#regB:hover{
    background-position:0 -70px;
}
#regB:active{
    background-position:0 -130px;
}