/*Application Layout*/
body {
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	color:#333;
	line-height:20px;
/*background-image:url(/images/gray_tile.gif);
*/}
#container {
	margin:auto;
	width:960px;
	height:auto;
	background-color:white;
}
#header {
	float:left;
	width:480px;
	height:65px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
	padding-left:5px;
	border-bottom:solid thin black;
	padding-top:5px;
}
#user_login_layout {
	float:left;
	width:450px;
	height:25px;
	text-align:right;
	text-transform: capitalize;
	padding-right:10px;
	padding-top:45px;
	background-color:#FFF;
	border-bottom:solid thin black;
}
#selected_bag{
	float:left;
	width:400px;
	height:25px;
	font-size:12px;
	text-align:right;
}
#tag_line{
	float: left;
	width:500px;
	margin-left:50px;
	height:25px;
}
#admin_bar{
	float:left;
	width:950px;
	height:auto;
}
#share_me_bar {
	float:left;
	width:960px;
	height:auto;
	font-size:11px;
	margin-bottom:15px;
	margin-top:150px;
}
.share_spread_out{
	width:135px;
	height:25px;
	float:left;
	text-align:center;
	line-height:normal;
}
.share_spread_out_more{
	width:135px;
	height:25px;
	float:left;
	text-align:center;
	padding-left:20px;
}
#content {
	background-color:#fff;
	width:950px;
	float:left;
	padding:5px;
	margin-bottom:20px;
	margin-top:40px;
}
#footer {
	clear:both;
	text-align:center;
	background-color:white;
	height:30px;
	width:960px;
	font-size:10px;
}

/*Errors + Notice CSS*/
#flash {
	width:auto;
	height:auto;
	background-color: #99EE6B;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	padding:5px;
	border:2px solid #329000;
	margin:3px;
	font-size:14px;
}
#error {
	width:auto;
	height:auto;
	background-color: #F56E8B;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	padding:5px;
	border:2px solid #990021;
	margin:3px;
	font-size:14px;
}
#check {
	width:960px;
	height:auto;
	float:left;
}

/*Homepage*/
#advert_picture {
	background-image: url(/images/advert_picture.jpg);
	float:left;
	width:300px;
	height:332px;
	background-repeat: no-repeat;
	padding-left:470px;
	padding-top:110px;
	padding-right:180px;
	text-align:right;
	padding-bottom:20px;
}
.banner{
	font-size:18px;
	margin-bottom:40px;
	color:#333;
	text-align:right;
}
#huge {
	font-size:50px;
	color: #F90;
	font-weight: bold;
}
#walk_through{
	width:950px;
	margin-top:30px;
	height:140px;
	float:left;
}
#walking{
	float:left;
	width:950px;
	height:50px;
	margin-top:20px;
	margin-bottom:30px;
}
#about_me {
	float:left;
	width:550px;
	height:auto;
	margin-top:30px;
}
#template_lists {
	float:left;
	width:350px;
	height:auto;
	margin-left:50px;
	margin-top:30px;
}
#completed_bags_holder{
	float:left;
	width:950px;
	height:auto;
	margin-top:30px;
}
.light {
	color:#999;
	font-size:14px;
}

/*Reasons*/
#reasons_container{
	float:left;
	width:600px;
	height:auto;
}
.reasons_picture{
	float:left;
	width:175px;
	padding:7px;
	height:400px;
}
.margin_bottom{
	margin-bottom:20px;
}
#reasons_text {
	float:left;
	width:300px;
	padding:25px;
}

/*Wardrobe*/
#wardrobe{
	width:640px;
	height:auto;
	float:left;
	background-image:url(/images/border_right.gif);	
}
#category_menu {
	width:600px;
	float:left;
	height:auto;
	text-align:left;
	padding-top:10px;
	font-size:15px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid thin black;
}
#new_user_item_container {
	width:600px;
	float:left;
	height:auto;
	background-color:white;
	text-align:left;
	padding-top:0px;
	margin-bottom:50px;
}
#category_blurb{
	width:600px;
	float:left;
	height:100px;
	float:left;
	margin-bottom:50px;
}
#new_item_form{
	width:300px;
	height:auto;
	float:left;
}
#new_item_instructions{
	width:250px;
	height:auto;
	float:left;
	padding-top:20px;
	font-size:14px
}
#wardrobe_title {
	float:left;
	width:600px;
	height:auto;
	margin-top:10px;	
}
#wardrobe_category_title{
	float:left;
	width:auto;
	height:auto;
}
#collection_of_items_to_pack {
	width:635px;
	float:left;
	height:auto;
	margin-right:5px;
}
.item_to_pack {
	width:110px;
	float:left;
	height:180px;
	padding:5px;
	text-align:center;
	text-transform:capitalize;
	font-size:14px;
	line-height:14px;
}
.buy_now {
	font-size:9px;
}
#finished_packing{
	width:350px;
	height:28px;
	padding-top:2px;
	float:left;
	text-align:right;
	margin-bottom:48px;
}
#only_finished_packing{
	width:950px;
	height:28px;
	padding-top:2px;
	float:left;
	text-align:right;
	margin-bottom:20px;
}

/*Shared Bag CSS*/
#shared_bag {
	width:300px;
	float:left;
	height:auto;
	background-color:white;
	text-transform:capitalize;
	margin-left:10px;
}
.slide_up_wrapper{
	width:auto;
	height:auto;
	float:left;
}
.quantity {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-right:5px;
}
.underline{
	border-bottom:solid thin black;
}
.bag_category_title {
	float:left;
	width:300px;
	height:20px;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:2px;
	border-bottom:solid thin black;
	border-top:solid thin black;
	margin-bottom:10px;
}
table{
	float:left;
}
#bag_title{
	float:left;
	width:300px;
	height:auto;
	margin-top:10px;
}

/*Packing List Tick*/
#packing_container_title {
	width:960px;
	float:left;
	margin-top:40px;
	height:auto;
}
#packing_container {
	width:960px;
	float:left;
}
#packing_list_title{
	width:950px;
	height:30px;
	float:left;
	margin-top:10px;
}
.seperate_or{
	width:40px;
	height:60px;
	float:left;
	color:#CCC;
	font-size:80px;
	line-height:normal;
	text-align:left;
	margin-bottom:10px;
}
#add_more_stuff {
	width:160px;
	height:40px;
	float:left;
	margin-top:20px;
	padding-left:50px;
	margin-bottom:10px;
}
#save_my_list {
	width:180px;
	float:left;
	height:40px;
	margin-top:20px;
	padding-left:30px;
	margin-bottom:10px;
}
#packing_email_form{
	width:400px;
	height:40px;
	float:left;
	text-align:right;	
	margin-top:20px;
	margin-bottom:10px;
}
.items_to_pack {
	width:314px;
	float:left;
	border:thin solid #ccc;
}
.category_packing_title{
	width:950px;
	float:left;
	border-bottom:thin orange solid;
	margin-top:50px;
	margin-bottom:10px;
}
/* Saving bag to user area*/

#save_my_bag_instructions{
	float:left;
	width:450px;
	height:auto;
	margin-left:50px;
}
#save_my_bag_details_form{
	float:left;
	width:450px;
	height:auto;
}

/* User Area */
#users_details{
	float:left;
	width:500px;
	height:100px;
}

#pack_another_bag{
	float:left;
	width:450px;
	height:100px;
	text-align:right;
}
#login_form {
	float:left;
	width:400px;
	height:auto;
	text-align:left;
}
#login_details{
	float:left;
	width:500px;
	height:auto;
	text-align:left;
	margin-left:50px;
	margin-top:50px;
	text-align:left;
}
#past_lists_created{
	float:left;
	width:950px;
	height:auto;
}
#form_text {
	font-size:50px;
	color: #F90;
	font-weight: bold;
	line-height:60px;
}

/* Forms */
.create_input {
	padding:5px;
	font-size:14px;
	font-family: Helvetica, Arial, serif;
	line-height:20px;
}

legend{
	color:orange;
	font-size:22px;
	padding:15px;
}

/*JQuery CSS*/
.overState{
	background-image:url(/images/yellow_tile.gif);
/*	color:white;
	filter:alpha(opacity=40); 
	-moz-opacity:.40;
	opacity:.40;
*/}

/*Headers*/
h1 {
	font-size:32px;
	margin-top:4px;
	color:orange;
	text-decoration:none;
	display:inline;
}
h2 {
	margin:0px;
	color:orange;
	font-size:22px;
	text-transform: capitalize;
}
h3 {
	margin-top:2px;
	margin-bottom:0px;
	color:orange;
	font-size:19px;
}
h4 {
	margin:10px;
	font-size:14px;
	display: inline;	
	color:orange;
}

/*Links*/
a:link {
	color:#066;
}
a:visited {
	color: #066;
}
a:hover {
	color:white;
	background-color:#066;
}
a:active {
	color:#066;
}

a:link.clickme {
	color: #fff; 
	font-size: 14px; 
	background-color: #00ca04;
	border: solid 2px #009e03;
	padding:7px;
	text-decoration:none;
}
a:visited.clickme {
	color: #fff; 
	font-size: 14px; 
	background-color: #00ca04;
	border: solid 2px #009e03;
	padding:7px;
	text-decoration:none;
}
a:hover.clickme  {
	color: #fff; 
	font-size: 14px; 
	background-color: #00ca04;
	border: solid 2px #009e03;
	padding:7px;
	text-decoration:none;
}
a:active.clickme  {
	color: #fff; 
	font-size: 14px; 
	background-color: #00ca04;
	border: solid 2px #009e03;
	padding:7px;
	text-decoration:none;
}
h1 a:link {
	font-size:32px;
	padding-top:65px;
	color:orange;
	text-decoration:none;
	background-color:white;
	padding-left:10px;
	padding-right:10px;
	line-height:10px;
}

h1 a:visited {
	font-size:32px;
	padding-top:65px;
	color:orange;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	line-height:10px;
}
h1 a:hover {
	font-size:32px;
	padding-top:65px;
	color:orange;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	line-height:10px;
	background-color:white;
}
h1 a:active {
	font-size:32px;
	padding-top:65px;
	color:orange;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	line-height:10px;
}
a:link.link_button_green  {
	color: #fff; 
	font-size: 12px; 
	background-color: #00ca04; 
	border: solid 2px #009e03;
	text-decoration:none;
	padding:5px;
}
a:visited.link_button_green {
	color: #fff; 
	font-size: 12px; 
	background-color: #00ca04; 
	border: solid 2px #009e03;
	text-decoration:none;
	padding:5px;
}
a:hover.link_button_green {
	color: #fff; 
	font-size: 12px; 
	background-color: #00ca04; 
	border: solid 2px #009e03;
	text-decoration:none;
	padding:5px;
}
a:active.link_button_green {
	color: #fff; 
	font-size: 12px; 
	background-color: #00ca04; 
	border: solid 2px #009e03;
	text-decoration:none;
	padding:5px;
}
/*Buttons*/
.link_button  {
	color: #fff; 
	font-size: 12px; 
	background-color: #ec7a00; 
	border: solid 2px #c36500;
	text-decoration:none;
	padding:5px;
}
.add { 
	color: #fff; 
	font-size: 10px; 
	background-color: #33CC00; 
	border: solid 2px green;
}
.submit_form {
	color: #fff; 
	font-size: 16px; 
	background-color: #00ca04; 
	border: solid 2px #009e03;
}
.create {
	color: #fff; 
	font-size: 12px; 
	background-color: #ec7a00; 
	border: solid 2px #c36500;
}
.pack_item_button {
	color: #fff; 
	font-size: 12px; 
	background-color: #ec7a00; 
	border: solid 2px #c36500;
}
.clickme {
	color: #fff; 
	font-size: 18px; 
	background-color: #00ca04;
	border: solid 2px #009e03;
	padding:10px;
	text-decoration:none;
}