/**
 * 	YUDU CSS
 *	
 *	pages: home
 *	media: all
 *
 *	@updated: 16/10/2008 
 *	@copyright: 2008 Flame Digital
 */
 
.home_container {
	background: #EEE;
	height: 100%;
	width: 1240px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	
}

.home_center {
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 0;
	width: 920px;
}

.home_left {
	float: left;
	margin: 0 20px 0 0;	
	padding: 20px 0 0;	
	width: 390px;
}

.home_right {
	float: left;
	margin: 0;
	padding: 20px 0 0;
	width: 510px;
}

.home_left h3 {
	color: inherit;
	font-size: 18px;
	padding: inherit;
	margin: inherit;
	width: auto;
}

div#edit-front-page-settings {
        float: left;
}

div#edit-front-page-settings.thumbnail {
        float: none;
}

div#edit-front-page-preview {
        float:right;
        padding-right: 20px;
}

div#edit-front-page-sidebar {
        float: left;
        width: 210px;
        margin: 0px 40px 0px 20px;
}

div#edit-front-page-sidebar ul.noindent {
    padding-left: 0px;
}

div#edit-front-page-sidebar ul li {
        background: none;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0;
        padding:5px;
}


/* Component flaoted content area : futureproofing for future dragging/dropping */
.component{
	float: left;
	font-family: Verdana;
	margin: 0 0 20px;
}

.component.left{
    width: 390px;
}

.component.right.narrow {
    width: 306px;
}
.component.right.wide {
    width: 510px;
}
.component.right.skinny {
    width: 187px;
}

	.component-inner{
		float: left;
	}

	/* Basic styling and resets for components */
	.component h3,
	.component h4,
	.component h5,
	.component h6{
		 font-family: "Helvetica Heue", Helvetica, Arial, sans-serif;
		 margin: 0;
		 padding: 5px 15px;
	}
	
	.component h3{
		padding-top: 10px;
	}
	
	.component p{
		margin: 0;
		padding: 0 15px 10px;
	}
	
	.component ul,
	.component li{
		margin: 0;
		padding: 0;
	}
	
	.component a{
		color: #00A950;
		text-decoration: none;
	}
	
        .component.green.square a{ /* qq*/
                color: #fff;
        }
	
	/* Lists with images float next to descrptions */
        div.rounded.notabs div.image {
                margin-top: 10px;
        }
        div.rounded.notabs div.text {
                margin-top: 10px;
        }
	div.left_image {
            margin: 0px 15px 15px;
		float: left;
	}
        div.left_links {
		float: left;
                margin: 0px 15px;
	}
        
        div.right_image {
            margin: 0px 15px 15px;
            float: right;
	}
        
        div.right_links {
		float: right;
                margin: 0px 15px 0px 5px;
	}
	
	div.text h4{
		padding-top: 0;
	}

        div.box_editor {
                margin: 0;
                float: left;
        }
	
        div.box_editor ul {
                float: left;
                padding:0;
        }

        div.box_editor ul li {
                background: none;
                float:left;
                list-style-image:none;
                list-style-position:outside;
                list-style-type:none;
                margin:0;
                padding:5px;
        }
	
/* Intro (welcome text) */
div#intro{
	margin: 0 0 35px;
}

	
	div#intro h3 {
		color: #333;
		font: bold 40px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;;
		padding: 15px 0 0;
		margin: 0;
		width: auto;
	}

	div#intro p{
		color: #999;
		font: normal 20px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 0;
		padding: 0;
	}
        

        
	
/* Borders and headings */
div.rightmargin {
    margin-right: 17px;
}

div.rounded.grey.left{
	background: #FFF url('../images/home/charcoal-border-left-bg.gif') left bottom no-repeat;
}

div.rounded.grey h3.solid{
	background: #333 url('../images/home/charcoal-h2-left.gif') left top no-repeat;
}

div.rounded.grey h3{
	background: #333 url('../images/home/charcoal-border-left-bg.gif') left top no-repeat;
}

div.rounded.grey.right.narrow{
	background: #FFF url('../images/home/charcoal-border-bg.gif') left bottom no-repeat;
}

div.rounded.grey.right.narrow h3.solid{
	background: #333 url('../images/home/charcoal-h2.gif') left top no-repeat;
}

div.rounded.grey.right.narrow h3{
	background: #333 url('../images/home/charcoal-border-bg.gif') left top no-repeat;
}

div.rounded.grey.right.wide{
	background: #FFF url('../images/home/charcoal-border-right-wide-bg.gif') left bottom no-repeat;
}

div.rounded.grey.right.wide h3.solid{
	background: #333 url('../images/home/charcoal-h2-right-wide.gif') left top no-repeat;
}

div.rounded.grey.right.wide h3{
	background: #333 url('../images/home/charcoal-border-right-wide-bg.gif') left top no-repeat;
}

div.rounded.green.left{
 	background: #FFF url('../images/home/green-border-left-bg.gif') left bottom no-repeat;
}

div.rounded.green h3.solid{
	background: #fff url('../images/home/green-h2-left.gif') left top no-repeat;
}

div.rounded.green h3{
	background: #fff url('../images/home/green-border-left-bg.gif') left top no-repeat;
}

div.rounded.green.right.narrow{
 	background: #FFF url('../images/home/green-border-bg.gif') left bottom no-repeat;
}

div.rounded.green.right.narrow h3.solid{
	background: #fff url('../images/home/green-h2.gif') left top no-repeat;
}

div.rounded.green.right.narrow h3{
	background: #fff url('../images/home/green-border-bg.gif') left top no-repeat;
}

div.rounded.green.right.wide{
	background: #FFF url('../images/home/green-border-right-wide-bg.gif') left bottom no-repeat;
}

div.rounded.green.right.wide h3.solid{
	background: #fff url('../images/home/green-h2-right-wide.gif') left top no-repeat;
}

div.rounded.green.right.wide h3{
	background: #fff url('../images/home/green-border-right-wide-bg.gif') left top no-repeat;
}

div.rounded.grey h3{
	margin: 0;
}

div.rounded.green h3{
        color: #0D9C50;
	margin: 0;
}

div.rounded h3.solid{
    color: #fff;
}

div.bg_grey {
    background-color: #333;
    color: #fff;
}

/* Tabs */
 
.component.green.square ul.options li a {
            color: #00A950;
}

.component.green.square ul.options li.selected a {
            color: #fff;
}

ul.options{
	float: left;
	margin: 0 4px;
	padding: 0 0 10px;
}

ul.options li{
	background: transparent url('../images/home/options-li-bg.jpg') 0 0 no-repeat;
	float: left;
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
}	

ul.options li.selected{
	background: transparent;
	background-image: none;
}

ul.options li a{
	float: left;    
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	padding: 0 10px;
}

ul.options.links {
        float:left;
        padding:0 0 10px;
}

ul.options.links li {
        background: none;
        float:left;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0;
        padding:0;
        width:138px;
}
ul.options.links li img {
        vertical-align: middle;
}

p.links img {
    vertical-align: middle;
}

div.right.links p.links {
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
}

/* Listings */

div#my-items-listings{
	float: left;
	margin: 0 4px 4px;
}
	
div#my-items-listings ul{	
	float: left;
	margin: 0 0 10px;
	padding: 0;
}
		
div#my-items-listings ul li{
	background: #fff url('../images/home/my-items-listings-bg.jpg') left bottom no-repeat;
	color: #5C5C5C;
	float: left;
	list-style: none;
	margin: 0;
	min-height: 115px;
	padding: 10px 0;
	width: 190px;
}
			
div#my-items-listings ul li.odd{
	clear: left;
}
			
div#my-items-listings ul li div.image{
	width: 62px;
        float: left;
}
				
div#my-items-listings ul li div.image img{
	border: 1px solid #5D5D5D;
	margin: 0 0 0 10px;
	width: 52px;
}
					
div#my-items-listings ul li div.text{
	width: 126px;
	float: left;
}
				
div#my-items-listings ul li div.text h4{
	color: #000;
	font: normal 92% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 15px;
}

div#my-items-listings ul li div.text p{
	font-size: 92%;
}

h4 span{
	color: #0D9C50;
	font-weight: bold;
}

p#more-popular-stuff{
	clear: both;
	padding: 5px 5px 10px 200px;
}

div.square p#more-popular-stuff a{
	color : #fff;
}






/* qq: I can't remember which this is */

div.rounded.grey h4{
	color: #5C5C5C;
/*	font: normal 90%/1.4 Verdana, Helvetica, sans-serif; */
}
	
/* .component div.text{
	padding: 15px 0;
} */
	
.component div.image img{
	margin: 0px 15px 15px;
}

/* qq */
			
div.rounded.green div#featured-item div.text h4{
	background: #FFF url('../images/home/featured-item-h3.jpg') right bottom no-repeat;
	color: #333;
	font-size: 133%;	
	margin-bottom: 10px;
	padding-bottom: 0;				
}
				
div.rounded.green div#featured-item div.text p{
	font-size: 92%;
}

/* end qq */

/* Publishing stories */
div.square.grey{
	background-color: #333;
	color: #FFF;
}

div.square h3{
	margin: 0;
	padding: 15px;
}
	
div.square div.image img{
	margin: 0 15px 15px;
}
div.square div.image a img{
	margin: 0px;
}
		
div.square.grey h4{
	color: #00B757;
}

div.square.green{
	background-color: #30C562;
	/*clear: both;*/
	color: #FFF;
	/* float: left; */
}

div.square.white{
	background-color: #fff;
	clear: both;
	color: #333;
	float: left;
}
	
div.square.green h4{
	color: #FFF;
}

div.square.white h4{
	color: #333;
}
	
a#send-your-story{
	float: right;
	margin-top: 10px;
	width: 145px;
}

/* Visit blog */
div#visit-blog{
	text-align: center;
	width: 390px;
}
 
/* Main homepage feature */

div.edit-front-page-highlights {
    float: left;
    margin-right: 15px;
}

div.edit-front-page-highlights label {
    width: 100px;
    display: inline-block;
}

div.highlights-large-image {
    position: relative;
    text-align: center;
}

div.highlights-large-image img {
}

div.highlights-large-image-overlay-fill {
    text-align: right;
    position: absolute;
    background-color: #888;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    width: 100%;
}

div.highlights-large-image-overlay-text {
    float: right;     
    padding: 0px 25px 10px;
}

div.highlights-large-image-overlay-container {
    text-align: right;
    position: absolute;
    bottom: 2px;
    right: 1px;
}

#main-feature h2.overlay {
    color: #fff;
    font-weight: normal;
    font-size: 300%;
    margin: 0px;
    opacity: 1;
}

#main-feature h4.overlay {
    color: #fff;
    font-weight: bold;
    width: auto;
    margin: 0px;
    padding: 0px;
    opacity: 1;
}
 
 #main-feature{
 	background-color: #FFF;
 	width: 510px;
 }
 
 	#main-feature h3{
 		color: #002F64;
 		float: left;
 		font-weight: bold;
 		font-size: 200%;
 		padding: 10px 15px 5px;
 		width: 300px;
                text-align: left;
 	}
 	
 	#main-feature h4{
 		color: #002F64;
 		float: right;
 		font-size: 116%;
 		font-weight: normal;
 		padding: 15px 15px 0;
 		vertical-align: baseline;
 	}
 	
/* 	#main-feature img#main-feature-image{
 		float: left;
 	} */
 	
 	#main-feature ul{
 		background: #00B757 url('../images/home/main-feature-bg.jpg') left bottom repeat-x;
 		clear: both;
 		color: #333;
 		float: left;
 		margin: 0;
 		padding: 0 0 0 15px;
 		width: 495px;
 	}
 	
 		#main-feature ul li{
 			background-color: #FFF;
 			display: block;
 			float: left;
 			font: bold 100% "Helvetica Heue", Helvetica, Arial, sans-serif;
 			list-style: none;
 			margin: 10px 15px 10px 0; /* IE6 : margin-right: 7px; - double-margin float bug */
 			padding: 2px 0;
 			text-align: center;
 			width: 150px;
 		}
 		
 		#main-feature ul li.selected{
 			background: #FFF url('../images/home/main-feature-arrow.gif') center top no-repeat;
 			margin-top: -2px;
 			padding-top: 14px;
 		}
 		
 /* Mini featured area */

 
 /* Friends area */
 div#friends{
 	background-color: #333;
 	color: #FFF;
 	width: 187px;
 }
 
        div#friends h3{
            padding: 10px 15px 5px;
        }
 	div#friends h4{
		background: #4D4D4D;
		border-bottom: 1px solid #333;
		clear: both;
		font-size: 100%;
		font-weight: normal;
		list-style: none;
		margin: 0;
		padding: 5px 15px 5px;
	 }
 
 	 div#friends ul{
 	 	float: left;
 	 	margin: 0;
 	 	padding: 0;
 	 }
 	 
 	 div#friends div.section ul{
 	 	display: none;
 	 }
 	 
 	 div#friends div.selected ul{
 	 	display: block;
 	 }
 	 
		div#friends ul li{
			background: #333;
			border-bottom: 1px solid #515151;
			clear: both;
			float: left;
			list-style: none;
			width: 187px;
		}
		 	
		 	div#friends ul li.last{
		 		margin-left: 0;
		 		padding: 2px 15px;
		 		width: 157px;
		 	}
		 	
		 	div#friends ul li div.image{
                                float: left;
		 	}
		 	
		 	div#friends ul li img{
		 		border: 1px solid #999998;
		 		margin: 5px 0 5px 15px;
                                width: 50px;
		 	}
		 	
		 	div#friends ul li div.text{
		 		width: 117px;
                                float: left;
		 	}
		 	
		 		div#friends ul li div.text h5{
		 			font-size: 100%;
		 			margin-bottom: 0;
		 			padding-bottom: 0;
		 		}
		 		
		 		div#friends ul li div.text p{
		 			padding-top: 0;
		 		}
		 	
		 		div#friends ul li a{
		 			color: #00BF5A;
		 			text-decoration: none;
		 		}
		 		
		div#friends div#empty{
			padding: 10px 0 5px;
		}
	 
 /* Bargain of the week */
 div#bargain{
 	background-color: #FFF;
 	margin-right: 17px;
 	padding: 0 0 10px;
 	width: 187px;
 }
 
 	div#bargain dl{
 		color: #00A950;
 		float: left;
 		margin: 0;
 		padding: 0 0 5px;
 		width: 187px;
 	}
 	
 		div#bargain dt{
 			clear: left;
 			float: left;
 			margin: 0 5px 0 15px;
		}
		
		div#bargain dd{
			font-weight: bold;
			margin: 0 5px 0 15px;
		}
		
		div#bargain div.image{		
			width: 105px;
                        float: left;
		}
		
			div#bargain div.image img{
				margin: 0 0 0 15px;
                                width: 75px;
			}
		
		div#bargain div.text{
			width: 72px;
                        float: left;
		}
 
 /* What's new with YUDU */
 div#whats-new{
 	background: #FFF url('../images/home/charcoal-border-bg.gif') left bottom no-repeat;
 	padding: 0 0 5px;
 	width: 306px; 	
 }
 
 	 div#whats-new h3{
 		background: #FFF url('../images/home/charcoal-border-bg.gif') left top no-repeat;
 		padding-top: 15px;
 	 }
 
 	div#whats-new h4{
 		color: #00A950;
 		font-weight: normal;
 	}
 	
 	ul.footer{
 		float: left;
 		margin: 0 15px;
 		padding: 0 0 10px;
 	}
 	
 	ul.footer li{
            background: none;
 		float: left;
 		list-style: none;
 		margin: 0;
 		padding: 0;
 		width: 138px;
 	}
 	
 	a#read-more{
 		background: transparent url('../images/home/featured-item-h3.jpg') right center no-repeat;
 		color: #333;
 		font-size: 120%;
 		font-weight: bold;
 		padding-right: 30px;
 		text-transform: lowercase;
 	}
 	
 /* Win a macbook air */
 
 div#spread-the-word {
 	background-color: #fff;
 	float: left;
	padding: 15px 0 0;
	width: 390px;
}
div#spread-the-word .right_image {
    margin-right: 0px;
}
	
/* Registered user home page */
body.registered div#featured-embedding{
	margin-right: 14px;
	width: 188px;
}

	body.registered div#featured-embedding h3{
		background: transparent url('../images/home/featured-item-h3-left.jpg') right bottom no-repeat;
		margin: 0 0 10px;
		padding: 0 20px 0 0;
	}
	
	body.registered div#featured-embedding p{
		color: #00aa50;
		font-size: 116%;
		padding: 5px 0;
	}

div#yudu-plus{
	background: #333;
	color: #FFF;
	width: 188px;
}

	div#yudu-plus div.square.green{
		width: 188px;
	}
	
		div#yudu-plus div.square.green h4,
		div#yudu-plus div.square.green p{
			width: 158px;
		}
		
/* Bargain of the week */
body.registered div#bargain{
	margin-right: 0;
}

body.registered div.square.grey{
	background: transparent url('../images/home/publishing-stories-arrow.gif')
 270px bottom no-repeat;
 	padding-bottom: 10px;
 }
 
 body.registered div.square.grey div.component-inner{
 	background: #333;
 	
 }
 
 /* New front page for not-logged-in users */
#not_logged_in_home_page
{
    width: 944px; 
    text-align:left; 
    margin:auto;
    font-size: 1px;
}

.clear-container
{
    clear: both;
}

.carousel-container
{
    font-size: 12px;
    clear: both;
}

 .hidden
{
    display:none;
}
.hidden2
{
    display:none;
}
a#tab1
{ 
    margin:0;
    padding:0;
    display: block; 
    width: 188px; 
    height: 116px; 
    background: url(../images/home/tab1out.jpg) no-repeat; 
} 

a#tab1:hover
{ 
    background: url(../images/home/tab1over.jpg) no-repeat; 
}

a#tab2 
{ 
    margin:0;
    padding:0;
    display: block; 
    width: 188px; 
    height: 116px; 
    background: url(../images/home/tab2out.jpg) no-repeat; 
} 

a#tab2:hover 
{ 
    background: url(../images/home/tab2over.jpg) no-repeat; 
}
a#tab3
{ 
    margin:0;
    padding:0;
    display: block; 
    width: 162px; 
    height: 114px; 
    background: url(../images/home/tab3out.jpg) no-repeat; 
} 

a#tab3:hover 
{ 
    background: url(../images/home/tab3over.jpg) no-repeat; 
}
a#tab4
{ 
    margin:0;
    padding:0;
    display: block; 
    width: 174px; 
    height: 114px; 
    background: url(../images/home/tab4out.jpg) no-repeat; 
} 

a#tab4:hover
{ 
    background: url(../images/home/tab4over.jpg) no-repeat; 
}
a#tab5 
{ 
    margin:0;
    padding:0;
    display: block; 
    width: 231px; 
    height: 114px; 
    background: url(../images/home/tab5out.jpg) no-repeat; 
} 

a#tab5:hover 
{ 
    background: url(../images/home/tab5over.jpg) no-repeat; 
}

a#plustab1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home/plustab1out.jpg) no-repeat scroll 0 0;
display:block;
height:116px;
margin:0;
padding:0;
width:314px;
}
a#plustab1:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home/plustab1over.jpg) no-repeat scroll 0 0;
}
a#plustab2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home/plustab2out.jpg) no-repeat scroll 0 0;
display:block;
height:116px;
margin:0;
padding:0;
width:314px;
}
a#plustab2:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home/plustab2over.jpg) no-repeat scroll 0 0;
}
a#plustab3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home/plustab3out.jpg) no-repeat scroll 0 0;
display:block;
height:116px;
margin:0;
padding:0;
width:316px;
}
a#plustab3:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/home/plustab3over.jpg) no-repeat scroll 0 0;
}

div.arrow-runner
{
    background-color:black; 
    width: 944px;
    height:9px;
}

#arrow 
{
    position:relative;
    left:86px;
}
#plusarrow 
{
    position:relative;
    left:151px;
}
#plusarrow {
left:151px;
position:relative;
}

#tablist 
{
    background-color:black;
}
#tablist div
{
    padding:0; 
    margin:0; 
    float:left;
}

#splash1
{
    background: url(../images/home/splash1.jpg) no-repeat;
    height: 311px;
    width: 944px;
}
#splash2
{
    background: url(../images/home/splash2.jpg) no-repeat;
    height: 311px;
    width: 944px;
}
#splash3
{
    background: url(../images/home/splash3.jpg) no-repeat;
    height: 311px;
    width: 944px;
}
#splash4
{
    background: url(../images/home/splash4.jpg) no-repeat;
    height: 311px;
    width: 944px;
}
#splash5
{
    background: url(../images/home/splash5.jpg) no-repeat;
    height: 311px;
    width: 944px;
}
#plussplash1
{
    background: url(../images/home/plus_splash_1.jpg) no-repeat;
    height: 311px;
    width: 944px;
}
#plussplash2
{
    background: url(../images/home/plus_splash_2.jpg) no-repeat;
    height: 311px;
    width: 944px;
}
#plussplash3
{
    background: url(../images/home/plus_splash_3.jpg) no-repeat;
    height: 311px;
    width: 944px;
}

.right-splash-block
{
    color:#DDDDDD;
    font-family: Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:20px;
    padding-left:600px;
    padding-top:40px;
    width:315px;
    font-weight: 100;
}
.right-splash-block h2
{
    font-weight: normal;
    font-size: 32px;
    padding-bottom:5px;
    margin: 21px 0;
}
.right-splash-actions
{
    color:#CCCCCC;
    font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
    width:320px;
    padding-left:590px;
    text-align:right;
}
.right-splash-actions a
{
    text-decoration: none;
    color: #CCCCCC;
}
.right-splash-actions a:hover
{
    color: #99ff99;
}
.darkbox
{
    float:right;
    background-color: #333333;
    width: 450px;
    height: 220px;
    color: #CCCCCC;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height:20px;
    padding:0px 20px 40px 20px;
    margin-top:20px;
}

.darkbox h3
{
    padding-top:0px;
    margin-top: 16px;
    font-size: 20px;
}

.lightbox
{
    float:right;
    width: 450px;
    height: 240px;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height:20px;
    padding:0px 20px 0px 20px;
    margin-top:5px;
}

.lightbox h3
{
    padding-top:0px;
    margin-top: 16px;
    font-size: 20px;
}

.lightbox-left
{
    float:left;
    width: 400px;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height:20px;
    padding:0px 20px 0px 20px;
    margin-top:20px;
    margin-right:10px;
}

.lightbox-left h3
{
    padding-top:0px;
    margin-top:16px;
    font-size: 20px;
    line-height: 24px;
}

.lightbox-left-image
{
    float:left;
    width: 464px;
    height: 220px;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height:20px;
    padding:0px 20px 0px 0px;
    margin-top:35px;
    margin-right:10px;
}

.lightbox-right
{
    float:left;
    width: 400px;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height:20px;
    padding:0px 20px 0px 0px;
    margin-top:20px;
    margin-right:10px;
}

.lightbox-right h3
{
    padding-top:0px;
    margin-top:16px;
    font-size: 20px;
    line-height: 24px;
}

.lightbox-right-image
{
    float:right;
    text-align:right;
    width: 460px;
    height: 220px;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height:20px;
    padding:0px 0px 0px 20px;
    margin-top:35px;
    margin-right:0px;
}

.box-right-actions
{
    color:#CCCCCC;
    font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
    text-align:right;
}

.box-right-actions a
{
    text-decoration: none;
    color: #EEEEEE;
}

.box-right-actions a:hover
{
    color: #99ff99;
}

.box-right-actions-bold a
{
    text-decoration: none;
    font-weight: bold;
    color: #EEEEEE;
}

.box-right-actions-bold a:hover
{
    font-weight: bold;
    color: #99ff99;
}

.box-right-actions-light
{
    color:#333333;
    font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
    text-align:right;
    padding-bottom:10px;
}

.box-right-actions-light a
{
    text-decoration: none;
    color: #222222;
}

.box-right-actions-light a:hover
{
    color: #66cc66;
}

.box-right-actions-light-bold a
{
    text-decoration: none;
    font-weight: bold;
    color: #222222;
}

.box-right-actions-light-bold a:hover
{
	font-weight: bold;
    color: #66cc66;
}
.feature-table
{
	clear:both;
	font-size:14px;
	padding: 30px 0 0 175px;
	
}
.sitemap {
	font-weight: normal;
	color: #333;
	height: auto;
	width: 882px;
	padding-top: 20px;
	padding-left: 90px;
}
.sitemap_main_wrapper {
	width: 1240px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-x;
	background-image: url(/images/login/background_repeat.jpg);
	background-color: #FFF;
	height: 1600px;
}
.sitemap_container {
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height: 1580px;
}
.grey_nav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}
.grey_nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCC;
	text-decoration: none;
}
.grey_nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}

.indexmain {
    background-color:#FFFFFF;
    height:502px;
    margin-left:auto;
    margin-right:auto;
    padding:2px 30px 10px;
    width:1180px;
}

.indexmaintopsection {
    height:280px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    width:1180px;
}

.indexfreeaccount {
    background-image:url(/images/free_account2.jpg);
    background-repeat:no-repeat;
    float:left;
    height:218px;
    margin-right:20px;
    margin-top:12px;
    padding-left:146px;
    padding-right:30px;
    padding-top:10px;
    width:290px;
}

h2 {
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:2.4em;
    font-weight:normal;
    text-decoration:none;
    display: block;
    margin: 0.8em 0;
}

p {
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.1em;
    line-height:15px;
    text-decoration:none;
}

.signup_buttton_wrapper {
    background-image:url(/images/sign_for_free.png);
    background-repeat:no-repeat;
    height:33px;
    padding-left:50px;
    padding-top:12px;
    width:161px;
    cursor: pointer;
}

.white_text_large, .white_text_large:visited {
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.3em;
    font-weight:bold;
    text-decoration:none;
}

.video_buttton_wrapper {
    background-image:url(/images/watch_video.png);
    background-repeat:no-repeat;
    height:22px;
    margin-top:8px;
    padding:6px 0 0 18px;
    width:126px;
}

.grey_text:link {
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
}
.grey_text:hover {
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    cursor: pointer;
}
.grey_text:visited {
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none
}

.indexcaroselwrapper {
    float:left;
    height:256px;
    width:694px;
}

#indexcaroselcontainer {
    height:240px;
    padding-top:0;
    text-align:center;
    width:694px;
}

.indexcarosel_menu_container {
    padding-bottom:0;
    padding-left:0;
    text-align:center;
    width:694px;
}

.indexmainbottomsection {
    float:left;
    height:211px;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    width:1180px;
}

.indexwelcome {
    background-image:url(/images/welcome_background.png);
    background-repeat:no-repeat;
    float:left;
    height:213px;
    margin-right:20px;
    padding-left:20px;
    padding-right:20px;
    padding-top:0;
    width:418px;
}

.indexyuduplus {
    background-image:url(/images/yudu_plus.jpg);
    background-repeat:no-repeat;
    float:left;
    height:222px;
    margin-right:20px;
    padding-left:95px;
    padding-right:10px;
    padding-top:10px;
    width:226px;
}

.blueheader {
    color:#138CCB;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.9em;
    font-weight:normal;
    text-decoration:none;
}

.indexplusbuttoncontainer {
    background-image:url(/images/sign_up_yudu_plus.png);
    background-repeat:no-repeat;
    height:23px;
    padding-left:37px;
    padding-top:8px;
    width:167px;
    cursor: pointer;
}

.blue_plus {
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
}

.indexyudupro {
    background-image:url(/images/yudu_pro.jpg);
    background-repeat:no-repeat;
    float:left;
    height:202px;
    margin-right:20px;
    padding-left:95px;
    padding-right:30px;
    padding-top:10px;
    width:206px;
}

.greyheader {
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.9em;
    font-weight:normal;
    text-decoration:none;
}

.indexprobuttoncontainer {
    background-image:url(/images/sign_up_yudu_pro.png);
    background-repeat:no-repeat;
    height:23px;
    padding-left:65px;
    padding-top:8px;
    width:139px;
    cursor: pointer;
}

.grey_pro {
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
}

.newhomeh3 {
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-size:2em;
    font-weight:normal;
    text-decoration:none;
    margin: 0.2em 0;
}

a.carosel:link {
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    text-decoration:none;
}
a.carosel:hover {
    color:#CCCCCC;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    text-decoration:none;
}
a.carosel:visited {
    color:#999999;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    text-decoration:none;
}