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

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

#bookmarkConfirm{
    position:absolute;
    top:10px;
    width:526px;
    text-align:right;
    z-index:760;
    color:white;
    font-size:120%;
    padding:4px 6px;
}
#bookmarkConfirm img{
    vertical-align:middle;
}
#bookmarkTitle{
    float:left;
    color:white;
    font-size:120%;
    padding-top:3px;
}
#bookmarkTitleShadow{
    width:550px;
    position:absolute;
    height:35px;
    background-color:#000040;
    filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	z-index:750;
}
#frameLoader{
    margin:0 auto;
    padding-top:9px;
    visibility:hidden;
}
#frameLoader img{
    border:1px solid #7070A0;
}
#mainContent h1{
    margin:10px auto;
    font-size:120%;
    text-align:center;
}
#mainContent a{
    text-decoration:none;
}
#styleAdviserDiv{
    font-size:110%;
}
#modelPicker{
	position:absolute;
	visibility:hidden;
	width:826px;
	padding:0;
	font-size:120%;
	color:#1A018B;
	opacity:0.0;
    MozOpacity:0;
    KhtmlOpacity:0;
    filter:alpha(opacity=0);
	z-index:100;
}
#modelPicker div table{
    margin:10px auto;
}
#modelPicker div table tbody tr td{
    border:5px solid #F8F8FF;
    border-collapse:separate;
}
#modelPickerCloseButton{
    display:block;
    position:absolute;
    top:10px;
    width:25px;
    height:28px;
    background-image:url(images/close1.gif);
    left:791px;
}
#modelPickerCloseButton span{
    visibility:hidden;
}
#modelPickerCloseButton:hover{
    background-image:url(images/close2.gif);
}
#modelPickerCloseButton:active{
    background-image:url(images/close3.gif);
}
#modelPicker h3{
    font-size:120%;
    font-weight:bold;
    text-align:center;
    padding:32px 42px 0 40px;
    color:#1A018B;
    background-image:url(images/overlay826top.png);
    height:28px;
    width:744px;
}
#modelPicker div{
    background-image:url(images/overlay826mid.png);
    padding:0 42px 0 40px;
    width:744px;
}
#modelPicker div p{
    margin-bottom:10px;
}

#choosePhotoB{        
    background-image:url(images/useMyOwnPhoto.png);  
    margin-left:auto;
    margin-right:auto;  
    width:220px;
}

#myShortlistPanel{
    position:relative;
}
#shortListThumb{
    width:144px;
    height:70px;
    margin:10px 0 0 0;
}
#frameDetails{
    margin-top:15px;
    width:100%;
    text-align:center;
    font-size:110%;
}
#frameDetails div{
    background-image:url(images/frameDetailsBorder.png);
    padding-top:2px;
}
#frameDetails table{
    text-align:left;
    margin-left:3px;
}
#frameDetails table tbody tr td{
    padding:3px 0 3px 6px;
    color:#1855F7;
}
.hiRow{
    background-color:#e8e8FF;
}
#detailsTable{
    
}
#styleGuru{
}
#q1, #q2, #q3, #q4, #q5, #q6{
/*    display:none; */
    visibility:hidden;
    width:45em;
    margin:15px auto;
}
#q1{
    visibility:visible;
}
#styleGuru select{
    float:right;
    width:12em;
    font-size:90%;
}
#goGuru{
    width:8em;
    visibility:hidden;
    display:block;
    margin:0 auto;
    text-align:center;
}

/****************************  class definitions  *****************************/

.specsPanel{
    float:left;
    width:220px;
    height:104px;
    border:2px solid WHITE;
    padding:20px 8px 0 8px;
    text-align:center;
    position:relative;
}
.specsPanel:hover{
    border:2px solid BLUE;
}
.specsPanel h3{
    position:absolute;
    top:5px;
    width:220px;
    text-align:center;
}
.specsPanel h3 a{
    text-decoration:none;
}
img.thumbnail{
    width:220px;
    height:80px;
    cursor:pointer;
}
.specsPanel p{
    position:relative;
    top:-8px;
}
.bookmark{
    position:absolute;
    top:4px;
    right:4px;
}