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

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

#addButtons a{
    margin:1em 1em 0 0;
    outline: none; 
}
#basketSummary{
    top:-11px;
}
#mainContent h1{
    font-size:140%;
    text-align:center;
/*
    border:1px solid #8080FF;
    background-color:#C0C0FF;
*/
    padding:5px 0;
    margin:5px 0 20px 0;
}
#mainContent h2{
    font-size:140%;
    text-align:left;
/*
    background-color:#C0C0FF;
    border:1px solid #8080FF;
*/
    padding:2px 8px 3px 5px;
    margin:5px auto;
}
#mainContent h3{
    padding-left:0;
    color:#1A018B;
    font-size:120%;
    margin:8px 0 8px 0;
}
#mainContent p{
    width:100%;
    margin:5px auto;
}
#mainContent p.borderParaTop, #mainContent p.borderParaBottom{
    margin:0px;
}
#frameLoader{
    margin:0 auto;
    padding-top:9px;
    visibility:hidden;
}
#frameLoader img{
    border:1px solid #7070A0;
}
#lensInfo{
    width:200px;
    background-color:WHITE;
    border:1px solid #E0E0FF;
    padding:8px 10px;
    vertical-align:top;
}
#lensOptionsTable{
    width:100%;
}
.lineNotes{
    margin-right:4px;
    margin-bottom:1.5em;    
}
.lineNotes p{
    text-align:center;
    color:#1A018B;
}
.lineNotes textarea{
    width:100%;
    height:3em;
    border:1px solid #C0C0FF;
}
#progress, #progress2{
    width:280px;
    height:32px;
    background:url(images/step2.png) no-repeat center top;
    padding-top:42px;
    font-size:90%;
    margin:10px auto;
    position:relative;
}
#progress2{
    background:url(images/step3.png) no-repeat center top;
}
#progress span, #progress2 span{
    display:block;
    float:left;
    text-align:center;
}
a.clickStep1, a.clickStep2{
    position:absolute;
    z-index:300;
    width:42px;
    height:40px;
}
a.clickStep2{
    left:56px;
}
#p1{
    width:84px;
}
#p2{
    width:116px;
    font-size:120%;
    font-weight:bold;
}
#p3{
    width:80px;
    color:#808080;
}
#p1b{
    width:84px;
}
#p2b{
    width:116px;
}
#p3b{
    width:80px;
    font-size:120%;
    font-weight:bold;
}
#polarisedCell{
    padding-bottom:5px;
}
#prescriptionHelp{
    width:80em;
    padding:2em;
    border:1px solid black;
    background-color:white;
    color:#1A018B;
    z-index:300;
}
#tintOptions select, #pcOptions select, #polarOptions select{
    margin:5px 20px;
}
#s1done, #s2done, #s3done{
    position:absolute;
    top:32px;
    left:65px;
}
#s2done{
    left:164px;
}
#s1done2, #s2done2, #s3done2{
    position:absolute;
    top:32px;
    left:65px;
}
#s2done2{
    left:164px;
}
#s3done{
    left:264px;
}
#tintExample{
    width:80px;
    height:64px;
    margin-top:6px;
    border:1px solid #20A020;
}
#totalPrice{
    padding-right:0;
    margin-right:0;
    text-align:right;
}
h3[class=help]{
    font-weight:bold;
    font-size:120%;
}

#form1, #form2{
    border:1px solid #A0A0FF;
    border-top:0;
    border-bottom:0;
    background-color:#e8e8FF;
    margin:0;
    padding:2px 10px 5px 10px;
}
#confirmLenses, #confirmRx{
    background:url(images/confirm.png);
    margin:0 auto;
    height:60px;
}
.blueLink{

}
.help{
    padding-left:15px;
}
.help img{
    position:relative;
    top:6px;
}
.innerTable{
    width:100%;
}
.innerTable tr{
    cursor:pointer;
}
.innerTable td{
    padding:3px 8px 3px 3px;
    border:0;
}
.nextButton{
    display:block;
    margin:10px auto;
    width:124px;
    height:40px;
    background-image:url(images/send.png);
}
.prescriptionTable{
    width:100%;
    margin:10px auto;
    border:1px solid #C0C0FF;
    border-collapse:separate;
    background-color:WHITE;
    color:#202020;
    font-size:90%;
}
.prescriptionTable th{
    text-align:center;
}
.prescriptionTable td{
    padding:4px 8px 4px 6px;
    margin:0;
    text-align:center;
}
.pHiCell{
    padding:3px;
    margin:1px;
    background-color:#F0F0FF;
    border:1px solid #FFFFFF;
    border-top:1px solid #C0C0FF;
}
.rBorder{
    border-right:1px solid #C0C0FF;
}
#lensTypeRangeHeader{
    margin:2em auto 1em auto;
    text-align:center;
}
#lensTypeRangeTable{
    margin:0.5em auto;
}
#lensTypeRangeTable table{
    margin:0 auto;
}
table.lensRanges{
    border-collapse:collapse;
}
table.lensRanges th.titleCell{
    font-weight:bold;
    text-align:center;
    padding:1em;
}
table.lensRanges th{
    padding:0.25em 1em;  
    border:1px solid #FFFFFF;
    background-color:#E0E0E0;
}
table.lensRanges td{
    padding:0.25em 1em;  
    border:1px solid #FFFFFF;
}
.valid{
    background-color:#20A020;
}
.invalid{
    background-color:#D02020;
}
#cylSign{
    font-size:90%;
}