/*----------------------------------------------------------------------------
++ Themelets layout css
++ All the themelets layout and miscellaneous css goes here.
----------------------------------------------------------------------------*/
/* default layout styling */
#global-wrap {
	background:url(../../../../morph_assets/themelets/vanilla/images/globalwrap-bg.jpg) repeat-y 0 0;
	padding: 0 24px;
}
#advert1 {
position:relative;
width:974px;
margin: 0 auto;
}
/* position the language selector */
form#langsubmit {
position:absolute;
right: 10px;
top:10px;
z-index:1;
}

form#langsubmit img {
margin: 0 .3em 0;
}
#top-wrap{background:#0B0D0D;}
#toolbar{padding:1em 0 .5em 0;}
#toolbar-wrap {background: #eee;}
#topnav{background:#fff;border:1px solid #ddd;border-bottom:0;}
#topshelf-wrap{background:#eee;}
#topshelf-inner {padding: 1em 0; }
#topshelf .mod{margin-top:0;}
#masthead{background: #272727;border: 1px solid #272727; }
#masthead-inner {padding: .5em 2em 0 2em;}
#top .bannergroup{padding:1em 1.4em 0 0;}
#top .newsflash{float:right;width: 60%;font-size: 0.9em;margin-top:1em;}
#bd{}
.bd-inner{padding:0 2em 1em;}
.primary-inner {background:#fff;border:1px solid #a8a0a0;margin: 0 0 1em 0;padding:1em 1em 1em;}
#bottomshelf-wrap{background:#eee;margin:1em 0;}
#bottomshelf{padding-bottom: 1em;}
#bottomshelf-inner{padding:1em;background:#fff;border:1px solid #ddd;}
#bottomshelf-inner .mod{margin-top:0;}
#primary-content h1.frontpage {border-bottom:2px solid #ddd;margin:0 0 .4em 0;padding:0 0 .4em 0;}
#primary-content {margin:1em 0 0 0;}
.yui-ge #primary-content.first{width:74.3%;}

/* base themelet sprite */
.search .search-input,
#topnav .menu .parent a,
#topnav .menu li li.parent a,
#topnav .menu li li.parent span.separator,
#topnav .menu li li li.parent a,
#topnav .menu li li li.parent span.separator{background-image:url(../../../../morph_assets/themelets/vanilla/images/themelet-sprite.png);background-repeat:no-repeat;}

/* subhead & title mod styling */
#subhead{}
#page-title{overflow:hidden;}
#page-title h1{margin:0;padding:.8em;float:left;}
#page-title .call2action{float:right;padding:.5em 1em;background:#fff;display:block;margin:1.7em;border:1px solid #ccc;}
#page-title .call2action:hover{background:#fff;border:1px solid #ccc;}

/* @group from the dynamic css */
#branding h1{font-weight:bold;margin:0;padding:0;position:absolute;}
#branding h1 a{display:block;}
/* logo type 1 */
#branding.logotype-1 h1{position:absolute;margin:0;padding:0;}
#branding.logotype-1 h1 a{display:block;text-indent:-7998px;background-repeat:no-repeat;background-color:transparent;}
/* logo type 2 */
#branding.logotype-2 a.logo-img{position:absolute;}
/* logo type 3 */
#branding.logotype-3 #logo{position:absolute;}
/* slogan */
#branding .slogan{margin:0;position:absolute;}

/* inset2 needs a little adjustment to make the margins play nicelywith all variations */
#inset2{margin-bottom:1em;}
#inset2 .mod{margin-top:0;}

/* grid adjustment for when using bdinner with 1em padding */
 .yui-t1 .doc4 .bd-inner .yui-gh #primary-content {width: 68.6%!important;}

/* @group toolbar slider */
#toolbar-inner {
	padding: 0 2em 1.3em 2em;
}
.slider-toolbar{height:5px;}
#toolbar-wrap .slider-toolbar a{background:#eee;padding:.4em 1.1em .4em 1.1em;margin:0 1em 0 0;color:#333;}

/* footer styling */
#footer *{margin:0;padding:0;list-style:none;height:auto;line-height:1;}
#footer{margin:0 auto;padding:0 0 1em 0;overflow:hidden;position: relative;}
#footer .footer-left{float:left;padding: 0 0 0 2em; }
#footer .footer-right{float:right;text-align:right;}
#footer .footer-validation,
#footer ul{margin-bottom:.7em;}
#footer ul li{display:inline;padding-right:1em;border-right:1px solid #444444;
display:inline;
padding:0 0.7em;}

#footer ul li a {
	font-size: 0.9em;
}

#footer ul.menu {
	position:absolute;
	right:28px;
}

/* Styling for the different elements on the design
*******************************************************/

/* user 1 background and join now header */
 
#user1 {
	background: #343434 url(../../../../morph_assets/themelets/vanilla/images/joinnow-logoinset.gif) no-repeat 20px 0;
	height: 200px;
	margin: 1em 0 1em 0;
	color:#fff;
	position: relative;
}
a.calltoaction:link,
a.calltoaction:visited {
	color: #FF8800;
	font-size: 2.9em;
	text-transform: uppercase;
	position: absolute;
	top: 88px;
	left: 55%;
}
 
/* login module
******************************************************/
/* @group login module */
#toolbar #login-mod{overflow:hidden;margin:0;}
#toolbar #login-mod li,#login-mod ul{/*margin:0;padding:0;*/}
#toolbar #login-mod .login-form{overflow:hidden;margin:.8em 0 0 0.8em;}
#toolbar #login-mod .login-form li{margin:0 0 0 0.5em;}
#toolbar #login-mod .login-username input{width:80px;padding:0.1em 0.3em;}
#toolbar #login-mod .login-password input{width:80px;padding:0.1em 0.3em;}
#toolbar #login-mod .login-remember label{font-size:11px;padding:0 0 0 0;}
#toolbar #login-mod .login-username label,#toolbar #login-mod .login-password label{font-size:0.9em;}
#toolbar #login-mod .login-username input,
#toolbar #login-mod .login-password input{background:#FFFFFF url(../../../../morph_assets/themelets/vanilla/images/page-element-sprite.png) -6px -7px;font-size:0.8em;padding:5px 0 5px 20px;border:none;}
#toolbar #login-mod .login-username input{background:#FFFFFF url(../../../../morph_assets/themelets/vanilla/images/page-element-sprite.png) -111px -7px;}
/*#toolbar #login-mod li.login-remember{bottom:14px;margin:0;padding:5px 0 0 18px;position:absolute;right:102px;}*/
#toolbar #login-mod .login-btn button{background:#FFFFFF url(../../../../morph_assets/themelets/vanilla/images/page-element-sprite.png) repeat scroll -216px -10px;border:medium none;font-size:0.8em;margin:0 0 0 5px;padding:2px 21px;width:53px;}
#toolbar #login-mod .login-btn button:hover{background-position:-216px 30px;}
#toolbar #login-mod ul.login-links{overflow:hidden;padding:10px 0 0;}
/*#toolbar #login-mod .login-links li{float:left;font-size:0.85em;margin-left:1em;clear:both;}*/
/*#toolbar #login-mod .login-forgot{float:left;}*/
#toolbar #login-mod .login-password label,
#toolbar #login-mod .login-username label{display:none;}
#toolbar #login-mod .login-username{float:left;}
#toolbar #login-mod .login-password{float:left;}
/*#toolbar #login-mod .login-register{position:absolute;right:99px;}*/
#toolbar #login-mod .login-links li{font-size:0.85em;}


}


/* fix for login module elements when using rounded corners */

.internetexplorer #toolbar #login-mod .login-register,
.opera #toolbar #login-mod .login-register	{bottom: 20px;}
.internetexplorer #toolbar #login-mod li.login-remember,
.opera #toolbar #login-mod li.login-remember{bottom:1px;}



/* Testimonials module 
*******************************************************/
#rsm2 {position: relative;}

#rsm2 p {padding-bottom: 8px}

#rsm2 span {position: absolute;bottom:-16px;}

#rsm2 span span {color: #C56005; position: relative;bottom: 0; }

#rsm2 strong {padding: 0 10px 0 0;color: #FF8800; }

#rsm2 small {padding: 0 0 0 10px;}

/* Brands module - coded as list with images
*******************************************************/

/* fix required for clearing floated list items in user2*/

#user2 .mod .modinner {
	overflow: hidden;
	padding: 1em 2em;
}

ul#brands {
	margin: 0;
	float: left;
	width: 100%;
	border-left: 1px solid #FF8800;
	border-right: 1px solid #FF8800;
}

ul#brands li {
	list-style: none;
	float: left;
	width: 20%;
}