﻿/******************************************************************************/
/*  COMMON                                                                    */
/******************************************************************************/

html, body, div, span, applet, object, iframe, input, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html, body {position:relative;}

body {
    line-height: 1;
    background: url(Images/bg.jpg) no-repeat top fixed;
    font-family: 'Open Sans', sans-serif;
}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
p {line-height:18px; padding-bottom: 10px; font-size: 12px; color: #7f7f7f}
a  {cursor:pointer; text-decoration: none}
a:hover {text-decoration: underline}
strong, b {font-weight: bold;}

.left {float:left}    
.right {float:right}

/******************************************************************************/
/*  FONTS                                                                     */
/******************************************************************************/

h1 {
    color: #252b37;
    font-size:25px;
    letter-spacing: -1px;
    font-weight: lighter;
}

/******************************************************************************/
/*  GENERAL                                                                   */
/******************************************************************************/

#wrapper {
    width:1038px;
    margin: 30px auto;
    overflow: visible;
    padding: 20px;
    border: 1px solid #f9f9f9;
    background: url(Images/wrap_bg.png) repeat-x #FFF;
    position:relative;
    z-index: 1000;
    
    -webkit-box-shadow: 1px 1px 5px 3px rgba(128, 128, 128, 0.4);
    box-shadow: 1px 1px 5px 3px rgba(128, 128, 128, 0.4);
}

.social_area {
    position:absolute;
    right:0;
    top:0;
    width:75px;
    text-indent:-9999px;
}

.social_area a {
    display:block;
    width: 75px;
    height:75px;
     -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
}

.social_area a:hover {
     -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
    background-position:-75px 0}

.fb {
    background: url(Images/icons/fb.gif);
    margin-bottom:20px;
}

.tw {background: url(Images/icons/tw.gif);}

/******************************************************************************/
/*  HEADER                                                                    */
/******************************************************************************/

.rr-global-header {
    height: 80px;
    position: relative;
    left: 0px;    
    top: 0;
    width: 1040px;
    z-index: 100001;
}

#rr-global-header-logo {
    width: 173px;
    background: url(Images/rr-logo.png);
    display:block; 
    height: 69px; 
    left: 0; 
    overflow: hidden; 
    position: absolute; 
    text-indent: -9999px; 
    top: -10px; 
    z-index: 1001;
}

#rr-global-header-nav {
    left: 173px;
    padding: 0 7px 0 1px;
    width: 860px;
    background: #3c4043;
    height: 51px;
    position: absolute;
    top: 8px;
    z-index: 1000;
}

#rr-global-header-nav li {
    float: left;
    background: url(Images/nav/seperate.jpg) no-repeat right;
    padding: 17px 15px 17px 15px;
}

#rr-global-header-nav li a {
    color:#ffffff;
    font-size:14px;
}

.nav {
    position: relative;
    width: 570px;
}

.searchbar {
    position:absolute;
    width: 270px;
    height: 44px;
    overflow: hidden;
    right:0;
    top:8px
}

.searchbar input {
    width: 197px;
    background: url(Images/nav/search-bar.jpg) no-repeat ;
    padding:8px 8px 11px 8px;
    line-height:13px;
    display:block;
    color: #6f1021;
    font-family: 'Open Sans', sans-serif;
    color:#ffffff;
    font-size:14px;
}

.searchbtn {
    position:absolute;
    width: 48px;
    height: 44px;
    overflow: hidden;
    right:10px;
    top:8px
}

.searchbtn a {
    background: url(Images/searchBtn.png) no-repeat ;
    padding: 10px 8px 14px 8px;
    line-height:13px;
    display:block;
    color: #6f1021;
    font-family: 'Open Sans', sans-serif;
    color:#ffffff;
    font-size:14px;
    text-align:center;
}
.searchbtn a:hover {
    background: url(Images/searchBtn_h.png) no-repeat ;
    }

/******************************************************************************/
/*  DEFAULT                                                                   */
/******************************************************************************/

.container {
    width: 785px;
    position: relative;
}

.container-links {position:relative}

.container-links a {
    padding: 15px 20px;
    display:inline-block;
    margin-right:20px;
    position: relative;
    top: 10px;
    border-left: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;  
}

.container-links a.selected {
    position:relative;
    top:0;
    padding: 20px 20px;
    display:inline-block;    
}

.container-links a.wd:hover, .container-links a.wr:hover, .container-links a.gbe:hover {
    position:relative;
    top:0;
    padding: 20px 20px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
 }

.container-links a.wd {
    background: #eaeaea;
    color:#ce0303;   
}

.container-links a.wr {
    background: #1c2129;
    color:#ffffff;   
}

.container-links a.gbe {
    background: #ce0303;
    color:#ffffff;  
}

.inner_container {
    background:#ffffff;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    padding: 20px 10px 10px 10px;
    position:relative;
    overflow:hidden;
}

.deals_section {
    width: 765px;
    margin-top: 20px;
    overflow:hidden;
}

.image_offer {
    width:520px;
    position:relative;
}

.offer_info {
    width:224px;
    position:relative;
}

.buynow {
    background:url(Images/offers/buynow.jpg) no-repeat;
    width:224px;
    height:56px;
    padding: 6px 0 0 0;
    text-align:center;
}

.buynow a {
    color: #ffffff;
    display:block;
}

.get {font-size:13px}
    
.buy {
    font-size:36px;
    letter-spacing: -2px;
    font-weight: bold;
    text-shadow: 0 3px 0 #496116;
}

.deal_info {
    background: url(Images/offers/deal-info.jpg) no-repeat;
    width:224px;
    height:183px;
    position: relative;
    padding: 10px 0;
    color: #ffffff;
}

.deal-total {
    padding: 5px;
    background:url(Images/offers/deal-separator.jpg) repeat-x;
    background-position:bottom;
}

.deal-total h2 {
    padding: 0 10px 5px 10px;
    font-size:28px;
    font-weight: bold;
    letter-spacing: -1px
}

.savings {
    position: relative;
    height: 38px;
    background:url(Images/offers/deal-separator.jpg) repeat-x bottom;
}

.savings h3 {
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    letter-spacing: -0.5px;
    margin-bottom: 0;
}

.was {
    position: absolute;
    padding: 10px 0;
    left: 0;
    top: 0;
    width: 112px;
    border-right: 1px solid #e6e6f1;
}

.save {
    position: absolute;
    padding: 10px 0;
    right: 0;
    top: 0;
    width: 112px;
}

.deal-timer {
    position:relative;
    text-align: center;
    padding: 13px 0 0 0;
}

.deal-timer span {font-size:11px;}

.deal-time {
    position:relative;
    padding-top: 5px
}

.calender {
    background: url(Images/icons/offer-timing.png) no-repeat center;
    width:70px;
    height:62px;
    display: block;
    float:left;
    position: relative;
    margin: 10px 0 0 3.5px;
    text-align: center;
}

.calender span {
    font-size:30px;
    font-weight: bold;
    letter-spacing:-1px;
    position: absolute;
    top:9px;
    left:18px;
}

.calender p {
    position:absolute;
    top: 37px;
    left:0;
    font-size:11px;
    text-align:center;
    width:70px;
    color:#ffffff
}

.offers_purchased {
    background:url(Images/offers/offers-purchased.jpg) no-repeat;
    position:relative;
    width:204px;
    overflow:hidden;
    margin-top: 10px;
    padding: 10px;
}

.offers_purchased img {
    float:left;
    display: block;
}

.offers_purchased_section {
    position: absolute;
    top:20px;
    left:80px;
    color:#ffffff;
}

.offers_purchased_section span {
    font-size:12px;
    padding-bottom:5px;
    position: relative;
    display: block;
}

.offers_purchased_section p {
    font-size:26px;
    font-weight:lighter;
    letter-spacing:-1.5px;
    color: #ffffff;
 } 
 
.social-panel  {
     position:relative;
     width:224px;
     overflow:hidden;
     margin-top:10px;
 }

.social-panel a {
    color: #ffffff;
    font-size:14px;
    text-shadow: 0 1px 0 #000000;
}
 
.offer_twitter  {
     float:left;
     width:78px;
     padding: 25px 20px 0 10px;
     height:41px;   
     background: url(Images/icons/tw-offer.png) no-repeat;
 }
 
.offer_facebook  {
     float:right;
     width:78px;
     padding: 25px 20px 0 10px;
     height:41px;    
     background: url(Images/icons/fb-offer.png) no-repeat;
 }
 
.offer_details {
     background: url(Images/offers/offer-detail-bg.jpg) no-repeat top #ffffff;
     position:relative;
     width:763px;
     border-bottom: 1px solid #c3c3c3;
     border-left: 1px solid #c3c3c3;
     border-right: 1px solid #c3c3c3;
     padding: 20px 10px 10px 10px;
     margin-bottom:20px;
     position:relative;
     overflow:hidden;
     font-size:12px;
     color: #606466
 }
 
.offer_details h1 {
      font-size:16px;
      color: #2d3340;
      letter-spacing: normal;
      padding-bottom: 10px;
  }
 
.deal-description {
     float: left;
     width:395px;
     padding-right:30px;
 }
 
 .deal-description h1  {
     background: url(Images/icons/deal-desc.jpg) no-repeat;
     padding-left:22px;
     line-height:16px;
 }
 
 .deal-description p  {padding-left:22px;}
 
 .deal-info {
     float: left;
     width:330px;
 }
 
 .deal-info h1  {
     background: url(Images/icons/deal-info.jpg) no-repeat;
     padding-left:22px;
     line-height:16px;
 }
 
 .deal-info li   {
     float:left;
     padding: 0 0 20px 22px;
     width:310px;
     line-height:18px
 }
 
 .map-info  {
     clear: both;
     margin-left:22px;
     float:left;
     width:500px;
 }
  
 .map-info span {
     background: url(Images/icons/map-icon.jpg) no-repeat;
     line-height: 44px;
     padding-left:55px;
     display: block;
     font-size: 16px;
     color: #2d3340;
 }

.image-section {
    width:765px;
    overflow:hidden;
} 

.map {
    margin-top:15px;
    width: 765px;
}

.map a {
    display:block;
    padding: 10px 0 0 0;
    color: #3b5998;
    font-size:12px;
}

/******************************************************************************/
/*  FACEBOOK PAGE                                                             */
/******************************************************************************/


.inner_container-fb {
    background: url(Images/fb-bg.jpg) no-repeat top #396184;
    border: 1px solid #c3c3c3;
    padding: 100px 10px;
    position:relative;
    overflow:hidden;
}

.inner_container-fb h1 {
    width: 380px;
    color: #ffffff;
    font-size:45px;
    text-shadow: 0 1px 1px #2a3847;
    font-weight:lighter;
    margin-bottom:20px
}

.FBOptions {
    background: url(Images/fb-backdrop.png) repeat;
    padding: 15px 10px;
    position:relative;
    width: 200px;
}

.inner_container-fb-friends {
    background: url(Images/fb-friends-bg.jpg) no-repeat top #ffffff;
    border: 1px solid #c3c3c3;
    padding: 100px 10px;
    position:relative;
    overflow:hidden;
}

.inner_container-fb-friends h1 {
    width: 350px;
    color: #cf0f1d;
    font-size:43px;
    font-weight:lighter;
    margin-bottom:20px
}

.inner_container-fb-friends p {
    width:350px;
    font-size:17px;
    color: #396184;
}

.inner_container-fb-friends a {
    display:block;
    color: #ffffff;
    background: #396184;
    font-size: 20px;
    padding: 20px 10px;
    margin-top:15px;
    width: 300px;
    position: relative;
}

.inner_container-fb p {
    color:#ffffff;
    width: 350px;
    font-size:20px;
    margin-bottom:20px;
}

.FBFriendBox {
    background: url(Images/fb-backdrop.png) repeat;
    padding: 15px 10px;
    position:relative;
    overflow:hidden;
    float:left;
    width:360px;
}

.FBFirstName {
    display:block;
    text-align:center;
    font-size: 21px;
    text-shadow: 0 1px 0 #ffffff
}

.FBLink {
    width:217px;
    position:relative;
    left:47px;
} 

.FBLink a {
    display:block;
    width:217px;
    height:56px;
    margin:8px 30px;
    background: url(Images/send-voucher.png) no-repeat;
    text-indent:-9999px;
}

.FBLinkSent {
    width:217px;
    position:relative;
    left:47px;
}

.FBLinkSent img {
    display:block;
    width:217px;
    height:56px;
    margin:8px 30px;
    text-indent:-9999px;
}

.FBLoad {
    width:217px;
    position:relative;
    left:72px;
    text-align: center;
}

.FBLoad img {
    display:block;
    margin:11px auto;
    text-indent:-9999px;
}

.FBLink a:active {background-position: 0 -112px;}
.FBLink a:hover {background-position: 0 -56px;}

.FBMessage {
    color: #ffffff;
    background: url(Images/icons/tick.png) no-repeat 4px 13px #94b4e2;
    font-size: 20px;
    padding: 20px 0 20px 57px;
    width: 300px;
    position: relative;
}

.FBError {
    color: #ffffff;
    background: url(Images/icons/cross.png) no-repeat 4px 13px #f80000;
    font-size: 20px;
    padding: 20px 0 20px 57px;
    width: 300px;
    position: relative;
}

.inner_container-fb-congrats {
    background: url(Images/fbcongrats-bg.jpg) no-repeat top #ffffff;
    border: 1px solid #c3c3c3;
    padding: 40px 10px;
    position:relative;
    overflow:hidden;
    text-align:center
}

.inner_container-fb-congrats h1 {
    font-size:50px;
    font-weight:lighter;
    color:#ffffff;
}

.inner_container-fb-congrats p {
    font-size:15px;
    color:#ffffff;
    padding: 0 70px
}

.inner_container-fb-congrats a {
    display:block;
    margin: 10px 0;
}

.inner_container-fb-congrats span {
    background:#ffffff;
    display:block;
    padding: 17px 127px;
    margin:15px 0 25px 0;
    width:500px;
    color:#2f2f2f;
    font-size:30px;
    font-weight: bold;
    border: 5px solid #ff5b55
}

.FBLink-congrats {
    width:765px;
    position:relative;
    height:56px;
} 

.FBLink-congrats a {
    display:block;
    width:217px;
    height:56px;
    margin:8px 0;
    background: url(Images/send-voucher.png) no-repeat;
    text-indent:-9999px;
    position: absolute;
    left:277px;
}

.FBLink-congrats a:active {background-position: 0 -112px;}
.FBLink-congrats a:hover {background-position: 0 -56px;}


/******************************************************************************/
/*  RECOMMENDED                                                               */
/******************************************************************************/

.inner_container_recommended {    
    border: 1px solid #c3c3c3;
    position:relative;
    overflow:hidden;
    color:#ffffff;
    background-color:#ffffff;
}

.inner-header {
    padding: 50px 50px 160px 20px;
    background:url(Images/recommended-offers.jpg) no-repeat #ffffff;}

.inner-header h1 {
    font-size: 50px;
    font-weight:lighter;
    letter-spacing: -4px;
    color:#ffffff;
 }
 
 .inner-header h1 span {font-weight:normal;}
 
 .inner-header h2  {
     font-size:22px;
     font-weight:lighter;
     padding: 0 0 0 110px;
 }
 
.info-header {
    position:relative;
    width:240px;
    overflow: hidden;
    top:150px;
} 


.info-header p {color: #ffffff}
.info-header span {font-weight:bold; color: #ffffff}

.social_section li {float:left;}

.social_section li a {
    background: url(Images/icons/tw-fb.png) no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    margin-left: 15px;
}

.social_section li a:hover {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
}

.social_section li a.tw-icon {background-position: 0 0;}
.social_section li a.tw-icon:hover {background-position: 0 -32px;}

.social_section li a.fb-icon {background-position: -32px 0;}
.social_section li a.fb-icon:hover {background-position: -32px -32px;}

.recommended_section {
    background: url(Images/offers/recommended-offer-bg.jpg) no-repeat top;
    position:relative;
    padding: 20px 10px;
}

.recommended_section h1 {
    font-size: 30px;
    font-weight:lighter;
    letter-spacing: -2px;
    color:#ce0303;
 }
 
.recommended_section h1 span {font-weight:bold;}

.recommended_category {
    position:relative;
    overflow:hidden;
}

.recommended_category li {
    float:left;
    border-bottom: 1px dotted #c8c8c8;
    margin: 15px 0;
    padding-bottom:15px;
    width: 765px;
}

.category-image {
    width:215px;
    margin-right:25px;
}

.category-info {
    width:495px;
    padding: 15px;
    color: #4b4b4b;
}

.category-info h2 a {
    color: #ce0303;
    font-size:20px;
    padding: 0 0 5px 0;
    background:none;
    width:400px;
    font-weight: lighter;
}

.category-info a.browsedeals {
    display:block;    
    width:128px;
    padding-left:10px;
    line-height:31px;
    background: url(Images/recommended-deals/btn.png) no-repeat;
    color:#ffffff;
    font-size:14px;
    text-shadow: 0 1px 0 #3d7988;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.category-info a:hover {
    background-position: 0 -31px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}   

/******************************************************************************/
/*  GIFT BOXES                                                                */
/******************************************************************************/

.inner_container_giftboxes {    
    border: 1px solid #c3c3c3;
    position:relative;
    overflow:hidden;
    color:#4b4b4b;
     background:url(Images/giftboxes/bg.jpg) repeat-x #ffffff;
}

.inner-header-giftbox {
    width:410px;
    padding: 50px 50px 70px 20px;
    overflow:hidden;
    position:relative;
}

.inner-header-giftbox h1 {
    font-size: 50px;
    font-weight:lighter;
    letter-spacing: -4px;
    color:#2d3340;
 }
 
.inner-header-giftbox h1 span {font-weight:normal;}
 
.inner-header-giftbox h2  {
     font-size:22px;
     font-weight:lighter;
     padding: 0 0 15px 110px;
     color: #ce0303
 }
 
 .info-header-giftbox {
    position:relative;
    width:240px;
    overflow: hidden;
    top:60px;
}

.info-header-giftbox span {font-weight:bold}
 
.new-giftbox {
     position: absolute;
     width:295px;
     height:415px;
     top: 10px;
     right:30px;
 }
 
 a.giftbox {
     display:block;
     line-height:46px;
     background: url(Images/giftboxes/gb-btn.png) no-repeat;
     color:#ffffff;
     text-shadow: 0 1px 0 #000000;
     padding:0 0 0 50px;
     margin:15px 0 10px 0;
     font-size:15px;
     width:206px;
 }

a.giftbox:hover {background-position: 0 -46px;}
 
.inner-header-giftbox span.giftbox-info  {
     color:#4178c6;
     font-size:13px}
 
.giftbox-image {
    width:215px;
    margin-right:0px;
}

.giftbox-info {
    width:520px;
    padding: 0;
    color: #4b4b4b;
}

.giftbox-info h2 {
    color: #2d3340;
    font-size:20px;
    padding-bottom: 5px;
}

.giftbox-info h2 span {font-weight:bold}

.giftbox-info span.info {
    color:#9f9f9f;
    font-size:11px;
}

.giftbox-info a.download {
    display:block;    
    width:244px;
    padding: 0 0 10px 10px;
    line-height:35px;
    background: url(Images/giftboxes/download.jpg) no-repeat;
    color:#4089d4;
    font-size:17px;
}

.giftbox-info a.download:hover {
    background-position: 0 -45px;
    color:#ffffff;
} 

.giftbox-info a.sample-box {
    color:#848484;
    font-size:11px;
    display:inline-block;
    padding: 5px 0 20px 0;
}

.giftbox-info a.buy-now {
    display: block;
    width: 128px;
    margin-top:15px;
    padding-left: 17px;
    line-height: 31px;
    letter-spacing: -1px;
    background: url(Images/recommended-deals/btn.png) no-repeat;
    color: #ffffff;
    font-size: 21px;
    text-transform:uppercase;
    text-shadow: 0 1px 0 #3d7988;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.giftbox-info a.buy-now:hover {
    background-position: 0 -31px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}  

/******************************************************************************/
/*  PRODUCT LISTINGS                                                          */
/******************************************************************************/
    
.product_container {    
    border: 1px solid #c3c3c3;
    position:relative;
    overflow:hidden;
    color:#ffffff;
    background-color:#ffffff;
}

.product-header {
    padding: 50px 20px 0 20px;
    position:relative;
    height:280px;
}

.image-container {
    position:absolute;
    top:0;
    left:0;
    z-index:10
}

.product-section {
    position:relative;
    z-index:100;
    color:#2d3340;  
}

.product-section h1 {
    font-size: 40px;
    font-weight:lighter;
    letter-spacing: -3px;
    color:#2d3340;
    text-shadow: 1px 1px 1px #ffffff;
 }
 
.product-section h1 span {font-weight:normal;}
 
.product-section p {
    width:550px;
    color: #2d3340;
    padding-top:10px}
 
 .product-info {
    position: absolute;
    width:240px;
    overflow: hidden;
    bottom:0;
    left:20px;
    z-index:100;
    color:#2d3340;
} 

.product-info span {font-weight:bold; color:#ffffff}

.product_category {
    position:relative;
    overflow:hidden;
}

.product_category li {
    float:left;
    border-bottom: 1px dotted #c8c8c8;
    margin: 15px 18px 20px 20px;
    width: 215px;
}

.product-image {width:215px;}

.product-info-details {
    width:215px;
    padding: 15px 0;
    color: #4b4b4b;
}

.product-info-details h2 a {
    color: #ce0303;
    font-size:15px;
    margin-bottom: 5px;
    font-weight:lighter;
    height:30px;
    display:block;
    overflow:hidden;
}

.product-info-details p {
    font-size:13px;
    color:#898989;
}

.product-info-details span {
    font-weight:bold; 
    font-size:18px;
    color: #4b4b4b;
    padding-right:5px;
}

.product-info-details a.buyitem {
    display:block;    
    width:80px;
    padding-left:10px;
    line-height:31px;
    background: #60b4c9;
    color:#ffffff;
    font-size:14px;
    text-shadow: 0 1px 0 #3d7988;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.product-info-details a.buyitem:hover {
    background-position: 0 -31px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.questions p {
    color:#ffffff!important;
    text-shadow: 0 1px 3px #222222;
}
/******************************************************************************/
/*  BASKET                                                                    */
/******************************************************************************/

#MyBasket {
    border-bottom: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
}

.basket-container {
    position:relative;
    background-color: #ffffff;
}

.basket_section {
    background-color:#e70d0e;
    height: 42px;
    position:relative;
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
}

.basket-header {
    padding:10px 0 0 10px;
}

.basket-header h1 {
    font-size:20px;
    color: #ffffff;    
}

.cont-shopping {
    background-color:#ffffff;
    line-height:42px;
    padding: 0 10px;
}

.cont-shopping a {
    display:block;
    color:#e70d0e;
    font-size:15px;
}

.product_table {
    background-color:#8a0001;
    padding: 20px 10px;
    overflow:hidden;
}

.product_table li {
    float:left;
    color:#ffffff;
    text-transform:uppercase;
    font-size:14px;
}

.product_table li.Item {width:170px;}
.product_table li.Description {width:340px;}
.product_table li.Price {width:180px;}
.product_table li.Quantity {width:160px;}
.product_table li.Total {width:170px;}

.product-details {
    position:relative;
    padding: 10px 10px 0 10px;
    margin-bottom:10px;
    overflow:hidden;
}

.product-offer-image {
    width:160px;
    height:132px;
    background:#f80000;
    margin-right:10px;
}

.product-offer-image img {
    width:160px;
    height:132px;
}

.product-information {
    width:848px;
    padding: 50px 0 28px 0;
    border-bottom: 1px solid #e4e5e6;
}

.product-information li {
    float:left;    
    height: 30px;
    line-height:30px;
    position:relative;
}

.product-information li.Description {width:260px; margin-right:80px; line-height:16px; font-size:12px}
.product-information li.Price {width:90px; margin-right:70px}
.product-information li.Quantity {margin-right:95px;width:40px; }
.product-information li.Quantity input {width:40px}
.product-information li.Total {width:147px}

.product-information li.box {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #929292;
    background: #ffffff;
}

a.removebtn {
    position: relative;
    display:block;
    color: #2d92f7;
    font-size:12px;
    float:right;
    margin-top:10px;
    font-weight:bold;
}

.voucher-section {
    position:relative;
    margin: 20px 0 0 0;
    overflow:hidden
 }    

.voucher-codes {
    width:886px;
    padding: 0 10px 0 10px;
    background-color:#2d92f7;
    color:#ffffff;
    overflow:hidden;
}

.voucher-codes li {
    float:left;
    text-transform:uppercase;
    font-size:14px;
    font-weight:lighter;
    margin-right:20px;
    padding: 9px 0;
    line-height:35px;
}

.voucher-codes li.add-voucher {width:550px;}

.voucher-codes input {
    background:#ffffff;
    color:#2d92f7;
    cursor:pointer;
    float:left;
    padding: 0 10px;
    cursor:default;
    margin-right:10px;
    height:35px;
}

.voucher-codes a {color:#ffffff;}

.update-price {
    width:130px;
    height:53px;
    background:url(Images/basket/update-bg.jpg) no-repeat;
    color:#ffffff;    
    overflow:hidden;
    position:relative;
    text-align:center;
}

.update-price input {    
    background:none;
    color:#ffffff;
    cursor:pointer;
    position:absolute;
    left:0px;
    top:0px;
    width:130px;
    height:53px;
}

.update-price input:hover {text-decoration:underline;}

.giftcard {
    width: 1020px;
    padding: 10px 0
}

.giftcard a {color:#004b96}

.basket-total-section {
    background: url(Images/basket/checkout-bg.jpg) no-repeat #ffffff;
    position: relative;
    padding: 20px 10px 30px 10px;
    height:150px;
}

.basket-total {
    position: relative;
    top:0;
    right:0;
}

.basket-total li {
    float:left;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    padding: 10px 30px;
    font-size:25px;
    font-weight: lighter;
    color: #8a0001;
}

.basket-total li span {font-weight:bold}

.checkout {
    width: 229px;
    height: 53px;
    position: absolute;
    right: 0;
    top:120px;
}
.checkout input {
    position:absolute;
    top:0;
    width:229px;
    padding: 20px 0 30px 0;
    right:-12px;
    background: url(Images/basket/checkout-btn.png) right no-repeat;
    font-size:25px;
    color:#ffffff;
    text-shadow: 0 1px 0 #000000;
    font-weight:lighter;
    cursor:pointer;
}

.checkout input:hover { text-decoration:underline}

/******************************************************************************/
/*  CHECKOUT                                                                  */
/******************************************************************************/

.payment-container {
    width: 783px;
    position: relative;
    border: 1px solid #c3c3c3;
    background-color:#ffffff;
}

.payment_section {position:relative;}

.delivery-options {
    background-color: #3e5b79;
    padding: 18px 10px 28px 10px;
    color: #ffffff;
    overflow:hidden;
}

.delivery-options h2 {
    color:#ffffff;
    font-size:15px;
    width:783px;
    padding-bottom:10px;
    font-weight:lighter;
}

.eVoucher {
    position:relative;
    width:350px;
    font-size:12px;
    line-height:15px;
    margin-right:40px
}

.eVoucher input {
    float:left;
    position: relative;
    top:10px;
}

.emaildel {
    padding: 8px 10px;
    width:200px;
    border-right: 5px solid #14314f;
    border-bottom: 5px solid #14314f
}

.eVoucher img {
    float: left;
    width: 70px;
    margin:0 10px 0 5px;
}

.Post {
    position:relative;
    width:240px;
    font-size:12px;
    line-height:15px;
    margin-right:40px
}

.Post input {
    float:left;
    position: relative;
    top:10px;
}

.Post img {
    float: left;
    width: 70px;
    margin:0 10px 0 5px;
}

.Fbook {
    position:relative;
    width:140px;
    font-size:12px;
    line-height:33px
}

.Fbook input {
    float:left;
    position: relative;
    top:10px;
}

.Fbook img {
    float: left;
    width: 30px;
    margin:0 10px 0 5px;
}

.payment-path {
    position:relative;
    padding: 10px;
    background:url(Images/basket/payment-bg.jpg) no-repeat;
}

.personal_section_area {
    width:763px;
    clear:both;
    overflow:hidden;
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom: 1px solid #dbdbdb;
}

.personal_section_area h2 {
    font-size:17px;
    color: #323130
}

.personal-info {
    width:410px;
    overflow:hidden;
    position:relative
}

.personal-info li {
    float:left;
    display:inline-block;
    margin-top:8px;
}

.personal-info input {
    width:388px;
    border: 1px solid #777777;
    padding: 10px;
    color: #e70d0e;
    font-size: 13px;
}

.personal-info input.first-name {width:140px;margin-right:10px;}
.personal-info input.last-name {width:216px;}

.contact-details {overflow:hidden}

.contact-details p {
    position: absolute;
    font-size:12px;
    top:2px;
    right:0;
    text-align:right;
    width:300px
}

.contact-details p span {
    font-weight:bold;
    color: #f80000;
}

.address-details {
    overflow:hidden;
    margin-top:20px
}

.payment-cards li {
    float: left;
    margin: 0 10px 9px 0;
}

.payment-cards li input { margin-right: 10px;}

.payment-cards li span {
    padding: 10px 10px 14px 0;
    position:relative;
    top:10px;
}

.card-details {
    width:315px;
    overflow:hidden;
    position:relative
}

.card_details li {
    float: left;
    display: inline-block;
    margin-top: 8px;
}

.card_details input {
    width: 293px;
    border: 1px solid #777777;
    padding: 10px;
    color: #e70d0e;
    font-size: 13px;
}

.card_details input.month {width:130px;margin-right:10px;}
.card_details input.year {width:131px;}

.confirm-payment {
    width: 763px;
    clear: both;
    overflow: hidden;
    position:relative;
    margin-bottom: 15px;
    padding: 10px 0 10px 0;
    height:50px;
    border-bottom: 1px solid #dbdbdb;
}

.confirm-payment input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;    
    width: 200px;
    height: 53px;
    background: url(Images/basket/update-bg.jpg) repeat-x;
    color: #ffffff;
    text-align: center;
}

.confirm-payment input:hover { text-decoration:underline}

    
.ItemSummary a 
{
    display:block;
    text-align:right;
    color: #2d92f7;
    font-size:12px
}

.product-details-payment {
    position:relative;
    padding: 10px 0 0 0;
    margin-bottom:10px;
    overflow:hidden;
}

.product-information-payment {
    width:588px;
    padding: 50px 0 52px 0;
    border-bottom: 1px solid #aeaeae;
}

.product-information-payment li {
    float:left;
    height: 30px;
    line-height:30px;
    position:relative;
}

.product-information-payment li.Description {width:150px; margin-right:90px; line-height:16px; color:#000000}
.product-information-payment li.Price {width:60px; margin-right:70px}
.product-information-payment li.Quantity {margin-right:52px;width:40px; }
.product-information-payment li.Quantity input {width:40px;}
.product-information-payment li.Total {width:60px;}

.product-information-payment li.box {
    height: 30px;
    padding: 0 10px;
}

.ExistingCustomer input.fields {
    width: 340px;
    border: 1px solid #777777;
    padding: 10px;
    color: #e70d0e;
    font-size: 13px;
}

.ExistingCustomer input.cardcode {
    margin-right:20px;
}

.ExistingCustomer input.cardfield {
    cursor: pointer;
    position: relative;
    margin-top:20px;
    left: 0;
    top: 0;
    width: 200px;
    height: 53px;
    background: url(Images/basket/update-bg.jpg) repeat-x;
    color: #ffffff;
    text-align: center;
}

/******************************************************************************/
/*  SIDEBAR                                                                   */
/******************************************************************************/

.sidebar {
    position:relative;
    width: 235px;
}

.sidebar div {margin-bottom:20px}

.sidebar h2 {
    font-size:18px;
    color:#ffffff;
    letter-spacing: -1px;
    font-weight:lighter;
}

.facebook_login {
    background:url(Images/sidebar/facebook.png) no-repeat;
    width: 235px;
    height: 136px;
    position: relative;
}

.facebook_login h2 {
    position: absolute;
    left: 10px;
    bottom:25px;
}

.birthday-gift a {
    position:relative;
    background: url(Images/bday-gift.png) no-repeat;
    width:255px;
    height:277px;
    right:10px;
    top:0;
    cursor:pointer;
    display:block;
    text-indent:-9999px
}

.competition-week h2 {
    padding: 8px 10px;
    background-color:#2dacdc;
}

.competition-week h2 a {color: #ffffff;}

.competition-image {
    position:relative;
    width: 235px;
    height:160px;
    background: url(Images/sidebar/competition/comp-1.jpg) no-repeat;
}

.competition-image a.info {
    background: url(Images/sidebar/competition/bg.png) repeat;
    color: #2dacdc;
    font-size:14px;
    padding: 5px;
    letter-spacing: -0.8px;
    position:relative;
    top:90px;
}

.competition-image a.enter {
    background: url(Images/sidebar/competition/bg.png) repeat;
    color: #00678e;
    font-size:16px;
    padding: 0 5px 5px 5px;
    position:relative;
    top:100px;
    font-weight:bold;
}

.more_deals {
    position:relative;
    background-color:#ffffff;
    padding-bottom:10px;
}

.more_deals h2 {
    padding: 8px 10px;
    background-color:#ce0303;
}

.weekly_deals {
    padding: 8px 10px 0 10px;
    font-size:14px;
    background: url(Images/sidebar/weeklydeals/bg.jpg) no-repeat;
    position:relative;
}

.weekly_deals a {display:block}
.weekly_deals img {padding: 8px 0;}
.weekly_deals a.weekly-links {color:#ce0303; font-size:}
.weekly_deals a.weekly-links span {font-size: 14px; font-weight: bold;} 
.weekly_deals a.weekly-info {color: #252b37; font-size:11px}

 
.help-info {
    margin-top:35px;
     background-color:#ffffff;
     position: relative;
     z-index:100;
 }
 
.help-info h2 {
    padding: 8px 10px;
    background-color:#e18b16;
    position: relative;
    z-index: -100;
}

.help-info p {padding: 8px 10px} 

.help-info p.call {
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #4b4b4b;
    padding: 10px 10px 3px 10px;
}

.help-info a {
    font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #2d92f7;
    padding: 0 10px 10px 10px;
    display: block;
}

.help-info span {
    position:absolute;
    right:-6px;
    bottom:0;
    width: 101px;
    height:171px;
    background: url(Images/sidebar/help.png) no-repeat;
    z-index: -10
}

/******************************************************************************/
/*  PAYMENT SIDEBAR                                                           */
/******************************************************************************/


.sidebar-payment {
    position:relative;
    width: 235px;
}

.sidebar-payment div {margin-bottom:20px}

.payment_area {
    font-size:12px;
    overflow:hidden;
    margin-bottom:30px;
    background-color:#ffffff;
}

.inner-summary {
    overflow:hidden;
    padding: 0 10px;
}

.inner-summary li {
    float:left;
    margin-bottom:20px;
    width:215px;
    color: #8a0001;
    overflow:hidden;
}

.inner-summary li.total-price {
    font-size:30px;
    font-weight: lighter;
    border-top: 1px solid #dbdbdb;
    text-align:right;
    padding-top:10px;
}

.inner-summary li.total-price span {font-size:15px;}

.inner-summary li.terms { color:#484848; line-height:16px}
.inner-summary li.terms a { color:#484848; font-weight:bold;}

.inner-summary li span.card-fee {color:#e7740d}



/******************************************************************************/
/*  BASKET                                                                    */
/******************************************************************************/

.site-container {
    position:relative;
    background-color: #ebeaea;
}

.info_section {
    background-color:#e70d0e;
    height: 42px;
    position:relative;
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
}

.info-site-header {
    padding:10px 0 0 10px;
}

.info-site-header h1 {
    font-size:20px;
    color: #ffffff;    
}

.siteinfo {
    border-bottom: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    padding: 10px;
}

.siteinfo p {
    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}




/******************************************************************************/
/*  FOOTER                                                                   */
/******************************************************************************/

.footer {
    position: relative;
    width: 775px;
    padding: 20px 0 10px 0;
    overflow: hidden;
    left: 10px;
    bottom: 0;
}

.footer-header {
    background: url(Images/seperator.jpg) repeat-x bottom;;
    margin-bottom:15px;
    overflow: hidden;
}

.footer-logo p {
    font-size:10px;
    padding-left:13px;
    color: #ce0303
}

.footer-links {
    position:absolute;
    top: 45px;
    right:0;
}

.footer-links li {
    float:left;
    margin-left:14px;
    font-size:11px}
    
.footer-links li a {
    color: #7c7c7c;
    display:block
}

/******************************************************************************/
/*  RR In A Box                                                               */
/******************************************************************************/

.rrbox-container {
    position:relative;
    background-color: #ebeaea;
    border: 1px solid #c3c3c3;
    background-color:#ffffff;
}

.rr-container {
    position:relative;
}


.InvalidField
{
    background: #F00 !important;
    color: #FFF !important;
}



/******************************************************************************/
/*  Valentine's Day Theme                                                     */
/******************************************************************************/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
}

#logoBox {
    display: block;
    position: relative;
    }
#logoBox a img {
    display: block;
    position: absolute;
    margin: 0;
    border: none;
    margin: -40px 0 0 -35px;
    }

.weekly_deals img.heartsDec {
    display: block;
    position: absolute;
    margin: -10px 0  0 190px;
    }


/* Newsletter sign-in */

.signInForm {
	background: url(Images/signup.png) top center no-repeat;
	display: block;
	position: relative;
	margin: 0;
    margin-left: -10px;
	padding: 0;
	width: 255px;
	height: 160px;
	}
.signInForm h2 {
	display: block;
	position: absolute;
	margin: 25px 0 0 85px;
	padding: 0;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666
	}
.signInForm .email {
	background: url(Images/fieldBg_01.png) top left no-repeat;
	font: 12px Verdana, Geneva, sans-serif;
	color: #999;
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 5px;
	border: none;
	top: 87px;
	left: 30px;
	height: 25px;
	width: 146px;
	}
.signInForm .submit {
	background: url(Images/fieldBg_02.png) top left no-repeat;
	display: block;
	position: relative;
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	border: none;
	cursor: pointer;
	top: 87px;
	height: 35px;
	width: 44px;
	}
.signInForm .submit:hover {
	background: url(Images/fieldBg_h_02.png) top left no-repeat;
	}
.signInForm .submit:active {
	background: url(Images/fieldBg_a_02.png) top left no-repeat;
	}
.signInForm fieldset {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
	top: 130px;
	left: 30px;
	}
.signInForm fieldset input {
	display: block;
	position: relative;
	float: left;
	}
.signInForm .agreed {
	}
.signInForm fieldset .bubbleInfo {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0 0 0 6px;
	padding: 0;
	display: block;
	position: relative;
	float: left;
	}

.signInForm .popup {
	display: none;
	position: absolute;
	top: 130px;
	text-align: left;
	margin: 0 0 0 13px;
	padding: 10px;
	width: 210px;
	background: #EFEFEF;
    z-index: 10000;
    border: 1px solid #CCC;
	}
.signInForm .popup p {
	font: 9px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	}
.signInForm .popup h3 {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	}

.signInForm .error {
    display: block;
    position: absolute;
    top: 73px;
    left: 125px;
    color: #FFF;
    font: 9px Arial, Helvetica, sans-serif;
    font-style: italic;
    }


/* Redeem Giftcard Front Page */

div.redeemGiftcard {
    margin-bottom: 0;
    }

.redeemGiftcard a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    }
.redeemGiftcard img {
    margin: 0 0 10px -10px;
    }



.steps {
    display: block;
    position: relative;
    padding: 20px 0 0 0;    
}

.steps .step1 {
    background: url(Images/gc/step1.png) top left no-repeat;
    }
.steps .step2 {
    background: url(Images/gc/step2.png) top left no-repeat;
    }
.steps .step3 {
    background: url(Images/gc/step3.png) top left no-repeat;
    }
.steps .step4 {
    background: url(Images/gc/step4.png) top left no-repeat;
    }

.steps .stepblock {
    display: block;
    position: relative;
    padding: 10px 10px 10px 100px;
    margin: 0 0 20px 0;
    border-bottom: 1px dashed #f2f1f1;
    height: 100px;
    }

.steps .stepblock div {
    display: block;
    position: relative;
    border-left: 1px solid #f2f1f1;
    padding: 10px;
}

#unsubscribe {
}
#unsubscribe .tBox {
    margin: 0;
    padding: 0 10px 0 10px;
    font-style: italic;
    color: #ccc;
}
#unsubscribe .submitBtn {
    cursor: pointer;
    background: #999;
    margin: 0 0 0 10px;
    padding: 12px;
    border: 1px solid #888;
    color: #333;
}
#unsubscribe .submitBtn:hover {
    background: #777;
    color:;
    }
#unsubscribe #MainContent_lblmsg {
    display: block;
    font-size: 12px;
    margin: 10px 0 0 98px;
    padding: 10px;
    background: #ddd;
    color: #666;
    font-style: italic;
}


/* Overlay */

#overlayForm {
		
		/* overlay is hidden before loading */
		display: none;
		
		/* standard decorations */
		width: 490px;
		height: 300px;
		
		/* for modern browsers use semi-transparent color on the border. nice! */
		border: 1px solid #aaa;
		
		margin: 0;
		background: url(Images/overlay/overlayBg.png) top left repeat-x #fff;
		padding: 100px 20px 20px 90px;
		cursor: auto;
	}
 
	#overlayForm div {
		
	}
	
	#overlayForm h2 {
		margin: 0 0 20px 0;
		color: #656565;
		/*background-color: #6D84B4;*/
		padding: 0;
		font-size: 22px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		display: block;
		width: 350px;
	}
	#overlayForm .close {
		background: url(Images/overlay/close.png) top left no-repeat;
		display: block;
		position: absolute;
		width: 36px;
		height: 36px;
		top: -18px;
		right: -18px;
		border: none;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
	
	#overlayForm .envelopes {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
		top: -30px;
		left: -50px;
		}
		
	#overlayForm .logo {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
		top: 5px;
		left: 70px;
		}
		
	#overlayForm .lady {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
		top: -50px;
		right: -100px;
		}
	
	#overlayForm fieldset {
		margin: 0 0 10px 0;
		}
    #overlayForm fieldset input.agreed {
		display: block;
        float: left;
        margin: 0 10px 0 0;
		}
    #overlayForm fieldset span {
        display: block;
        float: left;
		font-size: 12px;
        color: #999;
        margin: 0 10px 0 0;
		}
    #overlayForm fieldset span.errorMsg {
		font-size: 12px;
        color: #f80000;
        width: 280px;
        height: 25px;
        display: block;
        float: left;
        overflow: hidden;
		}
		
	#overlayForm .email {
		display: block;
		float: left;
		margin: 0;
		padding: 0 10px;
		width: 250px;
		height: 28px;
		border: 1px solid #d1d1d1;
		border-right: none;
		background: #f7f7f7;
		color: #bbb;
		font-style: italic;
		}
	
	#overlayForm .submit {
		background: url(Images/overlay/signupBtn.png) top left no-repeat;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 90px;
		height: 30px;
		color: #547900;
		border: none;
		font: 16px Arial, Helvetica, sans-serif;
		cursor: pointer;
		}
	#overlayForm .submit:hover {
		background: url(Images/overlay/signupBtn_h.png) top left no-repeat;
		color: #ab7203;
		}
	#overlayForm ul {
		display: block;
		margin: 30px 0 0 0;
		padding: 0;
		width: 400px;
		}
	#overlayForm ul li {
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		list-style: square;
        color: #999;
		}
	
	.tooltip {
		display:none;
		height: 200px;
		padding: 10px;
		width: 300pxpx;
		font-size: 11px;
		color:#fff;
		background: #666;
		z-index: 100000;
		}