@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;
}

body {
background-color:#fff;
}



/*------------------------------- LAYOUT -------------------------------*/
#allWrap {
width: 900px;
text-align: left;
}
#allWrap #colLeft {
width:540px;
float:left;
}
#allWrap #colRight {
float:right;
width:360px;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}

/*--- MAIN ----*/

#allWrap p {
font-size: 95%;
line-height: 1.2em;
margin: 0 0em 1.2em 0em;
}
#allWrap strong {
font-weight: bold;
}
#allWrap em {
font-style: italic;
}
#allWrap a, #allWrap a:link, #allWrap a:visited, #allWrap a:active {
font-weight:bold;
text-decoration: none;
}
#allWrap a:hover {
text-decoration: underline;
}
#allWrap img {
border: 0;
display: block;
}
#allWrap a img { 
border: none 
}
#allWrap li {
margin: 0em 0px 0em 0px;
}
#allWrap ol {
list-style-type: none;
}
#allWrap ul {
margin: 0em 0px 0em 0px;
padding: 0;
list-style-type: none;
clear:both;
}
#allWrap #colLeft #categories ul li {
float:left;
}
#allWrap #colLeft #introWrap {
background: url(img/introBg.gif) no-repeat 0 0;
padding-top: 37px;
margin-bottom: 15px;
font-size: 74%;
}
#allWrap #colLeft #introWrap {
clear: both;
background: url(img/introBg.gif) no-repeat 0 0;
padding-top: 37px;
margin-bottom: 15px;
font-size: 74%;
}
#allWrap #colLeft #introWrap img {
float: left;
padding: 0px;
margin: 0px;
border: 0px;
}
#allWrap #colLeft #introWrap #introText {
padding-top: 8px;
line-height:1.2em;
text-indent: 8px;
}
#allWrap #colLeft #thumbsDescription {
float: left;
width: 39px;
}
#allWrap #colLeft #thumbsContainer {
float: right;
width: 483px;
padding-right: 18px;
}
#allWrap #colLeft #thumbsContainer ul li {
float:left;
}
#allWrap #colLeft #thumbsContainer .thumb {
border-left: 24px solid #c7c8ca;
width: 135px;
height: 133px;
margin-right: 2px;
margin-bottom: 2px;
}
#allWrap #colLeft #thumbsContainer .thumb img {
position: relative;
left: 2px;
}
#allWrap #colLeft #thumbsContainer .icon {
border-right: 133px solid #c7c8ca;
width: 26px;
height: 24px;
margin-right: 2px;
}
#allWrap #colLeft #thumbsContainer .rating {
width: 157px;
height: 29px;
margin-right: 4px;
}
#allWrap #colLeft #thumbsContainer .rating .replace {
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9000px;
}
#allWrap #colLeft #thumbsContainer  h1 {
width:43px;
height:18px;
background: url(img/rating.gif) no-repeat 0 0;
float:left;
margin:0;
padding:0;
}
#allWrap #colLeft #thumbsContainer .ratingMechanic,
.listRatingMechanic 
{
    float:right;
    margin:0 0 0 0;
    padding: 3px 0 0 0;
    top: 0;
}
#allWrap #colLeft #thumbsContainer .details {
width: 157px;
margin-right: 4px;
font-size: 70%;
line-height:1em;
margin-bottom: 12px;
}
#allWrap #colLeft #thumbsContainer .details .title, 
#allWrap #colLeft #thumbsContainer .details .title a
{
color: #cf288e;
font-weight: bold;
}
#allWrap #colLeft #filteredDealList
{
    padding-top: 67px;
}

#allWrap #colLeft #restSection {
clear: both;
}
#allWrap #colLeft #restSection #restDescription {
float: left;
width: 39px;
}
#allWrap #colLeft #restSection #restContainer 
{
    position:relative;
    left: -18px;    
    float: right;
    width: 483px;
}
#allWrap #colLeft #restSection #restContainerFilter {
float: right;
width: 483px;
padding-right: 18px;
}
#allWrap #colLeft #restSection #restContainer #restIntro {
background: #e9e9ea;
width: 467px;
padding: 8px;
margin-right: 18px;
font-size:70%;
line-height: 1.2em;
color:#4b4c4e;
margin-bottom: 5px;
}
#allWrap #colLeft #restSection #restContainer #restDetails {
width: 483px;
margin-bottom:6px;
}
.restThumb{
padding: 2px;
}
.restTitle,
.restTitle a
{
    color: #e20074;
    font-weight: bold;
    position:relative;
    padding-top:4px;
    height: 16px;
    font-size: 90%;
}
.restRating{
background: #fff url(img/rating.gif) no-repeat 0 0;
height: 16px;
}
.restCopy{
padding: 4px;
font-size: 70%;
border-top: 1px dashed #999b9e;
}
.restMore{
font-weight: bold;
color: #e20074;
}
.restMore a{
text-decoration: none;
color: #e20074;
}
.restMore a:hover{
text-decoration: underline;
}
#restSeeAll{
padding-right:18px;
padding-bottom: 4px;
padding-top: 4px;
}
#filterPagination{
clear: both;
width: 470px;
padding-right:4px;
padding-bottom: 4px;
padding-top: 4px;
letter-spacing:4px;
text-align:right;
}
#filterPagination ul li {
float:right;
font-weight:bold;
font-size:75%;
color: #e20074;
}
#filterPagination a {
color:#999b9e;
}


/*--- HEADER ----*/
#headWrap {
background-color: #e20074;
width: 900px;
height: 115px;
margin-bottom: 1px;
}
#headWrap .replace {
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9000px;
}
#headWrap h1 {
width:233px;
height:71px;
background: url(img/head_title.gif) no-repeat 0 0;
float:left;
margin:0;
padding:0;
position: relative;
top: 27px;
left: 22px;
}
#headWrap a {
cursor:pointer;
}
#headWrap h2 {
float:right;
margin:0;
padding:0;
position: relative;
top: 27px;
left: -22px;
}




/*--- SEARCH ----*/
#searchWrap {
background: url(img/searchBg.gif) repeat-x 0 0;
width: 900px;
height: 28px;
margin-bottom: 1px;
}
#searchWrap .replace 
{
    background-repeat:no-repeat;
    overflow:hidden;
    text-indent:-9000px;
}
#searchWrap #menu
{
    float:left;
}
#searchWrap h1 
{
    width:97px;
    height:28px;
    float:left;
    background: url(img/searchCategories.gif) no-repeat 0 0;
    margin:0;
    padding:0;
}
#searchWrap #offerSearch {
float:right;
margin:0;
padding:0;
}
 
#searchWrap #offerSearch input
{
    width: 190px;
    height: 16px;
    border: #989898 1px solid;
    position: relative;
    top: 4px;
    left: 0px;
    font-size: 75%;
}

#searchWrap #offerSearch ul li .searchInputBtn
{
    top: 0px;
    width: 71px;
    height: 28px;
}

#searchWrap #offerSearch ul li {
float:left;
}




/*--- RH COLUMN ----*/
#rhBg{
background: #dadadb url(img/rh_bg.gif) no-repeat 0 0;
width: 305px;
height: 270px;
color: #491410;
margin:0px;
padding:0px;
border:0px;
overflow:hidden;
}
#rhBg p, #rhBg table{
position:relative;
left:16px;
padding-right: 11px;
font-size:75%;
}
#rhBg #formTable{
font-size:75%;
}
.rhBgTable input
{
    width: 190px;
    height: 18px;
    border: #989898 1px solid;
    font-size: 92%;
    color: #000;
    padding-top:2px;
    padding-left:4px;
} 
.rhBgTable select
{
    width: 190px;
    height: 18px;
    border: #989898 1px solid;
    font-size: 75%;
}
.rhBgLabel
{
    padding-top:7px;
    font-weight:bold;
}

#rhBonus{
background: url(img/rh_bonus.jpg) no-repeat 0 0;
width: 305px;
height: 612px;
color: #491410;
margin:0px;
padding:0px;
border:0px;
overflow:hidden;
}
#rhBonus #more{
position:relative;
left: 16px;
top: 572px;
width:279px;
}
#rhBonus #more #findOutMore{
float:right;
}
#rhBonus #more #terms{
float:left;
padding-top:3px;
}
#rhBonus #more #terms a{
color:#FFFFFF;
font-size:70%;
text-decoration:underline;
font-weight:normal;
}






/*--- FOOTER ----*/
#footerBg{
clear: both;
background: url(img/footer_bg.gif) repeat-x 0 0;
width: 900px;
height: 25px;
margin-bottom: 3px;
font-size: 60%;
}
#footerBg #legals{
position:relative;
top:8px;
left:12px;
color:#666666;
}
#footerBg #legals a{
color:#fff;
}



/*--- FILTER ----*/
/*--- SEARCH ----*/
#filterDrop {
background: #ccc;
width: 483px;
padding-bottom: 4px;
padding-top:4px;
margin-bottom: 4px;
text-align:right;
}
#filterDrop select {
width: 176px;
height: 18px;
border: #989898 1px solid;
font-size: 75%;
margin-right: 8px;
}