/*
***********************************************************************************
FILE NAME: Elements stylesheet
PART OF: SMK Framework
AUTHOR: Smartik
AUTHOR URI: http://a-smartik.com
ALTERNATIVE AUTHOR URI: http://themeforest.net/user/Smartik
***********************************************************************************

TABLE OF CONTENTS:
-------------------------------------------------------------
-- GENERAL ELEMENTS
   - DIVIDER
   - MARGINS
   - BORDER RADIUS
   - TEXT COLOR
   - GLOBAL SPACING/ELEMENTS
   - BASIC ELEMENTS
   - FORMS
   - HEADINGS
   - ALIGNMENT
   - TABLE
   - BLOCKQUOTE
   - ALERTS
   - DROPCAP
   - MARKS
   - CODE, PRE
   - LISTS
   - INFORMATION BOXES
   - TABS
   - ACCORDION
   - TOGGLE
   - BUTTONS
   - PRICE BOX
   
-- CONTENT
   - IMAGES
   - VIDEO
*/


/*====================================================================================
***********************************************************************************
	GENERAL ELEMENTS
***********************************************************************************
====================================================================================*/

/* *********************************************************************************** 
	DIVIDER
 *********************************************************************************** */
hr {
border: 0; clear: both; 
height: 1px;max-width: 940px; 
margin: 0 auto; margin-top: 10px; margin-bottom: 10px;
background: #ddd;border-bottom: 1px solid #fff;
}
.clear{
clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;
}


/* *********************************************************************************** 
	MARGINS
 *********************************************************************************** */
/* --- top */
.margin_top0 	{	margin-top: 0 	!important; 	}.margin_top1 	{	margin-top: 1px !important; 	}
.margin_top2 	{	margin-top: 2px !important; 	}.margin_top3 	{	margin-top: 3px !important; 	}
.margin_top4 	{	margin-top: 4px !important; 	}.margin_top5 	{	margin-top: 5px !important; 	}
.margin_top6 	{	margin-top: 6px !important; 	}.margin_top7 	{	margin-top: 7px !important; 	}
.margin_top8 	{	margin-top: 8px !important; 	}.margin_top9 	{	margin-top: 9px !important; 	}
.margin_top10 	{	margin-top: 10px !important; 	}.margin_top15	{	margin-top: 15px !important; 	}
.margin_top20 	{	margin-top: 20px !important; 	}.margin_top25	{	margin-top: 25px !important; 	}
.margin_top30 	{	margin-top: 30px !important; 	}.margin_top35 	{	margin-top: 35px !important; 	}
.margin_top40 	{	margin-top: 40px !important; 	}.margin_top45 	{	margin-top: 45px !important; 	}
.margin_top50 	{	margin-top: 50px !important; 	}.margin_top55 	{	margin-top: 55px !important; 	}
/* --- bottom */
.margin_bottom0 	{	margin-bottom: 0 !important; 	}.margin_bottom1  {	margin-bottom: 1px !important; 	}
.margin_bottom2 	{	margin-bottom: 2px !important; 	}.margin_bottom3  {	margin-bottom: 3px !important; 	}
.margin_bottom4 	{	margin-bottom: 4px !important; 	}.margin_bottom5  {	margin-bottom: 5px !important; 	}
.margin_bottom6 	{	margin-bottom: 6px !important; 	}.margin_bottom7  {	margin-bottom: 7px !important; 	}
.margin_bottom8 	{	margin-bottom: 8px !important; 	}.margin_bottom9  {	margin-bottom: 9px !important; 	}
.margin_bottom10{	margin-bottom: 10px !important; }.margin_bottom15{	margin-bottom: 15px !important; }
.margin_bottom20{	margin-bottom: 20px !important; }.margin_bottom25{	margin-bottom: 25px !important; }
.margin_bottom30{	margin-bottom: 30px !important; }.margin_bottom35{	margin-bottom: 35px !important; }
.margin_bottom40{	margin-bottom: 40px !important; }.margin_bottom45{	margin-bottom: 45px !important; }
.margin_bottom50{	margin-bottom: 50px !important; }.margin_bottom55{	margin-bottom: 55px !important; }


/* *********************************************************************************** 
	BORDER RADIUS
 *********************************************************************************** */
.b_radius0   { border-radius: 0px;  -moz-border-radius: 0px;  -webkit-border-radius: 0px; }
.b_radius1   { border-radius: 1px;  -moz-border-radius: 1px;  -webkit-border-radius: 1px; }
.b_radius2   { border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px; }
.b_radius3   { border-radius: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px; }
.b_radius4   { border-radius: 4px;  -moz-border-radius: 4px;  -webkit-border-radius: 4px; }
.b_radius5   { border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; }
.b_radius6   { border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; }
.b_radius7   { border-radius: 7px;  -moz-border-radius: 7px;  -webkit-border-radius: 7px; }
.b_radius8   { border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px; }
.b_radius9   { border-radius: 9px;  -moz-border-radius: 9px;  -webkit-border-radius: 9px; }
.b_radius10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.b_radius15 { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.b_radius20 { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.b_radius25 { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.b_radius30 { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}

/* *********************************************************************************** 
	CSS3 TRANSITIONS
 *********************************************************************************** */
 /*color*/
.color_transition_03,.color_transition_03 a{transition: color .3s;-moz-transition: color .3s;-webkit-transition: color .3s;-o-transition: color .3s;}
.color_transition_05,.color_transition_05 a{transition: color .5s;-moz-transition: color .5s;-webkit-transition: color .5s;-o-transition: color .5s;}

/* all in one */
.all_transition_03,.all_transition_03 a{transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.all_transition_05,.all_transition_05 a{transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.all_transition_1,.all_transition_1 a{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}

/*delay*/
.trans_delay_01,.trans_delay_01 a{transition-delay: .1s;-moz-transition-delay: .1s;-webkit-transition-delay: .1s;-o-transition-delay: .1s;}
.trans_delay_02,.trans_delay_02 a{transition-delay: .2s;-moz-transition-delay: .2s;-webkit-transition-delay: .2s;-o-transition-delay: .2s;}
.trans_delay_03,.trans_delay_03 a{transition-delay: .3s;-moz-transition-delay: .3s;-webkit-transition-delay: .3s;-o-transition-delay: .3s;}
.trans_delay_04,.trans_delay_04 a{transition-delay: .4s;-moz-transition-delay: .4s;-webkit-transition-delay: .4s;-o-transition-delay: .4s;}
.trans_delay_05,.trans_delay_05 a{transition-delay: .5s;-moz-transition-delay: .5s;-webkit-transition-delay: .5s;-o-transition-delay: .5s;}
.trans_delay_1,.trans_delay_1 a{transition-delay: 1s;-moz-transition-delay: 1s;-webkit-transition-delay: 1s;-o-transition-delay: 1s;}

 
/* *********************************************************************************** 
	TEXT COLOR
 *********************************************************************************** */
.text-red 			{color: #FF0000 !important;}
.text-white 			{color: #FFFFFF !important;}
.text-black 			{color: #000000 !important;}
.text-green 			{color: #008000 !important;}
.text-blue 			{color: #0000FF !important;}
.text-yellow 		{color: #FFFF00 !important;}
.text-orange 		{color: #FFA500 !important;}
.text-purple		{color: #800080 !important;}
.text-cadetblue 		{color: #5F9EA0 !important;}
.text-coral 			{color: #FF7F50 !important;}
.text-lightblue		{color: #6495ED !important;}
.text-darkcyan		{color: #008B8B !important;}
.text-indianred 		{color: #CD5C5C !important;}
.text-olive 			{color: #808000 !important;}
.text-slategray 		{color: #708090 !important;}
.text-tomato 		{color: #FD6347 !important;}
.text-chocolate 		{color: #D2691E !important;}
.text-darkseagreen 	{color: #8FBC8F !important;}
a.text-red
a.text-white
a.text-black
a.text-green
a.text-blue
a.text-yellow
a.text-orange
a.text-purple
a.text-cadetblue
a.text-coral
a.text-lightblue
a.text-darkcyan
a.text-indianred 
a.text-olive
a.text-slategray
a.text-tomato
a.text-chocolate
a.text-darkseagreen{ text-decoration: underline; }


/* *********************************************************************************** 
	GLOBAL SPACING/ELEMENTS
 *********************************************************************************** */
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
margin-bottom: 20px;
}


/* *********************************************************************************** 
	BASIC ELEMENTS
 *********************************************************************************** */
p {line-height: 1.6em;}
ol{margin-left:35px;}
ul{margin-left:30px;}
strong{font-weight:700;}
em{font-style:italic;}
small { font-size: .9em; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.6;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
caption {background:#eee;padding:4px 10px 4px 5px;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.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;}


/* *********************************************************************************** 
	FORMS
 *********************************************************************************** */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000; padding: 7px; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#555; outline: none;}
select {background-color:#fff;padding: 6px 8px;outline: none;border: 1px solid #BBB;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;font-family: "helvetica", arial, sans-serif;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}


/* *********************************************************************************** 
	HEADINGS
 *********************************************************************************** */
h1,h2,h3,h4,h5,h6 {
	margin-top:20px;
	margin-bottom:7px;
	font-weight:400;
	font: 20px/1.2 'Helvetica Neue', Arial, Liberation Sans, FreeSans, sans-serif;
	color: #333;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #555; text-decoration:none;transition: color .3s;-moz-transition: color .3s;-webkit-transition: color .3s;-o-transition: color .3s;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:none;}

h1 {	font-size:25px;}
h2 {	font-size:21px;}
h3 {	font-size:19px;}
h4 {	font-size:17px;}
h5 {	font-size:14px;}
h6 {	font-size:12px;}
h5, h6 {	font-weight:700; text-transform: uppercase;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


/* *********************************************************************************** 
	ALIGNMENT
 *********************************************************************************** */
/* Divs and images
-------------------*/
 .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display:block;margin: 5px auto 5px auto;
}
.alignright {
float:right;margin: 5px 0 20px 20px;
}
.alignleft {
float:left;margin: 5px 20px 20px 0;
}
a img.alignright {
float:right;margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;margin-left: auto;margin-right: auto
}

/* Text
-----------------*/
.textleft{text-align:left;}
.textcenter{text-align: center;}
.textright{text-align: right;}

/* Block
-----------------*/
.left {float:left !important;}
.right {float:right !important;}
.center {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
img.center {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* *********************************************************************************** 
	TABLE
 *********************************************************************************** */
table {
margin-bottom:20px;
width:100%;
border:3px solid #bbb;
border-collapse:collapse;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}
th {
font-weight:bold;
text-transform: uppercase;
font-size: 12px;
}
thead th {
background: #F1F2F4;
border-bottom: 1px solid #ccc;
}
th, td {
padding:8px 10px 8px 5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
tbody tr:nth-child(even) td, 
tbody tr.even td {
background:#F9F9F9;
}
tfoot {
font-style:italic;
}

/* *********************************************************************************** 
	BLOCKQUOTE
 *********************************************************************************** */
blockquote, blockquote.style1 {
	margin:10px;
	margin-bottom: 20px;
	padding-left:18px;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:1.5em;	
	border-left: 4px solid #999;
}
blockquote.style2 {
	padding:2px 10px 0 18px;
	border-left: 1px dotted #999;
	background:#fff;
}
blockquote cite {
	font-size:.9em;
	color: #333;
	text-transform: capitalize;
	margin: 0;
}
blockquote cite:before {
	content: "-- "
}


/* *********************************************************************************** 
	ALERTS
 *********************************************************************************** */
.alert, .fixed_alert {
	position: relative;
	padding:15px 10px;
	margin:12px 0 20px;
	width: auto;
	padding-left:55px;
	font-style:normal;
	font-family:Helvetica, Arial, "Times New Roman", Times, serif;
	font-size:12px;
	background:#eee;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.2);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.2);
	box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.2);
}

.alert_close {
    background:url(../images/cross.png) center 0;
    width:14px;
    height:14px;
    position: absolute;
    top:0;
    right:0;
	cursor: pointer;
}

.alert_close:hover {
    background-position: center -33px;
}

.info_msg{
	background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px #c7e3f9;
	background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -moz-linear-gradient(top,  #c7e3f9 0%, #aecee8 100%);
	background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e3f9), color-stop(100%,#aecee8));
	background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top,  #c7e3f9 0%,#aecee8 100%);
	background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -o-linear-gradient(top,  #c7e3f9 0%,#aecee8 100%);
	background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, -ms-linear-gradient(top,  #c7e3f9 0%,#aecee8 100%);
	background: url(../images/icons32/info_button_32.png) no-repeat 8px 8px, linear-gradient(top,  #c7e3f9 0%,#aecee8 100%);

	border:1px solid #70A2C9;
	border-color:#70A2C9 #5F9BC9;
	color:#2e6093;
	text-shadow: 1px 1px 1px #E2F6FA;
}

.error_msg {
	background: url(../images/icons32/close_32.png) no-repeat 8px 8px #ffc8d1; /* Old browsers */
	background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -moz-linear-gradient(top,  #ffc8d1 0%, #ff93a3 100%); /* FF3.6+ */
	background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc8d1), color-stop(100%,#ff93a3));
	background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top,  #ffc8d1 0%,#ff93a3 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -o-linear-gradient(top,  #ffc8d1 0%,#ff93a3 100%); /* Opera 11.10+ */
	background: url(../images/icons32/close_32.png) no-repeat 8px 8px, -ms-linear-gradient(top,  #ffc8d1 0%,#ff93a3 100%); /* IE10+ */
	background: url(../images/icons32/close_32.png) no-repeat 8px 8px, linear-gradient(top,  #ffc8d1 0%,#ff93a3 100%); /* W3C */
	
	border:1px solid #D96E66;
	color:#cd0a0a;
	text-shadow: 1px 1px 1px #FFAEBC;
}

.saved_msg {
	background: url(../images/icons32/save_32.png) no-repeat 8px 8px #b5d8fa;
	background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -moz-linear-gradient(top,  #b5d8fa 0%, #8cb9db 100%);
	background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5d8fa), color-stop(100%,#8cb9db));
	background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top,  #b5d8fa 0%,#8cb9db 100%);
	background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -o-linear-gradient(top,  #b5d8fa 0%,#8cb9db 100%);
	background: url(../images/icons32/save_32.png) no-repeat 8px 8px, -ms-linear-gradient(top,  #b5d8fa 0%,#8cb9db 100%);
	background: url(../images/icons32/save_32.png) no-repeat 8px 8px, linear-gradient(top,  #b5d8fa 0%,#8cb9db 100%);

	border:1px solid #6495ED;
	color:#36414B;
	text-shadow: 1px 1px 1px #D5EAA8;
}

.success_msg {
	background: url(../images/icons32/tick.png) no-repeat 8px 9px #cdeb8e;
	background: url(../images/icons32/tick.png) no-repeat 8px 9px, -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
	background: url(../images/icons32/tick.png) no-repeat 8px 9px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
	background: url(../images/icons32/tick.png) no-repeat 8px 9px, -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: url(../images/icons32/tick.png) no-repeat 8px 9px, -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: url(../images/icons32/tick.png) no-repeat 8px 9px, -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: url(../images/icons32/tick.png) no-repeat 8px 9px, linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);

	border:1px solid #87AE33;
	color:#3F4B25;
	text-shadow: 1px 1px 1px #D5EAA8;
}


.exclamation_msg {
	background: url(../images/icons32/warning_32.png) no-repeat 8px 8px #ffedc1;
	background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -moz-linear-gradient(top,  #ffedc1 0%, #fcde8d 100%);
	background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffedc1), color-stop(100%,#fcde8d));
	background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -webkit-linear-gradient(top,  #ffedc1 0%,#fcde8d 100%);
	background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -o-linear-gradient(top,  #ffedc1 0%,#fcde8d 100%);
	background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, -ms-linear-gradient(top,  #ffedc1 0%,#fcde8d 100%);
	background: url(../images/icons32/warning_32.png) no-repeat 8px 8px, linear-gradient(top,  #ffedc1 0%,#fcde8d 100%);

	border:1px solid #EA9936;
	color:#FF4500;
	text-shadow: 1px 1px 1px #ffedc1;
}


/* *********************************************************************************** 
	DROPCAP
 *********************************************************************************** */
.drop-cap {
	display:block;
	float:left;
	text-align: center;
	font-size:40px;
	font-weight: 700;
	color: #333;
	padding: 6px 3px 3px;
	margin: 5px;
	border: 0;
}


/* *********************************************************************************** 
	MARKS
 *********************************************************************************** */

mark {
	padding: 1px 8px;
	color: #915E00;
	background-color: #FCE100;
	border: 1px solid #CA8300;
}
a:hover mark {
background: #708090;
color: #fff;
}

mark.mark-white{
	background-color:#fafafa;
	border-color: #ddd;
	color:#333;
}
mark.mark-yellow {
	background-color:#FCE100;
	border-color: #ddd;
	color:#000;
}
mark.mark-black {
	background-color:#515864;
	border-color: #000;
	color:#f5f5f5;
}
mark.mark-orange {
	background-color:#FFA500;
	border-color: #D57500;
	color:#8E4E00;
}
mark.mark-green {
	background-color:#A1D179;
	border-color: #639538;
	color:#40691C;
}
mark.mark-red {
	background-color:#D97A61;
	border-color: #9B432D;
	color:#470F0F;
}
mark.mark-blue {
	background-color:#94C1D0;
	border-color: #588EA1;
	color:#0E354A;
}
mark.mark-indigo {
	background-color:#8A66AB;
	border-color: #503862;
	color:#22003A;
}

/* *********************************************************************************** 
	CODE, PRE
 *********************************************************************************** */
code{
	padding:3px 5px;
	border: 1px solid #aaa;
	background: #fafafa;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
pre {
background-color: #F4F4F4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #FAFAFA), color-stop(50%, #EFEFEF));
background-image: -webkit-linear-gradient(#FAFAFA 50%,#EFEFEF 50%);
background-image: -moz-linear-gradient(#FAFAFA 50%,#EFEFEF 50%);
background-image: -o-linear-gradient(#FAFAFA 50%,#EFEFEF 50%);
background-image: linear-gradient(#FAFAFA 50%,#EFEFEF 50%);
border: 1px solid #C7C7C7;
display: block;
width: auto;
line-height: 19px;
margin-bottom: 10px;
overflow: visible;
padding: 0 0 0 4px;
word-wrap:break-word;
overflow-y: hidden;
-moz-background-size: 38px 38px;
background-size: 38px 38px;
border-image: initial; 
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* *********************************************************************************** 
	LISTS
 *********************************************************************************** */
/* default */
ul, ol {
	margin:0 0 20px 20px;
}
ul li,ol li  {
	margin-bottom:7px;
	padding-left:0;
}

/* decor */
ul.d_list {
	margin:0 0 20px;
}
ul.d_list li  {
	margin-bottom:7px;
	padding-left:24px;
	display:block;
	list-style: none;
	background:url('../images/icons/tick.png') no-repeat left 2px transparent;
}

ul.d_list.l_star li{
	background:url('../images/icons/star.png') no-repeat left 2px transparent;
}
ul.d_list.l_tick li{
	background:url('../images/icons/tick.png') no-repeat left 2px transparent;
}
ul.d_list.l_cost li{
	background:url('../images/icons/cost.png') no-repeat left 2px transparent;
}
ul.d_list.l_heart li{
	background:url('../images/icons/heart.png') no-repeat left 2px transparent;
}
ul.d_list.l_plus li{
	background:url('../images/icons/plus.png') no-repeat left 2px transparent;
}
ul.d_list.l_cross li{
	background:url('../images/icons/cross.png') no-repeat left 2px transparent;
}

/* *********************************************************************************** 
	INFORMATION BOXES
 *********************************************************************************** */
/*default styles*/
.info_box ,.info_box.ib_white{
display: block;
width: auto;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #D8D8D8;
border-top: 0;
background: #fff;
color: #555;
text-shadow: 0 1px 1px #fff;
-webkit-border-radius: 0 0 3px 3px; 
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}

/* Reset */
.info_box pre, .info_box p {
margin-top: 10px;
margin-bottom: 10px;
}

.info_box blockquote {
margin: 5px 0;
padding: 0px;
background: none;
}


.info_box_head,.info_box_head.ib_white {
color: #555;
text-shadow: 0 1px 1px #fff;
text-transform: uppercase;
font-size: 12px;
display: block;
width: auto;
padding: 9px 10px;
margin-top: 10px;
border: 1px solid #D8D8D8;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px 3px 0 0; 
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}

/* blue */
.info_box_head.ib_blue {
color: #2B6AA9;
text-shadow: 0 1px 1px #93C9FE;
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}
.info_box_head.ib_blue,.info_box.ib_blue {
border-color: #2B7CCD;
}


/* green */
.info_box_head.ib_green {
color: #476B2C;
text-shadow: 0 1px 1px #DAF2C3;
background: #b4e587; /* Old browsers */
background: -moz-linear-gradient(top, #b4e587 1%, #90bc6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b4e587), color-stop(100%,#90bc6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4e587 1%,#90bc6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4e587 1%,#90bc6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b4e587 1%,#90bc6b 100%); /* IE10+ */
background: linear-gradient(top, #b4e587 1%,#90bc6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e587', endColorstr='#90bc6b',GradientType=0 ); /* IE6-9 */
}
.info_box_head.ib_green,.info_box.ib_green {
border-color: #759A58;
}

/* orange */
.info_box_head.ib_orange {
color: #9A5700;
text-shadow: 0 1px 1px #FBCD92;
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* IE10+ */
background: linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}
.info_box_head.ib_orange,.info_box.ib_orange {
border-color: #D37800;
}

/* red */
.info_box_head.ib_red {
color: #8B0707;
text-shadow: 0 1px 1px #FC8F8F;
background: #fc7e7e; /* Old browsers */
background: -moz-linear-gradient(top,  #fc7e7e 0%, #fc6c6c 46%, #ff4949 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc7e7e), color-stop(46%,#fc6c6c), color-stop(100%,#ff4949)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fc7e7e 0%,#fc6c6c 46%,#ff4949 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fc7e7e 0%,#fc6c6c 46%,#ff4949 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fc7e7e 0%,#fc6c6c 46%,#ff4949 100%); /* IE10+ */
background: linear-gradient(top,  #fc7e7e 0%,#fc6c6c 46%,#ff4949 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7e7e', endColorstr='#ff4949',GradientType=0 ); /* IE6-9 */
}
.info_box_head.ib_red,.info_box.ib_red {
border-color: #C73A3A;
}

/* *********************************************************************************** 
	TABS
 *********************************************************************************** */
ul.tabs {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	background: #f5f5f5;
	border: 1px solid #B7B7B7;
	border-bottom: 1px solid #ccc;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	border-right: 1px solid #ccc;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	text-decoration: none;
	color: #555;
	display: block;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 20px;
	border: 1px solid #fff;
	outline: none;	
	transition: background .5s;
	-moz-transition: background .5s; /* Firefox 4 */
	-webkit-transition: background .5s; /* Safari and Chrome */
	-o-transition: background .5s; /* Opera */
}
ul.tabs li a:hover {
	background: #fff;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #FFF;
	border-bottom: 1px solid #FFF;
}

.tab_container {
	border: 1px solid #B7B7B7;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #FFF;
	margin-bottom: 20px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
.tab_content {
	padding: 10px 20px 5px;
	margin: 10px 0 0;
	font-size: 12px;
}


ul.tabs li:first-of-type, html ul.tabs li.active:first-of-type, html ul.tabs li.active a:first-of-type, html ul.tabs li:first-of-type a, html ul.tabs li.active:first-of-type a:hover, ul.tabs li:first-of-type a:hover  {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
}

/* *********************************************************************************** 
	ACCORDION
 *********************************************************************************** */
.accordion_place {
padding-bottom: 20px;
}

.accordion_block {
margin: 2px 0;
}

.accordion_button {	
	margin: 0;
	padding: 10px 0;
	float: left;
	list-style: none;
	border: 1px solid #B7B7B7;
	width: 100%;
	cursor: pointer;
	color: #555;
	font-size: 12px;
	font-weight: 700;
	background: url(../images/icons/acc-plus.png) no-repeat 5px 11px #FCFCFC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
	transition: background .5s;
	-moz-transition: background .5s; /* Firefox 4 */
	-webkit-transition: background .5s; /* Safari and Chrome */
	-o-transition: background .5s; /* Opera */
	}
	
.accordion_button .title {	
margin-left: 30px;
padding: 0;
}

.accordion_container {	
	border: 1px solid #B7B7B7;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

.accordion_last {	
	border-bottom: 1px solid #B7B7B7;
}

.accordion_content {
	padding: 20px 20px 10px;
	font-size: 12px;
}

.acdn_on {	
	background: url(../images/icons/acc-plus.png) no-repeat 5px -68px #F5F5F5;
	border-bottom: 1px solid #B7B7B7;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
	
.acdn_over {
	background: url(../images/icons/acc-plus.png) no-repeat 5px 11px #eee;
	transition: background .5s;
	-moz-transition: background .5s; /* Firefox 4 */
	-webkit-transition: background .5s; /* Safari and Chrome */
	-o-transition: background .5s; /* Opera */
}
.acdn_on.acdn_over {	
	background: url(../images/icons/acc-plus.png) no-repeat 5px -68px #F5F5F5;
}

/* *********************************************************************************** 
	TOGGLE
 *********************************************************************************** */
.box_toggle {
	background:#fff;
	margin-top: 10px;
	margin-bottom:20px;
	padding:0;
	position: relative;
	overflow: hidden;
	border: 1px solid #bbb;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.box_toggle div.tg_title{
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	color:#666;
	margin:0 -10px -1px -10px;
	padding:7px 12px;
	padding-left: 38px;
	padding-right: 45px;
	border-bottom: 1px solid #bbb;
	background: url(../images/icons/acc-plus.png) no-repeat 13px 9px #FCFCFC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
	transition: background .45s;
	-moz-transition: background .45s; /* Firefox 4 */
	-webkit-transition: background .45s; /* Safari and Chrome */
	-o-transition: background .45s; /* Opera */
}
.box_toggle div.tg_title:hover{cursor: pointer;background-color: #eee;}
.box_toggle div.tg_title.tgg_isopen{
	background: url(../images/icons/acc-plus.png) no-repeat 13px -70px #FCFCFC;
}

.block {
	padding:0;
}

.block_in {
	padding:12px;
}

.box_toggle .block_in pre {
margin: 0;
}

.box_toggle. div.tg_title {background: url(../images/icons/acc-plus.png) no-repeat 13px -70px #FCFCFC;}
.box_toggle. div.tg_title.tgg_isopen {background: url(../images/icons/acc-plus.png) no-repeat 13px 9px #FCFCFC;}
.box_toggle.closed. div.tg_title {background: url(../images/icons/acc-plus.png) no-repeat 13px 9px #FCFCFC;}
.box_toggle.closed. div.tg_title.tgg_isopen {background: url(../images/icons/acc-plus.png) no-repeat 13px -70px #FCFCFC;}



/* *********************************************************************************** 
	BUTTONS
 *********************************************************************************** */
.smk_button,
.smk_button.white-green,
.smk_button.white-blue,
.smk_button.white-red,
.smk_button.white-indigo,
.smk_button.white-yellow,
.smk_button.white-black,
.smk_button.black-green,
.smk_button.black-blue,
.smk_button.black-red,
.smk_button.black-indigo,
.smk_button.black-yellow,
.smk_button.black-white {
/* font 
-------------*/
font: 12px Helvetica, Arial, sans-serif;
font-weight: 700;
text-decoration: none;

/* spacing 
--------------*/
padding: 8px 18px;
margin: 2px 3px;

/* position 
--------------*/
vertical-align: middle;
display: inline-block;

/* border 
--------------*/
border: solid 1px #A0A0A0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

/* shadow 
--------------*/
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(255,255,255,.1);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(255,255,255,.1);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(255,255,255,.1);

/* --- Default 
---------------*/
color: #555;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(top,  #f4f4f4 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
text-shadow: 0 1px 0 rgba(255,255,255,.7);
/* --- IE fix 
----------------*/
zoom:1;
*display:inline;
}

.smk_button:hover,
.smk_button.black-white:hover {
color: #555;
text-shadow: 0 1px 0 rgba(255,255,255,.7);
border-color:#AAA;
text-decoration: none;
cursor: pointer;
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top,  #fcfcfc 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

/*======================== Colors
====================================================================*/

/* === Black 
-------------------------------------------------------------*/
.smk_button.black,
.smk_button.black-green,
.smk_button.black-blue,
.smk_button.black-red,
.smk_button.black-indigo,
.smk_button.black-yellow,
.smk_button.black-white {
color: #EEE;
border-color:#111;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
background: #6f7989; /* Old browsers */
background: -moz-linear-gradient(top, #6f7989 0%, #3a3f47 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f7989), color-stop(100%,#3a3f47)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6f7989 0%,#3a3f47 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6f7989 0%,#3a3f47 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6f7989 0%,#3a3f47 100%); /* IE10+ */
background: linear-gradient(top, #6f7989 0%,#3a3f47 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7989', endColorstr='#3a3f47',GradientType=0 ); /* IE6-9 */
}

.smk_button.black:hover,
.smk_button.white-black:hover {
color: #EEE;
border-color:#111;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
background: #838ea0; /* Old browsers */
background: -moz-linear-gradient(top,  #838ea0 0%, #494f59 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838ea0), color-stop(100%,#494f59)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #838ea0 0%,#494f59 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #838ea0 0%,#494f59 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #838ea0 0%,#494f59 100%); /* IE10+ */
background: linear-gradient(top,  #838ea0 0%,#494f59 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838ea0', endColorstr='#494f59',GradientType=0 ); /* IE6-9 */
}

/* === Green
-------------------------------------------------------------*/
.smk_button.green {
color: #588134;
border-color:#639538;
text-shadow: 0 1px 0 rgba(200,246,161,.9);
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* IE10+ */
background: linear-gradient(top, #a9db80 0%,#96c56f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
}

.smk_button.green:hover,
.smk_button.white-green:hover,
.smk_button.black-green:hover {
color: #588134;
border-color:#639538;
text-shadow: 0 1px 0 rgba(200,246,161,.9);
background: #b5ea8a; /* Old browsers */
background: -moz-linear-gradient(top,  #b5ea8a 0%, #a5d87b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5ea8a), color-stop(100%,#a5d87b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5ea8a 0%,#a5d87b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5ea8a 0%,#a5d87b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5ea8a 0%,#a5d87b 100%); /* IE10+ */
background: linear-gradient(top,  #b5ea8a 0%,#a5d87b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ea8a', endColorstr='#a5d87b',GradientType=0 ); /* IE6-9 */
}

/* === Blue
-------------------------------------------------------------*/
.smk_button.blue {
color: #356D82;
border-color:#588EA1;
text-shadow: 0 1px 0 rgba(198,221,229,.9);
background: #a2cfde; /* Old browsers */
background: -moz-linear-gradient(top, #a2cfde 0%, #88b4c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2cfde), color-stop(100%,#88b4c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a2cfde 0%,#88b4c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a2cfde 0%,#88b4c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a2cfde 0%,#88b4c3 100%); /* IE10+ */
background: linear-gradient(top, #a2cfde 0%,#88b4c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2cfde', endColorstr='#88b4c3',GradientType=0 ); /* IE6-9 */
}

.smk_button.blue:hover,
.smk_button.white-blue:hover,
.smk_button.black-blue:hover {
color: #356D82;
border-color:#588EA1;
text-shadow: 0 1px 0 rgba(198,221,229,.9);
background: #b0dff2; /* Old browsers */
background: -moz-linear-gradient(top,  #b0dff2 0%, #97c9d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0dff2), color-stop(100%,#97c9d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b0dff2 0%,#97c9d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b0dff2 0%,#97c9d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b0dff2 0%,#97c9d8 100%); /* IE10+ */
background: linear-gradient(top,  #b0dff2 0%,#97c9d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0dff2', endColorstr='#97c9d8',GradientType=0 ); /* IE6-9 */
}

/* === Red
-------------------------------------------------------------*/
.smk_button.red {
color: #8E412E;
border-color:#A34B35;
text-shadow: 0 1px 0 rgba(255,169,148,.9);
background: #ee8f76; /* Old browsers */
background: -moz-linear-gradient(top, #ee8f76 0%, #d3745b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee8f76), color-stop(100%,#d3745b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ee8f76 0%,#d3745b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ee8f76 0%,#d3745b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ee8f76 0%,#d3745b 100%); /* IE10+ */
background: linear-gradient(top, #ee8f76 0%,#d3745b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8f76', endColorstr='#d3745b',GradientType=0 ); /* IE6-9 */
}

.smk_button.red:hover,
.smk_button.white-red:hover,
.smk_button.black-red:hover {
color: #8E412E;
border-color:#A34B35;
text-shadow: 0 1px 0 rgba(255,169,148,.9);
background: #ff967f; /* Old browsers */
background: -moz-linear-gradient(top,  #ff967f 0%, #e27b63 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff967f), color-stop(100%,#e27b63)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff967f 0%,#e27b63 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff967f 0%,#e27b63 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff967f 0%,#e27b63 100%); /* IE10+ */
background: linear-gradient(top,  #ff967f 0%,#e27b63 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff967f', endColorstr='#e27b63',GradientType=0 ); /* IE6-9 */
}

/* === Indigo
-------------------------------------------------------------*/
.smk_button.indigo {
color: #4F3862;
border-color:#503862;
text-shadow: 0 1px 0 rgba(184,131,228,.9);
background: #af8bdd; /* Old browsers */
background: -moz-linear-gradient(top, #af8bdd 0%, #74518e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af8bdd), color-stop(100%,#74518e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #af8bdd 0%,#74518e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #af8bdd 0%,#74518e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #af8bdd 0%,#74518e 100%); /* IE10+ */
background: linear-gradient(top, #af8bdd 0%,#74518e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af8bdd', endColorstr='#74518e',GradientType=0 ); /* IE6-9 */
}

.smk_button.indigo:hover,
.smk_button.white-indigo:hover,
.smk_button.black-indigo:hover {
color: #4F3862;
border-color:#503862;
text-shadow: 0 1px 0 rgba(184,131,228,.9);
background: #b998f2; /* Old browsers */
background: -moz-linear-gradient(top, #b998f2 0%, #8266af 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b998f2), color-stop(100%,#8266af)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b998f2 0%,#8266af 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b998f2 0%,#8266af 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b998f2 0%,#8266af 100%); /* IE10+ */
background: linear-gradient(top, #b998f2 0%,#8266af 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b998f2', endColorstr='#8266af',GradientType=0 ); /* IE6-9 */
}

/* === Yellow
-------------------------------------------------------------*/
.smk_button.yellow {
color: #A37A2D;
border-color:#B28126;
text-shadow: 0 1px 0 rgba(255,234,169,.9);
background: #fddc7c; /* Old browsers */
background: -moz-linear-gradient(top, #fddc7c 0%, #e2c060 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fddc7c), color-stop(100%,#e2c060)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fddc7c 0%,#e2c060 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fddc7c 0%,#e2c060 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fddc7c 0%,#e2c060 100%); /* IE10+ */
background: linear-gradient(top, #fddc7c 0%,#e2c060 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fddc7c', endColorstr='#e2c060',GradientType=0 ); /* IE6-9 */
}

.smk_button.yellow:hover,
.smk_button.white-yellow:hover,
.smk_button.black-yellow:hover {
color: #A37A2D;
border-color:#B28126;
text-shadow: 0 1px 0 rgba(255,234,169,.9);
background: #f9e1a4; /* Old browsers */
background: -moz-linear-gradient(top, #f9e1a4 0%, #f2d07b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e1a4), color-stop(100%,#f2d07b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9e1a4 0%,#f2d07b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9e1a4 0%,#f2d07b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9e1a4 0%,#f2d07b 100%); /* IE10+ */
background: linear-gradient(top, #f9e1a4 0%,#f2d07b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e1a4', endColorstr='#f2d07b',GradientType=0 ); /* IE6-9 */
}

/*======================== Active state
====================================================================*/
.smk_button:active {
position: relative;
top: 1px;
}
/*======================== size
====================================================================*/
.smk_button.small{
font: 10px Helvetica, Arial, sans-serif;
padding: 6px 14px;
text-transform: uppercase;
}
.smk_button.normal{
font: 12px Helvetica, Arial, sans-serif;
padding: 8px 18px;
}
.smk_button.large{
font: 15px Helvetica, Arial, sans-serif;
padding: 8px 18px;
font-weight: 700;
}
.smk_button.xlarge{
font: 18px Helvetica, Arial, sans-serif;
padding: 8px 18px;
font-weight: 700;
}


/* *********************************************************************************** 
	PRICE BOX
 *********************************************************************************** */
 
.price_box {margin: 50px 0 50px 0;}

 /* Columns */
.price_box.pb2col .pb_column,
.price_box.pb3col .pb_column,
.price_box.pb4col .pb_column,
.price_box.pb5col .pb_column {float: left;margin: 30px -1px 30px -1px;background: #fff;}
.price_box.pb2col .pb_column {width: 50%;}
.price_box.pb3col .pb_column {width: 33.333%;}
.price_box.pb4col .pb_column {width: 25%;}
.price_box.pb5col .pb_column {width: 20%;}

/* The box */
.price_box .pb_column {border: 1px solid #D5D5D5;text-align: center;}
.price_box .pb_column .pb_row_x, 
.price_box .pb_column .pb_row_y,
.price_box .pb_column .pb_head,
.price_box .pb_column .pb_footer {
padding: 8px 10px; 
border-top: 1px solid #fff; 
border-bottom: 1px solid #d5d5d5;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(left, #e2e2e2 0%, #f6f6f6 6%, #f6f6f6 94%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(6%,#f6f6f6), color-stop(94%,#f6f6f6), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e2e2e2 0%,#f6f6f6 6%,#f6f6f6 94%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e2e2e2 0%,#f6f6f6 6%,#f6f6f6 94%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e2e2e2 0%,#f6f6f6 6%,#f6f6f6 94%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to right, #e2e2e2 0%,#f6f6f6 6%,#f6f6f6 94%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 */
} 
.price_box .pb_column .pb_row_y {
background: #f9f9f2; /* Old browsers */
background: -moz-linear-gradient(left, #f9f9f2 0%, #fcfff4 50%, #f9f9f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f2), color-stop(50%,#fcfff4), color-stop(100%,#f9f9f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f9f9f2 0%,#fcfff4 50%,#f9f9f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f9f9f2 0%,#fcfff4 50%,#f9f9f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f9f9f2 0%,#fcfff4 50%,#f9f9f2 100%); /* IE10+ */
background: linear-gradient(to right, #f9f9f2 0%,#fcfff4 50%,#f9f9f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f2', endColorstr='#f9f9f2',GradientType=1 ); /* IE6-9 */
}
.price_box .pb_column .pb_head{background: #EEE;font-size: 17px; font-weight: 700;color:#444;text-transform: uppercase; color:#333; text-shadow:1px 1px 0px #f2f2f2, 1px 2px 0px #b1b1b2;}
.price_box .pb_column .pb_footer{border-bottom-color: #fff;background: #F4F4F4;}
.price_box .pb_column .pb_price{background: #EEE;color:#D92A1A; font-size: 20px;padding: 16px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #d5d5d5;}

/*Active price*/
.price_box.pb2col .pb_column.pb_active,
.price_box.pb3col .pb_column.pb_active,
.price_box.pb4col .pb_column.pb_active,
.price_box.pb5col .pb_column.pb_active {margin: 0 -1px 0 -1px;position: relative; z-index: 55;border:1px solid #555;}
.price_box.pb2col .pb_column.pb_active .pb_head,.price_box.pb2col .pb_column.pb_active .pb_footer,
.price_box.pb3col .pb_column.pb_active .pb_head,.price_box.pb3col .pb_column.pb_active .pb_footer,
.price_box.pb4col .pb_column.pb_active .pb_head,.price_box.pb4col .pb_column.pb_active .pb_footer,
.price_box.pb5col .pb_column.pb_active .pb_head,.price_box.pb5col .pb_column.pb_active .pb_footer {padding: 23px 10px;}
.price_box .pb_column.pb_active .pb_footer .default_button {font-size: 12px; padding: 11px 22px;}

/*Active*/
.price_box .pb_column.pb_active {position:relative; z-index: 50;}
.price_box .pb_column.pb_active {border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.price_box .pb_column.pb_active .pb_head {border-radius: 6px 6px 0 0;-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;}
.price_box .pb_column.pb_active .pb_footer {border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;}

/* First */
.price_box .pb_column.pb_first {border-radius: 6px 0 0 6px;-webkit-border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;}
.price_box .pb_column.pb_first .pb_head {border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0;-moz-border-radius: 6px 0 0 0;}
.price_box .pb_column.pb_first .pb_footer {border-radius: 0 0 0 6px;-webkit-border-radius: 0 0 0 6px;-moz-border-radius: 0 0 0 6px;}

/* Last */
.price_box .pb_column.pb_last {position:relative; z-index: 50;}
.price_box .pb_column.pb_last {border-radius: 0 6px 6px 0 ;-webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;}
.price_box .pb_column.pb_last .pb_head {border-radius: 0 6px 0 0;-webkit-border-radius: 0 6px 0 0;-moz-border-radius: 0 6px 0 0;}
.price_box .pb_column.pb_last .pb_footer {border-radius: 0 0 6px 0;-webkit-border-radius: 0 0 6px 0;-moz-border-radius: 0 0 6px 0;}


/*====================================================================================
***********************************************************************************
	CONTENT
***********************************************************************************
====================================================================================*/