/* Seek Gifts - Written by Simon Friend */
html,body{height:100%}
/* HTML */
body{margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.jpg) repeat-x #D7EFFB; position:relative; }
#Res{background:url(../images/bg2.jpg) repeat-x #D2EEFA;}
p{line-height:20px}
h1,h2,h3,h4{padding:0; margin:0}
a{text-decoration:none; color:#29ABE2}
ul,ol{margin:15px 0; padding:0 30px}
img{border:none}
input,select{border:1px solid #D3D3D3}
/* HOME ID's */
#wrapper{width:960px; position:relative; margin:0 auto; text-align:left}
#wrapper #header{height:92px; margin:10px 0; text-align:center}
#wrapper #searchBox {background:url(/images/searchBg-fill.gif) repeat-y; position:relative}
#wrapper #searchBox .contents {background:url(/images/searchBg.gif) no-repeat; padding: 0 10px; }
#wrapper #searchBox .contents.home{min-height:255px; height:255px}
div[class] .contents.home {height:auto;} /* min height hack */
#wrapper .search-top {background:url(/images/searchBg-top.gif) no-repeat top; height:12px}
#wrapper .search-btm {background:url(/images/searchBg-btm.gif) no-repeat bottom; height:13px}
#wrapper #searchBox h3{color:#ED1E79; font-size:28px; display:inline}
#wrapper #searchBox h1 {display:inline;}
#wrapper #searchBox h1 a{color:#ED1E79; text-decoration:none; font-size:29px;}
#wrapper #searchBox #step1{position:relative; top:5px}
#wrapper #searchBox #step1 .number{position:absolute; left:0; top:0; z-index:10}
#wrapper #searchBox #step1 .box {width:460px; height:60px; background:#C8E9F8; position:absolute; left:5px; top:40px}
#wrapper #searchBox #step1 h3{color:#29ABE2 ; font-size:24px; position:absolute; left:55px; top:10px}
#wrapper #searchBox #step1 .radiobox{width:180px; float:left; padding:15px}
#wrapper #searchBox #step1 .radiobox label{float:left; margin-top:2px}
#wrapper #searchBox #step1 .radiobox .male{font-size:20px; color:#0071BC}
#wrapper #searchBox #step1 .radiobox #boy{position:absolute; top:6px; left:100px}
#wrapper #searchBox #step1 .radiobox #girl{position:absolute; top:6px; right:100px}
#wrapper #searchBox #step1 .radiobox .female{font-size:20px; color:#D4145A}
#wrapper #searchBox #step1 .radiobox .radio{height:22px; width:22px; float:left; border:none}
#wrapper #searchBox #step2{position:relative; top:5px}
#wrapper #searchBox #step2 .number{position:absolute; right:420px; top:0; z-index:10}
#wrapper #searchBox #step2 .box {width:430px; height:30px; background:#C8E9F8; position:absolute; right:5px; top:40px; padding:15px}
#wrapper #searchBox #step2 h3{color:#29ABE2 ; font-size:24px; position:absolute; right:170px; top:10px}
#wrapper #searchBox #step2 label{color:#29ABE2; font-size:20px}
#wrapper #searchBox #step2 select{width:200px; font-size:18px; color:#ED1E79}
#wrapper #searchBox #step3{position:relative; top:110px}
#wrapper #searchBox #step3 .number{position:absolute; left:0; top:0; z-index:10}
#wrapper #searchBox #step3 .box {width:900px; height:30px; background:#C8E9F8; position:absolute; right:5px; top:40px; padding:15px}
#wrapper #searchBox #step3 h3{color:#29ABE2 ; font-size:24px; position:absolute; left:55px; top:10px}
#wrapper #searchBox #step3 h3 span{font-size:16px}
#wrapper #searchBox #step3 label{color:#29ABE2; font-size:20px}
#wrapper #searchBox #step3 input{width:283px; height:21px; margin:0 10px 0 0; font-size:18px; padding:3px 2px 6px 2px; color:#ED1E79}
#wrapper #searchBox #step3 .nomargin{margin:0}
#wrapper #seekBtn{background:url(../images/seekBtn.png) no-repeat top; width:301px; height:41px; display:block; margin:30px auto; text-align:center}
#wrapper #seekBtn:hover{background:url(../images/seekBtn.png) no-repeat bottom;}
/* RESULTS ID's */
#wrapper #searchBoxResults{background:url(../images/searchResBg.gif) no-repeat; width:940px; height:29px; position:relative; padding:20px 10px}
#wrapper #searchBoxResults #step1{width:200px; float:left}
#wrapper #searchBoxResults #step1 .number{position:absolute; left:70px; top:-30px; z-index:10}
#wrapper #searchBoxResults #step1 h3{color:#29ABE2 ; font-size:20px; position:absolute; left:55px; top:15px}
#wrapper #searchBoxResults #step1 .radiobox{width:90px; float:left; }
#wrapper #searchBoxResults #step1 .radiobox label{float:left; margin-top:2px}
#wrapper #searchBoxResults #step1 .radiobox .male{font-size:14px; color:#0071BC; font-weight:bold}
#wrapper #searchBoxResults #step1 .radiobox .female{font-size:14px; color:#D4145A; font-weight:bold}
#wrapper #searchBoxResults #step1 .radiobox .radio{height:22px; width:22px; float:left; border:none}
#wrapper #searchBoxResults #step2{width:150px; float:left}
#wrapper #searchBoxResults #step2 .number{position:absolute; left:250px; top:-30px; z-index:10}
#wrapper #searchBoxResults #step2 h3{color:#29ABE2 ; font-size:24px; position:absolute; right:170px; top:15px}
#wrapper #searchBoxResults #step2 label{color:#29ABE2; font-size:20px}
#wrapper #searchBoxResults #step2 select{width:130px; font-size:15px; color:#ED1E79; height:25px;}
#wrapper #searchBoxResults #step3{width:440px; float:left}
#wrapper #searchBoxResults #step3 .number{position:absolute; right:350px; top:-30px; z-index:10}
#wrapper #searchBoxResults #step3 h3{color:#29ABE2 ; font-size:24px; position:absolute; left:55px; top:15px}
#wrapper #searchBoxResults #step3 h3 span{font-size:16px}
#wrapper #searchBoxResults #step3 label{color:#29ABE2; font-size:20px}
#wrapper #searchBoxResults #step3 input{width:130px; height:18px; margin: 0 10px 0 0; font-size:15px; padding:2px 1px 3px 1px; color:#ED1E79}
#wrapper #searchBoxResults #step3 .nomargin{margin:0}
#wrapper #searchBoxResults #seekBtnRes{background:url(../images/seekBtnRes.png) no-repeat top; width:144px; height:25px; display:block; float:left; cursor:pointer; margin-top:1px}
#wrapper #searchBoxResults #seekBtnRes:hover{background:url(../images/seekBtnRes.png) no-repeat bottom; margin-top:2px}
#wrapper #searchResultsBar{border-bottom:5px solid #CAEAF8; height:45px; padding:15px 0 0}
#wrapper #searchResultsBar h1{color:#29ABE2; font-weight:normal; font-size:24px; width:700px}
#wrapper #searchResultsBar h2{color:#29ABE2; font-weight:normal; font-size:24px; width:700px}
#wrapper #searchResultsBar form{width:200px; float:right; text-align:right}
#wrapper #searchResultsBar #gifts_per_page {width:165px}
#wrapper #searchResultsBar #gifts_per_page select{width:160px; font-size:15px; margin:0; padding:0}
#wrapper #searchResultsBar #sort {width:165px}
#wrapper #searchResultsBar #sort select {width:160px; font-size:15px; margin:0; padding:0}
.loading-small{ margin-top:3px}
.resultsTitle{font-size:11px!important; }
#wrapper #links{margin:30px 0}
#wrapper #links h1{padding:20px 0; font-size:20px}
#wrapper #links h3{background:#29ABE2;color:#FFFFFF;padding:5px 2px;}
#wrapper #links p{}
#wrapper #links p a{padding:5px 2px; display: inline; background:#E8F7F9}
#wrapper #links p a:hover{background:#ED1E79;color:#FFFFFF}
#wrapper #results{padding-bottom:50px; min-height:100%; position:relative}
#wrapper #results #tip{color:#ED1E79; font-size:14px; padding:10px; border:1px dashed #ED1E79; background:#FDEEEE; margin:10px 0 0 0; height:20px}
#wrapper #results .result{width:210px; height:285px; background:#FFF; float:left; margin-right:10px; margin-top:10px; padding:10px; position:relative; border:1px solid #D5F0FB}
#wrapper #results .result.discount-gift{border:1px solid #F69FA7; background: #FFEFEC}
#wrapper #results .result.discount-gift:hover{border:1px solid #BC0012}
#wrapper #results .result:hover{border:1px solid #99DEF0}
#wrapper #results .right{margin-right:0; margin-top:10px}
#wrapper #results h3 a{color:#ED1E79; font-size:12px; height:30px}
#wrapper #results .giftPic{padding:5px 0; height:190px; width:200px}
#wrapper #results .result p{position:absolute; bottom:30px; left:10px; color:#666666}
#wrapper #results .viewGift{background:url(../images/viewGiftBtn.jpg) no-repeat top; height:21px; width:87px; display:block; color:#FFFFFF!important; font-size:14px; font-weight:bold; padding-top:4px; position:absolute; bottom:10px; right:10px; text-align:center}
#wrapper #results .discount-banner{position:absolute; top:178px; left:-1px}
#wrapper #results .viewGift:hover{background:url(../images/viewGiftBtn.jpg) no-repeat bottom}
#wrapper #results .price{position:absolute; bottom:10px; left:10px}
#wrapper #results .priceLarge{font-size:18px; font-weight:bold;}
#wrapper #results .discount{position:absolute; bottom:10px; left:60px}
#wrapper #results p a:hover{color:#003366}
#wrapper .mystery{width:210px; height:285px; background:url(/images/mystery-bg.jpg) repeat-x; float:left; margin-right:10px; margin-top:10px; padding:10px; position:relative; border:1px solid #FFF; text-align:center}
#wrapper .mystery p{color:#FFF}
#wrapper .mystery img{padding: 8px 0}
#wrapper .mystery a{font-weight:bold; color:#FFF; text-decoration:underline}
#wrapper .mystery a:hover{color: #FC0!important}
#wrapper .mystery p.small{font-size:10px; line-height:12px}
#wrapper #results .adminControls{position:absolute; right:0; top:80px; height:100px; width:25px; background:#CCCCCC; margin:0; padding:0}
#wrapper #results .adminControls li{list-style:none; margin:0}
#wrapper #no_results{height:100px; background:#FFFFFF; margin-top:15px}
#moreBox{margin:20px auto 0 auto; text-align:center; color:#29ABE2; font-size:13px; background:#FFFFFF; }
#moreBox #moreWrapper{width:960px; margin:0 auto; padding:15px 0; text-align:left; position: relative}
#moreBox h2{color:#29ABE2; font-size:24px}
#moreBox #column1{width:320px; float:left; margin-right:15px; font-weight:bold;}
#moreBox #column1 ol{margin:5px 0}
#moreBox #column1 li{line-height:28px}
#moreBox #column1 li a{ padding:5px; }
#moreBox #column1 li a:hover{background:#EFEFEF; color:#ED1E79}
#moreBox #column2{width:300px; float:left; margin-right:15px;}
#moreBox #column2 h2{margin-bottom:3px}
#moreBox #column2 a{padding:5px; line-height:32px}
#moreBox #column2 a:hover{background:#EFEFEF; color:#ED1E79}
#moreBox #column3{width:300px; float:left; height:385px}
#moreBox #column3 .ad{height:125px; width:125px; border:4px solid #C8E9F8; float:left; margin:15px 5px 0px 10px}
#moreBox #column3 h2{margin-left:5px}
#moreBox #column3 a .ad{border:4px solid #C8E9F8;}
#moreBox #column3 a:hover .ad{border:4px solid #29ABE2;}
#moreWrapper #facebook{position:absolute; right:-5px; top:90px}
#moreWrapper iframe{position:absolute; right:5px; top:50px; width:300px!important}
#moreIdeas{float:left; margin-top:10px}
#pagination{text-align:center; color:#29ABE2; font-size:14px;margin:20px auto 0px auto; width:390px}
#pagination ul{margin: 0 auto 0 110px; padding:6px}
#pagination .pages{margin:0}
#pagination li{ width:25px; list-style:none; background:url(../images/pagination.jpg) no-repeat top; height:20px; width:25px; float:left; display:block; color:#FFFFFF; padding-top:5px; cursor:pointer}
#pagination li:hover{background:url(../images/pagination-active.jpg) no-repeat}
#pagination li.active{background:url(../images/pagination-active.jpg) no-repeat; padding-top:5px; color:#FFFFFF; cursor:default}
#home #footer{height:17%}
#footer{background:#29ABE2;}
#footer .strap{font-size:16px; color: #CDEBFB}
#footer #footerWrapper{width:960px; color:#FFF; margin:0 auto; text-align:left;}
#footer #footerWrapper p{margin:0; padding:12px 0}
#footer #footerWrapper a{color:#FFFFFF; padding:0 2px}
#footer #footerWrapper a:hover{background:#00CCFF}
#footer #backToTop{float:right; margin-top:6px}
.contentContainer{padding:20px; background:#FCFEFE}
#sitemap ul{float:left; width:170px}
#sitemap ul li a{}
#sitemap ul li a:hover{background:#EFEFEF; color:#ED1E79}
/* Classes */
.clear{clear:both; line-height:1px}
.msg{display:none; text-align:center; padding:60px 0}
.left{float:left}
.right{float:right}
.lightBlue{color:#29ABE2 !important}
.block{display:block!important}
.red, .red a, .red p{color: #BC0012 !important;}
.error{padding:5px 20px; background:#F13591; color:#FFF; display:none; font-size:14px; line-height:25px; list-style:square; border:1px dashed #FFF; margin-top:10px}
.success{padding:5px 20px; background: #A8ECBB; color: #4C9C48; display:none; font-size:14px; line-height:25px; margin-top:10px; border:1px dashed #4C9C48}
.no-height{height:auto!important}
.vect-forgot-pass{ position:absolute; top:-5px; right:40px}
/* WORD CLOUD STYLES */
.word {
font-family: Tahoma;
padding: 4px 4px 4px 4px;
letter-spacing: 3px;
}
span.size1 {
color: #000;
font-size: 2.4em;
}
span.size2 {
color: #333;
font-size:2.2em;
}
span.size3 {
color: #666;
font-size: 2.0em;
}
span.size4 {
color: #999;
font-size: 1.0em;
}
span.size5 {
color: #aaa;
font-size: 1.6em;
}
span.size6 {
color: #bbb;
font-size: 1.4em;
}
span.size7 {
color: #ccc;
font-size: 1.2em;
}
span.size8 {
color: #ddd;
font-size: .8em;
}
span.size0 {
color: #ccc;
font-size: .6em;
}
/*** SUGGESTIONS ***/
.suggestionsBox {
position: relative;
left: 30px;
margin: 10px 0px 0px 0px;
width: 200px;
background-color: #212427;
border: 2px solid #000;
color: #fff;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}
.suggestionList li:hover {
background-color: #659CD8;
}
.adsense{float:left; margin-top:10px; width:468px; height:60px}
.adsense2{float:left; margin-top:10px; margin-left:17px; width:468px; height:60px}
#success{background:#D1E1B5; padding:3px; margin:10px; border:1px dashed #89C950; font-weight:bold}
#redirectWrapper {position:relative; width:600px; margin:0 auto}
#redirectWrapper .loading{width:150px; text-align:center}
form{}
form .container{background:#C8E9F8; padding:5px;}
form .heading{float:left; display:block; font-size:20px; color:#28ABE1; width:150px; padding-top:5px; height:50px}
form input{height:26px; width:290px; font-size:20px; color:#EB1E79; padding:3px; margin-bottom:20px}
form input:hover{border:1px solid #29ABE2}
form select{height:30px; padding-left:3px; width:72px; font-size:20px; color:#EB1E79; margin-right:12px}
form .float-left{float:left; width:465px; margin:10px 0 0}
form .float-right{float:left; width:465px; margin:10px 0 0}
form .nl-label {width:360px}
.box{position:relative}
.radiobox{width:140px; float:left;}
.radiobox label{float:left; margin-top:2px}
.radiobox .male{font-size:20px; color:#0071BC}
.radiobox #boy{position:absolute; top:-5px; left:230px}
.radiobox #girl{position:absolute; top:-5px; right:40px}
.radiobox .female{font-size:20px; color:#D4145A}
.radiobox .radio{height:22px; width:22px; float:left; border:none}
#dob-year{width:120px}
#gender-male, #gender-female{width:20px}
#newsletter{width:50px; position:relative}
#change-password{color:#28ABE1; font-size:16px; margin:0; padding:5px 0}
#change-password a{text-decoration:underline; color:#EA0065}
.checkbox-converter{background:url(/images/checkbox.gif) no-repeat top; height:41px; width:43px; display:block; cursor:pointer; float:right; margin:-10px 5px 0 0}
.checkbox-converter:hover{background:url(/images/checkbox.gif) no-repeat 0 -42px}
.checkbox-converter.checked{background:url(/images/checkbox.gif) no-repeat 0 bottom}
/*-- ReCaptcha --*/
#recaptcha_container{position:relative;}
#recaptcha_container p{color:#1E85B0; font-size:1em; margin:0; padding:0}
#recaptcha_container #recaptcha_image{border:1px solid #CCCCCC; height:83px!important; width:441px!important; background:#FFF; padding:2px}
#recaptcha_container #recaptcha_image img{text-align:center; margin:3% 27%;}
#recaptcha_container a{}
#recaptcha_container #recaptcha_reload_btn{background:#EEEEEE;font-size:1.1em;left:0;position:absolute;text-decoration:underline;top:0; width:105px; cursor:pointer}
#recaptcha_container #recaptcha_reload_btn:hover{background:#E1E1E1; text-decoration:none}
#recaptcha_container #chooseFormat{font-size:1em; float:right; margin:0}
/***** TOOLTIP ***/
#tooltip {
background-color: #ED1E79;
opacity:0.8;
padding: 5px;
line-height:12px;
position: absolute;
z-index: 3000;
width:290px;
height:auto;
display:none;
}
.tooltip{display:none}
#tooltip h6 {
color: #fff;
background-color: #666;
font-size: 20px;
padding: 3px 1px;
margin:0;
}
#tooltip p {
color: #fff;
padding: 0;
margin:0;
}
#tooltip .text span{font-size:10px}
.ind {
width: 200px;
background-color: #666;
color: white;
padding: 15px;
border-bottom: 1px solid white;
}
#hide {
margin-bottom: 20px;
}
.overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#EEE;
width:500px;
min-height:200px;
border:1px solid #0071BC;
padding:20px;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #111;
-webkit-box-shadow: 0 0 90px #111;
}
/* close button positioned on upper right corner */
.overlay .close {
background-image:url(/images/overlay-close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
#enter-competition h3{ margin:0 0 20px 0; font-size:16px; padding:3px; color: #EB1E79;}
#enter-competition label{ display:block; float:left; margin:8px 0 0; width:100px; font-size:13px}
#enter-competition .submit{ background: #EB1E79; color:#FFF; height:30px; margin:20px 0 0 100px; width:300px; display:block; padding:8px 0 0; font-size:20px; text-align:center; border:1px solid #EB1E79; cursor:pointer}
#enter-competition .submit:hover{background:#FFF; color:#EB1E79}
#enter-competition .checkbox-converter{float:left; margin:0 0 0 100px}
#enter-competition .tacs-agree{ float:left; margin:16px 0 0 0}
#enter-competition .tacs-agree a{text-decoration:underline; color:#333}