/* CSS Document */

/*---- reset ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; } 
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*---- general styles ----*/
html, body { text-align: center; min-height: 100%; margin-bottom: 1px; }
body {background: #fff url(../../images/background.jpg) repeat-x 0 0; color: #191919; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
.clear { clear: both; font-size: 1px; height: 1px; padding: 0; margin: 0; }
hr { display: none; }
a { color: #710200; text-decoration: underline; font-weight: 400; } 
a:hover { color: #710200; text-decoration: none; }
a:hover img { background: none; }
small { color: #888; font-size: 1em; }
strong { font-weight: 700; }
p { line-height: 140%; padding: 0.3em 0 0.7em; }
label { font-weight: 700; display: block; clear: both; padding: 0.7em 0 0.3em; }
label em { float: right; font-size: 2em; color: #ccc; padding-top: 18px;  }
legend { font-weight: 400; display: block; clear: both; padding: 0.7em 0 0.3em; font-size: 1.2em; color: #888; }
span.caps { color: #333; border-bottom: 1px dotted #888; }
.pointer { cursor: pointer; } 
.ad { padding: 1em 0; clear: both; text-align: center;}
.block { margin: 1.5em; }
.photo-article { float: right; padding: .7em 0 1em 1em; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.message { padding: 0.7em; background: #ffcc33; border: 1px solid #ffa60d; font-size: 1.4em; color: #191919; margin: 0 0 7px; position: relative; }

#header { width: 700px; margin: 0 auto; height: 80px;}
	#nav { float: right; padding: 1.5em 0 0; }
		#nav li { display: inline; border-right: 1px solid #000; padding: 0 10px; }
			#nav li.last { border-right: 0; padding-right: 0; }
			#nav li a { color: #fff; font-size: 1.3em; }
				#nav li a.current { color: #ffb72c; text-decoration: none; }
	#logo { float: left; display:block; width: 266px; height: 87px; background: transparent url(../../images/rudeball_logo.gif) no-repeat 0 50%; padding: 1em 0; text-indent: -3000px; outline: none; }

#boxstrip {
	margin-bottom: 20px;
}	
#box { padding: 25px 25px 10px 25px;  width: 740px; margin: 0 auto; color: #fff; }
	#box.dnld { background: #f8f7f7 url(../images/peek1.png) 100% 100px no-repeat; }
	#box h1 { text-indent: -3000px; margin: 0 0 1em; }
		#box h1.best-travel-deals { width: 305px; height: 35px; background: url(../../images/page-title.gif) no-repeat 0 0; }
		#box h1.tour { width: 250px; height: 35px; background: url(../images/tour.png) 0 0 no-repeat; }
		#box h1.download-tafri { width: 280px; height: 35px; background: url(../images/download-tafri.png) 0 0 no-repeat; }
		#box h1.faq { width: 350px; height: 38px; background: url(../images/faq.png) 0 0 no-repeat; }
		#box h1.contact { width: 350px; height: 38px; background: url(../images/contact.png) 0 0 no-repeat; }
		#box h1.press { width: 350px; height: 38px; background: url(../images/press.png) 0 0 no-repeat; }
		#box h1.about { width: 350px; height: 38px; background: url(../images/about.png) 0 0 no-repeat; }
		#box h1.privacy { width: 350px; height: 38px; background: url(../images/privacy.png) 0 0 no-repeat; }
		#box h1.legal { width: 350px; height: 38px; background: url(../images/legal.png) 0 0 no-repeat; }
		
		
	#box h2 { font-size: 18px; letter-spacing: -1px; }
	#box #screenshot {padding-top: 15px; padding-left: 4px; width: 402px; height: 259px; float: right;  background-image: url(../../images/screenshot2.jpg);  background-repeat: no-repeat; text-align: center;   }	

	#box p { font-size: 1.2em; line-height: 150%;  }
		#box p.lead { font-size: 1.4em; }
	#box h3 { font-size: 1.74em; color: #710200; }
	#box .badges { padding: 1em; }
	#testimonial { width: 250px; padding: 1em 0; }
		#box #testimonial p { font-family: Georgia, "Times New Roman", serif; color: #ffb72c; line-height: 12px; padding: .2em 0; }
		#testimonial em { display: block; text-align: right; padding-top:0.2em; color: #B0B0B0; font-style: italic; font-size: 1.1em; }
	
	.download { font-size: 1.4em; padding: .5em 0 0; }
		.download a, .message a { color: #710200; }
		.download-button { width: 250px; height: 70px; text-indent: -3000px; display: block; outline: none; background: url(../images/download-button.png) 0 0 no-repeat; margin-left: -10px; }
		
		.tour-screenshots { padding: 1em 1em 1em 0; width: 290px; }
		.tour-descriptions { padding: 1em 0 1em 0; width: 290px; }
			.tour-descriptions li { padding-bottom: 1em; }
			.tour-descriptions p { color: #aeadad; }
				.tour-descriptions .active p { color: #191919; }
				.tour-descriptions h3 a { color: #d0aead; }
				.tour-descriptions .active h3 a { color: #710200; }
	
		.kapa { width: 350px; }	
		.pad { padding-top: 1em; }	
		.nf { padding: 1em; margin: 1em; background: #fff; border: 1px solid #ccc; }
		.normal-list { padding: 1em 0; }
			.normal-list li { display: block; padding: 0.2em 0 0.5em 3em; background: url(../images/li.png) 5px 5px no-repeat; font-size: 1.2em; line-height: 150%; }
			.questions li {  background: url(../images/question.png) 5px 5px no-repeat; padding: 0.1em 0 0.5em 3em;  }
			.qanda li { display: block; padding: 0.2em 0 1.5em 4em; background: url(../images/question-answer.png) 5px 5px no-repeat; font-size: 1.2em; line-height: 150%; }
			qanda li ul,  .qanda li ol { padding: 0.5em 0 0; }
			.qanda li ul li, .qanda li ol li { display: block; padding: 0.2em 0 0.5em 3em; font-size: 12px; line-height: 18px; background: url(../images/li.png) 5px 5px no-repeat;  }
			.qanda h3 { padding: 0.2em 0; }
			.qanda a.top { float: right; display:block; width: 16px; height: 16px; background: url(../images/arrow-up.png) 0 0 no-repeat; }
			.press-release { padding: 0.7em 0 0.5em;  }
			
.exampletext { width: 700px; margin: 0 auto; padding: 2em 0 1em; font-size: 1.4em;}
.exampletext blockquote {padding: 15px; background-color:#ffe6a6; color: #710200;  }
.exampletext blockquote em {color: #000000; font-size: .8em; }

.exampletext h3 { color: #710200; letter-spacing: -0.05px; font-size: 1.2em;}
.exampletext img { float:right}
			
#features { width: 700px; margin: 0 auto; padding: 2em 0 1em; }
	#features li { float: left; width: 240px; padding: 10px 15px 10px 95px; background-position: 0 10px; background-repeat: no-repeat; }
		#features #personalized {  background-image: url(../../images/icon_free.gif);  }
		#features #friends { background-image: url(../../images/icon_upgrade.gif); }
		#features #multimedia { background-image: url(../../images/icon_pie.gif); }
		#features #email { background-image: url(../../images/icon_sports.gif); }
			#features li p { font-size: 1.2em;  }
			#features li h3 { font-size: 1.74em; color: #710200; letter-spacing: -0.05px; }

#top-deals { width: 700px; margin: 0 auto; clear: both; padding: 2em 0 1em; position: relative; }
	#top-deals .rss { width: 24px; height: 24px; display: block; position: absolute; top: 48px; left: 325px; background: url(../images/rss.png) 0 0 no-repeat; } 
	#top-deals-header { width: 700px; height: 82px; background: url(../images/top-deals-header-bg.gif) 0 0 repeat-x; }
	#top-deals h1.todays-top-deals { float: left; text-indent: -3000px; margin: 2em 0 0; width: 300px; height: 40px; background: url(../images/top-deals.png) 0 0 no-repeat;}
	#top-deals-nav { float: right; }
		#top-deals-nav li { display: inline; } 
		#top-deals-nav li a { float: left; border-right: 1px solid #5884b3; border-left: 1px solid #81aedd; height:81px; width: 51px; text-indent: -3000px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; cursor:pointer;; }
		#top-deals-nav li a:hover, #top-deals-nav li a.current, #top-deals-nav li a.active{ background-position: 0 -81px; }
			#top-deals-nav li a#tab1  { background-image: url(../images/tab-all.png); width: 54px; border-left: none; }
			#top-deals-nav li a#tab2 { background-image: url(../images/tab-flights.png); }
			#top-deals-nav li a#tab3 { background-image: url(../images/tab-hotels.png); }
			#top-deals-nav li a#tab4 { background-image: url(../images/tab-cars.png); }
			#top-deals-nav li a#tab5 { background-image: url(../images/tab-cruise.png); }
			#top-deals-nav li a#tab6 { background-image: url(../images/tab-packages.png); width: 53px; border-right: none; }

	#top-deals-content { background: #5e96cf url(../images/top-deals-bg.png) 0 0 repeat-x; padding: 5px 15px 15px; }
		#top-deals-content .download { padding-top: 1.5em; }
			#top-deals-content .download a { color: #fff; }	
	
		#deals-list ul { padding: 1em 0; width: 410px; }
			#deals-list #two, #deals-list #three, #deals-list #four, #deals-list #five, #deals-list #six { display: none; } 
		#deals-list ul li { font-size: 1.5em; display: block; padding: 0.1em 0 0.3em; }
			#deals-list li em { padding-right: 0.5em; color: #ffcc33; }

		.address { padding: 1em; margin: 1em; width: 180px; float: right; margin-top: 2em; }


fieldset { padding: 1em 0; }
	fieldset div { width: 380px; }
		label { font-size: 1.3em; font-weight: 700; clear: both; color: #263840; display: block; padding-top: 1em; }
			label span { color: #4699d2; padding-left: 20px; }
		.textinput { background: #f7f9fc; border: 1px solid #8db3d1; padding: 4px; font-size: 1.4em; font-weight: 700; color: #4699d2; margin: 3px 0 5px; width: 370px; }
		textarea { background: #f7f9fc; border: 1px solid #8db3d1; padding: 5px; font-family: Arial, Helvetica, Verdana, sans; font-size: 1.6em; font-weight: 700; color: #4699d2; margin: 3px 0 5px; width: 370px; height: 150px; }
			textarea.tiny { height: 100px; }
		select { background: #f7f9fc; border: 1px solid #8db3d1; padding: 5px; font-size: 1.6em; width: 200px; color: #4699d2; margin: 3px 0 5px; font-weight: 700; }
					
		button { height: 50px; width: 120px; padding: 0; margin: 15px 0; border: 0; background: #efefef url(../images/send-button.png) no-repeat 0 0; cursor: pointer; display: block; color: #710200; font-size: 1.4em; font-weight: 700; line-height: 50px; text-transform: uppercase; }

#footer { width: 700px; height: 4em; margin: 0 auto; text-align:center; padding: 1em 0; }
	#footer ul { margin: 1em auto; text-align: center; }
		#footer ul li { display: inline; border-right: 1px solid #ccc; padding: 0 .8em; }
			#footer ul li.last { border-right: 0; padding-right: 0; }
			#footer ul li.first { border-left: 0; padding-left: 0; }
			#footer ul li a { color: #191919; font-size: 1.1em; }
				#footer ul li a.current { color: #333; text-decoration: none; }
	#footer p.copy { color: #888; font-size: 1em; }