/* _______________________________ MAINSTYLES _______________________________ */
body {
background:#f3f3f3 url(../img/websms-bg_top.gif) repeat-x;
color:#0665a2;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:0;
padding:0;
}
h1, h2, h3, h4, p {
margin:0;
}
h1 {
font-family:"Tahoma",Arial, Helvetica, sans-serif;
font-size:18px;
padding-bottom:18px;
}
#Content h1 {
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
padding-bottom:10px;
}
h2 {
color:#fff;
}
.framework h2 {
padding-bottom:17px;
}
h2, h3 {
font-size:12px;
text-transform:uppercase;
}
.contactinfo h3 {
padding-bottom:16px;
}
.ThreeColumns h3 {
padding-left:0px;
padding-bottom:20px;
}
h4 {
font-size:14px;
padding-top:7px;
padding-bottom:10px;
}
.framework h4 {
padding-left:5px;
}
p {
padding-bottom:12px;
}
.framework p {
padding:0 5px 14px;
}
ul {
margin:0 0 12px 0;
padding:0;
list-style-type:none;
}
a {
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#0665a2;
}
a:hover {
text-decoration:underline;
}
a img {
border:0 none;
}
form {
margin:0;
padding:0;
}
fieldset {
margin:0;
padding:0;
border:0 none;
}
dl {
margin:0;
padding:0 0 12px;
}
dt {
font-weight:bold;
text-align:right;
width:110px;
margin-right:8px;
float:left;
}
.clear_all {
clear:both;
}
.pricetable {
padding:0 5px 6px;
}
.line {
border-bottom:1px solid #becfe5;
padding-bottom:2px;
height:1px;
overflow:hidden;
clear:both;
}
h3.line {
height:1%;
}
p.line {
padding-bottom:2px;
}
#Content p, .ColumnRight p {
font-size:12px;
}
.left {
float:left;
width:100px;
}
.right {
display:block;
text-align:right;
}
.smalltext {
font-size:10px;
}
.ColumnLeft {
width:268px;
margin-right:20px;
float:left;
}
.ColumnRight {
width:200px;
float:right;
}
.ThreeColumns {
float:left;
margin-top:9px;
margin-bottom:20px;
padding-bottom:9px;
width:360px;
}
.ThreeColumns dl {
padding-left:5px;
}
.change {
font-size:10px;
text-transform:none;
color:#c60;
}
.change a {
color:#c60;
font-size:10px;
text-decoration:underline;
}
.border_right {
border-right:1px solid #becfe5;
margin-right:12px;
padding-left:12px;
}
.framework {
background:#f3f3f3 url(../img/websms-bg_framework.gif) repeat-x;
padding:7px 5px 12px 5px;
margin-bottom:12px;
}
.ColumnLeft .framework, .ColumnRight .framework {
margin-bottom:0;
}
.frameheight {
min-height:290px;
height:auto !important;
height:290px;
}
.frameheight2 {
min-height:360px;
height:auto !important;
height:360px;
}
a.btn_freetry {
background:url(../img/websms-button_submit.gif) no-repeat 0 -30px;
color:#fff;
font-size:12px;
text-transform:uppercase;
width:164px;
height:30px;
padding-top:6px;
display:block;
text-align:center;
float:right;
}

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

.clear_btn {
height:30px;
}
.ProductBlock {
width:185px;
height:145px;
padding: 150px 10px 0 10px;
margin-right:20px;
overflow:hidden;
float:left;
}
#Content .ProductBlock p.info {
line-height:16px;
font-size:14px;
}
#Content .ProductBlock p.right {
text-align: right;
}
.websms {
background:url(../img/websms-bg_prodblock-websms.jpg) no-repeat 0 0;
}
.emailsms {
background:url(../img/websms-bg_prodblock-outlook.jpg) no-repeat 0 0;
}
.apisms {
background:url(../img/websms-bg_prodblock-apisms.jpg) no-repeat 0 0;
margin-right:20;
}
.space {
padding:0 5px;
}
.stretch {
height:330px;
}
/* ________________________________ LAYOUT __________________________________ */
#Header {
width:960px;
margin:0 auto;
}
h2.logo {
background:url(../img/websms-logo.gif) no-repeat;
margin-left:4px;
float:left;
margin-top:-20px;
padding-bottom:20px;
}
h2.logo a {
text-indent:-20000px;
width:500px;
height:65px;
display:block;
}
h2.title_tag {
/*background:url(../img/websms-titletag.gif) no-repeat 8px 23px;*/
font-size:16px;
text-transform:none;
word-spacing:-1px;
height:25px;
padding-top:18px;
padding-bottom:6px;
float:right;
}
h2.title_tag span {
visibility:hidden;
}
.login {
text-align:right;
width:185px;
margin-top:4px;
float:right;
}
.login .customer {
color:#fff;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
padding:2px 0px 7px;
float:left;
}

.customer a {
	text-decoration:none;
	color:#FFFFFF;
}
.customer a:hover {
	text-decoration:underline;
}

a.btn_login {
background:url(../img/websms-button_login_es.gif) no-repeat 0 0;
color:#fff;
text-transform:uppercase;
text-decoration:none;
text-align:center;
font-size:12px;
font-weight:bold;
word-spacing:-1px;
height:21px;
width:76px;
float:right;
padding-top:2px;
display:block;
}
#ContentWrapper {
background:url(../img/websms-bg_contentwrapper.gif);
text-align:left;
width:925px;
margin:0 auto;
padding:17px 24px 41px 19px;
}
#ContentWrapperTop, #ContentWrapperBottom {
background:url(../img/websms-bg_contentwrappertop.gif) no-repeat;
height:4px;
width:968px;
margin:0 auto;
overflow:hidden;
}
#ContentWrapperTop {
background:url(../img/websms-bg_contentwrappertop.gif) no-repeat;
}
#ContentWrapperBottom {
background:url(../img/websms-bg_contentwrapperbot.gif) no-repeat;
}
#Content {
padding-right:223px;
padding-left:20px;
}

#size {
width: 100%; /* Set to fit your needs */
height: 100%; /* Set to a minimum height as per your needs */ 
}

#Footer {
font-size:10px;
color:#666;
text-align:left;
width:960px;
margin:12px auto 0;
padding-bottom:25px;
}
/* __________________________________ MENU __________________________________ */
ul.TopNav {
color:#fff;
font-size:10px;
font-weight:bold;
height:20px;
overflow:hidden;
margin:7px 0 13px 0;
float:right;
}
ul.TopNav li {
border-right:1px solid #fff;
height:13px;
padding:0 6px;
float:left;
}
ul.TopNav li a {
color:#fff;
font-size:10px;
text-decoration:none;
}
ul.TopNav li a:hover {
color:#9ab7df;
}
ul.TopNav li img {
margin-top:-1px;
}
ul.TopNav li.noborder {
border:0 none;
padding-right:0;
}
ul.MainNav {
background:url(../img/websms-bg_mainnav_arrow.gif) no-repeat 0 31px;
font-size:12px;
font-weight:bold;
height:56px;
margin-bottom:9px;
float:left;
}
ul.select_home {
background-position:40px 31px;
}
ul.MainNav li {
float:left;
}
ul.MainNav li a {
color:#fff;
font-size:12px;
text-decoration:none;
padding:6px 6px 4px;
display:block;
}
ul.MainNav li a:hover, ul.MainNav li a.select {
background:#9ab7df;
}


/* __________________________________ LAYOUT PROMOPAGES __________________________________ */
.ColumnLeftNav {
width:180px;
float:left;
}

.framework ul {
	padding-left:6px;
	padding-right:6px;
	margin-top:-8px;
	
}

.framework ul a {
	list-style-type:none;
	font-size:12px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

.framework ul a:hover {
	text-decoration:underline;
}

.framework li {
	background: url(../img/websms-subnav_arrow.gif) no-repeat 0 9px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	line-height:18px;
	border-bottom:#becfe5 solid 1px;
}

.framework ul ul {
	list-style-type:none;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:8px;
	
}

.framework ul ul a {
	display:block;
	text-decoration:none;
	font-weight:normal;
}

.framework li li {
	background: none;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:18px;
	border-bottom:none;
}


.contentpromo {
margin-left:210px;
padding-top:8px;
margin-right:230px;
font-size:12px;
line-height:16px;
}

.contentpromo p {
	font-size:12px;
	line-height:16px;

}

.contentpromo h4 {
font-size:14px;
padding-bottom:10px;
}

.contentpromo ul {
	margin-left:20px;
	font-size:12px;
	list-style-type:square;
}

.contentpromo li {
	line-height:16px;
	margin-bottom:10px;
}

.contentpromo table {
	border-collapse:collapse;
	font-size:11px;
	line-height:14px;
}
.contentpromo th, .contentpromo td {
	padding:7px 10px 4px 4px;
	border-bottom:1px solid #becfe5;
	text-align:left;
	font-size:11px;
	line-height:14px;
}
.contentpromo caption {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	background:#f3f3f3 url(../img/websms-bg_framework.gif) repeat-x;
	padding:7px 5px 4px 5px;
	color:#FFFFFF;
}

.contentpromo thead {
	font-weight:bold;
	background-color:#f3f3f3;
}

#Content table {
	border-collapse:collapse;
	font-size:11px;
	line-height:14px;
}
#Content th, #Content td {
	padding:7px 10px 4px 4px;
	border-bottom:1px solid #becfe5;
	text-align:left;
	font-size:11px;
	line-height:14px;
}
#Content caption {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	background:#f3f3f3 url(../img/websms-bg_framework.gif) repeat-x;
	padding:7px 5px 4px 5px;
	color:#FFFFFF;
}

#Content thead {
	font-weight:bold;
	background-color:#f3f3f3;
}

.highlighttable {
	background-color:#f3f3f3;
}

col {
	border-right:1px solid #becfe5;
}

col#col2 {
	border:none;
}

.promo {
	border-top:1px solid #becfe5;
	border-bottom:1px solid #becfe5;
	padding-top:10px;
	padding-bottom:10px;
}

a.btn_signup {
background:url(../img/websms-button_submit.gif) no-repeat 0 -30px;
color:#fff;
font-size:12px;
text-transform:uppercase;
width:164px;
height:30px;
padding-top:6px;
display:block;
text-align:center;
}

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

/* __________________________________ FAQ'S __________________________________ */

.faqquestion {
	height:25px;
	border-bottom:1px solid #becfe5;
	line-height:25px;	
}
.faqquestion a {
	font-size:12px;	
}
.faqanswer {
	padding:10px;
	background-color:#F3F3F3;
	border-bottom:1px solid #becfe5;	
}


/* _________________________________ FORM ___________________________________ */
form.contactinfo {
padding-left:0px;
}
.contactinfo fieldset {
padding-bottom:20px;
}
.contactinfo label {
font-weight:bold;
text-align:right;
width:112px;
margin-right:10px;
padding-top:4px;
float:left;
clear:both;
}
.textbox {
background:#f3f3f3;
border:1px solid #709ad1;
font-size:11px;
color:#0665a2;
margin:2px 0;
padding:2px;
float:left;
}
.contactinfo .message, .contactinfo .errormessage {
float:left;
width:200px;
margin-left:10px;
padding:4px 0;
}
.question {
float:left;
margin-left:10px;
padding:4px 0;
cursor:pointer;
}
.contactinfo .errormessage {
font-weight:bold;
color:#f00;
}
input.normal {
width:232px;
}
select.normal {
width:238px;
}
input.small {
width:95px;
}
textarea.normal {
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	width:232px;
}
input.check {
width:15px;
height:14px;
margin:4px 5px 4px 122px;
float:left;
clear:both;
}
label.check {
font-weight:normal;
text-align:left;
width:200px;
clear:none;
margin-bottom:4px;
}
input.btn_submit {
background:url(../img/websms-button_submit.gif) no-repeat;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
font-weight:bold;
word-spacing:-1px;
height:30px;
width:190px;
padding-bottom:5px;
padding-top:2px;
margin-left:174px;
border:0 none;
}
input.btn_submitsmall {
background:url(../img/websms-button_small2.gif) no-repeat;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
font-weight:bold;
word-spacing:-1px;
height:30px;
width:81px;
padding-bottom:5px;
padding-top:2px;
margin-left:120px;
border:0 none;
}
form.confirmation {
padding-left:0px;
text-align:left;
}
form.confirmation a {
text-decoration:underline;
}
form.confirmation input.check2 {
width:15px;
height:14px;
padding:2px 0;
}
form.confirmation input.btn_submit {
margin-left:0px;
margin-top:15px;
}