/* -------------------------------------------------------------------

	Boondoggle - <css creator>
	<client>
	
	1. Structure
	2. Header
	3. Navigation
	4. Column01
	5. Column02
	6. Column03
	7. Footer
	8. Miscellaneous
	
	always include reset.css, it will reset your style
	for all browers, it includes the clearfix
	
	typography specs must be specified in typography.css
	form specs must be specified in forms.css
	
	ID en class naming => use capitals for seperation: navHome

------------------------------------------------------------------- */



/* ----- imports -------------------------------------------------- */

@import url(typography.css);
@import url(forms.css);



/* ------------------------------------------------------------------------------------- 1. Structure -------------------------------------------- */

body       		{background-color:#ffffff; font-family:Lucida Grande, Tahoma, Arial;}
#container 		{width:100%; margin:0 auto;} 

#header		{ text-align:center;
			  display:inline-block; 
			  height:68px; 
			  margin:20px 0 10px 0; width:900px; }
#contentback { min-height:550px; background-image:url(../img/css-backgrounds/background.gif); background-repeat:no-repeat; background-position:center;}
#navigation	{ clear:left; display:inline-block; margin-top:20px; }
#content	{ display:inline-block; width:100%;}
#column01	{ float:left; width:50%; }
#column02	{ float:left; width:50%; }
#footer		{ margin:0px 0 0px 0; width:100%; padding-top:20px; text-align:center;   }




/* ------------------------------------------------------------------------------------- 2. Header ----------------------------------------------- */

/* item description */
#header img#logo { float:left; margin-left:30px; }
#header div.buttonShare { float:right; margin-right:40px; width:112px; height:54px;  }


/* ------------------------------------------------------------------------------------- 3. Navigation ------------------------------------------- */

/* item description */
#navigation img { float:left; }



/* ------------------------------------------------------------------------------------- 4. Column01 --------------------------------------------- */

/* item description */
#column01 #itemName {  }



/* ------------------------------------------------------------------------------------- 5. Column02 --------------------------------------------- */

/* item description */
#column02 #itemName {  }


/* ------------------------------------------------------------------------------------- 7. Footer ----------------------------------------------- */

/* item description */
#footer #footerContent {display:inline-block; margin:0 0 0 0px; width:900px; color:#6e6e6e; height:50px; }
#footer #footerContent #footerNav { float:left; width:550px; margin-top:10px; }
#footer #footerContent #footerNav ul { list-style:none; }
#footer #footerContent #footerNav li { float:left; padding:0 3px 0 3px; font-size:0.9em; }
#footer #footerContent p { color:#6c6c6c; float:left; margin-left:20px; font-size:0.9em; padding-top:0px; }
#footer #footerContent p a{ color:#6c6c6c; text-decoration:underline;}

#footerNav a, #footerNav a:link, #footerNav a:active	{ color:#000000; text-decoration:none;}
#footerNav a:visited { color:#6e6e6e;}
#footerNav a:hover { text-decoration:underline; color:#6e6e6e; }

#footer #lifelabslogo{ margin-left: 10px; float:left; }
#footer #paypal_logo{ float:right; margin-right:20px; margin-top:10px; }

/* ------------------------------------------------------------------------------------- 8. Miscellaneous ---------------------------------------- */

h1{ font-size:24px; margin-bottom:20px;}
h2{ font-size:17px;}

#friend-selector { margin-left: 18px; }
#friend-selector-options { margin-left:16px; margin-bottom:10px; height:33px; }
#friend-selector-options a { font-family:Lucida Grande, Tahoma, Arial; font-size:11px; font-weight:bold; margin-right:25px; text-decoration:none; }
#top-title { margin-left:39px; margin-top:15px; margin-bottom:22px; }


#steps-top{ margin-left:-10px; height:16px; background-image:url(../img/general/steps-top.png); background-repeat:no-repeat; background-position:center; }
#steps-bottom{ margin-left:-10px; margin-top:-15px; height:16px; background-image:url(../img/general/steps-bottom.png); background-repeat:no-repeat; background-position:center; }

#messageBox { font-family: Lucida Grande, Tahoma, Arial; font-size:11px; margin-top:10px; margin-left:50px; }

.imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; }

.inner  { margin-top:30px; margin-left:20px; margin-right:36px; margin-bottom:25px;}
.inner p {margin-top:15px; margin-bottom:0px; }

.inner-right { margin-top:30px; border:1px solid #717171; width:432px; height:303px; padding:7px; -moz-border-radius: 8px 8px 8px 8px;}

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 0; padding-top: 0; }
.last	{ margin-bottom: 0; padding-bottom: 0; }

.active-link { background-color:#29a9df; }

.align-center { margin: 0px auto -1px auto; width: 900px; }

hr { display: none; }

/* choose cover */
#choosecover { margin-top:58px;}

/* title */
#title { margin-bottom:15px; }





/* form startpage */
#form_home{ margin-top:50px;}
#form_home input.image{ margin-left:20px; }
#input_home{ width: 266px; height:36px; text-align:left; background-image:url(/img/general/formhome_back.png); background-repeat:no-repeat; background-position:center; }
#input_home input {border:solid 0 #c0c0c0;background: transparent; width:236px; margin-left:15px; margin-right:15px; margin-top:8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;}
#checkbox_home { margin-left:15px; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; }

/* flash alternative styles */
.block { background: #efefef; border: 4px solid #dfdfdf; clear: both; margin: 25px 0; padding: 25px; }
ul#alternativeNav { border-bottom: 2px solid #333; border-top: 2px solid #333; list-style: none; padding: 10px 0 10px 5px; margin: 0 0 20px 0; }
ul#alternativeNav li { float: left; margin: 0 10px 0 0; }

p { font-family: Lucida Grande, Tahoma, Arial; }



/* error */
label.error_field{  margin-bottom:24px; padding-left:30px; background-image:url(/img/icons/error.png); background-repeat:no-repeat;display:block;height:22px;}
input.error_field {background-color:#FEE5A2;margin-bottom:0px;}
input[type="checkbox"].error_field{background-color:Transparent;}

.server_error{  margin-bottom:24px; padding-left:30px; background-image:url(/img/icons/error.png); background-repeat:no-repeat;display:block;height:22px;}


.valid_field{border:1px solid #00FF00;}


/* clearfix */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* ABOUT PAGES  */
.about{
	font-family:Lucida Grande, Tahoma, Arial; 
	font-size:12px;
	color:#000000;
}
.about h1{
	color:#000000;
}
.about h2{
	color:#000000;
}
.about h3{
	color:#000000;
}
.about h4{
	color:#000000;
}

.about a{
	color:#000000;
	text-decoration:underline;
}

/* CONFIGURE PAGE*/


.tweet_input {
margin-left:39px;
padding:10px;
background-color:#FFFFFF;
font-family:Lucida Grande, Tahoma, Arial; 
font-size:11px;
height:42px;
width:415px;
border: #8aa3ad 1px solid;
}

.charsRemaining{color:White}

/* ORDER PAGE */

h1.titleOrder {
	background:url(../img/general/titleOrder.png) no-repeat top left; width:191px; height:22px;
}

input.watermark
{
	color:Gray;
}


.order_form td
{	
	border:0px;	
	border:none;	
	padding:4px;
	margin:0px;
	
}

.frm_field_caption
{
	text-align:right;
}

.address_confirm
{
	margin-left:15px;
	margin-bottom:15px;
	}

.tableconfigure td
{
	border-bottom:none;
	
	}