/* 
base style sheet for handcarveddoors.com - ?'s? - hecho por ethan para tynan at create-on com  
*/


*				{   margin:0;
   					padding:0;	
   					}

body 			{	background: #ffffff;
					font-family: Verdana, Helvetica,  Arial, sans-serif;
					font-size:.7em;
					line-height:1.8em;
					text-align:center;
					color:#4a4135;	}
  /*
a:link 			{	color:#91896c;  text-decoration:none;  }
a:visited 		{	color:#c5bea6;  text-decoration:none;	}
a:hover			{	color:#615a41; }
*/

a img 			{	border:0;  }

p 				{	margin: 1em 0;	}


.container		{	/*width: 850px;*/
					width: 1000px;
					margin:0 auto;
					text-align: left;
					background: #ffffff ;	}



						
.header			{	clear: both; position: relative; }

.nav			{ 	float: right;
	 				margin: 10px 0 0 0;
					text-transform: uppercase;
					color: #494135;
					list-style: none;	}
					
.nav li			{ 	float: left;
					padding: 0 1em;
					border-right: 1px solid #4a4135;
					list-style: none;	}	
					
.nav li.last	{ 	border: none;list-style: none;	}								



img#logo { float: left; }
.title { padding: 0; margin-bottom: 1em; clear: both; background-color: #92796a; border-top: 1px solid #4a4135; border-bottom: 1px solid #4a4135; color: #ffffff; }
.title h3 { color: #ffffff; line-height: 1em; margin: 0.5em; }
#search-box { float: right; margin-top: 4px; }
#search-box input { float: right; margin-left: 4px; }
#search-box input.text { width: 100px; float: left; border: 1px solid #92796a; padding: 2px; height: 14px; }

.flash { margin: 0; padding: 0; } /* Why is this called flash when it contains no Flash? */
.flash h2 { margin: 0; padding: 4px; font-size: 1.25em; color: #fff; background-color: #b91b2a; }

.content { float: left; margin: 0 10px 0 0; padding: 0; width: 780px; }

#product .content { padding: 0; }

#family .content h3,
#product .content h3 { 	 margin: 0 0 10px 0; 	}

#eco ul li { margin: 0 0 5px 0; padding: 0 0 5px 20px; text-align: left; background: transparent url(/images/eco_nav_bullet.gif) no-repeat 0 0; }
#eco ul li a { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color: #0e5c28; }
#eco ul li a:hover { color: #919f96; }
#eco h3 {color:#0e5c28;}

div#badges { clear: both; margin-top: 20px; padding: 1.5em 0 0 20px; background-color: #efefef; }
div#badges div.last { margin-right: 0; padding-right: 0; border-right: none; }

div.badge {
  border-right: 1px solid #DDD;
  float: left;
  margin-right: 36px;
  padding-right: 36px;
  width: 240px;
}
  div.badge img {
    -moz-box-shadow: 0 2px 8px -2px #AAA;
    margin-bottom: 0.5em;
  }
  div.badge h6 {
    color: #5B5A60;
  }
  .badge-code textarea  {
    height: 2.0em;
    width: 434px;
  }

.feedback {z-index:9999999;position:fixed !important;position:absolute;cursor:pointer;}
.feedback-position {bottom:2px;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 16 :document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 16 );}
.feedback-align {right:0px;}

h3, h3 a, h3 a:visited, h3 a:hover {
	margin: 0 0 10px 0;
	font-size:13px;	
	text-decoration:none;
	color: #c17d36;
	font-weight:bold;
}


h2 a, h2 a:visited, h2 a:hover {
	margin: 0 0 20px 0;
	font-size:16px;	
	text-decoration:none;
	color: #4A4135;
}

.subnav ul li, .subnav ul li a, .subnav ul li a:visited, .subnav ul li a:hover {
	color: #4A4135;
	text-decoration: none;
	list-style: none;
} 

.nav li, .nav li a, .nav li a:visited, .nav li a:hover {
	color:#4A4135;
	text-decoration:none;
	list-style: none;
}

.product-grid	{ 	margin: 10px 0 0 0;	}

.cost			{ 	color: #b35f6a;
					font-size: 1.8em;
					font-weight: bold;
					font-family: Helvetica, Verdana, Arial, sans-serif;	}
.size			{ 	font-size: 1.2em;
					margin: 1em 0 0 0;	}					

hr { margin: 1em 0 1em .8em; border: 1px solid #92796a; }

.product { margin: 0; padding: 10px 10px 20px 10px; float: left; width: 240px; color: #c17d36; border: 2px solid #ccc; font-family: Helvetica, Verdana, Arial, sans-serif; }

#family .product{ 	width: 144px;
					height: 17em;
					padding:  5px;
					font-family: Verdana, Helvetica,  Arial, sans-serif;
						}

#home_page .product {
	background:url(/images/home-panel-bg.gif) no-repeat top left;
	width:155px;
	height:226px;
    margin:29px 5px 0 0;
    padding:0px;
    border:none;
	float:left;	
}

.pad-home {
	padding:8px;
}			
					
.product img	{ 	float: left;	}

.product h3		{ 	line-height: 1.2em;	
					height: 4.1em;	}

					
.price			{ 	color: #000000;
					width: 70px; 
					float: left;
					line-height: 1.2em;
					position: relative;
					left: 5px;	}

.product-others { float: left; background: #f7f5f4; width: 160px; margin: 2px 2px 2px 0; border-bottom: 1px solid #e6deda; }

.product-others h1 { color: #c17d36; font-size: 1.5em; margin: 0.5em; padding-bottom: 0.5em; }

/* Override a lot of pointless CSS with the following duct tape and spiderwebs... enjoy. :) */
.product-others {  }
.product-others .product { width: auto; border: 0; float: none; clear: both; border-top: 1px solid #e6deda; }
.product-others .product h3 { line-height: 1.2em; height: auto; }
.product-others .product img { float: none; }
.product-others .product .price { width: 140px; float: none; clear: both; line-height: 1em; left: 0; }

#product-info-container { margin-left: 170px; padding: 10px; margin-top: 2px; }

.product-image { /* float: left; height: 400px; overflow: hidden; */ }
.product-image img { border: 1px solid #4a4135; max-width: 400px; }

.product-prices { font-size: 120%; padding-left: 20px; /* float: left; width: 260px; height: 450px; overflow: hidden; */ }











#family .price	{ 	width: 82px;
					font-size: 1.1em;
					line-height: 1.4em;	}										
					
.price h1		{ 	padding: 27px 0  10px 0;
	 				font-family: arial black, arial;
					font-size: 2.1em;	}	

.price h2		{ 	padding: 0;
					font-size: 1.4em;	}
.details		{ 	font-size: .9em;
					color: #927869;	}					

					
.quote			{ 	text-decoration:none;
					font-size:1.2em;
					font-weight: bold;
					color: #be3e56;		}									
.quote:hover	{ 	color: #801327;	}
.price b	 	{ 	font-size: 1.2em;
					color: #c17d36;	}										
		
.top			{ 	border-top: none;	}		
.bottom			{ 	border-bottom: none;	}
.first			{ 	border-left: none;	}
.last			{ 	border-right: none;	}
				



.features		{ 	margin: 0 7px 0 0;
					padding: 1.6em;
					line-height: 1em;
					border: 1px solid #927869;	}

.tab			{ 	background: #927869;
					clear: both;	
					width: 6em;
					padding: .5em;
					margin: 0 0 0 1.2em;
					text-align: center;
					color: #ffffff;
					position: relative;
					top: .8em;
					left: 1.5em;	}





.subnav { margin: 0; padding: 0 0 0 9px; border-left: 1px solid #eee; width: 200px; float: left; font-size: 1.1em; }

.subnav h3 {
					color: #cc3333;					
					font-size: 1.0em;
}					


.subnav li		{ 	padding: 3px 0px 3px 15px;
					border-bottom: 1px solid #c5bea6;
					font-weight:bold;	}
.subnav ul		{ 	margin: 0 0 30px 0;	}

.nav-head 		{ 	color: #cc3333;					
					font-size: .8em;
					text-transform: uppercase; 	}

			
											

.nav-head em	{ 	color: #cc3333;
					font-style: normal;
					font-size: 1.8em;
					position: relative;
					top: -.3em;	}



#dyd-driver { width: 120px; height: 53px; margin: 11px 0 0 17px; text-align: right; float: left; }

div#dyd ul#share_links {
		list-style: none;
		margin: 0 0 0 -3px;
	}
		ul#share_links li {
			float: left;
			width: 108px;
			height: 36px;
			margin-right: 7px;
		}
			ul#share_links li a {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -999999em;
			}
				ul#share_links li a.share-twitter {
					background: #FFF url(/images/twitter.gif) no-repeat scroll left top;
				}
				ul#share_links li a.share-facebook {
					background: #FFF url(/images/facebook.gif) no-repeat scroll left top;
				}
				ul#share_links li a.share-email {
					background: #FFF url(/images/email.gif) no-repeat scroll left top;
				}

div#badges {
  background: #EFEFEF;
  padding: 1.5em 0 0 20px;
}
  div#badges div.last {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
div.badge {
  border-right: 1px solid #DDD;
  float: left;
  margin-right: 36px;
  padding-right: 36px;
  width: 240px;
}
  div.badge img {
    -moz-box-shadow: 0 2px 8px -2px #AAA;
    margin-bottom: 0.5em;
  }
  div.badge h6 {
    color: #5B5A60;
  }
  div.badge textarea {
    height: 1.0em;
    width: 234px;
  }


.footer			{ 	padding: 30px 0 0 0;
					clear: both;
					text-align: center;	}

.footer p		{ 	margin: 0 0 10px 0;}


#contact-form-left {float:left; width:320px;}
.contact-form-short {width:210px;}
#contact-form-right {float:right; width:300px;}
.contact-comments {width:210px; height:100px;}

h2 .top_left {
  left:-3px;
}
*> h2 .top_left { left:0; }

h2 .top_right { right:5px; }
h2.abnormal .top_right { right:15px; }
*> h2 .top_right, *> h2.abnormal .top_right { right:0; }

.tab .top_right {
  margin:0 0 0 -4px;
  left:100%;
}

*>.tab .top_right {
  margin:0;
  left:auto;
  right:0;
}

/* Tabs */
.tab {
  border:1px solid #866454;
  cursor:pointer;
  float:left;
  margin:10px -1px -1px 0;
  padding:3px 10px 2px 10px;
  position:relative;
}

.tab.active {
  background-color:#866454;
  color:#fff;
  font-weight:bold;
}

.tab.first {
  margin-left:10px;
}

.tab img.top_left {
  left:-1px;
  top:-1px;
}

.tab img.top_right {
  right:-1px;
  top:-1px;
}

#tabset img.top_left {
  left:-1px;
}

#tabset img.top_right {
  right:5px;
}

#tabset img.bottom_left {
  float:left;
  margin:-5px 0 0 -1px;
  position:relative;
}

#tabset img.bottom_right {
  float:right;
  margin:-5px -1px 0 0;
  position:relative;
}

*>#tabset img.top_left { left:-1px; position:absolute; top:-1px; }
*>#tabset img.top_right { right:-1px; position:absolute; top:-1px; }
*>#tabset img.bottom_left { bottom:-1px; left:0; position:absolute; }
*>#tabset img.bottom_right { bottom:-1px; right:0; position:absolute; }

#tabset {
	
  border:1px solid #866454;
/*  clear:both; */
  position:relative;
}

.home-left  {
	padding:15px 0 0 0;
	border-bottom:#D4D4D4 3px solid;	
	border-right:#D4D4D4 3px solid;	
}

.home-right  {
	padding:15px 0 0 0;
	border-bottom:#D4D4D4 3px solid;
}



/* Home Page Driver DIVS */
.home-driver { float: left; margin: 0; padding: 10px; width: 368px; height: 163px; border-right: 4px solid #ccc; border-bottom: 4px solid #ccc; font-family: "Arial Black", Arial, sans-serif; letter-spacing: -0.1em; }
.home-driver div { position: absolute; width: 260px; height: 163px; }
.home-driver div.wider-image { position: absolute; width: 230px; height: 163px; }
.home-driver.last { width: 378px; border-right: none; }
.home-driver a,
.home-driver a:visited,
.home-driver a:hover,
.home-driver a:link { margin: 0; padding: 0; font-size: 18px; line-height: 21px; font-weight: bold; text-decoration: none; color: #c17d36; }
.home-driver a.drive-through,
.home-driver a.drive-through:visited,
.home-driver a.drive-through:hover,
.home-driver a.drive-through:link { font-size: 16px; color: #900; display: block; position: absolute; left: 0; bottom: 0; }
.home-driver a.note,
.home-driver a.note:visited,
.home-driver a.note:hover,
.home-driver a.note:link { font-size: 12px; line-height: 10px; }
.home-driver a:hover { text-decoration: underline; }
.home-driver em { font-size: 40px; line-height: 46px; color: #000; margin: 0 0 6px 0; padding: 0; display: block; font-style: normal; letter-spacing: -0.1em; }
.home-driver img { float: right; margin-left: 10px; width: 95px; height: 163px; }
.home-driver img.wide { float: right; margin-left: 10px; width: 120px; height: 163px; }



#LiveActor { position: absolute; z-index: 100; top: 100px; left: 530px; }

#info-callout-wrapper { float: right; width: 180px; margin: 0 0 10px 10px; padding: 10px; font-size: 80%; border: 1px solid #694040; background: #f6f0f0;}
#info-callout-wrapper a { color: #53473f; font-size: 1.25em; }
#info-callout-wrapper a:hover { color: #a91e24; }
#info-callout-wrapper h2 { margin: 0.25em 0; font-family: Georgia,Times,serif; letter-spacing: 0; }
#info-callout-wrapper ul { list-style-type: none; margin-left: 0; }
#info-callout-wrapper ul li { margin-left: 1em; margin-bottom: 1em; text-indent: -1em; }

.callout-one { padding: 10px; border: 1px solid #694040; background: #f1e9e9 }

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */

a.positive:hover, button.positive:hover { background-color: #f1b100; border: 1px solid #dedede; color: #565656; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }

/* Override */
a.button, button { border: 1px solid #53473f; border-top: 1px solid #bdb5b0; border-left: 1px solid #bdb5b0; background-color: #e3ddda; color: #e3ddda; font-weight: normal; font-family: Arial,Verdana,sans-serif; }
button:hover, a.button:hover { background-color: #eee; border: 1px solid #bdb5b0; color: #53473f; }
a.button:active { background-color: #f9dd9c; border: 1px solid #930; color: #c30; }

#info-callout-wrapper a.button, #info-callout-wrapper button { font-size: 1.5em; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* NOTCE / ERROR and SUCCESS DIVS */

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}