@charset "utf-8";
/* 
=================== CSS Document  ======================
	
	Site: 			Quick.tv
	Author: 		Steven Gibbons | Union Room
	Created: 		10th June 2009
	Updated: 	
	Copyright: 	(c) 2009
	
=========================================================

/* ========= Global ========= */
* { margin: 0; padding: 0;}
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; background: #292929 url('../img/bg/gradient.gif') repeat-x top; }
p { font-size: 1.1em; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }
a:focus { outline: none; }

a img { border: 0; }

h1 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 3.9em; color: #333; font-weight: lighter; }
h2 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 3.2em; color: #333; font-weight: lighter; }
h3 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; color: #333; font-weight: lighter; }

hr { width: 910px; margin: 20px auto; border: 1px dotted #CCCCCC; height: 0; clear: both; border-width: 1px 0 0 0; }

div#columnRight { float: right; margin: 0 0 0 15px; width: 695px; position: relative; }
	div#columnRight hr { width: 695px; margin: 15px auto; border: 1px dotted #CCCCCC; border-width: 1px 0 0 0; clear: both;}
	div#columnRight div.latestNews { width: 695px; }

a#mailing_list_butt { background: url(../img/iR/submit_sm_black.gif) no-repeat top; height: 37px; width: 94px; display: block; margin-left: 10px; }
a#mailing_list_butt:hover { background-position: bottom; } 
/* ========= Structure ========= */
div#wrapper { margin: 0 auto; width: 950px; }
div#containerBtm { width: 950px; height: 12px; background: url('../img/bg/container_btm.gif') no-repeat; clear: both; }

/* ========= Hdr ========= */
div#hdr { position: relative; height: 114px; background: url('../img/bg/glow.gif') no-repeat top center; }
	div#hdr div#hdrLeft { width: 670px; }
		div#hdr div#hdrLeft h1 a { margin: 27px 0 15px 0; width: 181px; height: 35px; background: url('../img/iR/quicktv.gif') no-repeat; }
	
		div#hdr div#hdrRight { width: 280px; height: 112px; z-index: 2; }
		* + html div#hdr div#hdrRight { width: 280px; height: 0; z-index: 2; }
		div#hdr div#hdrRight ul.menu { margin: 65px 0 0 73px; z-index: 10; }
		* + html div#hdr div#hdrRight ul.menu { margin: 65px 0 0 72px; z-index: 10; }
		div#buck { height: 115px; width: 110px; float: left; margin: -1px 0 0 15px; /*background: url(../img/bg/buck_top.png) no-repeat;*/ }
		div#scrollingTitles { position: relative; width: 353px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 1.2em; font-weight: bold; }
		ul#scrollingMessagesList { list-style: none; width: 280px; }
		ul#scrollingMessagesList li { float: right; position: absolute; top: 30px; right: 0; }
		* + html ul#scrollingMessagesList li { float: right; position: absolute; top: 20px; right: 0; }		
		
		ul#scrollingMessagesList li a { color: #FCC816; text-decoration: none; }
		ul#scrollingMessagesList li a:hover { color: #FCC816; text-decoration: underline; }
		
		/* ========= Main Menu ========= */
		ul.menu { list-style: none; }
			ul.menu li { float: left; margin: 0 2px 0 0; }
				ul.menu li#home a { width: 67px; height: 37px; background: url('../img/iR/li_home.gif'); }
				ul.menu li#features a { width: 82px; height: 37px; background: url('../img/iR/li_features.gif'); }
				ul.menu li#showcase a { width: 91px; height: 37px; background: url('../img/iR/li_showcase.gif'); }
				ul.menu li#services a { width: 83px; height: 37px; background: url('../img/iR/li_services.gif'); }
				ul.menu li#aboutUs a { width: 88px; height: 37px; background: url('../img/iR/li_aboutUs.gif'); }
				ul.menu li#contactUs a { width: 97px; height: 37px; background: url('../img/iR/li_contactUs.gif'); }
				ul.menu li#support a { width: 81px; height: 37px; background: url('../img/iR/li_support.gif'); }
				ul.menu li#support a { width: 81px; height: 37px; background: url('../img/iR/li_support.gif'); }
				ul.menu li#blog a { width: 57px; height: 37px; background: url('../img/iR/li_blog.gif'); }
				ul.menu li#login a { width: 65px; height: 37px; background: url('../img/iR/li_login.gif'); }
				ul.menu li a { background-position: bottom!important; }
				ul.menu li.active a { background-position: top!important; }
				ul.menu li a:hover { background-position: top!important; }	
		
/* ========= Main Container ========= */
div#container { width: 910px; background: #FFF; border: 5px solid #FCC816; border-width: 5px 5px 0 5px; padding: 15px; }
	div#container a { color: #666666; text-decoration: underline; }
	div#container div#top { margin: 0 0 10px 0; background: #060606 url('../img/bg/black_bg.jpg'); height: 345px; }
		div#container div#top div#video { float: left; width: 533px; height: 345px; background: url(../img/bg/video.jpg) no-repeat; }
		div#container div#top div#caption { float: right; width: 330px; height: 315px; padding: 25px 20px 10px 27px; }
		div#container div#top div#caption h1 { line-height: 1; font-size: 3.4em; color: #FFCC00; font-weight: normal; }
		div#container div#top div#caption h2 { line-height: 1; font-size: 3.4em; color: #FFF; font-weight: normal; }
		div#carousel { padding: 0 0 20px 0; clear: both; }
		
		div#container div#top div#caption h3 { vertical-align:middle; list-style-image: url('../img/tickgreen.png'); margin: 10px 0 10px 0; padding: 0; text-align: left; font-size: 2em; color: #FCC816; font-weight: normal; }
			div#container div#top div#caption a#offer { text-decoration: none; color: #000; display: block; width: 222px; height: 45px; padding: 18px 0 0 100px; font-size: 2.3em; background: url('../img/iR/give_it_a_try.gif') no-repeat top;  }
			div#container div#top div#caption a#offer:hover { background-position: bottom; }
			div#container div#top div#caption div#benefits { list-style-image: url('../img/tickgreen.png'); } 
		
		div#container div.subdiv h3 { clear:both; color:#333333; font-size:2em; font-weight:normal; margin:15px 0; text-align:center; }


a#demo_butt { margin: 20px auto 30px auto; width: 219px; height: 43px; background: url('../img/iR/demo_butt.jpg') no-repeat; }
a#demo_butt:hover { background-position: bottom; }

ul.benefits {list-style-image: url('../img/tickgreen.png');}
/* ========= Partners ========= */
div#partners h5 { line-height: 1; font-size: 5em; color: #333333; text-align:center; font-weight: normal; }

/* =================== Left Menu  ====================== */
div#columnLeft { float: left; width: 200px; }
div#columnLeft ul#sideMenu { position: relative; }
div#columnLeft ul#sideMenu, ul#sideMenu ul { list-style: none; width: 200px; }
	div#columnLeft ul#sideMenu a { display: block; text-decoration: none; }
		div#columnLeft ul#sideMenu li { margin-bottom: 1px; border-bottom: 1px solid #E6E6E6; position: relative; }
		div#columnLeft ul#sideMenu li.arrow { width: 8px; height: 21px; margin: 0; border: 0; display: block; position: absolute; right: 0px; top: 15px; background: url('../img/bg/sideMenu_rip.gif'); z-index: 10; }
		div#columnLeft ul#sideMenu li a { background: #F0EEEF; color: #333; font-size: 1.4em; padding: 15px 10px 15px 20px; }
		div#columnLeft ul#sideMenu li a span { width: 35px; height: 25px; float: left; margin: -2px 20px 0 0; }
		div#columnLeft ul#sideMenu li a:hover span { background-position: bottom!important; }
			div#columnLeft ul#sideMenu li a:hover { background: #FCC816 url('../img/bg/sideMenu_rip.gif') no-repeat 100% 14px; }
			div#columnLeft ul#sideMenu li a.active { background: #FCC816; }
				div#columnLeft ul#sideMenu li a.active span { background-position: bottom!important; }
			div#columnLeft ul#sideMenu li ul li { margin: 0; border: 0; }
			div#columnLeft ul#sideMenu li ul li a { background: #E4E4E4; color: #333; font-size: 1.1em; padding: 8px 15px; }
				div#columnLeft ul#sideMenu li ul li a:hover { background: #FCC816; }
			
			div#columnLeft ul#sideMenu li.top a span#top { display: block; z-index: 3; position: absolute; top: 2px; left: 0; width: 200px; height: 10px; background: url('../img/bg/sideMenu_top.png') no-repeat; }
			div#columnLeft ul#sideMenu li.bottom { border: none!important; }
			div#columnLeft ul#sideMenu li.bottom a span#btm { display: block; z-index: 3; position: absolute; bottom: 0px; left: 0; width: 200px; height: 10px; background: url('../img/bg/sideMenu_btm.png') no-repeat; }

div#columnLeft div.yellowBox { width: 200px; background: #FCC816; margin: 20px auto; }
div#columnLeft div.yellowTop { background:transparent url(../img/bg/sideMenu_top.png) no-repeat scroll 0 0; height:10px; }
div#columnLeft div.yellowBottom { background:transparent url(../img/bg/sideMenu_btm.png) no-repeat scroll 0 0; height:10px; }
	div#columnLeft div.yellowBox h3 { font-size: 1.7em; padding: 0 10px; line-height: 1em;}
	
div#columnLeft div.blackBox { width: 200px; background: #282828; margin: 20px auto; }
div#columnLeft div.blackTop { background:transparent url(../img/bg/sideMenu_top.png) no-repeat scroll 0 0; height:10px; }
div#columnLeft div.blackBottom { background:transparent url(../img/bg/sideMenu_btm.png) no-repeat scroll 0 0; height:10px; }
	div#columnLeft div.blackBox h3 { font-size: 1.7em; padding: 0 10px; line-height: 1em; color: #EEEEEE; margin-bottom: 0;}
	div#columnLeft div.blackBox p { padding: 5px 10px; line-height: 1.2em; color: #EEEEEE;}
	
	div#columnLeft div.blackBox input { margin: 5px auto 5px 10px; }
	
	div#columnLeft div.blackBox a { color: #FCC816; text-decoration: none; }
	div#columnLeft div.blackBox a:hover { color: #FCC816; text-decoration: underline; }
	div#columnLeft div.blackBox a:visited { color: #FCC816; text-decoration: none; }
	
	div#columnLeft a#offer { text-decoration: none; color: #000; display: block; width: 127px; height: 37px; padding: 11px 0 15px 60px; font-size: 1.6em; background: url('../img/iR/give_it_a_try_sm.gif') no-repeat top;  }
			div#columnLeft a#offer:hover { background-position: bottom; }
			
	div#columnLeft a#download { text-decoration: none; color: #000; display: block; width: 130px; height: 51px; padding: 14px 0 0 70px; font-size: 1.6em; background: url('../img/iR/download_butt.gif') no-repeat top;  }
			div#columnLeft a#download:hover { background-position: bottom; }



/* ========= Javascript Features ========= */
div#carousel { padding: 0 0 20px 0; clear: both; }
div#carousel ul { list-style: none; clear: both; }
	div#carousel ul li { float: left; width: 20%; text-align: center; }
		div#carousel ul li h4 { text-align: center; color: #333; font-size: 1.5em;  }
		div#carousel ul li p { text-align: center; padding: 0 10px; color: #666; }
			div#carousel ul li img { border: none!important; }
			div#carousel ul li div.popup div.featuresTitle { font-size: 1.4em; font-weight: bold; color: #333; margin-bottom: 10px; }
        div#carousel ul li.bubbleInfo { position: relative; }
        div#carousel ul li div.popup { position: absolute; display: none; z-index: 50; background: url('../img/bg/bubble.png') repeat-y center; width: 305px; padding: 5px; }
		div#carousel ul li span.top { position: absolute; left: 5px; top: -10px; background: url('../img/bg/bubbleTop.png') no-repeat bottom; width: 305px; height: 16px; }
		div#carousel ul li span.bottom { position: absolute; left: 5px; bottom: -29px; background: url('../img/bg/bubbleBtm.png') no-repeat bottom; width: 305px; height: 29px; }
		div#carousel ul li div.popup ul#options { list-style: none; text-align: left; margin: -10px 0!important; }
			div#carousel ul li div.popup ul.options li { width: 44%; font-size: 1.1em; text-align: left; padding: 10px 0 10px 15px; }
			div#carousel ul li div.popup ul.options a { color: #333; text-decoration: none; }
			
			div#carousel ul li div.popup ul.tools a { padding: 9px 0 7px 35px; }
				div#carousel ul li div.popup ul.options li a:hover { color: #09F; background-position: 0 3px!important; }
			div#carousel ul li div.popup ul.options li a#addImage { background: url('../img/bg/li_addImages.gif') no-repeat 0 -39px; }
			div#carousel ul li div.popup ul.options li a#addForms { background: url('../img/bg/li_addForms.gif') no-repeat 0 -39px; }
			div#carousel ul li div.popup ul.options li a#gatherViewerData { background: url('../img/bg/li_gatherViewerData.gif') no-repeat 0 -39px; }
			div#carousel ul li div.popup ul.options li a#addText { background: url('../img/bg/li_addText.gif') no-repeat 0 -39px; }
			div#carousel ul li div.popup ul.options li a#addRss { background: url('../img/bg/li_addRss.gif') no-repeat 0 -39px; }		
			div#carousel ul li div.popup ul.options li a#createChapters { background: url('../img/bg/li_createChapters.gif') no-repeat 0 -39px; }		
			div#carousel ul li div.popup ul.options li a#tray { background: url('../img/bg/li_tray.gif') no-repeat 0 -39px; }
			div#carousel ul li div.popup ul.options li a#addTags { background: url('../img/bg/li_addTags.gif') no-repeat 0 -39px; }
		
		div#tabContainer { width: 908px!important; overflow: hidden; padding-top: 11px;}			
		div#tabbedContent { border: 1px solid #CCC; margin: 0 0 20px 0; height: 180px; }
			div#tabbedContent div#menu { text-align: center; width: 906px; background: #DFDFDF; border: 1px solid #CCC; border-width: 0 1px 1px 0; }
				
				div#tabbedContent div#menu ul#tab { position: relative; z-index: 3!important; margin: 0; padding: 12px 15px 11px 15px; }
				div#tabbedContent div#menu ul#tab li { list-style: none; display:inline; border: 1px solid #CCC; border-width: 0; padding: 12px 15px 10px 15px; margin: 0; }
				div#tabbedContent div#menu ul#tab li.last { border-width: 0 1px; }
				
				div#tabbedContent div#menu ul#tab li a { height: 82px; position: relative; text-decoration: none; color: #333; font-size: 1.5em; }
					div#tabbedContent div#menu ul#tab li a:hover { color: #09F; }
					div#tabbedContent div#menu ul#tab li a.active { color: #FFF; padding: 26px 8px 30px 8px; height: 82px; background: url('../img/bg/tab_bg.gif') repeat-x; }
					div#tabbedContent div#menu ul#tab li a.active span.left { position: absolute; z-index: 5; top: 0; left: -20px; width: 20px; height: 82px; background: url('../img/bg/tab_bg_left.gif') no-repeat; }
					div#tabbedContent div#menu ul#tab li a.active span.right { position: absolute; z-index: 5; top: 0; right: -19px; width: 20px; height: 82px; background: url('../img/bg/tab_bg_right.gif') no-repeat; }
					div#tabbedContent div#menu ul#tab li a.active span.btm { position: absolute; margin: 0 auto; bottom: -12px; left: 0; right: 0; width: 33px; height: 82px; background: url('../img/bg/tab_bg_btm.gif') no-repeat bottom center; }

					* + html div#tabbedContent div#menu ul#tab li a.active { color: #FFF; padding: 26px 8px 30px 8px; height: 82px; background: url('../img/bg/tab_bg.gif') repeat-x; }
					* + html div#tabbedContent div#menu ul#tab li a.active span.left { position: absolute; z-index: 5; top: 24px; left: -20px; width: 20px; height: 82px; background: url('../img/bg/tab_bg_left.gif') no-repeat; }
					* + html div#tabbedContent div#menu ul#tab li a.active span.right { position: absolute; z-index: 5; top: 24px; right: -19px; width: 20px; height: 82px; background: url('../img/bg/tab_bg_right.gif') no-repeat; }
					* + html div#tabbedContent div#menu ul#tab li a.active span.btm { position: absolute; margin: 0 auto; top: 27px; left: 0; right: 0; width: 33px; height: 82px; background: url('../img/bg/tab_bg_btm.gif') no-repeat bottom center; }


				div#tabbedContainer div { display: none; margin: 0; height: 75px;}
				div#tabbedContainer div.active { display: block; }
				div#tabbedContainer p { width: 800px; font-size: 1.8em; color: #666; padding: 20px 20px 30px 110px; background: url('../img/megaphone.gif') no-repeat 20px 20px; }
				
				
		div.newsFeedLeft { border: 1px solid #CCC; padding: 10px 15px; margin: 10px auto; width: 410px; float: left; }
		div.newsFeedRight { border: 1px solid #CCC; padding: 10px 15px; margin: 10px auto; width: 410px; float: right; }
		div.newsFeed { font-size: 0.9em; height: 220px; }
			div.newsFeed h5 { font-size: 1.6em; color: #333; font-style: normal; }
			
			div.newsFeed p a { text-decoration: underline; color: #666; font-weight: bold; }
			div.newsFeed ul { list-style: none; margin: 10px 0 0 0; }
				div.newsFeed ul li { font-size: 1.1em; font-weight: bold; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }
				div.newsFeed ul li span { color: #999; }
				div.newsFeed ul li a { text-decoration: underline; color: #666; }
					div.newsFeed ul li a:hover { text-decoration: none; }

/* ========= Footer ========= */
div#ftr { height: 278px; background: url('../img/bg/footer.png') no-repeat top center; }
	div#ftr div.inner { margin: 0 auto; width: 950px; }
		div#ftr div.inner div#fields { height: 234px; position: relative; }
			div#ftr div.inner div#fields a#theEuro { top: 70px; right: 255px; position: absolute; width: 134px; height: 151px; background: url('../img/iR/theEurope.png') no-repeat; }
            div#ftr div.inner div#fields a#techCrunch { top: 40px; right: 0px; position: absolute; width: 141px; height: 172px; background: url('../img/iR/techCrunch.png') no-repeat; }
            div#ftr div.inner div#fields a#redHerring { top: 60px; right: 150px; position: absolute; width: 96px; height: 133px; background: url('../img/iR/redHerring.png') no-repeat; }
            div#ftr div.inner div#fields a#nextWeb { top: 60px; right: 390px; position: absolute; width: 96px; height: 166px; background: url('../img/iR/nextWeb.png') no-repeat; }
		/* ========= Footer Links ========= */
		div#ftr div.inner ul { list-style: none; }
			div#ftr div.inner ul li { float: left; padding: 0 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #FFF; }
			div#ftr div.inner ul li.rss { padding: 0 20px 0 0; background: url('../img/bg/rss.gif') no-repeat; background-position: right top }
				div#ftr div.inner ul li a { font-weight: normal; text-decoration: none; color: #FCC816; }
					div#ftr div.inner ul li a:hover { text-decoration: underline; }

div#ftrBlank { height: 100px; }
	div#ftrBlank div.inner { margin: 0 auto; width: 950px; }
		div#ftrBlank div.inner div#fields { height: 234px; position: relative; }
			div#ftrBlank div.inner div#fields a#theEuro { top: 70px; right: 255px; position: absolute; width: 134px; height: 151px; background: url('../img/iR/theEurope.png') no-repeat; }
            div#ftrBlank div.inner div#fields a#techCrunch { top: 40px; right: 0px; position: absolute; width: 141px; height: 172px; background: url('../img/iR/techCrunch.png') no-repeat; }
            div#ftrBlank div.inner div#fields a#redHerring { top: 60px; right: 150px; position: absolute; width: 96px; height: 133px; background: url('../img/iR/redHerring.png') no-repeat; }
            div#ftrBlank div.inner div#fields a#nextWeb { top: 60px; right: 390px; position: absolute; width: 96px; height: 166px; background: url('../img/iR/nextWeb.png') no-repeat; }
		/* ========= Footer Links ========= */
		div#ftrBlank div.inner ul { list-style: none; }
			div#ftrBlank div.inner ul li { float: left; padding: 0 3px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #FFF; }
			div#ftrBlank div.inner ul li.rss { padding: 0 20px 0 0; background: url('../img/bg/rss.gif') no-repeat; background-position: right top }
				div#ftrBlank div.inner ul li a { font-weight: normal; text-decoration: none; color: #FCC816; }
					div#ftrBlank div.inner ul li a:hover { text-decoration: underline; }

/* =================== Features Page  ====================== */
div#columnLeft { float: left; width: 200px; }
div#columnLeft ul#sideMenu { position: relative; }
div#columnLeft ul#sideMenu, ul#sideMenu ul { list-style: none; width: 200px; }
	div#columnLeft ul#sideMenu a { display: block; text-decoration: none; }
		div#columnLeft ul#sideMenu li { margin-bottom: 1px; border-bottom: 1px solid #E6E6E6; position: relative; }
		div#columnLeft ul#sideMenu li a { background: #F0EEEF; color: #333; font-size: 1.4em; padding: 15px 10px 15px 20px; }
		div#columnLeft ul#sideMenu li a span { width: 35px; height: 25px; float: left; margin: -2px 20px 0 0; }
		div#columnLeft ul#sideMenu li a:hover span { background-position: bottom!important; }
			div#columnLeft ul#sideMenu li a.active,
			div#columnLeft ul#sideMenu li a:hover { background: #FCC816 url('../img/bg/sideMenu_rip.gif') no-repeat 100% 14px; }
				div#columnLeft ul#sideMenu li a.active span { background-position: bottom!important; }
			div#columnLeft ul#sideMenu li ul li { margin: 0; border: 0; }
			div#columnLeft ul#sideMenu li ul li a { background: #E4E4E4; color: #333; font-size: 1.1em; padding: 8px 15px; }
				div#columnLeft ul#sideMenu li ul li a:hover { background: #FCC816; }
				div#columnLeft ul#sideMenu li ul li a.active { background: #FCC816; }
			
			div#columnLeft ul#sideMenu li.top a span#top { display: block; z-index: 3; position: absolute; top: 2px; left: 0; width: 200px; height: 10px; background: url('../img/bg/sideMenu_top.png') no-repeat; }
			div#columnLeft ul#sideMenu li.bottom { border: none!important; }
			div#columnLeft ul#sideMenu li.bottom a span#btm { display: block; z-index: 3; position: absolute; bottom: 0px; left: 0; width: 200px; height: 10px; background: url('../img/bg/sideMenu_btm.png') no-repeat; }

		div#structure div#columnRight { float: right; margin: 0 0 0 15px; width: 695px; position: relative; }
		div#structure div#columnRight span#videoTour { 
			background: url('../img/features/tv_bg.gif') no-repeat top right; 
			padding: 17px 45px 15px 15px;
			position: absolute;
			top: 10px;
			right: 0;
			}
			div#structure div#columnRight span#videoTour a { font-size: 1.1em; text-decoration: underline; color: #666; font-weight: bold; }
				div#structure div#columnRight span#videoTour a:hover { text-decoration: none; }

div#structure div#columnRight h1 { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 3.5em; color: #333; font-weight: 300; line-height: 1em;}
div#structure div#columnRight h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #333; font-weight: lighter; }
div#structure div#columnRight div#flowGallery { height: 282px; margin: 15px 0 10px 0; background: #B6B6B6; }

	div#columnRight div.divider { margin: 0; padding: 0; border-bottom: 1px dotted #CCC; }
	div#columnRight div#featureReasons { margin: 15px 0 25px 0; padding: 10px 15px; border: 1px solid #CCC;  width: 663px; }
	div#columnRight div#featureReasons h2 { font-family: Arial, Helvetica, sans-serif; font-size: 3.0em; color: #333; font-weight: lighter; }
	div#columnRight div#featureReasons ul { margin: 10px 0 0 15px; width: 663px; font-size: 1.1em; }
	div#columnRight div#featureReasons ul li { float: left; width: 33%; }
		div#columnRight div#featureReasons ul li a { color: #333; text-decoration: none; line-height: 1.5; }
		div#columnRight div#featureReasons ul li a:hover { text-decoration: underline; }

div.featureItem { margin: 10px 0 20px 0; }		
	div.featureItem div.columnLeft { float: left; width: 384px; padding: 0; text-align: left; }
		div.featureItem div.columnLeft h3 { margin: 0 0 10px 0; padding: 0; text-align: left; font-size: 2.5em; color: #333; font-weight: lighter; }
		div.featureItem div.columnLeft p { font-size: 1.1em; color: #666; }
			div.featureItem div.screenshot { padding: 10px; border: 1px solid #CCC; }
			div.featureItem div.screenshot img { float: left; margin: 0 10px 10px 0; }
			div.featureItem div.screenshot h5 { margin: 10px 0 0 0; font-size: 1.6em; font-weight: lighter; color: #333; }
			div.featureItem div.screenshot p { font-size: 1.1em; color: #666; }
			div.featureItem div.screenshot p a { font-weight: bold; color: #666; text-decoration: underline; }
				div.featureItem div.screenshot p a:hover { text-decoration: none; }
	div.featureItem div.columnRight { float: right; margin: 0 0 0 15px; width: 296px; }		
		
div.featureItemAlt { margin: 10px 0 20px 0; }		
	div.featureItemAlt div.columnLeft { float: left; margin: 0 15px 0 0; width: 296px; }
	div.featureItemAlt div.columnRight { float: right; width: 384px; padding: 0; text-align: left; }
		div.featureItemAlt div.columnRight h3 { margin: 0 0 10px 0; padding: 0; text-align: left; font-size: 2.5em; color: #333; font-weight: lighter; }
		div.featureItemAlt div.columnRight p { font-size: 1.1em; color: #666; }
			div.featureItemAlt div.screenshot { padding: 10px; border: 1px solid #CCC; }
			div.featureItemAlt div.screenshot img { float: left; margin: 0 10px 10px 0; }
			div.featureItemAlt div.screenshot h5 { margin: 10px 0 0 0; font-size: 1.6em; font-weight: lighter; color: #333; }
			div.featureItemAlt div.screenshot p { font-size: 1.1em; color: #666; }
			div.featureItemAlt div.screenshot p a { font-weight: bold; color: #666; text-decoration: underline; }
				div.featureItemAlt div.screenshot p a:hover { text-decoration: none; }

	
	/* =================== Features Tools  ====================== */
	div#structure div#toolsContent h2 { width: 380px; font-family: Arial, Helvetica, sans-serif; font-size: 2.3em; color: #333; font-weight: lighter; clear: both; }
	div#structure div#toolsContent { background: url('../img/features/media_library_bg.gif') no-repeat top right; min-height: 220px; clear: both;  }
		div#structure div#toolsContent div#videoTour { 
			background: url('../img/features/tv_bg.gif') no-repeat; 
			padding: 17px 15px 15px 45px;
			}
			div#structure div#mediaLibrary div#videoTour a { font-size: 1.1em; text-decoration: underline; color: #666; font-weight: bold; }
				div#structure div#mediaLibrary div#videoTour a:hover { text-decoration: none; }
	
	div#toolsReasons { margin: 15px 0 25px 0; padding: 10px 15px; border: 1px solid #CCC;  width: 663px; clear: both; }
		div#columnRight div#toolsReasons { margin: 15px 0 25px 0; padding: 10px 15px; border: 1px solid #CCC;  width: 663px; }
	div#columnRight div#toolsReasons h2 { font-family: Arial, Helvetica, sans-serif; font-size: 3.0em; color: #333; font-weight: lighter; }
	div#columnRight div#toolsReasons ul { margin: 10px 0 0 15px; width: 663px }
	div#columnRight div#toolsReasons ul li { float: left; width: 33%;padding-right: 10px; }
		div#columnRight div#toolsReasons ul li a { color: #333; text-decoration: none; font-size: 1.2em; line-height: 1.5; }
		div#columnRight div#toolsReasons ul li a:hover { text-decoration: underline; }
	
	/* =================== Features Media Library  ====================== */
	div#structure div#mediaLibrary h2 { width: 380px; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }
	div#structure div#mediaLibrary { position: relative; height: 220px; background: url('../img/features/media_library_bg.gif') no-repeat top right;  }
		div#structure div#mediaLibrary span#videoTour { 
			background: url('../img/features/tv_bg.gif') no-repeat; 
			padding: 17px 15px 15px 45px;
			position: absolute;
			top: 130px;
			left: 0;
			}
			div#structure div#mediaLibrary span#videoTour a { font-size: 1.1em; text-decoration: underline; color: #666; font-weight: bold; }
				div#structure div#mediaLibrary span#videoTour a:hover { text-decoration: none; }
	
			div.featuresTools div.columnLeft { float: left; width: 230px; }
			div.featuresTools div.columnRight { float: right; width: 465px; }
				div.featuresTools div.columnRight h3 { margin: 10px 0; padding: 0; text-align: left; font-size: 2.5em; color: #333; font-weight: lighter; }
				div.featuresTools div.columnRight p { font-size: 1.1em; color: #666; }
	
	/* =================== Features Editor  ====================== */		
	div#structure div#mediaEditor h2 { width: 380px; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }
	div#structure div#mediaEditor { position: relative; height: 200px; background: no-repeat top right;  }
		div#structure div#mediaEditor span#videoTour { 
			background: url('../img/features/tv_bg.gif') no-repeat; 
			padding: 17px 15px 15px 45px;
			position: absolute;
			top: 150px;
			left: 0;
			}
			div#structure div#mediaEditor span#videoTour a { font-size: 1.1em; text-decoration: underline; color: #666; font-weight: bold; }
				div#structure div#mediaEditor span#videoTour a:hover { text-decoration: none; }
	
	/* =================== Features Publishing  ====================== */		
	div#structure div#mediaPublishing h2 { width: 380px; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }
	div#structure div#mediaPublishing { position: relative; height: 200px; background: url('../img/features/publishing_bg.gif') no-repeat top right;  }
		div#structure div#mediaPublishing span#videoTour { 
			background: url('../img/features/tv_bg.gif') no-repeat; 
			padding: 17px 15px 15px 45px;
			position: absolute;
			top: 150px;
			left: 0;
			}
			div#structure div#mediaPublishing span#videoTour a { font-size: 1.1em; text-decoration: underline; color: #666; font-weight: bold; }
				div#structure div#mediaPublishing span#videoTour a:hover { text-decoration: none; }
	
	
	/* =================== Features Analytics  ====================== */		
	div#structure div#mediaAnalytics h2 { width: 380px; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }
	div#structure div#mediaAnalytics { position: relative; height: 230px; background: url('../img/features/analytics_bg.gif') no-repeat top right;  }
		div#structure div#mediaAnalytics span#videoTour { 
			background: url('../img/features/tv_bg.gif') no-repeat; 
			padding: 17px 15px 15px 45px;
			position: absolute;
			top: 150px;
			left: 0;
			}
			div#structure div#mediaAnalytics span#videoTour a { font-size: 1.1em; text-decoration: underline; color: #666; font-weight: bold; }
				div#structure div#mediaAnalytics span#videoTour a:hover { text-decoration: none; }

/* =================== Pricing Page  ====================== */
div#pricingPage div#topBox { width: 910px; }
div#pricingPage div#boxes { width: 907px; text-align: center; height: 441px;}

	div#pricingPage div#currency { margin: 0 auto; clear: both; text-align: right; height: 50px; width: 907px; font-size: 1.1em; color: #333333; }
	
	
	
	div#pricingPage div#currency a#pound { display: block; width: 26px; height: 26px; float: left; background: url(../img/iR/pound.gif) no-repeat top;}
		div#pricingPage div#currency a#pound:hover { background-position: bottom; }
	div#pricingPage div#currency a#dollar { display: block; width: 26px; height: 26px; float: left; background: url(../img/iR/dollar.gif) no-repeat top;}
		div#pricingPage div#currency a#dollar:hover { background-position: bottom; }
	div#pricingPage div#currency a#euro { display: block; width: 26px; height: 26px; float: left; background: url(../img/iR/euro.gif) no-repeat top;}
		div#pricingPage div#currency a#euro:hover { background-position: bottom; }
	
	div#pricingPage div#boxes h2 { font-size: 3.4em; color: #FFFFFF; margin-bottom: 0; }
	div#pricingPage div#boxes h3 { font-size: 1.8em; color: #FFFFFF; margin-bottom: 0; }	
	div#pricingPage div#boxes h4 { font-size: 1.4em; color: #FFFFFF; margin-bottom: 0; }	
	div#pricingPage div#boxes p { color: #FFFFFF; text-align: center; margin-top: 5px; font-size: 1.1em; font-weight: bold; }		
	
	div#pricingPage a.offer { text-decoration: none; color: #000; display: block; width: 155px; height: 46px; padding: 20px 0 0 45px; font-size: 2.2em; background: url('../img/iR/offer_butt_trans.png') no-repeat top; }
	
	div#pricingPage div#currency p { margin-top: 5px; margin-bottom: 0; float: left; margin-right: 10px; color: #666666!IMPORTANT; font-size: 2em;}
	div#pricingPage div#currency a { margin-left: 5px; }
	div#pricingPage div#currency a.active { background-position: bottom!IMPORTANT;  }
	
	div#pricingPage div#boxes div#left { width: 214px; height: 376px; margin-top: 24px; padding: 15px 0 0 0; float: left; background: url(../img/bg/pricing_left_tall.jpg) no-repeat; }
		div#pricingPage div#boxes div#left h2 { margin-top: 10px; margin-bottom: 50px; }
		div#pricingPage div#boxes div#left h3 { margin-bottom: 30px; }
		div#pricingPage div#boxes div#left p { padding: 0 15px; margin-bottom: 38px; @margin-bottom: 44px;}
		div#pricingPage div#boxes div#left a.offer { margin-left: 10px; margin-top: -8px; @ margin-top: 10px;}
	
	div#pricingPage div#boxes div#centreLeft { width: 215px; height: 376px; margin-top: 24px; margin-left: 1px; padding: 15px 0 0 0; float: left; background: url(../img/bg/pricing_left_centre_tall.jpg) no-repeat; }
		div#pricingPage div#boxes div#centreLeft h2 { margin-top: 10px; font-size: 3.2em; }
		div#pricingPage div#boxes div#centreLeft h3 { margin-bottom: 10px; @margin-bottom: 25px;}
		div#pricingPage div#boxes div#centreLeft h4 { margin-bottom: 0px;}
		div#pricingPage div#boxes div#centreLeft p { padding: 0 10px; }
		div#pricingPage div#boxes div#centreLeft a.offer { margin-left: 10px; margin-top: -10px; }
		
	div#pricingPage div#boxes div#centreRight { width: 258px; height: 421px; padding: 15px 0 0 0; float: left; background: url(../img/bg/pricing_right_centre_tall.jpg) no-repeat; }
		div#pricingPage div#boxes div#centreRight h2 { margin-top: 30px; font-size: 3.8em; }
		div#pricingPage div#boxes div#centreRight h3 { margin-bottom: 15px; @margin-bottom: 32px; font-size: 2.2em;}
		div#pricingPage div#boxes div#centreRight h4 { margin-bottom: 1px;}
		div#pricingPage div#boxes div#centreRight p { padding: 0 15px; margin-bottom: 15px; @ margin-bottom: 20px;}
		div#pricingPage div#boxes div#centreRight a.offer { margin: -22px auto 0 auto; }
	
	div#pricingPage div#boxes div#right { width: 215px; height: 376px; margin-top: 24px; padding: 15px 0 0 0; float: left; background: url(../img/bg/pricing_right_tall.jpg) no-repeat; }
		div#pricingPage div#boxes div#right h2 { margin-top: 10px; font-size: 3.2em; }
		div#pricingPage div#boxes div#right h3 { margin-bottom: 10px; @margin-bottom: 25px;}
		div#pricingPage div#boxes div#right h4 { margin-bottom: 0px;}
		div#pricingPage div#boxes div#right p { padding: 0 15px; }
		div#pricingPage div#boxes div#right a.offer { margin-left: 5px; margin-top: -10px; }
	


		div#pricingPage a.offer:hover { background-position: bottom; }

div#pricingPage h2 { font-size: 1.6em; font-weight:bold; color: #333333; margin:0 0 0 0; }
div#pricingPage p { margin-bottom: 20px; }

div#pricingPage div#secondTitle { margin-left: 20px; }

div#pricingPage div#contentLeft { width: 420px; padding: 15px; float: left;}
div#pricingPage div#contentRight { width: 420px; padding: 15px; float: left;}
div#pricingPage div#contentBottom { width: 910px; padding: 0 15px; }
div#pricingPage div#contentBottom p.nomargin { margin-bottom: 0; }

div#pricingPage #servicesBox { width: 885px; padding: 10px; border: 1px solid #999999; clear: both; margin-top: 20px;}

div#pricingPage #servicesBox ul { margin-left: 20px; width: 885px; margin-bottom: 20px; }
div#pricingPage #servicesBox ul li { float: left; width: 48%; font-size: 1.6em; margin: 5px auto; }

div#pricingPage #servicesBox a#supportbutt { text-decoration: none; color: #000; display: block; width: 307px; height: 25px; padding: 18px 0 0 100px; font-size: 2.3em; background: url('../img/iR/support_long.gif') no-repeat top; clear: both; }
div#pricingPage #servicesBox a#supportbutt:hover{ background-position: bottom; }

/* =================== Showcase Page  ====================== */
div#showcaseContainer { width: 910px; min-height: 800px; background: url('../img/bg/showcase.jpg') no-repeat #000000; border: 5px solid #FCC816; border-width: 5px 5px 0 5px; padding: 15px; }
	div#showcaseContainer h1 { color: #FFFFFF; text-align: center; font-size: 5em; }
	div#showcaseContainer p { color: #FFFFFF; text-align: center; }
	div#showcaseContainer a { color: #FFFFFF; text-decoration: underline; }
	div#showcaseContainer a#offer { margin: 0 auto; text-decoration: none; color: #000; display: block; width: 247px; height: 42px; padding: 16px 0 0 70px; font-size: 2.3em; background: url('../img/iR/button_black.gif') no-repeat top;  }
	div#showcaseContainer a#offer:hover { background-position: bottom; }
		
div#showcaseContainerBtm { width: 950px; height: 12px; background: url('../img/bg/container_btm_black.gif') no-repeat; }
	div#showcaseVideo { width: 533px; height: 345px; margin: 115px auto 220px auto; @ margin-top: 128px; background: #000000; }


/* =================== Services Page  ====================== */
div.servicesPage { position: relative; width: 870px; border-bottom: 1px dotted #CCC; margin: 0 0 15px 0; padding: 10px 20px; }
div.servicesPage h1 { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 4.3em; color: #333; font-weight: lighter; }
div.servicesPage h2 { width: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #333; font-weight: lighter; }
div.servicesPage span#buck_img { position: absolute; top: 30px; right: 50px; display: block; background: url('../img/misc/pushup.jpg') no-repeat; width: 213px; height: 200px; }
div.servicesPage a#contact { margin: 20px 0 30px 0; width: 231px; height: 43px; background: url('../img/iR/contact_support.gif') no-repeat; }
div.servicesPage a#contact:hover { background-position: bottom; }
div.servicesPage div#leftColumn { float: left; width: 400px; margin: 0 0 -20px 0; }
	div.servicesPage div#rightColumn { float: right; width: 400px; margin: 0 0 -20px 0; }
	div.servicesPage h3 { margin: 0 0 10px 0; padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }	
	div.servicesPage  p { margin: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; font-weight: lighter; }



/* =================== About Us Page  ====================== */ 
div#aboutPage div#columnRight h1 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 4.3em; color: #333; font-weight: lighter; width: 680px; }
div#aboutPage div#columnRight h1 { margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 4.3em; color: #333; font-weight: lighter; width: 680px; }
div#aboutPage div#columnRight p.subheading { margin: 10px 0 10px 0; width: 695px; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #333; font-weight: lighter; line-height: 1.2em; }
div#aboutPage div#columnRight { float: right; margin: 0 0 0 15px; width: 695px; }

div#aboutPage div#columnRight div.box { width: 675px; padding: 10px; border: 1px solid #CCCCCC; margin: 10px auto; }
	div#aboutPage div#columnRight div.box ul { width: 190px; margin: 10px 30px 10px 0;  float: left}
		div#aboutPage div#columnRight div.box li { width: 190px;  height: 50px; vertical-align: top; margin: 10px 10px 0 20px; font-size: 1.2em; }

.aboutUsBuck { margin-right: 50px; }

div#topBox { width: 500px; float: left; }

/* ========= Flickr ========= */
div#flickrFeed ul { list-style: none;  }
    div#flickrFeed ul li a img { display: inline-table; width: 75px; height: 75px; border: none; margin: 0 5px 5px 0; }
	div#flickrFeed ul li { float: left; }
	
	
	/* =================== Investors Page  ====================== */
	div.investorContainer { width: 685px; border: 1px solid #CCCCCC; padding-right: 10px; margin: 10px 0;}
		div.investorContainer h3 { margin-top: 20px; }
		div.investorContainer img { float: left; margin-right: 20px; }
		
	/* =================== Careers Page  ====================== */
	
	div#careersPage h1 { font-size: 4.8em; margin-bottom: 20px; }
	div#careersPage h3 { margin-bottom: 10px; }
	div#careersPage p.subheading { margin: 0 10px 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #333; font-weight: lighter; line-height: 1.2em; }

/* ========= Buzz ========= */
div#feeds ul { list-style: none; }
div#feeds ul li { margin: 0 0 20px 0; border-bottom: 1px dotted #CCC; padding: 0 0 20px 0; }
div#feeds ul li h3 { text-align: left; margin: 0 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }
div#feeds ul li p.meta { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; }
div#feeds ul li p img { border: none; float: left; height: auto; width: 178px; max-width: 178px; width: expression(this.width > 178 ? 178: true); margin: 0 15px 0 0; }
div#feeds ul li p a { font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: underline; }
	div#feeds ul li p a:hover { text-decoration: none; }
	div#feeds ul li p a.external { font-weight: bold; }
div#feeds ul li p span.category a { z-index: 100; position: absolute; top: 0; left: 0; background: #FCC816; padding: 5px 10px; color: #111; font-size: 1.1em; font-weight: bold; text-decoration: none; }
	div#feeds ul li p span.category a:hover { text-decoration: underline; }

/* =================== Contact Pages  ====================== */
div#contactInfo div.columnLeft { width: 290px; float: left; }
	div#contactInfo div.columnLeft h3 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #333; font-weight: lighter; }
	div#contactInfo div.columnLeft ul { list-style: none; width: 290px; }
		div#contactInfo div.columnLeft ul li { float: left; width: 50%; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; }
		div#contactInfo div.columnLeft p { margin: 0; padding: 0 0 5px 0; }
		div#contactInfo div.columnLeft p a { color: #666; text-decoration: underline; }
			div#contactInfo div.columnLeft p a:hover { text-decoration: none; }
		
		div#contactInfo div.columnLeft div#social { margin: 15px 0 10px -2px; }
		div#contactInfo div.columnLeft div#social a { margin: 10px 0; }
		div#contactInfo div.columnLeft div#social a#twitter { width: 260px; height: 45px; background: url('../img/iR/follow_twitter.gif') no-repeat; }
		div#contactInfo div.columnLeft div#social a#facebook { width: 260px; height: 45px; background: url('../img/iR/fan_facebook.gif') no-repeat; }
		div#contactInfo div.columnLeft div#social a#skype { width: 260px; height: 45px; background: url('../img/iR/chat_skype.gif') no-repeat; }
		
		div#contactInfo div.columnLeft div#social a:hover { background-position: bottom!important; }
		
div#contactInfo div.columnRight { margin: 20px 0 0 10px; height: 443px; width: 382px; float: right; border: 1px solid #CCC; padding: 5px;}
div#contactInfo div.columnRight div#googleMap { background: url('../img/bg/contact_map.gif') no-repeat; width: 382px; height: 443px; }

div#columnRight div.divider { padding-bottom: 20px!important; margin: 0 0 25px 0!important; }
div#columnRight h3 { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 2.2em; color: #333; font-weight: lighter; margin-top: 10px; }
div#columnRight h2.careers { margin: 10px -10px 0 0!important; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }
	div#columnRight h2.careers a { color: #333; text-decoration: underline; }
		div#columnRight h2.careers a:hover { text-decoration: none; }

div#columnRight form { margin: 0; padding: 15px; border: 1px solid #CCC; width: 663px; }
div#columnRight form table { width: 663px; margin: 0; padding: 0; }
	div#columnRight form table td.col1 { padding: 0 0 0 0; }
	div#columnRight form table td.col1 img { margin: 7px 50px 0 0; float: right; }
	div#columnRight form table td { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; }
	div#columnRight form table tbody { position: relative; }
	div#columnRight form table tfoot td { padding: 10px 0 0 0!important; }

		div#columnRight form table td input.text { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; margin: 3px 0 10px 0; border: none; background: #F0EEEF; padding: 5px; width: 220px; }
		div#columnRight form table td input.file  { width: 220px!important; }
		div#columnRight form table td input.check { margin: 0 10px 0 0; }
		div#columnRight form table td select { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; margin: 3px 0 10px 0; border: none; background: #F0EEEF; padding: 5px; width: 220px;}
		div#columnRight form table td textarea { margin: 3px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666; border: none; background: #F0EEEF; padding: 5px; width: 577px; height: 185px; }
		div#columnRight form table td a#submit { margin: 0 0 0 -3px; width: 87px; height: 44px; background: url('../img/iR/submit.gif') no-repeat; }
		div#columnRight form input.button { margin: 0 0 0 -3px; width: 87px; height: 44px; background: url('../img/iR/submit.gif') no-repeat; border: 0; }
			

		div#columnRight form table td img { margin: 7px 0 0 0; float: right; }
		div#columnRight form table td label { font-weight: bold; }
		div#columnRight form table td.marginBtm { padding: 0 0 70px 0!important }

/* =================== Knowledge Base Page  ====================== */

form#kbForm { width: 655px; border: 1px solid #CCCCCC; padding: 10px 20px; }

/* ========= Login ========= */

div#loginBg { width: 910px; height: 329px; margin: 0 0 -20px 0; background: url('../img/bg/login.jpg') no-repeat; }
	div#loginBg p { color: #FFFFFF; }
	div#loginBg div#columnLeft{ margin: 0; padding: 10px 0 0 0; float: left; width: 560px; text-align: right; }
	div#loginBg div#columnRight { margin: 0; padding: 10px 0 0 0; float: right; width: 348px; }
		div#loginBg div#columnRight h3 { font-family: Arial, Helvetica, sans-serif; font-size: 2.2em; color: #FCC816; font-weight: lighter; }
		div#loginBg div#columnRight form { border: none; width: 323px; margin: 0; padding: 0; }
		div#loginBg div#columnRight form p label { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #FFF; }
		div#loginBg div#columnRight form p input { margin: -10px 0 0 0; border: none; width: 285px; padding: 5px; }
		div#loginBg div#columnRight form p a { font-family: Arial, Helvetica, sans-serif; color: #FCC816; text-decoration: none; }
			div#loginBg div#columnRight form p a:hover { text-decoration: underline; }
			div#loginBg div#columnRight form p a#loginSubmit { width: 79px; height: 37px; background: url('../img/iR/loginSubmit.gif') no-repeat; }
				div#loginBg div#columnRight form p a#loginSubmit:hover { background-position: bottom; }



div#columnLeft div.blackBox { width: 200px; background: #282828; margin: 20px auto; position: relative; }
div#columnLeft div.blackBox span.buck { display: block; width: 70px; height: 150px; background: url('../img/bg/questionBuck.png') no-repeat; top: -13px; right: 10px; position: absolute; }
div#columnLeft div.blackTop { background:transparent url('../img/bg/sideMenu_top.png') no-repeat scroll 0 0; height:10px; }
div#columnLeft div.blackBottom { background:transparent url('../img/bg/sideMenu_btm.png') no-repeat scroll 0 0; height:10px; }
    div#columnLeft div.blackBox h3 { text-align: left; margin: 0; font-size: 1.7em; padding: 3px 10px; line-height: 1em; color: #EEEEEE; margin-bottom: 0;}
    div#columnLeft div.blackBox p { padding: 5px 10px; line-height: 1.2em; color: #EEEEEE;}
    div#columnLeft div.blackBox input { margin: 5px auto 5px 10px; }
    div#columnLeft div.blackBox p a { color: #FCC816; text-decoration: none; }
    div#columnLeft div.blackBox p a:hover { color: #FCC816; text-decoration: underline; }
    div#columnLeft div.blackBox p a:visited { color: #FCC816; text-decoration: none; }
    div#columnLeft div.blackBox a#chatNow { margin: 5px auto 30px 7px; display: block; width: 110px; height: 45px; background: url('../img/iR/chat_now.gif') no-repeat; }
        div#columnLeft div.blackBox a#chatNow:hover { background-position: bottom; }



div#loginBg div#columnLeft div.blackBox { width: 200px; background: #282828; margin: 20px 50px 20px auto; float: right; }
div#loginBg div#columnLeft div.blackTop { background:transparent url(../img/bg/sideMenu_top_black.png) no-repeat scroll 0 0; height:10px; }
div#loginBg div#columnLeft div.blackBottom { background:transparent url(../img/bg/sideMenu_btm_black.png) no-repeat scroll 0 0; height:10px; }
	div#loginBg div#columnLeft div.blackBox h3 { font-size: 1.7em; padding: 0 10px; line-height: 1em; color: #EEEEEE; margin-bottom: 0;}
	 div#loginBg div#columnLeft div.blackBox p { padding: 5px 10px; line-height: 1.2em; color: #EEEEEE;}
	
	div#columnLeft div.blackBox input { margin: 5px auto 5px 10px; }
	
	div#columnLeft div.blackBox a { color: #FCC816; text-decoration: none; }
	div#columnLeft div.blackBox a:hover { color: #FCC816; text-decoration: underline; }
	div#columnLeft div.blackBox a:visited { color: #FCC816; text-decoration: none; }	
	
	div.blackBox div.newsFeed { margin: 10px auto; padding: 0 10px; height: auto; text-align: left; }
		div.blackBox div.newsFeed { font-size: 0.9em; }
			div.blackBox div.newsFeed h5 { font-size: 2.2em; color: #333; font-style: normal; font-weight: normal; text-align: left; color: #FFFFFF; }
			div.blackBox div.newsFeed p { padding: 0; }
			
			div.blackBox div.newsFeed a { text-decoration: underline; color: #666; font-weight: bold; }
			div.blackBox div.newsFeed a:visited { text-decoration: underline!IMPORTANT; }
			div.blackBox div.newsFeed ul { list-style: none; margin: 10px 0 0 0; }
				div.blackBox div.newsFeed ul li { font-size: 1.1em; font-weight: bold; color: #666; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }
				div.blackBox div.newsFeed ul li span { color: #999; }
				div.blackBox div.newsFeed ul li a { text-decoration: underline; color: #666; }
					div.blackBox div.newsFeed ul li a:hover { text-decoration: none; }		

/* ========= Video Tour ========= */
div#videoTourPage { width: 550px; margin: 0 auto; }
	div#videoTourPage div#videoTour { width: 533px; height: 345px; margin: 0 auto; }
	div#videoTourPage div#videoTourText { padding-top: 30px; text-align: center; color: #FFFFFF; font-size: 2.8em; }
	div#videoTourPage div#videoTourText a { color: #FCC816; text-decoration: none; }
	div#videoTourPage div#videoTourText a:hover { text-decoration: underline; }

/* ========= Press Pack ========= */
div#presspackPage { width: 870px; padding: 10px 20px; font-size: 1.1em; color: #666666; margin: 0 auto; }
	div#presspackPage h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #333; font-weight: lighter; }
	div#presspackPage hr { width: 870px; }
	
	div#presspackPage div.contentCell { width: 870px; margin-bottom: 15px; }
		div#presspackPage div.contentLeft { float: left; width: 425px; margin-right: 10px; }
		div#presspackPage div.contentRight { float: right; width: 425px; }
	
	div#presspackPage div.contentBottCol { float: left; width: 220px; margin-right: 10px; }
		div#presspackPage div.contentBottCol p { padding: 0; margin: 3px 0; font-size: 1em;}
	
	div#presspackPage div.imgSurround { width: 200px; padding: 5px; margin-right: 10px; background-color: #E7E2E4; float: left; text-align: center; }
		div#presspackPage div.imgSurround p { padding: 0; }
		div#presspackPage div.imgSurround img {margin: 0 auto; }
/* ========= Legal ========= */
div#legal { width: 870px; margin: 0 0 15px 0; padding: 10px 20px; }
	div#legal h1 { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 4.3em; color: #333; font-weight: lighter; }
	div#legal h3 { margin: 0 0 10px 0; padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #333; font-weight: lighter; }	
		div#legal h3 a { text-decoration: none; color: #333; }
			div#legal h3 a:hover { text-decoration: underline; }
	div#legal p { margin: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; font-weight: lighter; }
		div#legal p a { margin: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: underline; }
			div#legal p a:hover { text-decoration: none; }
	div#legal ul { list-style: none; margin: 0 0 10px 0; }
		div#legal ul li { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #666; font-weight: lighter; padding: 0 0 5px 0; }


/* ========= Important Classes ========= */
input.btnReplace { visibility: hidden; }
img.btnReplace { cursor: pointer; }

.rightImg { float: right; margin-left: 20px; margin-bottom: 20px; }
.leftImg { float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 3px; }

.tenBottom { margin-bottom: 10px!IMPORTANT; }
.twentyBottom { margin-bottom: 20px!IMPORTANT; }
.thirtyBottom { margin-bottom: 30px!IMPORTANT; }

.tenLeft { margin-left: 10px!IMPORTANT; }
.twentyLeft { margin-left: 20px!IMPORTANT; } 

.orange { color: #FCC816!IMPORTANT; }
.red { color: #FF0000!IMPORTANT; }

.inlineImg { display: inline; vertical-align: middle; }

.hidden { display: none; }

.clear { clear: both; }
.fLeft { float: left; }
.fRight { float: right; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.tCentre { text-align: center; }
.vTT { vertical-align: text-top; }
.cLeft { clear: left; }
.noMargin { margin: 0!important; }
.noBorder { border: none!important; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}
.clearfix { display: inline-block; }  /* for IE/Mac */


/* ========= IE Fixes ========= */
* + html div#tabbedContainer div { display: none; margin: 15px 0 20px 0; }
* + html div#tabbedContent div#menu ul#tab li a.active span.btm { position: absolute; margin: 0 auto; bottom: -12px; width: 100%; text-align: center; height: 82px; background: url('../img/bg/tab_bg_btm.gif') no-repeat bottom center; }
* + html div#tabbedContent { border: 1px solid #CCC; margin: 0 0 20px 0; padding: 0; }
* + html div#carousel ul li div.popup ul.options li { margin: -1px 0 0 0; width: 49%; font-size: 1.1em; text-align: left; padding: 6px 0 19px 0; }
* + html div#tabbedContainer p { width: 780px; font-size: 1.8em; color: #666; padding: 20px 0px 50px 110px; background: url('../img/megaphone.gif') no-repeat 20px 20px;  }



#one-column-emphasis
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 10px;
	text-align:center;
	width: 150px;
	color: #333333;
}
#one-column-emphasis td
{
	padding: 10px 10px;
	color: #333333;
	width: 150px;
	border-top: 1px solid #CCCCCC;
}
#one-column-emphasis h3
{
text-align:center;
	
}
.oce-free
{
	background: #FFCC00;
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	
}
.oce-freetitle
{
font-size:24px;
font-weight:bold;
background-color: #FFCC00;
text-align:center;
}
.oce-row
{
font-weight:bold;
text-align:left;

}
#one-column-emphasis table col:hover

{
	color: #339;
	background: #eff2ff;
}

.oce-tariff
{
text-align:center;
font-weight:bold;
}