/* 	Index of this CSS File

	(01) COLUMNS ( Grid System )
	(02) LIST STYLES
	(03) BUTTONS
	(04) IMAGE LEFT, RIGHT AND CENTER
	(05) IMAGE HOVER ZOOM, PLAY, DOC & FLASH ICONS
	(06) GO TOP LINK
	(07) PAGINATION
	(08) TAB STYLES
	(09) TOGGLES
	(10) TOOLTIP
	(11) PRICING TABLES
	(12) INFO BOXES
		 (a) Myfancy Info Boxes
		 (b) Simple Info Boxes
		 
	(13) POPUP LOGIN
	(14) DROP CAPS
	(15) PULL QUOTES
	(16) BLOCK QUOTES
	(17) TEXT HIGHLIGHTING
 */

/* ========================================================== 
	(01) COLUMNS ( Grid System)
============================================================ */

.one-full, .one-half, .one-third , .one-fourth , .one-fifth, .one-sixth, .two-third, .three-fourth, .four-fifth, .five-sixth  { 	
	margin:0px 30px 10px 0; 
	float:left; 
	position:relative;}
	
.last { margin-right:0;}	
.one-full { width:960px; margin-right:0;}
.one-half { width:465px;}
.one-third { width:300px;}
.one-fourth { width:217px;}
.one-fifth { width:168px;}
.one-sixth { width:135px;}
.two-third { width:630px;}
.three-fourth { width:713px;}
.four-fifth { width:762px;}
.five-sixth { width:795px;}

/* ========================================================== 
	(02) LIST STYLES
============================================================ */

#content ul{	
	padding:0 0 8px 0; }	
	
#content ul li{ 
	background:url(../images/backgrounds/bullet1.png) no-repeat 0 1px;
	line-height:19px;
	padding-bottom:5px;
	padding-left:25px; } 

#content ol {
	padding-left: 23px; }
	
#content ol li{
	padding-bottom:5px;
	line-height:19px;	
	list-style-type:decimal;
	list-style-position: outside; }	

/* Ordered Lists */

#content ol {	padding: 0 0 8px 23px; }
	
#content ol li{	
	padding-bottom:5px;
	line-height:19px;	
	list-style-type:decimal;
	list-style-position: outside; }	
	
#content ol.list-lower-roman li { list-style: lower-roman; }
#content ol.list-upper-roman li { list-style: upper-roman; }
#content ol.list-lower-alpha li { list-style: lower-alpha; }
#content ol.list-upper-alpha li { list-style: upper-alpha; }

/* ========================================================== 
	(03) BUTTONS
============================================================ */

button { 	
	cursor: pointer;
	overflow: visible; 
	position: relative;}
	
button span { 	
	display: block;	
	white-space: nowrap; 
	height:32px;	
	position: relative;}
	
button::-moz-focus-inner { border: none; padding:0;} /* span’s offset in firefox */

a.button-white, button.button-white{ 	
	height:32px;
	display:inline-block;
	padding:0 0 0 12px;
	width:auto;
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.button-white span, button.button-white span{ 	
	height:32px;
	display:inline-block;
	padding:0 20px 0 0;
	margin:0;
	line-height:28px;
	position: relative; 
	font-size:11px;	
	text-shadow: 0 1px 0 #fff}


/* ====== White Button ====== */

a.button-white,button.button-white { background:url(../images/backgrounds/button-white-left.png) no-repeat left 0;}
a.button-white span,button.button-white span{ background:url(../images/backgrounds/button-white-right.png) no-repeat right 0; color:#505050;text-shadow: 0 1px 0 #fff }
a:hover.button-white,button.button-white:hover{ }
a:hover.button-white span,button.button-white:hover span{ color:#000; text-shadow: 0 1px 0 #fff; }	

/* ====== Black Buttons ====== */

a.button-small,button.button-small,a.button-medium,button.button-medium,a.button-large, button.button-large {
	display:inline-block;
	float:left;
	text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;	
	font-family:arial, verdana, georgia;}

a.button-small span, button.button-small span,a.button-medium span, button.button-medium span,a.button-large span{
	display:inline-block;
	color:#fff;
	margin:0;
	text-shadow: 1px 1px 0px #000;}

/* ====== Button Size Small ====== */
	
a.button-small, button.button-small { 
	background:url(../images/backgrounds/button-small-left.png) no-repeat 0 0;
	height:28px;	
	padding:0 0px 0 13px;
	color:#fff;}
	
a.button-small span, button.button-small span{ 
	background:url(../images/backgrounds/button-small-right.png) no-repeat right 0;
	height:28px;	
	padding:0 20px 0 0;	
	line-height:26px;	
	font-size:12px;
	font-style:italic;}	
	
a:hover.button-small, button.button-small:hover{ background-position: 0 bottom; }	
a:hover.button-small span, button.button-small:hover span{ background-position: right bottom; }	
	
/* ====== Button Size Medium ====== */
	
a.button-medium, button.button-medium { 
	background:url(../images/backgrounds/button-medium-left.png) no-repeat 0 0;
	height:37px;	
	padding:0 0px 0 15px;
	color:#fff;}
	
a.button-medium span, button.button-medium span{ 
	background:url(../images/backgrounds/button-medium-right.png) no-repeat right 0;
	height:37px;	
	padding:0 25px 0 0;	
	line-height:35px;	
	font-size:16px;
	font-style:italic;}
	
a:hover.button-medium, button.button-medium:hover{ background-position: 0 bottom; }	
a:hover.button-medium span, button.button-medium:hover span{ background-position: right bottom; }		
	
/* ====== Button Size Large ====== */
	
a.button-large, button.button-large { 
	background:url(../images/backgrounds/button-large-left.png) no-repeat 0 0;
	height:56px;	
	padding:0 0px 0 23px;
	color:#fff;}
	
a.button-large span, button.button-large span{ 
	background:url(../images/backgrounds/button-large-right.png) no-repeat right 0;
	height:56px;	
	padding:0 30px 0 0;	
	line-height:54px;	
	font-size:22px;	
	text-shadow:0;
	font-style:italic;}
	
a:hover.button-large, button.button-large:hover{ background-position: 0 bottom; }	
a:hover.button-large span, button.button-large:hover span{ background-position: right bottom; }		
	
/* Input Tag Button Styles for */

.input-button1,.input-button2,.input-button3{
	border:0; outline:0; 
	color:#fff; 
	cursor:pointer; 
	font-family:georgia,arial, verdana;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-style:italic;
	text-shadow: 1px 1px 0px #000;}

.input-button1 { background:url(../images/backgrounds/button-small-right.png) repeat-x right 0; height:28px; padding:0 15px 0 10px; font-size:11px;}
.input-button2 { background:url(../images/backgrounds/button-medium-right.png) repeat-x right 0; height:37px; padding:0 25px 0 15px; font-size:16px;}
.input-button3 { background:url(../images/backgrounds/button-large-right.png) repeat-x right 0; height:56px; padding:0 30px 0 20px; font-size:22px;}
.input-button1:hover,.input-button2:hover ,.input-button3:hover { color:#ccc; }

/* Colorful Buttons */

 a.color-btn1, button.color-btn1, 
 a.color-btn2, button.color-btn2, 
 a.color-btn3, button.color-btn3 { 
	display:inline-block; 	
	font-family:Arial, Helvetica, sans-serif; 
	padding: 0 0 0 5px; 
	text-decoration: none; 
	outline:none; 
	text-shadow:none; 
	font-weight:normal;
	position: relative; 
	border:0;		
	color:#fff; 
	cursor:pointer;
	margin:0 4px 6px 0 ;}
	
a.color-btn1, a.color-btn1 span, button.color-btn1, button.color-btn1 span,
a.color-btn2, a.color-btn2 span, button.color-btn2, button.color-btn2 span,
a.color-btn3, a.color-btn3 span, button.color-btn3, button.color-btn3 span
{display:inline-block;}

a.color-btn1,button.color-btn1 { background: url(../images/backgrounds/btn1_left.png) no-repeat 0 0;  font-size: 12px; line-height: 29px; height: 29px;}
a.color-btn1 span,button.color-btn1 span{ background:url(../images/backgrounds/btn1_right.png) no-repeat right 0; padding: 0px 12px 0px 7px; line-height: 29px;}
a:hover.color-btn1,button:hover.color-btn1{ background: url(../images/backgrounds/btn1_left-hover.png) no-repeat 0 0; }
a:hover.color-btn1 span,button:hover.color-btn1 span{ background:url(../images/backgrounds/btn1_right-hover.png) no-repeat right 0;}

a.color-btn2,button.color-btn2 { background: url(../images/backgrounds/btn2_left.png) no-repeat 0 0;  font-size: 14px; line-height: 33px; height: 33px;}
a.color-btn2 span,button.color-btn2 span{ background:url(../images/backgrounds/btn2_right.png) no-repeat right 0; padding: 0px 14px 0px 9px; line-height: 33px;}
a:hover.color-btn2,button:hover.color-btn2{ background: url(../images/backgrounds/btn2_left-hover.png) no-repeat 0 0; }
a:hover.color-btn2 span,button:hover.color-btn2 span{background:url(../images/backgrounds/btn2_right-hover.png) no-repeat right 0;}

a.color-btn3,button.color-btn3 { background: url(../images/backgrounds/btn3_left.png) no-repeat 0 0;  font-size: 18px; line-height: 40px; height: 40px;}
a.color-btn3 span,button.color-btn3 span{ background:url(../images/backgrounds/btn3_right.png) no-repeat right 0; padding: 0px 17px 0px 12px; line-height: 40px;}
a:hover.color-btn3,button:hover.color-btn3{ background: url(../images/backgrounds/btn3_left-hover.png) no-repeat 0 0; }
a:hover.color-btn3 span,button:hover.color-btn3 span{background:url(../images/backgrounds/btn3_right-hover.png) no-repeat right 0;}

/* button background colors */

a.green,	a:hover.green,		button.green,	button:hover.green 		{ background-color:#8cc42c;}
a.red,		a:hover.red,		button.red,		button:hover.red 			{ background-color:#dd2619;}
a.pink,		a:hover.pink,		button.pink,		button:hover.pink 		{ background-color:#de0484;}
a.blue,		a:hover.blue,		button.blue,		button:hover.blue 		{ background-color:#04beea;}
a.jordyblue,a:hover.jordyblue,	button.jordyblue,button:hover.jordyblue 	{ background-color:#7f97ee;}
a.orange,	a:hover.orange,		button.orange,	button:hover.orange 		{ background-color:#ff8416;}

/* ========================================================== 
	(04) IMAGE LEFT, RIGHT AND CENTER
============================================================ */

.image-left, .image-right, .image-center { 
	background:#e8e8e8; 
	padding:6px; 
	border:1px solid #cbcbcb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: inset 3px 3px 3px #eeeeee;
	-webkit-box-shadow: inset 0 0 5px #eeeeee;
	box-shadow: inner 0 0 5px #eeeeee;}

.image-left { float:left; margin:10px 20px 10px 0; position:relative;}
.image-right { float:right; margin:10px 0 10px 20px; position:relative;}
.image-center { text-align:center; margin:10px 0 10px 0;}

/* ========================================================== 
	(05) IMAGE HOVER ZOOM, PLAY, DOC & FLASH ICONS
============================================================ */

.zoom-icon, .play-icon, .doc-icon, .flash-icon, .preloader { background-position:50% 50%; background-repeat:no-repeat;}
.zoom-icon   { background-image:url(../images/icons/zoom.png)}
.play-icon   { background-image:url(../images/icons/play.png) }
.doc-icon     { background-image:url(../images/icons/doc.png) }
.flash-icon { background-image:url(../images/icons/flash.png) }
.preloader { background-image:url(../images/backgrounds/pre-loader4.html) }

/* ========================================================== 
	(06) GO TOP LINK
============================================================ */

.gotop a, .gotop a:active,.gotop2 a, .gotop2 a:active { 	
	text-decoration:none; 
	font-size:10px; 
	float:right;
	height:20px;
	margin-top:-20px;}	
.gotop2 a, .gotop2 a:active { margin-top:-10px; }		
.gotop a, .gotop a:active {color:#888; }
.gotop2 a, .gotop2 a:active {color:#888}		
.gotop a:hover { color:#000; }
.gotop2 a:hover {color:#000; }

/* ========================================================== 
	(07) PAGINATION
============================================================ */

#content .pagination  { width:400px; }

#content .pagination ul li.page-previous a,#content .pagination ul li.page-next a { 
	width:64px; 
	height:64px; 
	line-height:68px; 
	display:block; 
	text-indent:0px; 
	font-size:10px;
	color:#fff; border:none;
	text-shadow: 1px 1px 0 #410000; margin-top:0;
	text-decoration:none;	
	float:left;
	position:relative;}
	
#content .pagination ul li.page-previous a:hover,#content .pagination ul li.page-next a:hover { color:#dc9494; }	

#content .pagination ul li.page-previous a { background:url(../images/backgrounds/pagination-prev.jpg) no-repeat;   }
#content .pagination ul li.page-next a { background:url(../images/backgrounds/pagination-next.jpg) no-repeat;   }


#content .pagination ul { padding:0; text-align:center; clear:both; float:left; position:relative; height:64px;  }	
#content .pagination ul li { background:none; padding:0;}

#content .pagination ul li, .pagination li { 	
	background:none; 	
	margin:0; 	height:64px; 
	padding:0;}

#content .pagination li { float:left; }

#content .pagination li a,#content .pagination li.active a  {
	width:22px;
	height:22px;
	margin:20px 3px 0 3px;
	border:1px solid #d5d5d5;
	text-shadow: 1px 1px 0 #fff;
	text-decoration:none;
	display:block;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;}

#content .pagination li a {		
	background:url(../images/backgrounds/pagination-on.jpg) repeat-x;	
	line-height:22px;	
	color:#292929;}
	
#content .pagination li a:hover, #content .pagination li.active a{ 
	background:url(../images/backgrounds/pagination-active.jpg) repeat-x; 
	color:#fff; 
	text-shadow: 1px 1px 0 #410000;
	border:1px solid #860101;}

/* ========================================================== 
	(08) TAB STYLES
============================================================ */

#content ul.tabs { 
	margin:0px 0 0 0;
	padding: 0; 
	float: left; 
	color:#363636; 
	list-style: none; 
	height: 50px; 	
	width: 100%; }
	
#content ul.tabs li { 
	float: left; 
	padding: 0;		
	overflow: hidden; 
	position: relative; 
	margin-right:10px; 
	font-style:italic;
	font-family:georgia;	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; }

#content ul.tabs li a { 
	background: url(../images/backgrounds/tab-left.png) no-repeat 0 0; 
	text-decoration: none; 
	height: 49px; 
	line-height: 3px; 
	color:#363636; 
	display: block; 
	font-size: 14px; 
	padding-left:20px;
	outline: none;
	text-align:center;}
	
#content ul.tabs li a span  { background: url(../images/backgrounds/tab-right.png) no-repeat right 0; height: 49px; 
	line-height: 33px;display: block; padding-right:20px; z-index:111;  }

html #content ul.tabs li.active{ background:url(../images/backgrounds/tab-arrow.png) no-repeat center 40px; }

.tab_container { 
	border: 1px solid #d7d7d7; padding:0; margin:-2px 0 0 0;	
	clear: both; 	
	float: left;  
	width: 100%; 
	background: #fff; 
	color:#707070;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px; }

.tab_content { padding: 25px 25px 0 25px;}
	
/* ========================================================== 
	(09) TOGGLES
============================================================ */

.trigger, .acc_trigger, .trigger, .acc_trigger { margin-bottom:2px; }

.trigger, .acc_trigger, .trigger, .acc_trigger,p.active a,p.active2 a,.toggle_container, .acc_container
	{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;	}

p.trigger, p.acc_trigger{ 
	clear:both;
	padding:0;  
	margin:0 0 2px 0;  
	background: url(../images/backgrounds/toggles.png) no-repeat right 0;  
	height: 35px;  
	line-height: 35px; 
	width: 100%; 
	float: left; 
	border: 1px solid #c1c1c1; }
	
p.trigger a, p.acc_trigger a { clear:both;
	color: #363636; 
	font-size: 14px; 	
	text-indent:12px; 
	text-decoration: none; 
	display: block;
	height: 35px;  
	font-style:italic;
	line-height: 35px;  }
	
p.trigger a:hover, p.acc_trigger a:hover { }

p.active a{background: url(../images/backgrounds/toggles.png) no-repeat right bottom;}

.toggle_container, .acc_container { 
	margin: 0 0 2px 0; 
	padding: 0; 
	overflow: hidden; 
	width: 100%; 
	clear: both; 
	border: 1px solid #c1c1c1;
	color:#707070;
	background-color:#fff; }
	
.toggle_container .block , .acc_container .block { 
	padding: 15px 20px 0px 20px; 
	margin:0; }

p.trigger2, p.acc_trigger2{ 
	padding: 0;  
	margin:0 0 2px 0; 
	background: url(../images/backgrounds/plus.png) no-repeat 0px 9px;  
	height: 34px;  
	line-height: 34px; 
	width: 100%; 
	float: left; }
	
p.trigger2 a, p.acc_trigger2 a { 
	color: #000; 
	font-size: 14px; 	
	text-indent:25px; 
	font-style:italic;
	text-decoration: none; 
	display: block; 
	margin-bottom:0; }
	
p.active2 a { background: url(../images/backgrounds/minus.png) no-repeat 0px 9px; }

p.trigger2 a:hover, p.acc_trigger2 a:hover {  }

.toggle_container2, .acc_container2 { 
	margin: 0 0 5px 0px;
	padding: 0; 
	overflow: hidden; 
	width: auto; 
	clear: both; }
	
.toggle_container2 .block2, .acc_container2 .block2{ 
	padding: 10px 15px 0px 15px; 
	margin:0; }	
	
/* ========================================================== 
	(10) TOOLTIP
============================================================ */

.tipsy { padding: 5px; font-size: 12px; opacity:0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/backgrounds/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* ========================================================== 
	(11) PRICING TABLES
============================================================ */

.pricing-table { text-align:center; float:left; margin-right:13px; margin-bottom:0px;}
.last { margin-right:0; }
.pricing-table h3 { height:45px; line-height:43px; color:#fff; font-size:18px; }
.pricing-table sup { color:#fff; font-size:24px;}
.pricing-table sub { color:#fff; font-size:15px;}
.table-price { color:#fff; font-size:48px; line-height:43px; margin-top:25px;font-style:italic; }
.pricing-6col .table-price { font-size:40px; }

#content .pricing-table ul { margin:0; padding:15px 0 15px 0; color:#5b5a5a; text-shadow:0 1px 0 #fff; }
#content .pricing-table ul li { height:38px; line-height:34px; display:block; margin:0; padding:0; }
#content .pricing-table ul li a {  color:#5b5a5a; text-decoration:none;display:block;  }
#content .pricing-table ul li a:hover {color:#000;}
#content .pricing-table ul li img { vertical-align:middle; padding-right:3px;}

/* pricing 3 column table */
.pricing-3col{ background:url(../images/backgrounds/pricing-3col-bg.png) repeat-y 0 0; width:304px; }
.pricing-3col:hover{ background:url(../images/backgrounds/pricing-3col-bg-hover.png) repeat-y 0 0; cursor:pointer; }
.pricing-3col-bottom { background:url(../images/backgrounds/pricing-3col-bottom.png) no-repeat 0 bottom; padding-bottom:10px; }

.blue-3col{ background:url(../images/backgrounds/pricing-3col-blue.png) no-repeat center top; width:304px; height:165px;}
.pink-3col{ background:url(../images/backgrounds/pricing-3col-pink.png) no-repeat center top; width:304px; height:165px;}
.red-3col{ background:url(../images/backgrounds/pricing-3col-red.png) no-repeat center top; width:304px; height:165px;}
.orange-3col{ background:url(../images/backgrounds/pricing-3col-orange.png) no-repeat center top; width:304px; height:165px;}
.green-3col{ background:url(../images/backgrounds/pricing-3col-green.png) no-repeat center top; width:304px; height:165px;}
.jordy-blue-3col{ background:url(../images/backgrounds/pricing-3col-jordy-blue.png) no-repeat center top; width:304px; height:165px;}

#content .pricing-3col ul li { background:url(../images/backgrounds/pricing-3col-list.png) no-repeat center top; width:302px;}

/* pricing 4 column table */
.pricing-4col{ background:url(../images/backgrounds/pricing-4col-bg.png) repeat-y 0 0; width:225px; }
.pricing-4col:hover{ background:url(../images/backgrounds/pricing-4col-bg-hover.png) repeat-y 0 0; cursor:pointer; }
.pricing-4col-bottom { background:url(../images/backgrounds/pricing-4col-bottom.png) no-repeat 0 bottom; padding-bottom:10px; }

.blue-4col{ background:url(../images/backgrounds/pricing-4col-blue.png) no-repeat center top; width:225px; height:165px;}
.pink-4col{ background:url(../images/backgrounds/pricing-4col-pink.png) no-repeat center top; width:225px; height:165px;}
.red-4col{ background:url(../images/backgrounds/pricing-4col-red.png) no-repeat center top; width:225px; height:165px;}
.orange-4col{ background:url(../images/backgrounds/pricing-4col-orange.png) no-repeat center top; width:225px; height:165px;}
.green-4col{ background:url(../images/backgrounds/pricing-4col-green.png) no-repeat center top; width:225px; height:165px;}
.jordy-blue-4col{ background:url(../images/backgrounds/pricing-4col-jordy-blue.png) no-repeat center top; width:225px; height:165px;}

#content .pricing-4col ul li { background:url(../images/backgrounds/pricing-4col-list.png) no-repeat center top; width:223px;}

/* pricing 5 column table */
.pricing-5col{ background:url(../images/backgrounds/pricing-5col-bg.png) repeat-y 0 0; width:177px; }
.pricing-5col:hover{ background:url(../images/backgrounds/pricing-5col-bg-hover.png) repeat-y 0 0; cursor:pointer; }
.pricing-5col-bottom { background:url(../images/backgrounds/pricing-5col-bottom.png) no-repeat 0 bottom; padding-bottom:10px; }

.blue-5col{ background:url(../images/backgrounds/pricing-5col-blue.png) no-repeat center top; width:177px; height:165px;}
.pink-5col{ background:url(../images/backgrounds/pricing-5col-pink.png) no-repeat center top; width:177px; height:165px;}
.red-5col{ background:url(../images/backgrounds/pricing-5col-red.png) no-repeat center top; width:177px; height:165px;}
.orange-5col{ background:url(../images/backgrounds/pricing-5col-orange.png) no-repeat center top; width:177px; height:165px;}
.green-5col{ background:url(../images/backgrounds/pricing-5col-green.png) no-repeat center top; width:177px; height:165px;}
.jordy-blue-5col{ background:url(../images/backgrounds/pricing-5col-jordy-blue.png) no-repeat center top; width:177px; height:165px;}

#content .pricing-5col ul li { background:url(../images/backgrounds/pricing-5col-list.png) no-repeat center top; width:175px;}

/* pricing 6 column table */
.pricing-6col{ background:url(../images/backgrounds/pricing-6col-bg.png) repeat-y 0 0; width:145px; }
.pricing-6col:hover{ background:url(../images/backgrounds/pricing-6col-bg-hover.png) repeat-y 0 0; cursor:pointer; }
.pricing-6col-bottom { background:url(../images/backgrounds/pricing-6col-bottom.png) no-repeat 0 bottom; padding-bottom:10px; }

.blue-6col{ background:url(../images/backgrounds/pricing-6col-blue.png) no-repeat center top; width:145px; height:165px;}
.pink-6col{ background:url(../images/backgrounds/pricing-6col-pink.png) no-repeat center top; width:145px; height:165px;}
.red-6col{ background:url(../images/backgrounds/pricing-6col-red.png) no-repeat center top; width:145px; height:165px;}
.orange-6col{ background:url(../images/backgrounds/pricing-6col-orange.png) no-repeat center top; width:145px; height:165px;}
.green-6col{ background:url(../images/backgrounds/pricing-6col-green.png) no-repeat center top; width:145px; height:165px;}
.jordy-blue-6col{ background:url(../images/backgrounds/pricing-6col-jordy-blue.png) no-repeat center top; width:145px; height:165px;}

#content .pricing-6col ul li { background:url(../images/backgrounds/pricing-6col-list.png) no-repeat center top; width:143px;}

/* Comparison Table */

.pricing-table2 { text-align:center; width:100%; margin-bottom:0px;}
.pricing-table2 img { vertical-align:middle;}
.pricing-table2 th { 
	/* background:url(../images/backgrounds/table-heading-bg.png) repeat-x 0 0; */
	color:#fff; 
	height:63px;
	line-height:63px;
	text-shadow:none;
	font-family:georgia,arial;
	font-size:22px;
	font-weight:normal;
	-moz-border-radius-topright: 3px;  
	-khtml-border-radius-topright: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px; 
	-khtml-border-radius-topleft: 3px; 
	-webkit-border-top-left-radius: 3px;}
	
.th-blue { background:#04c0eb url(../images/backgrounds/table-heading-bg.png) repeat-x 0 0; width:150px; }
.th-blue:hover {background-color:#03b5de;}
.th-orange { background:#ff861a url(../images/backgrounds/table-heading-bg.png) repeat-x 0 0; width:150px; }
.th-orange:hover {background-color:#e7740d;}
.th-pink { background:#e5098a url(../images/backgrounds/table-heading-bg.png) repeat-x 0 0; width:150px; }
.th-pink:hover {background-color:#d60881;}
.th-green { background:#80b226 url(../images/backgrounds/table-heading-bg.png) repeat-x 0 0; width:150px; }
.th-green:hover {background-color:#709d1e;}

.rowOdd,.rowEven { height:41px; vertical-align:middle; }
.rowOdd { background:#e6e6e6 url(../images/backgrounds/table-border.png) repeat-x 0 bottom;}
.rowEven { background:#f5f4f4 url(../images/backgrounds/table-border.png) repeat-x 0 bottom; }
.rowOdd:hover,.rowEven:hover { background:#d7d7d7 url(../images/backgrounds/table-border-hover.png) repeat-x 0 bottom  }

.cellOdd { border-right:1px solid #ccc; }
.cellEven { border-right:1px solid #ccc; }
.cellFirst { text-align:left; padding-left:10px;border-left:1px solid #ccc; }
.cellTopLeft { border-top:1px solid #ccc;	}

.rowLast { height:120px; vertical-align:middle;}	 
.cellBottom:hover { height:120px; vertical-align:middle;background:/* #ebebeb */ url(../images/backgrounds/table-bottom-bg-hover.png) repeat-x 0 bottom; }	 
.cellBottom { 
	background:#f8f8f8 url(../images/backgrounds/table-bottom-bg.png) repeat-x 0 bottom; 
	-moz-border-radius-bottomright: 5px;  
	-khtml-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-khtml-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px; }
.cellLast { background:#e8e8e8;}	

.table2-price { color:#000; font-size:24px; font-weight:bold;}
.table2-sub { color:#777; height:50px; clear:both; height:10px; vertical-align:text-top; display:block;}	

/* ========================================================== 
	(12) INFO BOXES
============================================================ */

/* (a) Myfancy Info Boxes */

.myfancy-box { 
	background:#f9f8f8; 
	padding:0;
	border:1px solid #dadada;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:30px;	}
	
#content .myfancy-box h3 { 
	background:url(../images/backgrounds/infobox-title-bg.png) repeat-x 0 0;
	font-size:15px;	
	height:39px;
	line-height:33px;
	color:#fff;
	padding:0 15px 0 15px;
	text-shadow:none;
	-moz-border-radius-topright: 5px;  
	-khtml-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-khtml-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;}
	
#content .myfancy-box h3.red-box { background-color:#dd2619; }
#content .myfancy-box h3.green-box { background-color:#6fab00; }
#content .myfancy-box h3.blue-box { background-color:#3576cf; }
#content .myfancy-box h3.orange-box { background-color:#de6d08; }
#content .myfancy-box h3.grey-box { background-color:#484848; }
#content .myfancy-box h3.jordy-blue-box { background-color:#bc3a5e; }
	
.hide-boxes2 { float:right; margin:10px 10px 0 0; cursor:pointer;	 }
.myfancy-box-icon { float:left; margin: 10px 15px 0 15px; }
	
#content .myfancy-box p { margin:15px; }

/* (b) Simple Info Boxes */

p.info-box,p.warning-box,p.success-box,p.error-box,p.download-box,p.note-box { 
	clear:both;
	padding:18px 15px 18px 55px ; 
	margin-bottom:20px;
	border:1px solid; }
	
p.info-box{ 
	background:url(../images/icons/icon-info.png) no-repeat 15px 15px; 
	border-color:#9dbfea; 
	background-color:#c6ddfb; 
	color:#00357b;}
	
p.warning-box{ 
	background:url(../images/icons/icon-warning.png) no-repeat 15px 15px; 
	border-color:#e4c968; 
	background-color:#f9e497; 
	color:#6c5500;}
	
p.success-box{ 
	background:url(../images/icons/icon-success.png) no-repeat 15px 15px; 
	border-color:#bcd98c; 
	background-color:#dff1c1; 
	color:#00632e}
	
p.download-box{ 
	background:url(../images/icons/icon-download.png) no-repeat 15px 15px; 
	border-color:#bbd378; 
	background-color:#e8f5c5; color:#2f6903}
	
p.note-box{ 
	background:url(../images/icons/icon-note.png) no-repeat 15px 15px; 
	border-color:#cecece;  
	background-color:#efefef}
	
p.error-box{ 
	background:url(../images/icons/icon-error.png) no-repeat 15px 15px; 
	border-color:#f88787; 
	background-color:#fdafaf; 
	color:#820101;}

.hide-boxes{
	float:right;
	margin-top:0;
	margin-right:0;
	top:0;
	right:0;	
	cursor:pointer; 
	font-weight:bold;}

/* ========================================================== 
	(13) POPUP LOGIN
============================================================ */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .30;
	z-index: 9999;}
	
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fefefe;
	padding: 0 10px 10px 10px;
	border: 10px solid #e8e8e8;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;	
	-webkit-box-shadow: 0 0 10px #6c6c6c;
	-moz-box-shadow: 0 0 10px #6c6c6c;
	box-shadow: 0 0 10px #6c6c6c;}
	
.btn_close {
	float: right;
	margin: -25px -35px 0 0;
	background:url(../images/icons/close.png) no-repeat;
	text-indent:-9999px;
	height:36px;
	width:36px;
	display:block;}

*html #fade { position: absolute;}
*html .popup_block { position: absolute; }

#member-login {
	padding:0 0 0 147px;
	margin:0 10px 0 10px;
	position:relative;	
	height:180px;
	background:url(../images/backgrounds/login-icon.jpg) no-repeat 0 20px;}

#member-login h2 {
	color:#363636;
	font-size:22px;
	margin:20px 0 13px 0;
	font-weight:normal;}

div#username, div#password { margin-bottom:5px;}

input#loginUsername, input#loginPassword {
	width:209px;
	height:31px;
	line-height:31px;
	padding:0 0 0 5px;
	margin:0;
	border:none;
	background:url(../images/backgrounds/login-input.jpg) repeat-x;	}

label.overlabel {
	color:#9e9e9e;
	padding:5px 0 0 7px;
	position:absolute;	
	z-index:1;
	color:#999;}
	
.login-hr {
	border-bottom:1px solid #e0e0e0; 
	margin-top:10px;}
	
.member-login-bottom,.member-login-bottom a{ 	
	margin:10px 0 0 5px;
	font-size:13px; 
	color:#8a8a8a; 
	text-decoration:none;}
	
.member-login-bottom  a:hover { color:#373737;}

/* ========================================================== 
	(14) DROP CAPS
============================================================ */

.dropcap1, .dropcap2, .dropcap3, .dropcap4, .dropcap5, .dropcap6, .dropcap7, .dropcap8 { 
	float:left; 
	text-align:center; }
	
.dropcap1,.dropcap2,.dropcap3,.dropcap4 { 	 
	margin:8px 10px 0 0; 
	padding:0;	
	font-size:28px; 		 
	width:44px; 
	height:43px;
	line-height:42px;}
	
.dropcap1 { background:url(../images/backgrounds/dropcap1.png) no-repeat left top; color:#616161; }		
.dropcap2 { background:url(../images/backgrounds/dropcap2.png) no-repeat left top; color:#fff; }
.dropcap3 { background:url(../images/backgrounds/dropcap3.png) no-repeat left top; color:#616161; }		
.dropcap4 { background:url(../images/backgrounds/dropcap4.png) no-repeat left top; color:#fff; }		
	
.dropcap5,.dropcap6, .dropcap7{ 
	padding:0 10px 0 10px; 
	margin:10px 10px 0 0; 
	font-size:26px; 	
	width:auto; 
	height:41px;
	line-height:41px;
	letter-spacing:1px;}
	
.dropcap5 { background:url(../images/backgrounds/dropcap-bg1.png) repeat-x left bottom; 	color:#616161; border:1px solid #dedede; }
.dropcap6 { background:url(../images/backgrounds/dropcap-bg2.png) repeat-x left bottom; 	color:#fff; border:1px solid #555; }
.dropcap7 { 
	background-color:#f1f1f1; 
	color:#616161;  
	border:3px solid #dadada;
	height:37px;
	line-height:37px;}	
	
.dropcap8 { 
	padding:5px 10px 0 10px; 
	margin:0px 7px 0 0; 
	font-size:36px;
	line-height:30px;
	color:#616161; }
	
/* ========================================================== 
	(15) PULL QUOTES
============================================================ */

.pullquote-left, .pullquote-right { 
	background:url(../images/backgrounds/divider-line.png) repeat-y; 	
	width:30%; 
	line-height:22px; 
	padding-left:20px; 
	color:#181818; 	
	font-style:italic;
	font-size:15px; 
	font-weight:normal;}
	
.pullquote-left { 	
	float:left; 	
	margin:20px 15px 10px 0;}
	
.pullquote-right {	
	float:right; 	
	margin:20px 0 10px 15px;}

/* ========================================================== 
	(16) BLOCK QUOTES
============================================================ */

blockquote.style1 {
	clear:both;
	font-size:16px;
	font-style:italic;
	color:#181818;
	line-height:24px;	
	padding:0; 
	margin:25px 0 25px 0;	
	background:url(../images/backgrounds/blockquote-left.png) no-repeat 0 0;  }
blockquote.style1 p {
	background:url(../images/backgrounds/blockquote-right.png) no-repeat right bottom;  
	display: block;
	padding:15px 59px 18px 59px;
	margin:0; line-height:24px;}
	
/* ========================================================== 
	(17) TEXT HIGHLIGHTING
============================================================ */

.highlight-yellow,.highlight-black,.highlight-green,.highlight-blue,.highlight-red,.highlight-grey { 
	padding:0 5px 0 5px; 
	height:20px;
	border:1px solid; 
	text-shadow:none;	
	color:#fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;}

.highlight-yellow { background-color:#FFFF00; border-color:#f0f000; color:#000;}
.highlight-black   { background-color:#010101; border-color:#000;}
.highlight-green   { background-color:#009900; border-color:#006e00;}
.highlight-blue     { background-color:#1b98da; border-color:#0074aa;}
.highlight-red       { background-color:#c80000; border-color:#890101;}
.highlight-grey     { background-color:#808080; border-color:#505050; color:#fff;}