/**
 *
 *
 *
 *
 * Reset Styles
 *
 *
 *
 *
 */

* , :focus { outline: none !important; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
	
ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 0;
	}

img { vertical-align:text-bottom; }

hr { display: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

.pad 	{ padding: 1em; }
.hide 	{ display:none; }
.float 	{ float:left; }
.clear 	{ clear:both; }
.drag	{ cursor:move; }

.full 	{ width:95%; }
.half 	{ width:50%; }
.quarter 	{ width:25%; }
.third 	{ width:33%; }
.fifth 	{ width:20%; }

.note 	{ color:#393939; }
.success 	{ color:#0066CC; }
.error 	{ color:#993300; }

ul.simple 	{ list-style:none;padding:0;margin:0; }
ul.row 		{ list-style:none;padding:.5em 1em;margin:1em 0; }
ul.alt 		{ background:#f2f2f2; }

img.left , img.right { float:left; margin: 0 10px 5px 0; border: 1px solid #ccc; background:#fff; padding: 3px; }
img.right { float:right; margin: 0 0 10px 5px; }


pre.pre
{
	overflow:scroll;
	max-height:200px;
	border: 1px dashed #ccc;
	font-size:12px;
}

.rounded
{
	background: #fcfcfc;
	border: 1px solid #e1e1e1;
	border-right: 2px solid #d1d1d1;
	border-bottom: 2px solid #d1d1d1;
	float:left;
	margin: 1em 1em 1em 0;
	padding: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}


/* clearing */
.stretch , .clear
{
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1px;
}
.clearfix:after , .inner:after
{
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: ".";
}
.clearfix , .inner {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix , .inner {display:block;}
/* End hide from IE Mac */
/* end clearing */




/* Example of IE filters */
* html .ie6selector {}
*:first-child+html .ie7selector {}




/**
 *
 *
 *
 *
 * Basic Typography
 *
 *
 *
 *
 */

body , input , textarea , select, button
{
	line-height: 	1.75em;
	font-size: 		.75em;
	color:			#222;
	font-family: 	Verdana,Arial, Helvetica,"Lucida Grande","Trebuchet MS",sans-serif;
}

input , textarea , select
{
	font-size: 	1em;
}

select
{
	padding: 5px 3px 3px 3px;
}

textarea
{
	line-height: 1.25em;
}

h1,h2,h3,h4,h5,h6
{
	font-family: 	Verdana,Arial, Helvetica,"Lucida Grande","Trebuchet MS",sans-serif;
	font-weight: normal;
}

p , form , object 	{ font-size: 1em; 		margin:  1.2em; }
h1 			{ font-size: 2em; 		margin: .8em; }
h2 			{ font-size: 1.75em; 	margin: .9em; }
h3 			{ font-size: 1.5em; 		margin: 1em; }
h4 			{ font-size: 1.25em; 	margin: 1.1em; }
h5 			{ font-size: 1em; 		margin:  1.3em; }
h6 			{ font-size: 1em; 		margin:  1.3em; text-transform:uppercase;  }


a:link 		{ color: #A75614; text-decoration:none; }
a:visited 	{ color: #4F301A; }
a:hover 		{ color: #F47C19; }
a:active 		{ color: #FF5D00; }


ul , ol , dl , blockquote
{
	margin: 1em;
	padding-left: 2em;
	padding-right: 2em;
}

dl 
{	
	padding:0;
}

dt 
{	
	font-weight:bold;
	padding: 1em 0 0 0;
}

dt i
{	
	font-weight:normal;
	font-size:80%;
	font-style:normal;
}

ul li , ol ul li { list-style: disc; }

ol li , ul ol li { list-style: decimal; }



table
{
	border-collapse:collapse;
	margin:1em;
}

td, th
{
	border: 1px solid #222;
	padding: .5em;
	vertical-align:top;
}

tr.alt td , tr.alt th
{
}

caption
{
	margin:0;
	padding:1em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}

pre
{
	font-size: 1.25em;
	margin:1em;
}

code
{
	font-size: 1.25em;
}

form {}
fieldset {}

/**
 *
 *
 *
 *
 * Basic Layout
 *
 *
 *
 *
 */

body
{
	text-align:center;
	background: #fff;
}

	.outer
	{
		text-align:center;
		background: #fff;
	}
	
		.outer .inner
		{
			text-align:left;
			margin: 0 auto;
			padding:0;
			background: #eee;
			color:#222;
			width: 70em;
		}
	
			.outer .inner .pad
			{
				float:left;
				margin:0;
				padding:0;
				width:100%;
			}
		

		#header {}

		#header h1,
		#header h1 a
		{
			display:block;
			text-decoration:none;
			margin:0;
			padding:0;
			height:4em;
			line-height:4em;
		}

		#header h1 a
		{
			padding: 0 0 0 1em;
		}

		#header h1 a:hover
		{
		}

		#content {}
		
		#footer {}
		

			#primary
			{
				float:left;
				margin:0;
				padding:0;
				overflow:hidden;
				width:75%;
			}
			#sidebar
			{
				float:left;
				margin:0;
				padding:0;
				overflow:hidden;
				background: #ccc;
				width:25%;
			}

		#footer .column
		{
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			width:25%;
		}

		#footer .column li
		{
			line-height:1.2em;
			padding: 0 0 .8em 0;
		}


/**
 *
 *
 *
 *
 * Tools Menu 
 *
 *
 *
 *
 */
		
		#tools
		{
			margin:0;
			padding:.5em 1em;
			list-style:none;
			text-align:right;
		}
		#tools li
		{
			margin:0;
			padding:.25em;
			list-style:none;
			display:inline;
		}
		

/**
 *
 *
 *
 *
 * Helper Classes
 *
 *
 *
 *
 */
		
		#sortable .box
		{
			cursor:pointer;
		}
		
		.box_wrap
		{
			float:left;
			width:100%;
			overflow:hidden;
			margin:0;
			padding:0;
		}
		
		.box
		{
			float:left;
			width:200px;
			overflow:hidden;
			margin:0;
			padding:0;
			width:15em;
		}
		
		._1x1 { width:15em;height:15em; }
		._1x2 { width:30em;height:15em; }
		._1x3 { width:45em;height:15em; }
		._1x4 { width:60em;height:15em; }
		
		._2x1 { width:15em;height:30em; }
		._2x2 { width:30em;height:30em; }
		._2x3 { width:45em;height:30em; }
		._2x4 { width:60em;height:30em; }
		
		._3x1 { width:15em;height:45em; }
		._3x2 { width:30em;height:45em; }
		._3x3 { width:45em;height:45em; }
		._3x4 { width:60em;height:45em; }
		
		._4x1 { width:15em;height:60em; }
		._4x2 { width:30em;height:60em; }
		._4x3 { width:45em;height:60em; }
		._4x4 { width:60em;height:60em; }
		
		
		
		
		

		ul.menu
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		ul.menu li
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		ul.menu li a
		{
			display:block;
			text-decoration:none;
			background: #222;
			color:#eee;
			padding: 5px 10px;
		}
		ul.menu li a span
		{
			display:block;
			padding: 0 0 5px 0;
			line-height:1.25em;
			font-size:.8em;
		}
		ul.menu li a:hover
		{
			background: #333;
			color: #f30;
		}
		ul.menu li a:hover span
		{
			color: #f90;
		}





		ul.inline
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		ul.inline li
		{
			margin:0;
			padding:0;
			display:inline;
		}






		ul.product
		{
			margin:0;
			padding:0;
			list-style:none;
			height:28em;
			overflow:hidden;
		}
		ul.product *
		{
			margin:0;
			padding:0;
			list-style:none;
			line-height:1em;
		}
		ul.product .product-image img
		{
			margin: 1em 0;
			width: 14em;
		}
		ul.product li h4
		{
		}
		ul.product li select
		{
			width:120px;
		}




		/**
		 *
		 *
		 *
		 *
		 * Form Class Styles
		 *
		 *
		 *
		 *
		 */

		 ol.elements
		 {
		 	padding:0;
		 	list-style:none;
		 }

		 li.element
		 {
		 	list-style:none;
		 	background: #fefefe;
		 	padding: .5em 1em;
		 	margin: 0 0 .5em 0;
		 	float:left;
		 	width:97%;
		 }

		 li.element label i,
		 li.element label em
		 {
			color:#993300;
			font-style: normal;
		 }
		 li.element label em
		 {
			background:#993300;
			color:#fff;
		 }

		 li.element label
		 {
		 	display:block;
		 }

		 li.element .checkboxes label
		 {
		 	display:inline;
		 	cursor:pointer;
		 }

		 li.element label.error
		 {
		 	line-height: 1.2em !important;
		 	padding: 0 0 .75em 0 !important;
		 }
		
		 li.element label u
		 {
		 	text-decoration:none;
		 	color:#aaa;
		 	font-size:90%;
		 }

		.many span
		{
			float:left;
			display:block;
			width:31%;
			margin-right:1em;
		}
		.many span.last
		{
			clear:left;
		}

		.multi span
		{
			float:left;
			display:block;
			margin-right:1em;
		}
		.multi span b
		{
			font-weight:normal;
		}
		


		/**
		 *
		 *
		 *
		 *
		 * Buttons
		 *
		 *
		 *
		 *
		 */

		
		form .buttons
		{
			padding-top: 1em !important;
		}
		form .buttons button ,
		form .buttons a
		{
			width: auto;
			overflow:visible;
			display: block;
			float: left;
			margin: 0 .5em 0 0;
			background-color: #f5f5f5;
			border: 1px solid #dedede;
			border-top: 1px solid #eee;
			border-left: 1px solid #eee;
			line-height: 1.75em;
			text-decoration: none;
			font-weight: bold;
			color: #565656;
			cursor: pointer;
			-moz-border-radius: 1em;
			-khtml-border-radius: 1em;
			-webkit-border-radius: 1em;
			border-radius: 1em;
			font-size: 1em;
			padding: .5em 1em .7em .9em !important;
			text-align:left;
		}
		
		form button.positive { color: #529214; }
		form button.negative { color: #d12f19; }
		
		form .buttons button:hover , .buttons a:hover { background: #fff !important; }
		
		form .buttons img
		{
			margin: 0 .2em 0 0 !important;
			padding: 0;
			border: none;
			width: 16px;
			height: 16px;
		}
		




		/**
		 *
		 *
		 *
		 *
		 * Links List 
		 *
		 *
		 *
		 *
		 */
		
		ul#links-list
		{
			list-style:none;
			margin: 1em 2em;
			padding:0;
		}
		ul#links-list li
		{
			list-style:none;
			margin:0;
			padding: .25em 0;
			line-height:1.5em;
		}
		ul#links-list li span
		{
			display: block;
			padding: .25em 0 0 0;
			font-size:.8em;
			line-height:1.5em;
			color:#888;
		}
		
		


		
		


		/**
		 *
		 *
		 *
		 *
		 * FAQs List 
		 *
		 *
		 *
		 *
		 */
		.faqs-list
		{
		}
		.faqs-list dt
		{
			font-weight:normal;
			cursor:pointer;
			padding: 0 0 0 1.5em;
			color:#000;
			background: url(../img/icons/bullet_arrow_right.png) no-repeat 0 .25em;
		}
		.faqs-list dt.faq-open
		{
			color:#222;
			font-weight:bold;
			background: url(../img/icons/bullet_arrow_down.png) no-repeat 0 .25em;
		}
		.faqs-list dd
		{
			display:none;
			padding: 0 2em;
		}
		
		




		/**
		 *
		 *
		 *
		 *
		 * Articles List 
		 *
		 *
		 *
		 *
		 */
		.article h3 i
		{
			font-style: normal;
			font-size: .7em;
			color: #ccc;
			display:block;
		}
		
		




		/**
		 *
		 *
		 *
		 *
		 * Sign Up Form 
		 *
		 *
		 *
		 *
		 */
		.signup_form
		{
		
		}
		.signup_form li i
		{
			color:#666;
			display:block;
			font-size:.8em;
			line-height:1.33em;
			padding: .5em 0;
			font-style:normal;
		}

		#CM_SIGNUP li
		{
			background: none;
			padding:0;
			margin:0;
		}
		#CM_SIGNUP label
		{
			padding:0;
			margin:0;
		}
		#CM_SIGNUP li input
		{
			width:97%;			
			margin:0;
		}
		#CM_SIGNUP li.note
		{
			padding: 1em 0 0 0;
			line-height:1.25em;
		}




		.ui-sortable li
		{
			list-style:none;
		}




		/**
		 *
		 *
		 *
		 *
		 * Datepicker 
		 *
		 *
		 *
		 *
		 */
		 #ui-datepicker-div
		 {
		 	font-size:11px;
		 	border: 1px solid #ccc !important;
		 	background: #fff;
		 }
		 .ui-datepicker-header
		 {
		 }
		 .ui-datepicker-trigger
		 {
			cursor:pointer;
		 }
		.ui-icon
		{
			cursor:pointer;
		 	padding:1em;
		}
		.ui-datepicker-calendar td,
		.ui-datepicker-calendar th
		{
			font-weight:normal;
			line-height: 1em;
			padding: .6em 0;
			width: 2.25em;
		 	border: 1px solid #ccc !important;
		}



		/*
		jQuery Dialog Box
		*******************
		<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
			<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
				<span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
				<a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
			</div>
			<div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
				<p>Dialog content goes here.</p>
			</div>
		</div>
		*/
		.ui-widget-overlay
		{
			position:absolute;top:0;left:0;
			background:#000;
			opacity:.8;
		}
		.ui-dialog
		{
			padding: 1em;
			-moz-border-radius: 1em;
			-khtml-border-radius: 1em;
			-webkit-border-radius: 1em;
			border-radius: 1em;
			border: 10px solid #000;
			background: #fff;
			text-align:left;
		}
		.ui-dialog-titlebar
		{
			background: #eee;
			padding: .5em 1em;
			font-weight:bold;
			cursor:pointer;
		}
		.ui-dialog-title
		{
		
		}
		.ui-dialog-titlebar-close
		{
			margin-top:.25em;
			float:right;
			background: url(../img/icons/cross_gray.png) no-repeat 0 0;
			width:16px;
			height:16px;
			text-indent:-9999em;
		}
		.ui-dialog-content
		{
			padding: 1em 0;
		}