/*=============================

  ---  SAFARICOM FRAMEWORK  ---
 
 ==============================

 Table of Contents

	1. Reset
	2. Clearfix
	3. Typography
	4. Generic + Utils
	5. Top Bar
	6. Main Menu
	7. Banner Slider
	8. Buttons
	9. Footer
	10. Feedback messages
	11. Tabs
	12. Stepper
	12.2. Stepper - Steps 2
	12.3. Stepper - Steps 3
	12.4. Stepper - Steps 4
	12.5. Stepper - Steps 5
	13. Slider
	14. Checkboxes / Radio Buttons
	15. Tooggle
	16. Tooltip
	17. Pagination
	18. IE7
	
*/

/****************************************************************************
 1. Eric Meyer's Reset CSS v2.0 - http://meyerweb.com/eric/tools/css/reset/
*****************************************************************************/
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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0;	padding: 0;	border: 0; font-size: 100%; font: normal; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body {	line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}


/****************************************************************************
 2. Clearfix - http://www.webtoolkit.info/css-clearfix.html
*****************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clear {
	clear: both;
}
html[xmlns] .clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}

/****************************************************************************
 3. Typography - ../font/
*****************************************************************************/
@font-face {
    font-family: 'Oswald';
    src: url('../font/oswald-regular-webfont.eot');
    src: url('../font/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-regular-webfont.woff') format('woff'),
         url('../font/oswald-regular-webfont.ttf') format('truetype'),
         url('../font/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Oswald-bold';
    src: url('../font/oswald-bold-webfont.eot');
    src: url('../font/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-bold-webfont.woff') format('woff'),
         url('../font/oswald-bold-webfont.ttf') format('truetype'),
         url('../font/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Oswald-light';
    src: url('../font/oswald-light-webfont.eot');
    src: url('../font/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/oswald-light-webfont.woff') format('woff'),
         url('../font/oswald-light-webfont.ttf') format('truetype'),
         url('../font/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #333;
}

/****************************************************************************
 4. Generic + Utils
*****************************************************************************/
body{
	background-color: #9AC433;
}
h1{
	font: 36px/36px 'Oswald',sans-serif;
	color: #333;
}
h2{
	font: 21px/21px 'Oswald-bold',sans-serif;
	min-height: 30px;
	color: #4d4d4d;
	margin-bottom: 10px;
}
h3{
	font: 18px/18px 'Oswald',sans-serif;
	min-height: 30px;
	color: #4d4d4d;
	margin-bottom: 10px;
}
h4{
	font: 16px/18px 'Oswald',sans-serif; color: #FFFFFF;
}
h5{
	font: 14px/18px 'Oswald',sans-serif; color: #4D4D4D;
}
p {
	font-size:13px;
}
a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#555555;
	text-decoration:none;
}
.sfc-green{
	color: #91c100;
}
/*hr{
	border: 0;
	height: 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #FFF);
	margin: 15px 0;
}*/
hr{
	border: 0;
	height: 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #FFF);
	margin-top: -10px;
    width: 650px;
    float:left;
}
.space {
	margin-right:20px;
}

.sfc-center982{width: 982px;margin: 0 auto;position: relative;}

.sfc-center960{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.sfc-body-divider{
	background: #FFF url(../images/framework/body-divider.jpg) no-repeat center top;
	border-top: 1px #FFF solid;
}

/* No JS Warning message */
.sfc-no-js{
	background-color: #fff3c2;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}
.sfc-no-js .sfc-center960{
	background: url(../images/framework/icon-warning.png) no-repeat left center;
	width: 920px;
	padding: 15px 0 15px 35px;
}

.fright{
	float: right;
}
.fleft{
	float: left;
}
.bold{
	font-weight: bold;
}
#offers, #features, .bullets ul li {
    list-style: none;
    font-size:13px;
}
.tright{
	text-align: right;
}
.tleft{
	text-align: left;
}
.tcenter{
	text-align: center;
}

/* "Return" link */
.sfc-return-link{
	display: inline-block;
	width: 19px;
	height: 34px;
	background: url(../images/framework/return-hp.png) no-repeat 0 -36px transparent;
	float: left;
	margin: 2px 15px 0 0;
}
.sfc-return-link:hover {
	background: url(../images/framework/return-hp.png) no-repeat;
}
.sfc-return-hp:hover{
	background-position: left bottom;
}

/* Divide body 2 columns */
.sfc-2columns{
	float: left;
	width: 400px;
	margin-left: 40px;
	padding-left: 40px;
}
.sfc-2columns:first-child{
	margin-left: 0;
}
/* Divide body 3 columns */
.sfc-3columns{
	float: left;
	/* width: 233px; */
	/* margin-left: 38px; */
	padding-left: 20px;
}
.sfc-3columns:first-child{
	margin-left: 0;
}

/* Inside pages */
.sfc-inside-content{
	width: 750px;
	float: left;
}
.sfc-inside-aside{
	width: 200px;
	float: right;
}
.myorders {
	position: relative;
	margin-top: 5px;
}
.CommonFeatures {
	padding-top:20px;
}

/* Chat widget */
.sfc-chat{
	display: block;
	width: 180px;
	height: 103px;
	background: url(../images/framework/chat.png) no-repeat left bottom;
	position: fixed;
	top: 47%;
	right: -109px;
	z-index: 110;
}
/*.sfc-chat-open{
	display: block;
	width: 127px;
	height: 109px;
	background: url(../images/framework/chat-open.png) no-repeat left bottom;
	position: fixed;
	top: 45%;
	right: 0;
	display: none;
}*/

/* Inside loading */
.sfc-Loading {
	background: url(../images/slider/loading-trans.gif) no-repeat left top;
	display:none;
	height: 32px;
    width: 32px;
}

/* Inside pages chat link */
.sfc-chat-link{
	display: block;
	width: 118px;
	height: 32px;
	background: url(../images/framework/chat-sprite.gif) no-repeat left top;
	margin-top: 15px;
}
.sfc-chat-link:hover{
	background-position: left bottom;
}

/* Tools */
.sfc-tool-remove{
	background: url("../images/framework/tool-remove.png") no-repeat scroll left bottom transparent;
    display: block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
    padding-right: 5px;
}
.sfc-tool-remove:hover, .sfc-tool-remove:active{
	background-position: left top;
}

/* ERROR */

.Error_Page .errorMessage {
    margin: 0 25px;
    width: 600px;
}

/****************************************************************************
 5. Top Bar
*****************************************************************************/
.sfc-topbar{
	height: 110px;
	background: #FFF url(../images/framework/top-bar-repeat.gif) repeat-x left top;
}
.sfc-logo{
	float: left;
	width: 169px;
	height: 65px;
	display: inline-block;
	margin-top: 20px;
	background: url(../images/framework/sfc-logo.gif) no-repeat left top;
}

/* Account area */
.sfc-account{
	height: 24px;
	background: #e0f3b8 url(../images/framework/account-bar-repeat.gif) repeat-x left top;
	border: 1px #b4e34f solid;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	behavior: url(script/PIE.htc);
	cursor: pointer;
	position: absolute;
	top: 6px;
	font:  13px/16px 'Oswald',sans-serif;
	color: #666;
}
.sfc-account:active{
	background: #fcfef6 url(../images/framework/account-bar-repeat-over.gif) repeat-x left top;
	border-color: #9cb36b;
}
.sfc-account .username{
	float: left;
	min-height: 16px;
	padding: 4px 4px 0 24px;
	background: url(../images/framework/account-bar-icon.gif) no-repeat 4px 4px;
	margin-left:7px;
}
.sfc-account .trigger{
	float: right;
	display: inline-block;
	width: 20px;
	margin-right: 4px;
	height: 23px;
	background: url(../images/framework/account-bar-trigger.gif) no-repeat left top;
}

.sfc-account.open .trigger{
	background-position: left bottom;
}

/* Account Sign in */
.sfc-account-signin{
	width: 230px;
	right: 0;
}

/* Account Signed-in */
.sfc-account-signed{
	width: 160px;
	right: 70px;
}
.sfc-account-logout{
	width: 60px;
	right: 0;
	line-height: 24px;
	text-align: center;
}

/* Account dropdown */
.sfc-account-dropdown{
	width: 210px;
	background-color: #FFF;
	border: 1px #c2c2c2 solid;
	position: absolute;
	padding: 15px 10px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	behavior: url(script/PIE.htc);
    border-radius: 4px;
	display: none;
	right: 0;
	top: 32px;
	z-index: 105;
	-moz-box-shadow:
		0px 3px 5px rgba(0,0,0,0.35);
	-webkit-box-shadow:
		0px 3px 5px rgba(0,0,0,0.35);
	box-shadow:
		0px 3px 5px rgba(0,0,0,0.35);
}
.loginDropError {
    color: red;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 5px;
    margin-top: -5px;
}
.sfc-topbar .sfc-center960{
	z-index:105; /* IE7 z-index fix */
}

/* Login */
.sfc-account-dropdown.login label{
	font: 14px/24px 'Oswald', sans-serif;
	color: #B7B9BD;
	margin-bottom: 6px;
}
.sfc-account-dropdown.login input[type=text],
.sfc-account-dropdown.login input[type=password]{
	width: 195px;
	height: 30px;
	line-height: 30px;
	background: #FFF url(../images/framework/account-bar-input.gif) repeat-x top left;
	border: 2px #b7b9bd solid;
	padding: 0 5px;
	margin-bottom: 16px;
}
.sfc-account-dropdown.login input[type=text]:focus,
.sfc-account-dropdown.login input[type=password]:focus{
	outline-color: #0694d3;
	border-color: #0694d3;
}

.sfc-account-dropdown.login a{
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	color: #555;
	display: inline-block;
	text-decoration: none;
}
.sfc-account-dropdown.login a.strong{
	font: 14px/14px 'Oswald',sans-serif;
	color: #333;
}
.sfc-account-dropdown.login a:hover{
	text-decoration: underline;
}
.sfc-account-dropdown.login span{
	display: block;
	width: 205px;
	margin-top: 10px;
	/*background:url(../images/framework/account-bar-separator.gif) no-repeat top center;*/
}
.sfc-account-dropdown.login input[type=submit]{
	width: 206px;
	margin-bottom: 15px;
	font-size:15px;
	height:30px;
	
}

/* Account details */
.sfc-user-details{
	padding-bottom: 15px;
	margin-bottom: 7px;
}
.sfc-user-details img, .sfc-user-details p{
	float: left;
}
.sfc-user-details img{
	margin-right: 12px;
}
.sfc-user-details p{
	font: 200 13px/6px 'Oswald-light',sans-serif;
	color: #333;
}
.sfc-user-details p span{
	line-height: 32px;
	font: 13px/34px 'Oswald',sans-serif;
}
.sfc-user-details a{
	width: 125px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	top: 57px;
}
.sfc-useful-links{
	font: 400 14px/21px 'Oswald',sans-serif;
	color: #333;
	margin-top: 15px;
}
.sfc-useful-links a{
	font: 12px/26px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	margin-left: 2px;
	padding-left: 10px;
	background:url(../images/framework/arrow-grey.gif) no-repeat left center;
}
.sfc-useful-links a:hover{
	text-decoration: underline;
}

/* Top tabs */
.sfc-site-chooser{
	float: right;
	margin-top: 83px;
}
.sfc-site-chooser li{
	height: 26px;
	padding: 0 15px;
	float: left;
	border: 1px #c1e66e solid;
	border-bottom: none;
	background: #FFF url(../images/framework/top-tab-repeat.gif) repeat-x left bottom;
}
.sfc-site-chooser li a{
	font: 12px/26px 'Oswald',sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
}
.sfc-site-chooser li a:hover{
	color: #000;
}
.sfc-site-chooser li.active{
	height: 30px;
	border: none;
	background: #a7d62e none;
	margin-top: -3px;
}
.sfc-site-chooser li.active a{
	color: #FFF;
	line-height: 30px;
}

/****************************************************************************
 6. Main Menu
*****************************************************************************/
.sfc-main-menu{
	width: 100%;
	height: 56px;
	background: url(../images/framework/main-menu-repeat.gif) repeat-x top left;
	float: left;
}
/*.sfc-main-menu ul{
	width: 960px;
	height: inherit;
	margin: 0 auto;
}
.sfc-main-menu li{
	float: left;
	padding: 0 25px;
}*/
.sfc-main-menu ul{
	float:left;
}
.sfc-main-menu li{
    display: inline-block;
    padding: 0 25px;
}
.sfc-main-menu li.selected{
	height: 54px;
	background-color: #719418;
	background: -moz-linear-gradient(top,#719418 0%,#93c01f);
	background: -webkit-gradient(linear, left top, left bottom,	from(#719418),to(#93c01f));
	-pie-background: linear-gradient(#719418, #93c01f);
}
.sfc-main-menu li a{
	font: bold 16px/60px  Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
}
.sfc-main-menu li a:hover{
	text-decoration: underline;
	color: #e8f6ca;
}

/****************************************************************************
 7. Banner Slider - http://www.slidesjs.com/
*****************************************************************************/
.sfc-banner-slider{
	width: 100%;
	height: 312px;
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}

#slides{
	position: relative;
	z-index: 100;
}
.slides_container{
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	display: none;
}
.slides_container a{
	width: 960px;
	height: 312px;
	display: block;
}
.slides_container a img{
	display: block;
}
#slides .next,#slides .prev{
	position: absolute;
	top: 135px;
	left: 0;
	width: 20px;
	height: 34px;
	display: block;
	z-index: 101;
}
#slides .next{
	left: 940px;
	background: url(../images/slider/next.png) no-repeat 0 -36px transparent;
}
#slides .next:hover{
	left: 940px;
	background: url(../images/slider/next.png) no-repeat;
}
#slides .prev{
	background: url(../images/slider/prev.png) no-repeat 0 -36px transparent;
}
#slides .prev:hover{
	background: url(../images/slider/prev.png) no-repeat;
}
.pagination{
	position: absolute;
	right: 47px;
	top: 275px;
	z-index: 103;
}
.pagination li{
	float: left;
	margin: 0;
	list-style: none;
}
.pagination li a{
	display: block;
	width: 24px;
	height: 0;
	padding-top: 24px;
	background-image: url(../images/slider/pagination-white.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.pagination li.current a{
	background-position: 0 -24px;
}

/*.sfc-slider-shadow-left, .sfc-slider-shadow-right{
	width: 400px;
	height: 312px;
	position: absolute;
}
.sfc-slider-shadow-left{
	background: url(../images/framework/white-sh-left.png) repeat-y top left;
	left: 0;
}
.sfc-slider-shadow-right{
	background: url(../images/framework/white-sh-right.png) repeat-y top right;
	right: 0;
}*/

/****************************************************************************
 8. Buttons
*****************************************************************************/

/* Default grey button - medium & large */
.sfc-button-large, .sfc-button-medium{
	display: inline-block;
	text-decoration: none;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	behavior: url(script/PIE.htc);
	cursor: pointer;
	outline:none;
	position: relative; /* IE8 fix */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	background-color: #f1f1f1;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#CCC);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#CCC));
	-pie-background: linear-gradient(#ffffff, #CCC);
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		inset 0px 1px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		inset 0px 1px 1px rgba(255,255,255,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.3);
	text-shadow:
		0px 1px 2px rgba(255,255,255,0.5);
}
.sfc-button-large:active, .sfc-button-medium:active {
	background: -moz-linear-gradient(
		top,
		#CCC 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#CCC),
		to(#ffffff));
	-moz-box-shadow:
		inset 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		inset 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:
		inset 0px 1px 3px rgba(0,0,0,0.3);
}
.sfc-button-large{
	height: 34px;
	padding: 0 35px;
	font-size: 16px;
}
a.sfc-button-large{
	line-height: 32px;
}
.sfc-button-medium{
	height: 28px;
	padding: 0 15px;
	font-size: 13px;
}
a.sfc-button-medium{
	line-height: 30px;
}

/* Main green button style */
.sfc-button-primary {
	color: #FFF;
	background-color: #9fce20;
	border: 1px #679700 solid;
	background: -moz-linear-gradient(
		top,
		#8FBD18 0%,
		#679700);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#8FBD18),
		to(#679700));
	-pie-background: linear-gradient(#8FBD18, #679700);
	text-shadow:
		0px 1px 2px rgba(0,0,0,0.6);
}
.sfc-button-primary:hover {
	color: #FFF;
	background-color: #9fce20;
	border: 1px #679700 solid;
	background: -moz-linear-gradient(
		top,
		#679700,
		#8FBD18 0%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#679700),
		to(#8FBD18));
	-pie-background: linear-gradient(#679700, #8FBD18);
}
.sfc-button-primary:active {
	color: #FFF;
	background: -moz-linear-gradient(
		top,
		#679700 0%,
		#8FBD18);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#679700),
		to(#8FBD18));
	text-shadow: none;
}
/* Main gray button style */
.sfc-button-primary-cancel {
	color: #FFF;
	background-color: #979797;
	border: 1px #888888 solid;
	background: -moz-linear-gradient(
		top,
		#949494 0%,
		#979797);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#949494),
		to(#979797));
	-pie-background: linear-gradient(#949494, #979797);
	text-shadow:
		0px 1px 2px rgba(0,0,0,0.6);
}
.sfc-button-primary-cancel:hover {
	color: #FFF;
	background-color: #979797;
	border: 1px #888888 solid;
	background: -moz-linear-gradient(
		top,
		#b8b8b8 0%,
		#7a7a7a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b8b8b8),
		to(#7a7a7a));
	-pie-background: linear-gradient(#b8b8b8, #7a7a7a);
	text-shadow:
		0px 1px 2px rgba(0,0,0,0.6);
}
.sfc-button-primary-cancel:active {
	color: #FFF;
	background: -moz-linear-gradient(
		top,
		#949494 0%,
		#979797);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#949494),
		to(#979797));
	-pie-background: linear-gradient(#949494, #979797);
	text-shadow: none;
}
/* Main Blue button style */
.sfc-button-primary-Blue {
	color: #FFF;
	background-color: #3e9ec7;
	/* border: 1px #888888 solid; */
	background: -moz-linear-gradient(
		top,
		#3e9ec7 0%,
		#46a4cd);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#3e9ec7),
		to(#46a4cd));
	-pie-background: linear-gradient(#3e9ec7, #46a4cd);
	text-shadow:
		0px 1px 2px rgba(0,0,0,0.6);
}
.sfc-button-primary-Blue:hover {
	color: #FFF;
	background-color: #3e9ec7;
	/* border: 1px #888888 solid; */
	background: -moz-linear-gradient(
		top,
		#46a4cd 0%,
		#3e9ec7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#46a4cd),
		to(#3e9ec7));
	-pie-background: linear-gradient(#46a4cd, #3e9ec7);
	text-shadow:
		0px 1px 2px rgba(0,0,0,0.6);
}
.sfc-button-primary-Blue:active {
	color: #FFF;
	background: -moz-linear-gradient(
		top,
		#46a4cd 0%,
		#3e9ec7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#46a4cd),
		to(#3e9ec7));
	-pie-background: linear-gradient(#46a4cd, #3e9ec7);
	text-shadow: none;
}
.sfc-button-largeRegisterNow{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	behavior: url(script/PIE.htc);
	cursor: pointer;
	outline:none;
	text-align:center;
	padding:5px;
	width:195px;
	font-size: 13px !important;
	position: relative; /* IE8 fix */
	background-color: #f1f1f1;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#CCC);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#CCC));
	-pie-background: linear-gradient(#ffffff, #CCC);
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	text-shadow:
		0px 1px 2px rgba(255,255,255,0.5);
}
.sfc-button-largeRegisterNow:hover{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	behavior: url(script/PIE.htc);
	cursor: pointer;
	outline:none;
	text-align:center;
	padding:5px;
	width:195px;
	font-size: 13px !important;
	position: relative; /* IE8 fix */
	background-color: #f1f1f1;
	background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cccccc),
		to(#ffffff));
	-pie-background: linear-gradient(#cccccc, #ffffff);
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	text-shadow:
		0px 1px 2px rgba(255,255,255,0.5);
}
/* Main button disable style */
.disable:link {
-pie-background: linear-gradient(#b1d400, #619e00);
text-shadow:
0px 1px 2px rgba(0,0,0,0.6) ;
opacity: 0.4 ;
filter: alpha(opacity = 50);
box-shadow:none;
cursor: default;
}
input[type="submit"]:disabled
{
-pie-background: linear-gradient(#A8D62D, #679700);
text-shadow:
0px 1px 2px rgba(0,0,0,0.6) ;
opacity: 0.4 ;
filter: alpha(opacity = 50);
box-shadow:none;
cursor: default;
}
input[type="submit"]:disabled:hover {
	background: -moz-linear-gradient(
		top,
		#A8D62D 0%,
		#679700);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#A8D62D),
		to(#679700));
}
/****************************************************************************
 9. Footer
*****************************************************************************/
.footer {
	background-color: #f4f4f4;
}
.sfc-footer{
	width: 100%;
	background-color: #9ac433;
	font-size: 12px;
	color: #FFF;
	padding-top:25px;
}
.sfc-footer a{
	color: #333;
}
.sfc-footer a:hover{
	text-decoration: underline;
	color: #444444;
}
.sfc-fleft {
	float:left;
}
.sfc-fright {
	float:right;
}

/****************************************************************************
 10. Feedback messages
*****************************************************************************/
.errorMessage{
	padding: 5px 25px;
	margin: 15px 0;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	behavior: url(script/PIE.htc);
	font-size: 13px;
	line-height: 25px;
	color: #333;
	background-color: #FFDFD8;
    border: 1px dashed #EDA4A1;
	position: static; /* IE8 fix */
	border-color: #eda4a1;
	width:600px;
}
.fieldset.error1 .errorMessage {
	width:350px;
}
.errorMessage li {
	padding-top: 5px;
}
.ie7 .errorMessage li {
	padding: 0px;
}
.actionMessage{
	padding: 5px 25px;
	margin: 15px 0;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	behavior: url(script/PIE.htc);
	font-size: 13px;
	line-height: 25px;
	color: #333;
	background-color: #E6F5FA;
    border: 1px dashed #C3CCAB;
	position: static; /* IE8 fix */
	border-color: #9fc1cc;
}
.actionMessage li{
	padding-top: 5px
}
.sfc-alert p, .sfc-alert-sucess p, .sfc-alert-warning p, .errorMessage p, .actionMessage p{
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
	line-height: 24px;
	min-height: 24px;
}
.actionMessage p{
	padding-left: 44px;
	background-repeat: no-repeat;
	background-position: left center;
}
.sfc-alert-sucess{
	border-color: #8db359;
	background-color: #dcebb0;
}
.sfc-alert-sucess p{
	background-image: url(../images/framework/icon-sucess.png);
}
.sfc-alert-warning{
	background-color: #fff3c2;
	border-color: #d1b77d;
}
.sfc-alert-warning p{
	background-image: url(../images/framework/icon-warning.png);
}
.sfc-alert, .sfc-alert-sucess, .sfc-alert-warning, .sfc-alert-error, .sfc-alert-info {
    
    border: 1px dashed #C3CCAB;
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    font-size: 13px;
    line-height: 18px;
    margin: 15px 0;
    padding: 10px 20px;
    position: relative;
}
.sfc-alert-sucess p, .sfc-alert-warning p, .sfc-alert-error p, .sfc-alert-info p {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 44px;
}
.errorMessage span{
	background-image: url("../images/framework/icon-error.png");
    background-repeat: no-repeat;
    margin-left: -13px;
    padding-left: 33px;
    padding-top: 6px;
}
.actionMessage span{
	background-image: url(../images/framework/icon-info.png);
	background-repeat: no-repeat;
    margin-left: -13px;
    padding-left: 33px;
    padding-top: 8px;
}

/****************************************************************************
 11. Tabs
*****************************************************************************/
.etabs{
	margin: 0;
}
.tab{
	display: inline-block;
	zoom:1;
	*display:inline;
	/*border-radius:4px 4px 0 0;*/
	border-top: 1px solid #A4A4A4;
	border-right: 1px solid #A4A4A4;
	border-left: 1px solid #A4A4A4;
	background:#FAFAFA;
}
.tab a{
	font-size: 13px;
	line-height: 30px;
	display: block;
	padding: 0 20px;
	outline: none;
	color: #666666;
	text-decoration:none;
	font-weight: bold;
}
.tab a:hover{
	text-decoration: underline;
}
.tab.active{
	background: #F8F8F8;
	padding-top: 1px;
	position: relative;
	top: 2px;
	border: solid 2px #A4A4A4;
	border-bottom: none;
}
.tab.active a{
	font-weight: bold;
	color: #666;
}
.tab-container .panel-container{
	background: #F8F8F8;
	border: 2px solid #A4A4A4;
	padding: 20px;
	margin-right:4px;
}
.panel-container{
	margin-bottom: 10px;
}
/****************************************************************************
 12. Stepper
*****************************************************************************/
.stepper ul li h4 {color:white;}
.stepper ul li p {font-size: 11px;}
.stepper ul li{  float: left;padding: 2px 0 0 51px;width: 141px; color: #fff;font-size: 12px; color: #FFFFFF; height: 49px;}

/****************************************************************************
 12.2. Stepper
*****************************************************************************/
.stepper-bg2.step1 {background: url('../images/cloud/sprite.png') no-repeat 0 -278px; width: 387px; height: 49px;}
.stepper-bg2.step2 {background: url('../images/cloud/sprite.png') no-repeat 0 -334px; width: 387px; height: 49px;}

/****************************************************************************
 12.3. Stepper
*****************************************************************************/
.stepper-bg3.step1 {background: url('../images/cloud/sprite.png') no-repeat 0 -394px; width: 579px; height: 49px;}
.stepper-bg3.step2 {background: url('../images/cloud/sprite.png') no-repeat 0 -454px; width: 579px; height: 49px;}
.stepper-bg3.step3 {background: url('../images/cloud/sprite.png') no-repeat 0 -511px; width: 579px; height: 49px;}

/****************************************************************************
 12.4. Stepper
*****************************************************************************/
.stepper-bg4.step1 {background: url('../images/cloud/sprite.png') no-repeat 0 -577px; width: 768px; height: 49px;}
.stepper-bg4.step2 {background: url('../images/cloud/sprite.png') no-repeat 0 -636px; width: 768px; height: 49px;}
.stepper-bg4.step3 {background: url('../images/cloud/sprite.png') no-repeat 0 -693px; width: 768px; height: 49px;}
.stepper-bg4.step4 {background: url('../images/cloud/sprite.png') no-repeat 0 -750px; width: 768px; height: 49px;}

/****************************************************************************
 12.5. Stepper
*****************************************************************************/
.stepper-bg5.step1 {background: url('../images/cloud/sprite.png') no-repeat 0 0; width: 962px; height: 49px;}
.stepper-bg5.step2 {background: url('../images/cloud/sprite.png') no-repeat 0 -54px; width: 962px; height: 49px;}
.stepper-bg5.step3 {background: url('../images/cloud/sprite.png') no-repeat 0 -109px; width: 962px; height: 49px;}
.stepper-bg5.step4 {background: url('../images/cloud/sprite.png') no-repeat 0 -166px; width: 961px; height: 49px;}
.stepper-bg5.step5 {background: url('../images/cloud/sprite.png') no-repeat 0 -221px; width: 962px; height: 49px;}

/****************************************************************************
 13. Slider
*****************************************************************************/
.ui-slider-handle.ui-state-default.ui-corner-all > div {
	background: url("../images/framework/slider_tooltip.png") no-repeat scroll 0 0 transparent;
    width:70px;
    height:45px;
    color: #4f4f4f;
    margin-top:-5px;
    margin-left:-17px;
    padding-top:0px;
    font-weight:bold;
    font-size: 9px;
    text-align:center;
    border:0 !important;
}
.Slider_BG {
	background: url("../images/framework/slider.png") no-repeat scroll 0 0 transparent;
    padding: 15px;
    margin-bottom: 15px;
    width:330px;
    margin-left:15px;
    margin-top:10px;
}
.Slider_BG_12Month {
	background: url("../images/framework/slider_12Month.png") no-repeat scroll 0 0 transparent;
    padding: 15px;
    margin-bottom: 15px;
    width:330px;
    margin-left:15px;
}
.Slider_BG_3Month {
	background: url("../images/framework/slider_3Month.png") no-repeat scroll 0 0 transparent;
    padding: 15px;
    margin-bottom: 15px;
    width:330px;
    margin-left:15px;
}
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: none; background: #e9e9e9; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { background-color: #a8d62d; color: #ffffff; font-weight: bold; background-image: none;}
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background:none; text-decoration:none;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none;}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10pxx; border-top-left-radius: 10px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }

.ui-slider-horizontal .ui-slider-range-min {
	border-radius: 10px;
}

/****************************************************************************
 14. Checkboxes / Radio Buttons http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/example/
*****************************************************************************/
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 5px 10px 0;
	background: url(../images/cloud/checkbox.png) no-repeat;
	cursor: default;
}
.radio {
	background: url(../images/cloud/radio.png) no-repeat;
}
.checkbox {
	background: url(../images/cloud/checkbox.png) no-repeat;
}

select {
    background: url("../images/framework/select.png") no-repeat scroll 190px 10px transparent;
    height: 28px;
    width: 230px;
    border: none;
    padding-top: 3px;
    font: 12px 'Oswald',sans-serif;
    color: #4D4D4D;
    -webkit-appearance: none;
}
.sfc-iaccount .divSelect select {
    background: url("../images/framework/select.png") no-repeat scroll 190px 10px #F2F2F2;
    height: 28px;
    width: 230px;
    border: none;
    padding-top: 3px;
    font: 12px 'Oswald',sans-serif;
    color: #4D4D4D;
    -webkit-appearance: none;
}

.ie8 .sfc-iaccount .divSelect select {
    background: url("../images/framework/select.png") no-repeat scroll 190px 10px #F2F2F2;
    height: 28px;
    width: 230px;
    border: none;
    padding-top: 3px;
    font: 12px 'Oswald',sans-serif;
    color: #4D4D4D;
    -webkit-appearance: none;
}
.ie8 select {height:25px;}

.divSelect{
    border: 1px solid #CCCCCC;
    height: 27px;
    overflow: hidden;
    width: 208px;
}
.sfc-iaccount .divSelectDomain select {
    background: url("../images/framework/select.png") no-repeat scroll 45px 10px #F2F2F2;
    height: 28px;
    width: 230px;
    border: none;
    padding-top: 3px;
    font: 12px 'Oswald',sans-serif;
    color: #4D4D4D;
    -webkit-appearance: none;
}

.divSelectDomain{
    border: 1px solid #CCCCCC;
    height: 25px;
    overflow: hidden;
    width: 65px;
    margin: 2px 10px 0;
}
.sfc-iaccount .divSelectexpireMonth select{
    background: url("../images/framework/select.png") no-repeat scroll 32px 10px #F2F2F2;
    height: 28px;
    width: 230px;
    border: none;
    padding-top: 3px;
    font: 12px 'Oswald',sans-serif;
    color: #4D4D4D;
    -webkit-appearance: none;
}
.sfc-iaccount .divSelectexpireYear select{
    background: url("../images/framework/select.png") no-repeat scroll 32px 10px #F2F2F2;
    height: 28px;
    width: 230px;
    border: none;
    padding-top: 3px;
    font: 12px 'Oswald',sans-serif;
    color: #4D4D4D;
    -webkit-appearance: none;
}
.divSelectexpireMonth {
	border: 1px solid #CCCCCC;
    height: 25px;
    overflow: hidden;
    width: 48px;
    display: inline-block;
}
.divSelectexpireYear {
	border: 1px solid #CCCCCC;
    height: 25px;
    overflow: hidden;
    width: 48px;
    float:right;
}

/*select {
    background: none repeat scroll 0 0 #E9E9E9;
    border: 1px solid #FFFFFF;
    color: #4D4D4D;
    font: 12px 'Oswald',sans-serif;
    padding: 1px;
    width: 175px;
}*/
/****************************************************************************
 15. LightBox
*****************************************************************************/
.sign_up_bg {
	background-color: white;
	border: 5px solid #CCC;
	padding:15px;
}
.sfc-button-close {
	background: url(../images/cloud/close.png) no-repeat left center;
    cursor: pointer;
    float: right;
    height: 24px;
    width: 24px;
}
/****************************************************************************
 15. Tooggle
*****************************************************************************/
.drop {
	padding: 10px;
	background-color: #e9e9e9;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 1px;
	font-size:14px;
	color: #333333;
}
.extraOne {
	cursor:pointer;
}
.icon-chevron-down {
    background-image: url("../images/framework/glyphicons-halflings.png");
    background-position: -460px -74px;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 13px;
    line-height: 14px;
    margin-right: 20px;
    margin-top: -25px;
    vertical-align: text-top;
    width: 14px;
}
.icon-chevron-up {
    background-image: url("../images/framework/glyphicons-halflings.png");
    background-position: -312px -120px;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 13px;
    line-height: 14px;
    margin-right: 23px;
    margin-top: -25px;
    vertical-align: text-top;
    width: 14px;
}
/****************************************************************************
 16. Tooltip Input´s
*****************************************************************************/
.tooltip {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(213, 213, 213, 0.95) !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important;
    color: #4F4F4F !important;
    font-size: 11px !important;
    padding: 4px 8px !important;
    text-shadow: 0 0 2px #FFFFFF !important;
}

/****************************************************************************
 16.1. Tooltip - http://code.drewwilson.com/entry/tiptip-jquery-plugin
*****************************************************************************/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}
#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}
.ie8 #tiptip_content {
	font-size: 11px;
	color: #4f4f4f;
	background-color: #d5d5d5;
	padding: 4px 8px;
	border: 1px solid #d5d5d5;
	background-color: #f2f2f2;
	margin-left:-10px;
}
#tiptip_content {
	font-size: 11px;
	color: #4f4f4f;
	text-shadow: 0 0 2px #fff;
	padding: 4px 8px;
	border: 1px solid rgba(213,213,213,0.95);
	background-color: #f2f2f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); 
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #000;
	border-top-color: rgba(213,213,213,0.95);
}
.ie8 #tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #d5d5d5;
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #000;
	border-bottom-color: rgba(213,213,213,0.95);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(213,213,213,0.95);
	border-right-color: rgba(255,255,255,0.95);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(213,213,213,0.95);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgba(213,213,213,0.95);
}
.ie8 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
	border: none;

}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(242,242,242);
	border-bottom-color: rgba(213,213,213,0.95);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(255,255,255);
	border-right-color: rgba(213,213,213,0.95);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(213,213,213,0.95);
}
/****************************************************************************
 17. Pagination
*****************************************************************************/
#pg{
	text-align: right;
	font-size: 10px;
	padding: 35px 0 5px;
}
/* Pagination Link */
#pg a {
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	border: 1px solid #dddddd;
	padding: 3px;
	-moz-border-radius: 3px;
}
#pg a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	border: 1px solid #A7A7A7;
	background-color: white;
	padding: 3px;
	-moz-border-radius: 3px;
}
/* Pagination Current Page */
#pg a.current {
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	border: 1px solid #99C723;
	background-color: #F5F7FA;
	padding: 3px;
	-moz-border-radius: 3px;
}
/* Pagination Disabled Page */
#pg span.disabled {
	font-size: 10px;
	text-decoration: none;
	color: #C6C7C7;
	border: 1px solid #C6C7C7;
	background-color: white;
	padding: 3px;
	-moz-border-radius: 3px; /* Rounds the corners; Works for Mozilla only*/
}
/****************************************************************************
 18. IE7
*****************************************************************************/
.browserContainer {
	background: none repeat scroll 0px 0px rgb(255, 255, 255);
	height: 45px;
	font-size:12px;
}
.browserContainer .browser01{
	max-width: 100%; margin: 0 auto;
	position: relative;
	max-width: 930px;
}
.browserContainer .browser02{
	float: left;
	margin: 5px 10px 0 20px ;
	position: relative;
}
.browserContainer .browser03{
	position: absolute;
	min-width: 104px;
	top: 8px;
	left: 35px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	color: #000;

}
.browserContainer .browser04{
	float: left;
	margin-left: 6px;
	padding-top: 12px;
}

@media (-webkit-min-device-pixel-ratio:1.2),-moz-touch-enabled,(max-device-width:1024px){
	.noUi-handle > div {
		height:			32px;
		width:			32px;
		top:			-13px;
		left:			-16px;
	}
}