*{ margin:0; padding: 0; }
body{ font-family: 'Arial'; font-size: 12px; color: #9d9d9d; background: url('/App_Themes/PromisysV2/images/bg.gif') left 198px repeat-x;}

header, nav, section, article, aside, footer{ display: block; }

@font-face {
    font-family: 'PTSans';
    src: url('/App_Themes/PromisysV2/images/fonts/PTS55F-webfont.eot');
    src: url('/App_Themes/PromisysV2/images/fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('/App_Themes/PromisysV2/images/fonts/PTS55F-webfont.woff') format('woff'),
         url('/App_Themes/PromisysV2/images/fonts/PTS55F-webfont.ttf') format('truetype'),
         url('/App_Themes/PromisysV2/images/fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

div#wrap{
	width: 960px;
	margin: 0 auto;
}

header{
	height:198px;
}
header h1{
	width: 339px;
	height: 124px;
	margin-top: 30px;
	float:left;
}
header h1 a{
	display: block;
	height: 124px;
	background: url('/App_Themes/PromisysV2/images/logo.png') top left no-repeat;
	text-indent: -9999px;
}
header ul#topNav{
	float: right;
	margin-top: 20px;
	height: 31px;
	padding-left: 30px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	background: url('/App_Themes/PromisysV2/images/top-nav-bg.png') top left repeat-x;
}
header ul#topNav li{
	float: left;
	list-style: none;
	margin-right: 30px;
	line-height: 31px;
}
header ul#topNav li.CMSListMenuHighlightedLI a{
	color:#4777fe;
}
header nav{
	clear: both;
	float: right;
	height: 44px;
	border-radius: 5px 5px 0 0;
	background: url('/App_Themes/PromisysV2/images/nav-bg.png') top left repeat-x;
}
header nav ul li{
	float: left;
	list-style: none;
}
header nav ul li+li{
	background: url('/App_Themes/PromisysV2/images/nav-separator.png') bottom left no-repeat;
}
header nav ul li a{
	display: block;
	height:44px;
	line-height: 44px;
	color: #fff;
	padding: 0 20px;
	font-family: 'Arial';
	font-size: 18px;
}
header nav ul li a:hover, header nav ul li.CMSListMenuHighlightedLI a{
	color: #fff;
	background: url('/App_Themes/PromisysV2/images/nav-bg.png') bottom left repeat-x;
}
header nav ul li:first-child a{
	text-indent: -9999px;
	background: url('/App_Themes/PromisysV2/images/home.gif') center center no-repeat;
	padding: 0 25px;
}
header nav ul li a:last-child:hover, header nav ul li.CMSListMenuHighlightedLI a{
	border-radius: 0 5px 0 0;	
}
nav a:hover{
	color: #fff !important;
}
div.content{
	min-height: 373px;
}
div.content div.left{
	float: left;
	width: 495px;
	margin-right: 45px;
}
div.content div.right{
	float: right;
	width: 420px;
}

footer{
	clear: both;
	padding: 25px 0;
	overflow: auto;
}
footer img{
	display: block;
	margin: 0 auto 10px auto;
}
footer hr{
	height: 1px;
	background: none;
	border: none;
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}
footer div{
	width: 960px;
	margin: 0 auto;
}
footer p{
	float: left;
}
footer p+p{
	float: right;
}
footer p a{
	text-decoration: underline;
}
footer ul#menu{
	float: left;
	width: 655px;
	clear: both;
	margin-top: 25px;
	border-right: 1px solid #ccc;
}
footer ul#menu li{
	float: left;
	margin-right: 15px;
	list-style: none;
}
footer ul#menu li a{
	float: left;
	margin-right: 15px;
	font-family: 'PTSans', 'Arial';
	font-size: 18px;
	color: #2492d8;
	font-weight: bold;
}
footer ul#menu li ul{
	width: auto;
	border: none;
	max-width: 130px;
	margin-top: 10px;
	clear: both;
}
footer ul#menu li ul li{
	float: none;
}
footer ul#menu li ul li a{
	font-family: 'Arial';
	font-size: 12px;
	color: #999;
	font-weight: normal;
}
footer ul#coords{
	float: right;
	margin-top: 25px;
	background: url('/App_Themes/PromisysV2/images/footer-contact.jpg') top left no-repeat;
	width: 285px;
}
footer ul#coords li{
	list-style: none;
	margin-bottom: 10px;
	overflow: auto;
}
footer ul#coords li p{
	background: #f2f2f2;
	display: block;
	padding: 10px;
	float: right;
	font-size: 12px;
	width: 220px;
}
footer ul#coords li p strong{
	font-size: 14px;
}


/*HOME*/
#sliderMain img{
	float:left;
	margin-top: 45px
}
#sliderMain .caption-right{
	margin: 70px 0 0 15px;
	float: right;
	width: 430px;
}
#sliderMain .caption-right h3{
	font-family: 'PTSans', 'Arial';
	font-size: 28px;
	color: #5c5c5c;
}
#sliderMain .caption-right span{
	font-family: 'PTSans', 'Arial';
	font-size: 16px;
	color: #8a8a8a;
}
#sliderMain .caption-right a.more{
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	margin: 25px auto;
	background: url('/App_Themes/PromisysV2/images/more-big-bg.png') top left repeat-x;
}
#sliderMain .caption-right a.more:hover{
	background-position: bottom;
}
#homeServices{
	border-bottom: 1px solid #ccc;
	overflow: auto;
	margin-bottom: 20px;
}
#homeServices li{
	float: left;
	width: 465px;
	list-style: none;
	min-height: 200px
}
#homeServices li:first-child, #homeServices li:first-child+li+li{
	margin-right: 30px
}
#homeServices li strong{
	color: #028ee3;
}
#homeServices li img{
	float: left;
	margin-right: 15px;
}
#homeServices li p{
	overflow: auto;
	margin: 15px 0;
}
#homeServices h3, .left h2, .right h2{margin-bottom: 20px;}
ul#news{
	margin-bottom: 15px;
}
ul#news+a{
	float: right;
	text-decoration: underline;
}
ul#news li{
	padding-top: 15px;
	list-style: none;
	padding-bottom: 15px;
	overflow: auto;
}
ul#news li+li{
	border-top: 1px dashed #ccc;
}
ul#news li strong{
	font-size: 14px;
	margin-bottom: 5px;
	display:block;
}
ul#news li strong a{
	color: #2492d8;
}


/*SERVICES*/
aside{
	float: left;
	width: 200px;
}
aside #subNav li{
	width: 180px;
	height: 40px;
	list-style: none;
	margin-bottom: 5px;
	border-radius: 5px;
	background: url('/App_Themes/PromisysV2/images/subNav-bg.png') top left repeat-x;
}
aside #subNav li a{
	display:block;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
aside #subNav li:hover, aside #subNav li.CMSListMenuHighlightedLI{
	background-position: bottom left;
}
aside #subNav li a.CMSListMenuLinkHighlighted{
	font-weight: bold;
}
aside #subNav li ul{
	display: none;
}
aside #subNav li.CMSListMenuHighlightedLI ul{
	display: block;
	margin-top: 10px;
}
aside #subNav li.CMSListMenuHighlightedLI ul li{
	background: none;
	height: 20px;
	padding-left: 25px;
}
aside #subNav li.CMSListMenuHighlightedLI ul li a{
	color: #2d87ff;
	height: 20px;
	line-height: 20px;
	text-align: left;
}
aside #subNav li.CMSListMenuHighlightedLI ul li a:hover{
	font-weight: bold;
}

#contentRight{
	float: right;
	width: 730px;
}
#contentRight ul{
	margin: 0 0 15px 15px;
}
#contentRight ul li{
	color: #585858;
	margin-bottom: 5px;
}
#contentRight h3{
	margin-bottom: 25px;
}
div.tooltip{
	background: url('/App_Themes/PromisysV2/images/subNav-bg.png') top left repeat-x;
	padding: 10px;
	border-radius: 10px;
	color: #fff;
}
ul.icons{
	overflow: visible;
	height: 100px;
	margin: 35px 0;

}
ul.icons li{
	float: left;
	height: 82px;
	list-style: none;
}
ul.icons li a{
	display: block;
	height: 82px;
}
ul.icons li a{
	text-indent: -9999px;
	height: 86px;
}
ul.icons li+li a{
	margin-left: 50px;
}
ul.icons.webservices li a{
	background: url('/App_Themes/PromisysV2/images/ws-icons.png') top right repeat-x;
}
ul.icons.appservice li a{
	background: url('/App_Themes/PromisysV2/images/as-icons.png') top left repeat-x;
}
ul.icons.creaservice li a{
	background: url('/App_Themes/PromisysV2/images/cs-icons.png') top left repeat-x;
}

ul.icons.webservices li a{
	width: 86px;
}
ul.icons.webservices li+li a{
	background-position: -460px top;
	width: 75px;
}
ul.icons.webservices li+li+li a{
	background-position: -345px top;
	width: 84px;
}
ul.icons.webservices li+li+li+li a{
	background-position: -240px top;
	width: 62px;
}
ul.icons.webservices li+li+li+li+li a{
	background-position: -146px top;
	width: 40px;
}
ul.icons.webservices li+li+li+li+li+li a{
	background-position: -12px top;
	width: 94px;
}

ul.icons.appservice li a{
	width: 41px;
}
ul.icons.appservice li+li a{
	background-position: -133px top;
	width: 50px;
}
ul.appservice{
	width: 150px;
	margin: 0 auto !important;
}

ul.icons.creaservice li a{
	width: 75px;
}
ul.icons.creaservice li+li a{
	background-position: -120px top;m
	width: 82px;
}
ul.icons.creaservice li+li+li a{
	background-position: -222px top;
	width: 89px;
}
ul.icons.creaservice li+li+li+li a{
	background-position: -350px top;
	width: 61px;
}
ul.icons.creaservice li+li+li+li+li a{
	background-position: -454px top;
	width: 81px;
}
ul.icons.creaservice li+li+li+li+li+li a{
	background-position: -567px top;
	width: 74px;
}

div.accroche img{
	border:5px solid #fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	margin-bottom: 25px;
}

/*TEAM*/
ul#team li{
	list-style:none;
	overflow: auto;
	padding-bottom: 15px;
}
ul#team li img{
	float: left;
	margin-right: 15px;
	border: 5px solid #fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
ul#team li h3{
	margin-bottom: 10px;
}
ul#team li p{
	overflow: auto;
}

/*REFERENCES*/
div#clients ul{
	margin-top: 15px
}
div#clients ul li{
	float: left;
	list-style: none;
	margin-left: 10px;
}
#listReferenceDetails li{
	list-style: none;
}
#listReferenceDetails img{
	border: 5px solid #fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	margin-bottom: 15px;
}

/*CONTACT*/
#map{
	/*border: 5px solid #fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);*/
	margin-bottom: 15px;
}
ul.coords{
	margin: 15px 0 0 0 !important;
}
ul.coords li{
	list-style: none;
}
div.EditingFormControlNestedControl input{
	height: 25px;
	padding: 0 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	margin: 2px 15px 0 0;
}
#plc_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneFormulaire_BizForm_viewBiz_ctl00_Message{
	width: 627px;
	height: 164px;
	margin-top: 2px;
}

/*STYLES*/
a{
	color:#8b8b8b;
	text-decoration: none;
}
a:hover, #breadcrumb a:hover, ul#news a:hover, footer ul#menu li a:hover{
	color:#6BACFD;
}
a.more, .FormButton{
	display: inline-block;
	height: 25px;
	background: url('/App_Themes/PromisysV2/images/more-bg.png') top left repeat-x;
	color: #fff;
	padding: 0 15px;
	border-radius: 5px;
	line-height: 25px;
	border: 1px solid #23468e;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
a.more:hover{
	background-position: bottom;
	color: #fff !important;
}
a.more.right{
	float: right;
}
h2, h3, h4{
	font-family: 'PTSans', 'Arial';
	font-size: 28px;
	color: #5c5c5c;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
h2{ margin-top: 5px;}
h4{
	border: none;
	font-size: 21px;
	margin-bottom: 5px
}
p{
	font-size: 14px;
	margin-bottom: 15px;
}
#breadcrumb{
	margin: 5px 0 15px 0;
	color: #8b8b8b;
}
#breadcrumb a{
	color: #2492d8;
}


/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
#sliderMain {
	width: 960px;
	height: 373px;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
}

.anythingSlider-default {
	margin: 0 auto 25px auto;
}
.anythingSlider-default .anythingControls a span {
	display: none;
}
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0;
	text-align: center;
	outline: 0;
	background: url(/App_Themes/PromisysV2/images/default.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }
/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0 0 0 -75px; padding: 0; position: absolute; bottom: 10px; left: 50%;}
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	background: url('/App_Themes/PromisysV2/images/bullets.png') top right no-repeat;
	color: #000;
	width: 25px;
	height: 26px;
	padding: 0;
	display: inline-block;
	margin-right: 10px;
}
.anythingSlider-default .anythingControls ul a.cur{
	background-position: top left;
}
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
.anythingSlider .arrow.disabled {
	display: none;
}
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
.anythingSlider .vertical .panel {
	float: none;
}
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.anythingSlider .fade .activePage {
	z-index: 0;
}

/***********************
  RTL STYLING
 ***********************/
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}


/* TIMELINER */
#timeline {
	width: 740px;
	height: 278px;
	overflow: hidden;
	margin: 0 auto 25px auto;;
	position: relative;
}
#dates {
	width: 740px;
	height: 60px;
	overflow: hidden;
	background: url('/App_Themes/PromisysV2/images/dot.gif') left 46px repeat-x;
}
#dates li {
	list-style: none;
	float: left;
	width: 100px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	background: url('/App_Themes/PromisysV2/images/dot.png') center bottom no-repeat;
}
#dates a {
	line-height: 38px;
	padding-bottom: 10px;
}
#dates .selected {
	font-size: 38px;
}

#issues {
	width: 740px;
	height: 350px;
	overflow: hidden;
}   
#issues li {
	width: 740px;
	height: 278px;
	list-style: none;
	float: left;
}
#issues li.selected img {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
#issues li img {
	float: left;
	margin: 10px 30px 10px 50px;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
	zoom: 1;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out; 
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.7,0.7);
	-moz-transform: scale(0.7,0.7);
	-o-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
}
#issues li h1 {
	color: #ffcc00;
	font-size: 48px;
	margin: 20px 0;
}
#issues li p {
	font-size: 14px;
	margin-right: 70px;
	font-weight: normal;
	line-height: 22px;
	overflow: auto;
}

#grad_left,
#grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}
#grad_left {
	left: 0;
	background: url('/App_Themes/PromisysV2/images/grad_left.png') repeat-y;
}
#grad_right {
	right: 0;
	background: url('/App_Themes/PromisysV2/images/grad_right.png') repeat-y;
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 130px;
	width: 22px;
	height: 38px;
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#next:hover,
#prev:hover {
	background-position: left top;
}
#next {
right: 0;
	background-image: url('/App_Themes/PromisysV2/images/next.png');
}
#prev {
	left: 0;
	background-image: url('/App_Themes/PromisysV2/images/prev.png');
}
#next.disabled,
#prev.disabled {
	opacity: 0.2;
}



/*SMARTYSPICE*/
	#smartyspice *, #smartyspice *:before, #smartyspice *:after{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	#smartyspice{
		background: url("/App_Themes/PromisysV2/images/smartyspice-bg.jpg") top center no-repeat;
	}
	#smartyspice .wrap{
		width: 1170px;
		min-height: 860px;
		margin: 0 auto;
		overflow: auto;
		border-bottom: 1px solid #CCC;
		margin-bottom: 30px;
	}

	#smartyspice .main-image{
		float: left;
		width: 475px;
                margin: 90px 0 0 0;
	}

	#smartyspice .content{
		width: 500px;
		float: right;
		padding-bottom: 50px;
		padding-top: 80px;
	}
	#smartyspice .contentlarge ol li{
		list-style: inside decimal;
		margin-bottom: 15px;
		text-align: justify;
	}


	#smartyspice a.btn{
		display: block;
		float: right;
		width: 390px;
		height: 90px;
		text-align: center;
		background: #efef63;
		background: -moz-linear-gradient(top,  #efef63 0%, #d3d301 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efef63), color-stop(100%,#d3d301));
		background: -webkit-linear-gradient(top,  #efef63 0%,#d3d301 100%);
		background: -o-linear-gradient(top,  #efef63 0%,#d3d301 100%);
		background: -ms-linear-gradient(top,  #efef63 0%,#d3d301 100%);
		background: linear-gradient(to bottom,  #efef63 0%,#d3d301 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efef63', endColorstr='#d3d301',GradientType=0 );
		color: #2a2929;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.65);
		text-transform: uppercase;
		text-decoration: none;
		font-size: 18px;
		line-height: 32px;
		padding-top: 7px;
		margin-top: 75px;
	}
	#smartyspice a.btn.back{
		float: none;
		clear: both;
		margin: 0 auto 40px;
		padding: 0;
		line-height: 90px;
	}
	#smartyspice a.btn strong{
		display: block;
		font-weight: normal;
		font-size: 30px;
	}

	#smartyspice a.btn.submit{
		margin-right: 50px;
		padding-top: 13px;
		margin-top: 25px;
		line-height: 60px;
	}

	#smartyspice a.btn.submit strong{
		font-size: 24px;
	}


	#smartyspice p{
		line-height: 22px;
	}

	#smartyspice h1{
		color: #d7d600;
		margin-bottom: 45px;
		font-size: 45px;
		font-family: 'Oxygen', sans-serif;
	}

	#smartyspice h2{
		font-weight: normal;
		color: #c6c603;
		margin-bottom: 15px;
		font-size: 24px;
		font-family: 'Oxygen', sans-serif;
		border: none;
	}

	#smartyspice a{
		color: #878484;
	}

	/*FORM */
	#smartyspice .error{
		color: red;
		position: absolute;
		bottom: 5px;
		
	}


	#smartyspice .form_row{
		padding-bottom: 25px;
		position: relative;
		clear: both;
	}
	#smartyspice .float{
		width: 230px;
		float: left;
		clear: none;
	}
	#smartyspice .float:nth-child(even){
		float: right;
	}

	#smartyspice label{
		color: #878484;
		display: block;
		margin-bottom: 5px;
		font-size: 14px;
	}
	#smartyspice input{
		box-shadow: none;
	}
	#smartyspice input.TextBoxField{
		height: 40px;
		width: 100%;
		padding-left: 5px;
		border: 1px solid #ccc;
		outline: none;
	}
	#smartyspice .smarty-form > .form_row:last-child .EditingFormControlNestedControl{
		float: left;
		margin-right: 5px;
	}
	#smartyspice #plc_lt_Main_pageplaceholder_pageplaceholder_lt_zoneTopLeft_editabletext_BizFormControl1_Bizform1_ctl00_Checkbox_FieldLabel{
		padding-top: 5px;
		margin-bottom: 40px;
	}
	#smartyspice #plc_lt_Main_pageplaceholder_pageplaceholder_lt_zoneTopLeft_editabletext_BizFormControl1_Bizform1_ctl00_Checkbox_FieldLabel a{
		text-decoration: underline;
	}
	#smartyspice #plc_lt_Main_pageplaceholder_pageplaceholder_lt_zoneTopLeft_editabletext_BizFormControl1_Bizform1_ctl00_btnOK{
		display: none;
	}

	#smartyspice .iphone-related{
		width: 1170px;
		margin: 0 auto;
	}
	#smartyspice .iphone-related ul li{
		float: left;
		list-style: none;
		width: 370px;
		padding: 24px;
		min-height: 280px;
		background: url('/App_Themes/PromisysV2/images/sm-box-bg.png') top repeat-x;
	}
	#smartyspice .iphone-related ul li+li{
		margin-left: 30px;
	}
	#smartyspice .iphone-related img{
		float: left;
		margin-right: 18px;
	}
	#smartyspice .iphone-related p{
		font-size: 23px;
		color: #2d2d2c;
		line-height: 30px;
		overflow: auto;
	}
	#smartyspice .iphone-related a.btn{
		margin: 0;
		float: none;
		width: 160px;
		height: 55px;
		line-height: 55px;
		padding: 0;
		font-size: 14px;
		margin-top: 15px;
		font-weight: bold;
	}



@media only screen and (max-width: 960px){
	#smartyspice .wrap{
		width: auto;
		min-height: auto;
		padding: 20px;
	}
	#smartyspice .main-image{
		float: none;
		width: auto;
		margin: 0;
	}
	#smartyspice .content{
		width: auto;
		float: none;
		padding: 30px 0;
	}
	#smartyspice .main-image img{
		width: auto !important;
		height: auto !important;
		max-height: 200px;
		margin: 0 auto;
		display: block;
	}
	#smartyspice h1{
		margin-bottom: 15px;
		font-size: 25px;
	}
	#smartyspice h2{
		font-size: 18px;
	}
	#smartyspice a.btn{
		float: none;
		width: auto;
		margin-top: 30px;
	}
	#smartyspice a.btn.back{
		width: 80%;
		font-size: 15px;
	}
	#smartyspice .iphone-related{
		width: auto;
	}
	#smartyspice .iphone-related ul li{
		float: none;
		margin: 0 0 15px 0 !important;
		width: auto;
		padding: 20px;
	}
	#smartyspice .form_row{
		clear: both;
	}
	#smartyspice .float{
		float: none;
		width: 100%;
	}
	#smartyspice a.btn.submit{
		float: none;
		margin: 0;
		font-size: 15px;
	}
	#smartyspice a.btn.submit strong{
		font-size: 18px;
	}
}