html, body {
    margin:0;
    padding:0;
}

body {
    font-family: 'Century Gothic', Helvetica, Sans-Serif;
    font-size: 14px;
    background:#fff;
    margin:0;
}

ul, ol {
}

.blue {
	color:#5bbcdc;
}

.purple {
	color:#ae2fca;
}

.green {
	color:#a4cd48;
}

.white {
	color:#FFF;
}

.black {
	color:#000;
}

.dark_grey {
	color:#252525;
}

.light_grey {
	color:#6f6d6f;
}

textarea, input, select {
    font-family: arial, Trebuchet MS, Helvetica, sans-serif;
}

.transparentness {
	filter:alpha(opacity=89);
	-moz-opacity:0.89;
	-khtml-opacity:0.89;
	opacity:0.89;
}

.error {
	color:red;
}

label {
	font-family: arial;
	color:#252525;
	font-size:13px;
}

*html img { /* Enables all png images to have transparency - for IE6 */
	behavior:url(js/iepngfix.htc);
}

.clear {
	clear:both;
}

.content_row {
	position:relative;
	float:left;
	width:100%;
}

.spacer {
    float:left;
    width:100%;
    height:30px;
}

a.normalLink:link, a.normalLink:visited, a:link, a:visited {
    color:#252525;
}

a.normalLink:hover, a:hover, a#actv {
    color:#6f6d6f;
    text-decoration:none;
    outline: 0;
}

a.blueLink:link, a.blueLink:visited {
    text-decoration:none;
    color:#0993ab;
}

a.whiteLink:link, a.whiteLink:visited {
	color:white;
}

a.whiteLink:hover {
    color:#ae2fca;
    text-decoration:none;
}

a.purpleLink:link, a.purpleLink:visited {
    color:#ae2fca;
}

a.purpleLink:hover {
	color:white;
    text-decoration:none;
}

h1 {
	font-size:26px;
	font-weight:normal;
}

h2 {
	font-size: 20px;
	font-weight:normal;
}

h2.more {
	font-size:18px;
	color:#6F6D66;
	text-align:center;
	margin:0;
	padding:0;
}

h3 {
  	font-size: 16px;
	font-weight:normal;
}

a.underlinedLink:link, a.underlinedLink:visited {
	color:#0993ab;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

a.underlinedLink:hover {
	text-decoration:none;
    outline: 0;
}

.shadow {
	text-shadow:black 2px 2px 2px;
	filter:Shadow(Color=#000,Direction=135,Strength=1);
}

/** structure **/

#page {
	overflow:hidden;
}

div.mid {
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

div.mid_narrow {
	width:874px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

*+html div.mid {
	margin-left:auto;
    margin-right:auto;
}

*html div.mid {
	margin-left:auto;
    margin-right:auto;
}

#top_long {
	background:url(../images/content/bg.png) repeat-x;
	min-height:790px;
	width:100%;
	float:left;
}

#top_long_special {
	background:url(../images/content/bg.png) 0 -500px repeat-x;
	min-height:400px;
	width:100%;
	float:left;
}

#top_short {
	background:url(../images/content/about/bg.png) repeat-x;
	min-height:479px;
	width:100%;
	float:left;
}

#top_pro {
	background:url(../images/content/bg_pro.png) repeat-x;
	min-height:821px;
	width:100%;
	float:left;
}

#strapline {
	float:left;
	width:100%;
	text-align:center;
}

#strapline h2 {
  	font-size: 32px;
	margin:9px 0 0 0;
	font-weight:normal;
	padding-bottom:0;
}

#breadcrumb {
	float:left;
	width:100%;
	color:white;
	height:15px;
}

*html #breadcrumb {
	z-index:100;
}

#breadcrumb a:link, #breadcrumb a:visited {
	color:white;
	text-decoration:underline;
}

#breadcrumb a:hover {
	text-decoration:none;
    outline: 0;
}

#breadcrumb img {
	vertical-align:middle;
	width:6px;
	height:12px;
}

#btm {
	background:#fff;
	min-height:31px;
	width:100%;
	position:relative;
	float:left;
}

#spotlight {
	background:url(../images/content/slider/spotlight.png) center 0 no-repeat;
	width:100%;
	height:573px;
	position:absolute;
	top:45px;

}

#logo_wrapper {
    width:697px;
    height:120px;
    margin:20px auto 0 auto;
	position:relative;
}

#logo_wrapper_special {
    width:697px;
    margin:0 auto 0 auto;
}

#special_intro p {
	text-align:center;
	color:white;
	margin:30px 0 0 0;
	padding:0;
	line-height:22px;
}

#logo {
    width:697px;
    height:80px;
    background:url(../images/content/logo.png) no-repeat;
    color:white;
}

#logo_wrapper h1 {
	text-align:center;
	margin:-5px 0 0 0;
	padding:0;
	font-style:italic;
	font-size:23px;
	position:relative;
	color:white;
}

#logo_wrapper p {
	position:relative;
	text-align:center;
	font-size:15px;
	color:white;
	margin:5px 0 0 0;
	padding:0;
}

*html #logo {
	behavior:url(js/iepngfix.htc);
}

#datetime {
	float:right;
}

#copyright {
	width:150px;
	text-align:right;
	color:#252525;
	position:absolute;
	bottom:10px;
	right:0;
}

#aska_stamp {
	margin:5px 0;
}

#footer_text_wrapper {
	width:100%;
	float:left;
}

#footer_text {
	width:550px;
	margin:0 auto;
}

/******************* navvy things ******************/

/** main menu **/


#top_menu {
    margin:0;
}

#top_menu ul {
	float:right;
	margin:0;
	padding:0;
}

*html #top_menu {
	width:980px;
}

*html #top_menu ul {
}

*+html #top_menu {
	width:980px;
	overflow:hidden;
}

#top_menu li {
    display:inline;
    padding:0px 0 8px 0;
    width:2px;
}

a.mainmenu:link, a.mainmenu:visited {
    color:#797676;
    font-size:14px;
    padding:0px 10px 2px 10px;
    text-decoration:none;
    font-weight:normal;
}

a.mainmenu:hover, a.mainmenu#active {
    color:#fff;
    outline: 0;
}

/** btm menu **/

#btm_menu {
    float:left;
	width:840px;
}

#btm_menu ul {
    float:right;
	margin:0;
	padding:0;
}

#btm_menu li {
	display:inline;
	text-align:center;
}

a.btmmenu:link, a.btmmenu:visited {
    color:black;
    font-size:14px;
    line-height:26px;
    text-decoration:none;
}

*+html a.btmmenu:link, *+html a.btmmenu:visited, *+html a.btmmenu#active {
    line-height:46px;
}

*html a.btmmenu:link, *html a.btmmenu:visited, *html a.btmmenu#active {
    line-height:46px;
}

a.btmmenu:hover, a.btmmenu#active {
    color:#ae2fca;
    outline: 0;
}

/** buttons */

.black_but {
    float:left;
    cursor:pointer;
    margin:5px 0;
}

*html .black_but {
	position:relative;
}

.black_but_mid {
    float:left;
    color:white;
    text-align:center;
}

.black_but_left {
    float:left;
    height:39px;
    width:3px;
    background:url(../images/content/button_left.jpg) no-repeat;
}

.black_but_mid {
    height:39px;
    background:url(../images/content/button_bg.jpg) repeat-x;
    font-size:16px;
    line-height:36px;
    padding:0 7px;
}

.black_but_right {
    float:left;
    height:39px;
    width:3px;
    background:url(../images/content/button_right.jpg) no-repeat;
}

.black_but_twitter {
    float:left;
    height:39px;
    width:55px;
    background:url(../images/content/twitter_button_right.jpg) no-repeat;
}

*html .black_but_mid {
	overflow:hidden;
}

/** content **/

#recommend {
	width:42px;
	height:234px;
	cursor:pointer;
	background:url(../images/content/recommend_a_friend.png) no-repeat;
	position:fixed;
	top:250px;
	left:0;
}

*html #recommend {
	behavior:url(js/iepngfix.htc);
}

#checkout {
	width:32px;
	height:211px;
	cursor:pointer;
	background:url(../images/content/check_out_our_sites.png) no-repeat;
	position:fixed;
	top:275px;
	left:0;
}

*html #checkout {
	behavior:url(js/iepngfix.htc);
}

#content {
	float:left;
	width:100%;
	margin:5px 0 50px 8px;
	overflow:hidden;
}

#content_narrow {
	width:874px;
	margin:0 auto;
	overflow:hidden;
}

#site_grid {
	margin:0;
}

#grid {
	float:left;
	width:980px;
}

#grid .grid_row {
	height:209px;
	float:left;
	width:100%;
	margin:3px 0;
}

#grid .grid_item {
	float:left;
	margin:0 3px;
}

#grid .grid_item img {
	width:233px;
	height:160px;
}

#grid .grid_item h4 {
	text-align:center;
	font-weight:normal;
	font-size:16px;
	margin:0;
	padding:0;
}

 #grid a.grid_link:link, #grid a.grid_link:visited, #grid a.grid_link:hover {
 	text-decoration:none;
	color:#252525;
 }

.lightbox-table {
	border:0px;
	width:100%;
	height:100%;
}
.lightbox-content {
	width:962px;
	height:490px;
	margin:0 0 0 -25px;
	border:1px solid #21201e;
	background:#21201e;
	padding:17px 10px 10px 10px;
	position:relative;
	overflow:hidden;

}

.lightbox-inner {
	background:#21201e;
	width:100%;
	height:100%;
	text-align:left;
}

.lightbox-inner p {
	padding:10px 20px;
}

.lightbox-inner h2 {
	margin:20px 0 0 0;
	text-align:center;
}

.close-icon {
	position:absolute;
	top:2px;
	right:2px;
}

.close-icon:hover {
	cursor:pointer;
}

#loading h1 {
	font-weight:bold;
	color:white;
	font-size:28px;
}

.lightbox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:5px;
	overflow:hidden;
	z-index:100;
	background:url(../images/content/lightbox.png);
	display:none;
}

.lightbox_wrapper {

}

#en, #rs, #fa, #wl, #cc, #aa, #ab, #nu, #vt, #vf, #pt, #mc, #dm, #pb, #te, #hd, #lc, #cf, #wp, #gd {
	display:none;
}

#top_en, #top_rs, #top_fa, #top_wl, #top_cc, #top_aa, #top_ab, #top_nu, #top_vt, #top_vf, #top_pt, #top_mc,
#top_dm, #top_pb, #top_te, #top_hd, #top_lc, #top_cf, #top_wp, #top_gd {
	position:absolute;
	top:10;
	left:10px;
}

#en h2, #en h3, #en span, span.en {
	color:#ea71cc;
}

#rs h2, #rs h3, #rs span {
	color:#59C2CC;
}

#fa h2, #fa h3, #fa span {
	color:#54b750;
}

#wl h2, #wl h3, #wl span {
	color:#60b9d3;
}

#cc h2, #cc h3, #cc span {
	color:#4fc2da;
}

#aa h2, #aa h3, #aa span {
	color:#e92737;
}

#vf h2, #vf h3, #vf span {
	color:#ce9bd8;
}

#mc h2, #mc h3, #mc span {
	color:#668ee6;
}

#nu h2, #nu h3, #nu span {
	color:#81ab3f;
}

#vt h2, #vt h3, #vt span {
	color:#70863f;
}

#ab h2, #ab h3, #ab span {
	color:#eda721;
}

#pt h2, #pt h3, #pt span {
	color:#6dc3e2;
}

#dm h2, #dm h3, #dm span {
	color:#CF2430;
}

#pb h2, #pb h3, #pb span {
	color:#4A5CA6;
}

#te h2, #te h3, #te span {
	color:#43AAB1;
}

#hd h2, #hd h3, #hd span {
	color:#704C6D;
}

#lc h2, #lc h3, #lc span {
	color:#7CB136;
}

#cf h2, #cf h3, #cf span {
	color:#D57F23;
}

#wp h2, #wp h3, #wp span {
	color:#B8AEC2;
}

#gd h2, #gd h3, #gd span {
	color:#7FB74F;
}

.content_left {
	float:left;
}

.content_left img {
	width:686px;
	height:490px;
}

.content_right {
	width:250px;
	margin-left:10px;
	float:left;
}

.content_right h2 {
	text-align:left;
	margin:0 0 20px 0;
	padding:0;
}

.content_right p {
	color:#dfdbce;
	font-size:13px;
	padding:0;
}

.content_top {
	float:left;
	font-size:20px;
	color:white;
	margin-top:40px;
}

.content_top h1 {
	font-size:20px;
	text-align:center;
}

.content_top h2 {
	color:white;
	font-size:26px;
	margin:30px 0 0 0;
	padding:0;
}

.content_top p {
	color:white;
	margin:0;
	padding:0;
}

.content_btm {
	float:left;
	width:100%;
	margin:50px 0 0 0;
}

.content_btm p {
	font-size:14px;
}

.content_btm b {
	font-size:15px;
}

#mrmrs {
	width:550px;
	height:600px;
	float:left;
	margin:30px 0 0 0;
	position:relative;
}

#mrmrs h3 {
	margin:0;
	padding:0;
	font-size:15px;
}

#uppity {
	position:absolute;
	top:5px;
	left:5px;
	color:#be1e26;
	text-align:center;
	cursor:pointer;
}

#worry {
	position:absolute;
	top:15px;
	left:135px;
	color:#d67911;
	cursor:pointer;
}

#late {
	position:absolute;
	top:0px;
	left:255px;
	color:#5bbcdc;
	cursor:pointer;
}

#shy {
	position:absolute;
	top:5px;
	left:385px;
	color:#924b8c;
	cursor:pointer;
}

#chatter {
	position:absolute;
	top:200px;
	left:5px;
	color:#936aa0;
	cursor:pointer;
}

#muddle {
	position:absolute;
	top:435px;
	left:15px;
	color:#294890;
	cursor:pointer;
}

#busy {
	position:absolute;
	top:455px;
	left:215px;
	cursor:pointer;
	color:#2797a3;
}

#nosey {
	position:absolute;
	top:415px;
	left:375px;
	color:#455928;
	cursor:pointer;
}

#greedy {
	position:absolute;
	top:205px;
	left:425px;
	color:#42883c;
	cursor:pointer;
}

#bubble {
	width:310px;
	height:310px;
	position:absolute;
	top:155px;
	left:105px;
	background:url(../images/content/about/miss_late_circle.png) no-repeat;
}

*html #bubble {
	behavior:url(js/iepngfix.htc);
}

#bubble p {
	color:white;
	width:220px;
	font-size:13px;
	margin:120px 0 0 45px;
}

#mrmrsp {
	float:left;
	margin:40px 0 0 0;
	width:290px;
}

img.image_right {
	text-align:left;
	float:right;
	margin:0 8px;
}

img.image_left {
	text-align:right;
	float:left;
	margin:20px 20px 0 0;
}

#experts {
	background:url(../images/content/request/expert.png) no-repeat;
	position:absolute;
	top:272px;
	right:45px;
	width:195px;
	height:504px;
}

label {
	color:white;
	font-size:16px;
}

input.request_input {
	font-size:24px;
    font-family: 'Century Gothic', Helvetica, Sans-Serif;
	width:450px;
	margin:0 0 10px 0;
	padding:2px;
}

input.input_name {
	font-size:24px;
    font-family: 'Century Gothic', Helvetica, Sans-Serif;
	width:250px;
	padding:2px;
}

input.contact_input {
	font-size:22px;
    font-family: 'Century Gothic', Helvetica, Sans-Serif;
	width:200px;
	padding:2px;
	margin:0 0 20px 0;
}

textarea.contact_message {
	font-size:22px;
    font-family: 'Century Gothic', Helvetica, Sans-Serif;
	width:440px;
	height:110px;
	padding:2px;
}

#check_computer {
	background:url(../images/content/contact/small_screen.png) no-repeat;
	position:absolute;
	top:450px;
	right:45px;
	width:388px;
	height:332px;
	cursor:pointer;
}

.retweet {
	width:80px;
	float:left;
	margin:10px 5px 5px 5px;
	color:#95cd3c;
}

.plusone {
	width:100px;
	float:left;
	margin:5px;
}

#live_wrapper {
	text-align:left;
	height:550px;
	width:100%;
}

#live_wrapper input.input_name {
	width:350px;
	margin:0 0 20px 0;
}

#live_wrapper h2 {
	font-size:26px;
	color:#ae2fca;
}

#competition {
	float:left;
	width:100%;
	position:relative;
	margin:20px 0 0 0;
}

#win_card {
	float:left;
	width:320px;
}

#win_card h1 {
	margin:0;
	padding:0;
}

#win_card p {
	margin:20px 10px;
}

#gift_card {
	position:absolute;
	top:50px;
	right:0;
	width:403px;
	height:439px;
	background:url(../images/content/competition/gift_card.png) no-repeat;
}

*html #gift_card {
	behavior:url(js/iepngfix.htc);
}

img#sticker {
	position:absolute;
	bottom:20px;
	right:15px;
	width:125px;
	height:124px;
}

*html #sticker {
	behavior:url(js/iepngfix.htc);
}

#competition #form_wrapper {
	background:#c8dc92;
	width:100%;
	padding:30px 0 20px 0;
	position:relative;
}

*html #competition h1 {
	margin-top:20px;
}

#form_wrapper label {
	font-size:14px;
	color:#252525;
}

#form_wrapper label.tcs {
	font-size:11px;
	color:#252525;
}

#form_wrapper input.short {
	font-size:16px;
	padding:2px;
	width:220px;
}

#form_wrapper input.vshort {
	font-size:16px;
	padding:2px;
	width:173px;
}

#form_wrapper input.long, #form_wrapper textarea.long {
	font-size:16px;
	padding:2px;
	width:270px;
}

#form_wrapper textarea.long {
	height:100px;
}

#add_friend {
	cursor:pointer;
}

#add_friend img {
	margin:10px 10px 0 0;
	vertical-align:bottom;
}

#terms li {
	color:white;
	margin:5px 0;
}

#woman {
	position:absolute;
	bottom:70px;
	right:50px;
	background:url(../images/content/competition/woman_jumping.png) no-repeat;
	width:65px;
	height:121px;
}

#privacy_dark {
	margin:50px 0 0 0;
	float:left;
	width:100%;
}

*+html #privacy_dark {
	margin:30px 0 0 0;
}

#privacy_dark h1 {
	color:#ae2fca;
}

#privacy_dark p {
	color:#fff;
}

#privacy_light {
	margin:40px 0 0 0;
	float:left;
	width:100%;
}

#privacy_dark h3, #privacy_light h3 {
	color:#ae2fca;
}

#login {
	position:absolute;
	bottom:0;
	right:0;
	font-size:14px;
	width:20px;
	height:20px;
	color:#fff;
}


/*** Overall FancyMoves Slider Styles ***/
.mb-wrapper {
  width: 900px; /* default, this is overridden by script settings */
  margin: 50px auto 0 auto;
  position: relative;
  left: 0;
  top: 0;
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
}



/*** Slider panel ***/
.mb-slider .mb-panel {
  width: 350px;  /* default, this is overridden by script settings */
  margin: 0;
  padding: 5px;
  display: block;
  cursor: pointer;
  float: left;
  list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
 cursor: auto;
}

/*** Inside the panel ***/
.mb-inside {
  padding: 10px;

}

.mb-inside * {
  max-width: 100%;
}

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
  display: block;
  width: 19px;
  height: 49px;
  background: transparent url(../images/content/slider/arrows.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
}
a.mb-scrollButtons.mb-left {
  background-position: left top;
  left: -25px;
}
a.mb-scrollButtons.mb-right {
  background-position: right top;
  right: -25px;
}
a.mb-scrollButtons.mb-left:hover {
  background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
  background-position: right bottom;
}


/*** Controls added below the panels ***/
.mb-controls {
  margin:-20px auto 0 auto;
  text-align: center;

  position: relative;
  z-index: 100;
}
.mb-controls a {
  color: #444;
  font-size:13px;
  display: inline;
  text-decoration: none;
  padding: 2px;
  height: 18px;
  margin: 0 5px 0 0;
  text-align: center;
  outline: 0;
}

.mb-controls a.current, .mb-controls a:hover {
  color: #fff;
}

/* panel images */
.mb-inside img {
  width: 100%;
}

#slider p {
	font-size: 16px;
	color: #FFF;
	position:relative;
	top:0;
	text-align:center;
	font-weight:bold;
	text-shadow: 0px 0px 2px #000;
}

#slider a:link, #slider a:visited {
	color:#ae2fca;
}

#slider a:hover {
	color:#5bbcdc;
}

.mb-inside a, .mb-inside a:visited {
	color:#0CF;
	text-decoration:none;
	font-size:13px;
}

.mb-inside a:hover {
	color:#fff;
	text-decoration:none;
	font-size:13px;
	cursor:pointer
}

/** end slider stuff **/

#launched {
	float:left;
	width:300px;
	margin-left:50px;
	margin-top:20px;
}

#coming_soon {
	width:600px;
	float:right;
}

#launched h2, #coming_soon h2 {
	font-size:20px;
	font-weight:bold;
}

#launched p, #coming_soon p {
	color:#252525;
	margin:0;
	padding:0;
	font-size:16px;
}

#launched ul, #coming_soon ul {
	color:#ae2fca;
	margin:10px 0;
	padding:0 0 0 20px;
}

#launched li {
	float:left;
	width:100%;
}

#launched a:link, #launched a:visited {
	color:#252525;
	font-weight:bold;
	text-decoration:none;
}

#launched a:hover {
	color:#6f6d6f;
}

#coming_soon li {
	float:left;
	width:33%;
}

#footer_sites {
	float:left;
	min-height:100px;
	position:relative;
	padding-bottom:80px;
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
}

/** our story stuff **/

.special_block {
	float:left;
	color:#282828;
	width:874px;
}

.special_block h1, .special_block h2, .special_block h3, {
	font-weight:bold;
	color:#282828;
}

.special_block p {
	color:#282828;
}

.special_block a:link, a:visited {
	color:#ae2fca;
}

.special_block a:hover {
	text-decoration:none;
}

ul.purple_tick {
	list-style-type:none;
	padding-left:10px;
}

*+html ul.purple_tick {
	padding:0;
	margin:0;
}

ul.purple_tick li {
	background:url(../images/content/pitch/tick_purple.png) no-repeat;
	text-indent:30px;
	margin:10px 0;
	font-size:18px;
	font-weight:bold;
}

h3.blackbar {
	font-size:30px;
	font-weight:bold;
	font-family:arial;
	color:white;
	line-height:50px;
	background:#252525;
	text-align:center;
}

.blackbox {
	background:url(../images/content/pitch/bg_box.png) repeat-x;
	height:125px;
	width:331px;
	padding:0 10px;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	bottom:0;
	right:-58px;
}

*+html .blackbox {
	padding-top:5px;
}

#prolinktop {
	position:absolute;
	left:197px;
	top:5px;
	width:250px;
	height:39px;
}

#prolinktop img {
	width:250px;
	height:39px;
}

#prolinkbar {
	position:absolute;
	width:956px;
	height:80px;
	top:745px;
	left:10px;
}

*+html #prolinkbar {
	margin-top:27px;
}

#prolinkbar img {
	width:956px;
	height:80px;
}


