@charset "UTF-8";
body { margin:0 auto; padding:0; background:#FFF url(../img/bg_2.gif) repeat-x;}

h3 { color:#4f4f4f; font:bold 24px Tahoma, Geneva, sans-serif; padding:0; margin:0;}
h4 { color:#797979; font:bold 14px Tahoma, Geneva, sans-serif; padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:none;}

.cls { clear:both;}
.white { color:#FFF;}

#container { background:url(../img/header_bg.gif) no-repeat top center;}

.resize { width:980px; margin:0 auto; padding:0;}
/* Header */
.header { width:980px; margin:0; padding:0;}
/* Header and Menu */
.header_menu { width:980px; height:110px;}
/* Logo */
.header_menu .logo { float:left; width:300px; padding:10px 0 0 5px; }
.header_menu .logo h2 { font:bold 30px Tahoma, Geneva, sans-serif; color:#FFF; text-transform:uppercase; padding:0; margin:0;}
.header_menu .logo div.desc { font:normal 11px Tahoma, Geneva, sans-serif; color:#787878;}
/* Menu */
.header_menu .menu { float:right; width:600px; padding:0 0 0 5px;}
.header_menu .menu ul { list-style:none; margin:0; padding:0; float:right;}
.header_menu .menu ul li { float:left; margin:0 2px; padding:0;}	

.header_menu .menu .login { float:left; width:120px; height:20px; color:#a7a7a7; background:#fff url(../img/key.gif) 3px 5px no-repeat; padding:5px 0 0 0; margin:0 5px; border:1px solid #f3f1f2; font:normal 11px Arial, Helvetica, sans-serif;}
.header_menu .menu .login a {font:normal 11px Arial, Helvetica, sans-serif; color:#7c2868; text-transform:uppercase; padding:0 0 0 25px; margin:0; text-decoration:none;}
.header_menu .menu .login a:hover { color:#a7a7a7;}
/*.header_menu .menu ul li a { font:normal 10px Tahoma, Geneva, sans-serif; color:#76797d; padding:5px 5px;}
.header_menu .menu ul li a:hover { background:#2f2f2f; color:#FFF;}*/
/* Search */
.header_menu .search { background:#333; float:right; width:250px; margin:5px; padding:0 0 0 0; border-left:1px solid #dd368a;  border-bottom:1px solid #dd368a; border-right:1px solid #dd368a; }
.header_menu .search form { float:right; margin:0; padding:0;}
.header_menu .search input { float:left;}
.header_menu .search input.text { background:#333; border:none; color:#fff; padding:5px; font:normal 9px Tahoma, Geneva, sans-serif; width:210px; margin:0;}
.header_menu .search input.button { background: #333 url(../img/magnifier.png) 3px 3px no-repeat; height:23px; width:23px; margin:0 1px; border:none;}

/* Clear Block */
.clear_block { padding:10px;}

/* header links */
.header_links { background:#d52b81; height: 32px; border-bottom:1px solid #FFFFFF; border-top:1px solid #dd368a; font:normal 11px Tahoma, Geneva, sans-serif; color:#ffffff;}
.header_links .nav_link  { width:980px; margin:-1px 0 0 0; padding:0; float:left; height:32px; position:absolute; }
.header_links .nav_link ul { margin:0; padding:0; list-style:none; float:left;}
.header_links .nav_link li { margin:0; padding:0; float:left;}
.header_links .nav_link a { text-transform:uppercase; float:left; font:normal 11px Tahoma, Gene	va, sans-serif; color:#FFFFFF; padding:8px 15px; margin:0; text-decoration:none; line-height:16px; border-right:1px solid #dd368a;}
.header_links .nav_link a:hover {color:#fff; background:#dd368a; padding:7px 15px 10px 15px; margin:0; border-top:1px solid #fff;}
.header_links .nav_link a.active {color:#2d2f2f; background:#fff; padding:7px 15px 10px 15px; margin:0; border-top:1px solid #dd368a;}

/* Body Pannels */
/* margin: 0 2px 0 2px;	*/
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0;padding:0;}
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
/* margin:0; position: relative; width: 100%;*/
.slider-wrap { width:100%; margin:0; position:relative;} /*  top:-16px; */
/* These 2 lines specify style applied while slider is loading 
width: 100%; height: 460px; background: #fff; overflow:hidden;
margin: 50px 0; text-align: center; 
*/
.csw { display:none !important }
.csw .loading {}
 /* This is the viewing window */
 /* 	border: 1px solid #fff; this is the border. should have the same value for the links */
 /* Also specified in  .stripViewer .panelContainer .panel  below */
.stripViewer {	position: relative; overflow: hidden; margin: auto;width: 980px; height:935px; clear: both; background: #fff;}
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none;}
/* Each panel is arranged end-to-end */
.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 980px; }/* Also specified in  .stripViewer  above */
.stripViewer .panelContainer .panel .wrapper { padding: 0;} /* Wrapper to give some padding in the panels, without messing with existing panel width */
.stripNav { display:none !important} /* This is the div to hold your nav (the UL generated at run time) */
.stripNav ul { /* The auto-generated set of links */list-style: none;}
.stripNav ul li {float: left;margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
/* The nav links */
.stripNav a { font-size: 10px;font-weight: bold;text-align: center;line-height: 32px;background: #c6e3ff;color: #fff;text-decoration: none;display: block;padding: 0 15px;}

/* Intro banner */
.header_images { height:249px;}
.img_welcome { background:url(../img/welcome.jpg) no-repeat top;}
.img_b { background:url(../img/banner_c.jpg) no-repeat top;}
.img_c { background:url(../img/banner_d.jpg) no-repeat top;}
.img_e { background:url(../img/banner_e.jpg) no-repeat top;}
.img_g_business { background:url(../img/grow_business.jpg) no-repeat top;}
.img_b_start { background:url(../img/b_start.jpg) no-repeat top;}
.img_pre_start { background:url(../img/b_pre_start.jpg) no-repeat top;}
.img_saas { background:url(../img/b_saas.jpg) no-repeat top;}

.header_images div.header_main {  float:left; width:980px; text-align:left; font:bold 16px Tahoma, Geneva, sans-serif; color:#FFF; margin:0px; padding:0px;}
.header_images div.screen { width:400px; height:249px; margin:10px; padding:0px; }
.header_images div.header_main p { font:normal 14px Tahoma, Geneva, sans-serif; color:#fff;  margin:10px; padding:5px;}
.header_images div.header_main h2 { font:normal 24px Tahoma, Geneva, sans-serif; color:#fff; margin:10px; padding:5px;}
ul.gallery { padding:0; margin:0; list-style:none; width:547px;}
ul.gallery li { padding:0; margin:0;}

/* intro tabs */
.intro_tabs { background:#ebebeb; height: 50px; border-bottom:1px solid #c3c3c3; border-top:1px solid #c3c3c3; font:normal 17px Tahoma, Geneva, sans-serif; color:#ffffff;}
.intro_tabs .tab_link  { width:980px; margin:-1px 0 0 0; padding:0; float:left; height:50px; position:absolute; }
.intro_tabs .tab_link ul { margin:0; padding:0; list-style:none; float:left;}
.intro_tabs .tab_link li { margin:0; padding:0; float:left;}
.intro_tabs .tab_link a { text-transform:uppercase; float:left; font: normal 20px  Tahoma, Geneva, sans-serif; color:#7c2868; padding:8px 15px; margin:0; text-decoration:none; line-height:34px; border-right:1px solid #c3c3c3;}
.intro_tabs .tab_link a.last_link { text-transform:uppercase; float:left; font: normal 20px  Tahoma, Geneva, sans-serif; color:#7c2868; padding:8px 15px; margin:0; text-decoration:none; line-height:34px; border-right:1px solid #ebebeb;}
.intro_tabs .tab_link a:hover {color:#b56aa3; background:#fff url(../img/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-bottom:1px solid #dd368a;}
.intro_tabs .tab_link a.active {color:#dd368a; background:#fff url(../img/menu_hover.gif) top center no-repeat; padding:7px 15px 10px 15px; margin:0; border-bottom:1px solid #dd368a;}

/* body */
.body { width:980px; margin:10px; padding:0}
.body h2 { font: normal 24px  Tahoma, Geneva, sans-serif;  color: #7c2868; padding:10px 0; margin:0 0 5px 0;} /* color: #181818;*/
.body h3 { font: normal 18px  Tahoma, Geneva, sans-serif; color:#d52b81; padding:10px 0; margin:0 0 5px 0;} /* cpolor: b56aa3 [Light Purple] */
.body p {font:normal 12px Tahoma, Geneva, sans-serif; color:#807f7f; padding:0; margin:5px 0; line-height:1.8em;}
.body a { text-decoration:underline; color: #d52b81; }
.body a:hover { color:#b56aa3; text-decoration:none;}
.body img { float:left; margin:0; padding:5px;}

.main_body {width:600px; padding:0; margin:0; float:left;}
.main_body .promotion {padding: 0 0 5px 0;}
.main_body .promotion p {color: #959595; font-size: 16px; font-family: Tahoma, Geneva, sans-serif;; line-height: 30px; font-weight:200;}
.main_body ul { margin:0 0 0 50px; padding:0; list-style:none;}
.main_body li {  font:normal 12px Tahoma, Geneva, sans-serif; color:#b56aa3; padding:5px 0 5px 30px; margin:0; background:url(../img/tick.png) left no-repeat;}

.side_body { width:340px; padding:0 10px; margin:0; float:right;}
.side_body h2 { font: normal 18px  Tahoma, Geneva, sans-serif; color:#b56aa3; padding:15px 15px 15px 0px; margin:0;}
.side_body ul { font:normal 12px Tahoma, Geneva, sans-serif; color:#3a3c3c; padding:5px 0; margin:0; list-style:none;}
.side_body li {padding:5px 0; margin:0;}
.side_body em { color:#666666;}
.side_body span { color:#1190ce;}
.side_body a { font: bold 12px Tahoma, Geneva, sans-serif; color:#666666; margin:0; padding:0; text-decoration:none;}
.side_body .data { float:left; font: normal 14px Tahoma, Geneva, sans-serif; color:#fff; background:#242424; text-align:center; width:100px; margin:0 10px 0 0; padding:0;}
.side_body .title { float: left; font: bold 14px Tahoma, Geneva, sans-serif; color:#d34600; margin:0; padding:0; width:250px; margin:0; padding:0;}

.box_block { background: #fbeef8; width:320px; float:right; clear:both; border: #c3c3c3 solid 1px; padding: 0; margin:3px;}
.box_block .b_head { background: #fff; width:100%; float:left; padding:0; margin:0; border-bottom: #dd368a solid 1px;}
.box_block .b_head h2 { font: normal 18px  Tahoma, Geneva, sans-serif; color:#7c2868; padding:15px 10px 15px 10px; margin:0;}
.box_block .b_body { width: 290px; background: #fbeef8; float:left; padding:10px; margin:0; border: #fff 5px solid;}
.box_block .b_body p { font:normal 12px Tahoma, Geneva, sans-serif; color:#807f7f; padding:0; margin:5px 0; line-height:1.7em;}
.box_block .b_body ul { padding:0; margin:0; list-style:none;}
.box_block .b_body li { font:normal 11px Tahoma, Geneva, sans-serif; color:#b56aa3; background:url(../img/arrow_small.png) left no-repeat; padding: 0 25px;  }
.box_block .b_body li p { font:normal 11px Tahoma, Geneva, sans-serif; color:#7c2868; padding:0; margin:5px 0; line-height:1.3em;}
.box_block .b_footer { background: #fff; width:100%; float:left; padding:0; margin:0; border-top: #dd368a solid 1px;}
.box_block .b_footer h2 { font: normal 18px  Tahoma, Geneva, sans-serif; color:#7c2868; padding:15px 10px 15px 10px; margin:0;}


a.btn{padding-left:10px;background:url(../img/btnleft.png) no-repeat top left;border:none;text-align: center;height:27px;line-height:27px;float:left;border:none !important;margin:10px 10px 0 0;cursor: pointer;}
a.btn span{font:bold 12px Tahoma, Geneva, sans-serif;padding-right:10px;height:27px;line-height:27px; color:#fff;background:url(../img/btnright.png) no-repeat top right;float:left;}
a.btn:hover{background-position:0 -27px;}
a.btn:hover span{background-position:100% -27px;}

a.btn_f{padding-left:10px;background:url(../img/btnleft_pink.png) no-repeat top left;border:none;text-align: center;height:27px;line-height:27px;float:left;border:none !important;margin:0 10px 10px 10px;cursor: pointer;}
a.btn_f span{font:bold 12px Tahoma, Geneva, sans-serif;padding-right:10px;height:27px;line-height:27px; color:#fff;background:url(../img/btnright_pink.png) no-repeat top right;float:left;}
a.btn_f:hover{background-position:0 -27px;}
a.btn_f:hover span{background-position:100% -27px;}

a.btn_p{padding-left:10px;background:url(../img/btnleft_pink.png) no-repeat top left;border:none;text-align: center;height:27px;line-height:27px;float:left;border:none !important;margin:10px 10px 0 0;cursor: pointer;}
a.btn_p span{font:bold 12px Tahoma, Geneva, sans-serif;padding-right:10px;height:27px;line-height:27px; color:#fff;background:url(../img/btnright_pink.png) no-repeat top right;float:left;}
a.btn_p:hover{background-position:0 -27px;}
a.btn_p:hover span{background-position:100% -27px;}

a.btn_g{padding-left:10px;background:url(../img/btnleft_green.png) no-repeat top left;border:none;text-align: center;height:27px;line-height:27px;float:left;border:none !important;margin:10px 10px 0 0;cursor: pointer; text-decoration:none;}
a.btn_g span{font:bold 12px Tahoma, Geneva, sans-serif;padding-right:10px;height:27px;line-height:27px; color:#fff;background:url(../img/btnright_green.png) no-repeat top right;float:left;}
a.btn_g:hover{background-position:0 -27px;}
a.btn_g:hover span{background-position:100% -27px;}

/* colours */
strong {  color:#d52b81; }
.pink { color: #d52b81; }
.l_blue { color: #a9dcf0; }
.d_grey { color: #333; }
.red { color: #ed1c24; }
.green { color: #8dc63f; }

/* Footer */
.footer { border-top:1px solid #c3c3c3; background:#fbeef8;}
.footer .block_text { margin:0 auto; width:980px;}
.footer .block_text h2 { padding:5px; margin:5px; color:#b56aa3; font: normal 18px Tahoma, Geneva, sans-serif;}
.footer .block_text .block_left { float:left; width:320px; height:250px; border-right:1px solid #c3c3c3;}
.footer .block_text .block_right { float:left; width:320px;}
.footer .block_text .block { float:left; width:300px; color:#797979; font:normal 12px Tahoma, Geneva, sans-serif; padding:5px; margin:0; line-height:1.6em;}

.footer .block_text .block ul { padding:0; margin:0; list-style:none;}
.footer .block_text .block li { background:url(../img/arrow_small.png) left no-repeat; padding: 5px 25px; margin: border-top:1px solid #e3e3e3; margin:1px; }
.footer .block_text .block li a { text-decoration:none;  font: 12px Tahoma, Geneva, sans-serif; color: #888888; font-size: 12px; line-height:1.8em;}
.footer .block_text .block li a:hover { background: #fbeef8; color: #dd368a;}

.footer .footer_text { background:#121212; border-top:1px solid #dd368a; text-align:center; padding:15px;}
.footer .footer_text p { padding:3px; margin:0; color:#fff; font:normal 11px Tahoma, Geneva, sans-serif;}
.footer .footer_text p a { color:#fff; font:normal 11px Tahoma, Geneva, sans-serif;}