/* 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}
#header{height:92px; margin:10px 0; text-align:center; position:relative}

#searchBox {background:url(/images/searchBg-fill.gif) repeat-y; position:relative}
#searchBox .contents {background:url(/images/searchBg.png) no-repeat; padding: 0 10px; }
#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}

#searchBox h3{color:#ED1E79; font-size:28px; display:inline}
#searchBox h1 {display:inline;}
#searchBox h1 a{color:#ED1E79; text-decoration:none; font-size:29px;}
#searchBox #step1{position:relative; top:5px}
#searchBox #step1 .number{position:absolute; left:0; top:0; z-index:10; width:52px; height:49px}
#searchBox #step1 .box {width:460px; height:60px; background:#C8E9F8; position:absolute; left:5px; top:40px}
#searchBox #step1 h3{color:#29ABE2 ; font-size:24px; position:absolute; left:55px; top:10px}
#searchBox #step1 .radiobox{width:180px; float:left; padding:15px}
#searchBox #step1 .radiobox label{float:left; margin-top:2px}
#searchBox #step1 .radiobox .male{font-size:20px; color:#0071BC}
#searchBox #step1 .radiobox #boy{position:absolute; top:6px; left:100px}
#searchBox #step1 .radiobox #girl{position:absolute; top:6px; right:100px}
#searchBox #step1 .radiobox .female{font-size:20px; color:#D4145A}
#searchBox #step1 .radiobox .radio{height:22px; width:22px; float:left; border:none}
#searchBox #step2{position:relative; top:5px}
#searchBox #step2 .number{position:absolute; right:420px; top:0; z-index:10; width:49px; height:49px}
#searchBox #step2 .box {width:430px; height:30px; background:#C8E9F8; position:absolute; right:5px; top:40px; padding:15px}
#searchBox #step2 h3{color:#29ABE2 ; font-size:24px; position:absolute; right:170px; top:10px}
#searchBox #step2 label{color:#29ABE2; font-size:20px}
#searchBox #step2 select{width:200px; font-size:18px; color:#ED1E79}
#searchBox #step3{position:relative; top:110px}
#searchBox #step3 .number{position:absolute; left:0; top:0; z-index:10; width:49px; height:49px}
#searchBox #step3 .box {width:900px; height:30px; background:#C8E9F8; position:absolute; right:5px; top:40px; padding:15px}
#searchBox #step3 h3{color:#29ABE2 ; font-size:24px; position:absolute; left:55px; top:10px}
#searchBox #step3 h3 span{font-size:16px}
#searchBox #step3 label{color:#29ABE2; font-size:20px}
#searchBox #step3 input{width:283px; height:21px; margin:0 10px 0 0; font-size:18px; padding:3px 2px 6px 2px; color:#ED1E79}
#searchBox #step3 .nomargin{margin:0}
#seekBtn{background:url(../images/seekBtn.png) no-repeat top; width:301px; height:41px; display:block; margin:30px auto; text-align:center}
#seekBtn:hover{background:url(../images/seekBtn.png) no-repeat bottom;}




/* RESULTS ID's */
#searchBoxResults{background:url(../images/searchResBg.png) no-repeat; width:940px; height:29px; position:relative; padding:20px 10px}

#searchBoxResults #step1{width:200px; float:left}
#searchBoxResults #step1 .number{position:absolute; left:70px; top:-30px; z-index:10; width:52px; height:49px}
#searchBoxResults #step1 h3{color:#29ABE2 ; font-size:20px; position:absolute; left:55px; top:15px}
#searchBoxResults #step1 .radiobox{width:90px; float:left; }
#searchBoxResults #step1 .radiobox label{float:left; margin-top:2px}
#searchBoxResults #step1 .radiobox .male{font-size:14px; color:#0071BC; font-weight:bold}
#searchBoxResults #step1 .radiobox .female{font-size:14px; color:#D4145A; font-weight:bold}
#searchBoxResults #step1 .radiobox .radio{height:22px; width:22px; float:left; border:none}

#searchBoxResults #step2{width:150px; float:left}
#searchBoxResults #step2 .number{position:absolute; left:250px; top:-30px; z-index:10; width:49px; height:49px}
#searchBoxResults #step2 h3{color:#29ABE2 ; font-size:24px; position:absolute; right:170px; top:15px}
#searchBoxResults #step2 label{color:#29ABE2; font-size:20px}
#searchBoxResults #step2 select{width:130px; font-size:15px; color:#ED1E79; height:25px;}

#searchBoxResults #step3{width:440px; float:left}
#searchBoxResults #step3 .number{position:absolute; right:350px; top:-30px; z-index:10; width:49px; height:49px}
#searchBoxResults #step3 h3{color:#29ABE2 ; font-size:24px; position:absolute; left:55px; top:15px}
#searchBoxResults #step3 h3 span{font-size:16px}
#searchBoxResults #step3 label{color:#29ABE2; font-size:20px}
#searchBoxResults #step3 input{width:130px; height:18px; margin: 0 10px 0 0; font-size:15px; padding:2px 1px 3px 1px; color:#ED1E79}
#searchBoxResults #step3 .nomargin{margin:0}
#searchBoxResults #seekBtnRes{background:url(../images/seekBtnRes.png) no-repeat top; width:144px; height:25px; display:block; float:left; cursor:pointer; margin-top:1px}
#searchBoxResults #seekBtnRes:hover{background:url(../images/seekBtnRes.png) no-repeat bottom; margin-top:2px}

#searchResultsBar{border-bottom:5px solid #CAEAF8; height:45px; padding:15px 0 0; position:relative}
#searchResultsBar h1{color:#29ABE2; font-weight:normal; font-size:24px; width:700px}
#searchResultsBar h2{color:#29ABE2; font-weight:normal; font-size:24px; width:700px}

#searchResultsBar form{width:200px;}
#searchResultsBar #gifts_per_page {width:165px; position:absolute; top:15px; right:0}
#searchResultsBar #gifts_per_page select{width:160px; font-size:15px; margin:0; padding:0}
#searchResultsBar #sort {width:165px; position:absolute; top:15px; right:170px}
#searchResultsBar #sort select {width:160px; font-size:15px; margin:0; padding:0}
.loading-small{ margin-top:3px}

.resultsTitle{font-size:11px!important; }

#links{margin:30px 0}
#links h1{padding:20px 0; font-size:20px}
#links h3{background:#29ABE2;color:#FFFFFF;padding:5px 2px;}
#links p{}
#links p a{padding:5px 2px; display: inline; background:#E8F7F9}
#links p a:hover{background:#ED1E79;color:#FFFFFF}

#results{padding-bottom:90px; min-height:100%; position:relative}
 #tip{color:#ED1E79; font-size:14px; padding:10px; border:1px dashed #ED1E79; background:#FDEEEE; margin:10px 0 0 0; height:20px}
#results .result{width:210px; height:280px; background:#FFF; float:left; margin-right:10px; margin-top:10px; padding:10px; position:relative; border:1px solid #D5F0FB; text-align:center}
#results .result.discount-gift{border:1px solid #F69FA7; background: #FFEFEC}
#results .result.discount-gift:hover{border:1px solid #BC0012}
#results .result:hover{border:1px solid #99DEF0}
#results .right{margin-right:0; margin-top:10px}
#results h3{text-align:left}
#results h3 a{color:#ED1E79; font-size:12px; height:30px; cursor:default}
#results .giftPic{padding:5px 0; max-height:190px; height: auto !important;height: 190px; max-width:200px; width: auto !important; width: 200px;}
#results .logoPic{display:block; width:210px; text-align:center; margin: 10px 0 0 0}
#results .result p{position:absolute; bottom:30px; left:10px; color:#666666}
#results .result .cats{position:absolute; bottom:-5px; left:10px; color:#666666; line-height:15px}
#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}
#results .desc{position:absolute!important; top:150px; left:10px; width:200px; line-height:17px}
#results .discount-banner{position:absolute; top:178px; left:-1px}
#results .viewGift:hover{background:url(../images/viewGiftBtn.jpg) no-repeat bottom}
#results .price{position:absolute; bottom:10px; left:10px}
#results .priceLarge{font-size:18px; font-weight:bold;}
#results .discount{position:absolute; bottom:10px; left:60px}
#results p a:hover{color:#003366}

.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}

.mystery p{color:#FFF}
.mystery img{padding: 8px 0}
.mystery a{font-weight:bold; color:#FFF; text-decoration:underline}
.mystery a:hover{color: #FC0!important}
.mystery p.small{font-size:10px; line-height:12px}
.mystery .right{float:left!important; margin-right:0!important}

#results .adminControls{position:absolute; right:0; top:80px; height:100px; width:25px; background:#CCCCCC; margin:0; padding:0}
#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; clear:both}
#moreWrapper{width:960px; margin:0 auto; padding:15px 0; text-align:left; position: relative}
#moreBox h2{color:#29ABE2; font-size:24px}
#column1{width:320px; float:left; margin-right:15px; font-weight:bold;}
#column1 ol{margin:5px 0}
#column1 li{line-height:28px}
#column1 li a{ padding:5px; }
#column1 li a:hover{background:#EFEFEF; color:#ED1E79}
#column2{width:300px; float:left; margin-right:15px;}
#column2 h2{margin-bottom:3px}
#column2 a{padding:5px;  line-height:32px}
#column2 a:hover{background:#EFEFEF; color:#ED1E79}
#column3{width:300px; float:left; height:345px}
#column3 .ad{height:125px; width:125px; border:4px solid #C8E9F8; float:left; margin:15px 5px 0px 10px}
#column3 h2{margin-left:5px}
#column3 a .ad{border:4px solid #C8E9F8;}
#column3  a:hover .ad{border:4px solid #29ABE2;}

#moreBox .banner{background: #042859; display:block; text-align:center; padding:20px 0}
#moreBox .banner:hover{background: #153F81}

#moreIdeas{float:left; margin-top:10px; }
#moreIdeas img {width:194px; height:82px}
#pagination{text-align:center; color:#29ABE2; font-size:16px; margin:10px 5px 0 auto; width:500px; height:20px; float: right}
#pagination ul{float:left; padding:0; float:right}
#pagination .pages{float:right; margin:0 10px 0 0; color:#007AC4; clear:right}
#pagination li{ list-style:none; background:url(../images/pagination.jpg) repeat-x top; height:21px; float:left; display:block; color:#FFFFFF; padding:4px 8px 0; border:1px solid #8AA1DD; cursor:pointer; margin:0 0 0 1px}
#pagination li:hover{background:url(../images/pagination-active.jpg) repeat-x}
#pagination li.active{background:url(../images/pagination-active.jpg) repeat-x; 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; width:137px; height:24px}

.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}
.no-margin{margin:0!important}
.img_url{display:none}
.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:10px 0; width:468px; height:60px}
.adsense2{float:left; margin: 10px 0 10px 24px; 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:300px;
	height:auto;
	display:none;
}
.tooltip{display:none}

#tooltip h6 {
	color: #fff;
	background-color: #666;
	font-size: 20px;
	padding: 3px;
	margin:0 0 5px 0;
}

#tooltip h4 {
	color: #fff;

	font-size: 15px;
	padding: 3px;
	margin:0 0 5px 0;
	line-height:20px
}

#tooltip p {
	color: #fff;
	padding: 0;
	margin:0;
}

#tooltip .code {
	background: #CC1849;
	padding:3px;
	margin:0 0 5px 0;
	border:1px dashed #eee;
}

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

.addthis{ float:right;}
.addthis.results{margin-top:10px; float:right;}


#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}

#moreWrapper #facebook{position:absolute; right:-5px; top:90px}
#moreWrapper iframe{ width:300px!important; border:none; overflow:hidden; height:25px}


.bar {height:45px; margin: 10px 0 5px 0; background:#D7EFFB}
.bar.facebook { }
.bar.facebook a{display:block; padding: 5px 8px}
#twitterLink{background: url(/images/bg-twit-comp.png) no-repeat; color:#FFF; width:47px; height:16px; display:block; float:left; padding:3px 0 3px 10px; line-height:16px}

.bar.twitter { }
.bar.twitter a{display:block; padding: 8px 0 0 8px;}

#column3 p{font-family:"lucida grande",tahoma,verdana; font-size:11px; color:#333; line-height:15px}
#column3 .small{font-size:9px; line-height:10px}
#column3 .link{line-height:20px}

#compLink{background: url(/images/bg-twit-comp.gif) no-repeat bottom; color:#FFF; width:42px; height:16px; display:block; float:left; padding:3px 0 3px 15px; margin-right:3px; line-height:16px}

.bar.competition {background: #ED1E79 }
.bar.competition img {padding:2px 0 0 3px}

.clue{background: #FAE4E7; border:1px solid #ED1E79; padding:5px; font-size:26px!important; margin:0; text-align:center; width:250px; margin:0 auto}


#view {border:1px solid #D5F0FB; background:#FFF; padding:20px; position:relative; min-height:265px}
#view img {float:left; margin: 0 20px 20px 0; min-width:250px; border:3px solid #D5F0FB; padding:10px; max-width:417px}
#view #cont {float:right; width:455px}
#view .buy {padding:10px; background:#EA0065; color:#FFF; display:block; width:125px; font-size:18px; text-align:center; margin:10px 0 25px 0; float:right; border:1px solid #EA0065}
#view .buy:hover{background: #FFF; color:#EA0065}
#view #desc {line-height:25px; font-size:1.1em;}

#view .price {display:block; width:200px; float:left; font-size:30px; color: #EA0065; margin:15px 0 0}
#view #vouchers {padding:10px; background:#F7FDFF; border:2px dashed #EA0065; margin:0 0 15px 0}
#view #vouchers p{font-size:15px; margin:10px 0 0 0; padding:0}
#view #vouchers strong{font-size:20px; color:#EA0065}
#view #vouchers span{font-weight:bold}
#view #vouchers .red{color: #E10008}
#view #vouchers .terms{font-size:11px; margin:0 0 10px 0;}
#view #vouchers .terms2{font-size:11px; margin:0;}

#account-options { width:300px; position:absolute; top:0; right:0; text-align:right}

#related h3{margin-bottom:10px; color:#EA0065; font-size:16px}
#related .related {float:left; margin-left:15px; display:block}
#related .related a{display:block}
#related .related a img{min-width:145px; width:145px; margin:0}
#related .related a img:hover{ border-color:#1599DE}

#unpublished{display:block; background:#C7EAFA; filter:alpha(opacity=75); /* IE's opacity*/ opacity:0.75; z-index:10; position:absolute; top:0; left:0; width:958px; height:214px}
#unpublished span{color:#EA0065;font-size:23px;left:50px;position:relative;top:98px; display:block; width:320px}