@import url(devstyle.css);

html, body, div, h1, li, ol, ul, input, checkbox, img {
margin: 0px;
padding: 0px;
border: 0;
outline: 0;
font-family:Arial, Helvetica, sans;
font-size:100%;
line-height:1;
color:#939495;
}



#close{
position:absolute;
left:751px;
}
#title
{
    position:absolute;
    top:34px;
    left:36px;
    width:750px;
    height:28px;
    border-bottom: 1px solid #949494;
}
.detailsBreak
{
    position:absolute;
    top:333px;
    left:36px;    
    width:750px;
    height:1px;
    border-bottom: 1px solid #949494;
}

#pic
{
    position:absolute;
    top:73px;
    left:36px;
}
#youRate
{
    position:absolute;
    top:254px;
    left:36px; 
    padding-bottom:10px;
}

#youRate .ratingMechanic
{
    background-image: url(img/detail_starsBg.gif);
    width:180;
    height:29px;
    padding: 8px 0 0 25px;
}

#icon
{
    position:absolute;
    top:73px;
    left:227px;
}
#mainContent{
position:absolute;
top:73px;
left:265px;
width:521px;
height:209px;
}
#mainContent #title{
float:left;
width:277px;
height:33px;
background: #c7c8ca;
position:relative;
top:0px;
left: 0px;
border:0px;
}
#mainContent #title h1 {
font-size:100%;
color: #4c4c4c;
font-weight:bold;
position:relative;
top:8px;
left: 8px;
}
#mainContent #rating{
background: #c7c8ca;
float:right;
width:244px;
height:33px;
background: #c7c8ca url(img/detail_averageRating.gif) no-repeat 0 0;
}
#mainContent #rating .replace {
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9000px;
}
#mainContent #rating #stars{
float:right;
margin:0px;
padding: 3px 0 0 0;
}
#mainContent #info
{
    padding:8px;
    font-size:75%;
    color:#4b4c4e;
    line-height:1em;
    clear:both;
}
#mainContent #info p
{
    font-size:90%;
    line-height: 15px;
}
#mainContent #info ul li{
clear:both;
color:#ed008c;
list-style:inside;
list-style-image:url(img/detail_list_style.gif);
line-height:1.5em;
}
#mainContent #info #description{
position:relative;
top:12px;
line-height:1.2em;
}
#staf{
position:absolute;
top:289px;
left:542px;
}
#claim{
position:absolute;
top:289px;
left:667px;
}
#otherOffers{
position:absolute;
top:368px;
left:0px;
width:801px;
height:139px;
}
#otherOffers #title{
float:left;
position:relative;
top:0px;
left:0px;
width:36px;
height:139px;
background: url(img/detail_otherOffers.gif) no-repeat 0 0;
border:0px;
}
#otherOffers #title .replace{
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9000px;
}
#otherOffers #thumbs{
float:right;
width:765px;
height:139px;
}
#otherOffers #thumbs ul li{
float:left;
width:139px;
height:139px;
border-right:14px solid #FFFFFF;
background-color:#dddedf;
list-style:none;
}

#otherOffers #thumbs ul li img,
#otherOffers #thumbs ul li .otherOptionImg 
{
    position:relative;
    top:3px;
    left:3px;
}

#mainContent #stafInfo 
{
    padding:12px;
    font-size:75%;
    color:#4b4c4e;
    line-height:1.2em;
    clear:both;
    background:#e9e9ea;
    position:relative;
    top:7px;
    border-bottom:1px dashed #4b4c4e;
}
#mainContent #stafInfo #yourname {
width: 200px;
padding-bottom:12px;
padding-top:8px;
}
#mainContent #stafInfo #yourname h4 {
float:left;
width:40%;
color:#ed008c;
font-size:100%;
line-height:1.2em;
padding:0px;
margin:0px;
}
#mainContent #stafInfo #yourname input 
{
    float:right;
    position:relative;
    left:21px;
    top:-19px;
    width:130px;
    border:1px solid #999999;
    height:14px;
    font-size:92%;
    color:#666666;
    margin-top:3px;
    margin-bottom:4px;
    padding:0px;
}
#mainContent #addresses{
width:100%;
padding-top:16px;
}
#mainContent #addresses #addressesLeft{
float:left;
width:45%;
padding-right:4px;
}
#mainContent #addresses #addressesRight{
float:right;
width:45%;
padding-left:4px;
}
#mainContent #addresses h3{
clear:both;
float:left;
width:40%;
color:#ed008c;
font-size:70%;
line-height:1.8em;
padding:0px;
margin:0px;
margin-bottom:4px;
}
#mainContent #addresses input
{
    float:right;
    width:130px;
    border:1px solid #999999;
    height:14px;
    font-size:70%;
    color:#666666;
    margin-top:3px;
    margin-bottom:4px;
    padding:0px;
}
#stafBack{
position:absolute;
top:356px;
left:607px;
}
#stafSend{
position:absolute;
top:356px;
left:664px;
}
#mainContent #stafThanks{
font-size:75%;
color:#4b4c4e;
line-height:1.5em;
clear:both;
position:relative;
top:12px;
}
#mainContent #stafThanks span.highlight{
font-size:200%;
color:#999b9e;
font-weight:bold;
padding-bottom:4px;
}
#mainContent #stafThanks .pink{
position:relative;
left:60px;
color:#ed008c;
font-weight:bold;
}
#stafThanksBack{
position:absolute;
top:356px;
left:732px;
}


/******************************************
Text Content Page Specific styles (Like privacy and terms)
******************************************/

div.textPage
{
    font-size:80%;
    padding-right: 22px;
}

.textPage h2
{
    position:absolute;
    top:22px;
    left:36px;
    width:750px;
    height:28px;
    border-bottom: 1px solid #949494;
    color: #cf288e;
}

.textPage .textContent
{
    position:absolute;
    top: 68px;
    left: 36px;
    width:750px;
}

.textPage .textContent h3
{
    color: #cf288e;
}

.textPage .textContent .list
{
    margin-left: 30px;
}