/* reset code */
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: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font: 13px Arial,Helvetica,Verdana;
	padding-top:10px;
}
/* END: reset code */

footer {
	background: url("../media/footer.png") repeat-x scroll left top #60717B;
    color: #BBBBBB;
    padding: 20px 0 30px;
    width: 100%;
	height:924px;
}

address{
	line-height:2.3em;
	font-size:11px;
	float:left;
	width:210px;
}

address a{
	color:#CCCCCC;
	text-decoration:none;	
}
.container {
	margin: 0 auto;
	width:915px;
}

div.lb-container {
    cursor: pointer;
    font: 12px/14px Tahoma,sans-serif;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
    z-index: 9999;
}
div.lb-action {
    background-repeat: no-repeat;
    height: 22px;
    padding: 6px 0 0 60px;
}
ul#dropdown {
    background-color: #FFFFFF;
    border-bottom: 1px solid #ADADAD;
    border-top: 1px solid #ADADAD;
    left: -140px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 26px;
    width: 200px;
	display: none;
}
ul#dropdown li {
    clear: left;
    float: left;
    width: 100%;
}
ul#dropdown li a {
    color: #000000;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
    width: 100%;
}
ul#dropdown li a:hover {
    background-color: #ADADAD;
    color: #FFFFFF;
}
ul#dropdown li a span.lang {
    background-position: 3px 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    display: block;
    padding: 6px 6px 6px 45px;
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li {
	float: left;
	width: 10em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#upper_navigation{
	padding-top:12px;
}

#upper_navigation header{
	font-size:26px;
	background-image: url('../media/logo.gif'); 
	background-repeat: no-repeat;
	height:45px;
	width:180px;
	padding-left:36px;
	color:#4a5a67;
	line-height:18px;
	float:left;
}

#upper_navigation header h1 span{
	font-size:12px;
}


#upper_navigation menu{
	font-size:14px;
	float:left;
	padding-top:16px;
}

#upper_navigation menu li {
	display: inline;
	list-style-type: none;
	padding-left:10px;
}

#upper_navigation menu li a {
	color:#4c5258;
	text-decoration:none;
}



#social_bookmarking{
	float:left;
	padding-left:200px;
	padding-top:12px;
	width:190px;
}

#languages_bar{
	float:right;
	margin-top:-52px;
}

#languages_bar ul{
	
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#mainmenu{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;

	background:#c9cdd0;
	border-radius: 5px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#mainmenu li{
	float:left;
	position:relative;
	border-right: solid 1px #86898d;
	/*
    padding-left: 0.4em;
    padding-right: 0.4em;*/
	text-align:center;
	width:90px;
}

#mainmenu a{
	display:block;
	padding:5px;
	color:#535f66;
	text-decoration:none;
	
}
#mainmenu a:hover{
	color:#fff;
	background:#cbd0d1;
	text-decoration:underline;
}

#mainmenu .first a:hover{
	color:#fff;
	background:#cbd0d1;
	text-decoration:underline;
	border-radius: 5px;

}

/*--- DROPDOWN ---*/
#mainmenu ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#mainmenu ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#mainmenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#mainmenu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#mainmenu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#dfe1de;
	text-decoration:underline;
}

#mainmenu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#mainmenu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}

#last{
	color:red;
}
#mainmenu input {
	float:left;
}
#searchbox {
	padding-top:4px;
}

#compatible{
	padding-top:5px;
	color:#535353;
	font-size:9px;
	width:538px;
	padding-left:55px;
	background-image:url("http://www.whitesmoke.com/hp/media/trusteBG.png");
	height:26px;
	
}
#top_banner{
	background-image: url('../media/topbannergrid.gif');
	background-repeat:repeat-x;
	height:303px; 
	margin-top:10px;
}
#top_bannerw{
	background-image: url('http://www.whitesmoke.com/images/mybg.png');
	
	background-repeat:repeat-x;
	height:453px; 
	margin-top:10px;
}

#product_features{
	padding-left:20px;
}

#product_features h1{
	text-shadow: 0 0 16px #eef2f2;
	font-size:35px;
	font-weight:bold;
	color:#0b9fe4;
}

#product_features h1 span{
	color:#5c5e60;
}


#product_features ul{
	list-style-type: none;
}

#product_features li {
	background-image: url("../media/greenarrow.gif");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left:20px;
	padding-top:3px;
	margin-top:12px;
}

#product_features li span{
	font-weight:bold;
}


#call_to_action{
	margin-left:20px;
	width:372px;
	text-align:center;
	font-size:18px;
	padding-top:14px;
}
#call_to_action_2{
	text-align:center;
	font-family: Century Gothic, arial;
	
	
}
#call_to_action_2 a{
text-decoration:none;
	color:#5da22b;
	font-size:30px;
	font-weight:bold;
}


#call_to_action span{
	font-size:29px;
}

#reviews{
	text-align:center;
	padding-top:20px;
	padding-left:8px;
}

#reviews a{
	color:#434343;
	float:left;
	text-align:left;
	padding-top:3px;
	padding-left:14px;
	text-decoration:none;
	font-size:12px;
}

#reviews #cnn{
	float:left;
	width:255px;
	margin-left:50px;
}

#reviews #tucows{
	float:left;
	width:204px;
	margin-left:35px;
}

#reviews #toptenreviews{
	float:left;
	width:255px;
	margin-left:60px;
}

#reviews div img{
	float:left;
}

#product{
	padding-top:20px;
}

#product h2{
	font-size:20px;
	font-weight:bold;
	color:#313131;
}
#product_description{
	float:left;
	width:435px;
}

#product_description p a {
	color:#4488BB;
}

#product_description ul{
	list-style-type: none;
	float:right;
	width:250px;
	padding-top:20px;
	
}

#product_description li{
	background-image: url("../media/marker.gif");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	height:85px;
	padding-left:50px;
}

#product_description ul span{
	font-weight:bold;
}

#trusted_by_companies{
	background-image: url("../media/trustedbg.jpg");
	background-repeat: repeat-x;
	height:81px;
	text-align:center;
	padding-top:15px;
}

#trusted_by_companies img{
	padding-left:35px;
}
#product_demo{
	float:right;
	width:400px;
}
#about_the_product{
	margin-top:30px;
}
#about_the_product h2{
	font-size:20px;
	font-weight:bold;
	color:#313131;	
}


#testemonials{
	width:400px;
	float:left;
}

#testemonials div p {
	float:right;
	width:325px;
	text-align:justify;
	line-height:20px;
	font-style:italic;
	color:#211d1e;
}

#testemonials #writer{
	padding-top:10px;
	text-align:right;
	color:#38454d;
	font-size:15px;
}

#last_testemonial{
	padding-top:80px;
}
#product_comparison{
	width:480px;
	float:right;
}

#product_comparison table{
	line-height:28px;
}

#more_options{
	padding-top:20px;
	line-height:19px;
}

#more_options div{
	background-image: url("../media/moreoptionsbg.png");
	background-repeat: no-repeat;
	height:144px;
	padding-left:10px;
	padding-top:5px;
	width:273px;
	float:left;
}

#more_options p{
	width:255px;
	text-align: justify;
	font-size:12px;
}

#more_options p span{
	color:#519D0A;
}


#more_options a{
	color:#06648d;
}

#more_options h2{
	font-size:13px;
	color:#519d0a;
	font-weight:bold;
}
#footer_links{
	padding-top:510px;
}

#footer_links li a:hover, address a:hover {
    color: #FFFFFF;
}

#footer_article{
	color:#ffffff;
	position:absolute;
	width:901px;
	top:1675px;
	
}

#footer_article header h2 {
	font-size:17px;
}
#footer_article p {
	padding-top:20px;
}

#footer_links ul{
	width:175px;
	float:left;
	font-size:11px;
	padding-left:17px;
}
#footer_links #social_media{
	width:75px;
	float:left;
	font-size:11px;
	padding-left:18px;
}
#footer_links li a{
	color:#CCCCCC;
	text-decoration:none;
}
#footer_links li{
	line-height:2.3em;
	list-style-type: none;
}
#li_header{
	font-weight:bold;
}

#trusted_by_companies_nobg{
	height:81px;
	text-align:center;
	padding-top:50px;
}

#trusted_by_companies_nobg img{
	padding-left:35px;
}

#copyright{
	text-align:center;
	font-size:11px;
}

.flowplayer{
	display:block;
	width:355px;
	height:272px;
}

.facebook {
	background-image: url("../media/facebook.jpg");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left:20px;
	height:20px;
	width:13px;
}

.rss {
	background-image: url("../media/rss.jpg");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left:20px;
	height:20px;
	width:13px;
}

.scribd {
	background-image: url("../media/scribd.jpg");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left:20px;
	height:20px;
	width:13px;
}

.twitter {
	background-image: url("../media/twitter.jpg");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left:20px;
	height:20px;
	width:13px;
}

.fix_float{
	clear: both;
    height: 1px;
    overflow: hidden;
}


.facebook_button{ 
	float:left;
	width:53px;
	height:32px;
}

.google_plus{
	float:left;
	width:38px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.center{
	text-align:center;
}
.textleft{
	text-align:left;
}

.textright{
	text-align:right;
}
.flag{
	background-image: url("../media/marker.gif");
	background-repeat: no-repeat;
	background-position: 0 .4em;
	height:85px;
}

.box_space{
	margin-left:32px;
}

.img_align{
	vertical-align: middle;
	padding-left:2px;
}

.p_relative{
	position: relative;
}

.en-up {background-image: url(../media/en-up.png);}
.ar{background-image: url(../media/ar.png);}
.zh{background-image: url(../media/zh.png);}
.fr{background-image: url(../media/fr.png);}
.de{background-image: url(../media/de.png);}
.en{background-image: url(../media/en.png);}
.he{background-image: url(../media/he.png);}
.it{background-image: url(../media/it.png);}
.ja{background-image: url(../media/ja.png);}
.ko{background-image: url(../media/ko.png);}
.ru{background-image: url(../media/ru.png);}
.es{background-image: url(../media/es.png);}
.tr{background-image: url(../media/tr.png);}

.tablebg{
	background-color:#DFE3E5;
}