/*
Template Design by Icon


*/

/** Common Styles */

body {
	
	background: #e9e9e9 url(/resources/images/landing/lingounwired/images/bkgd.jpg) repeat-y center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
}

#wrapper {
	margin:0px auto;
	width: 900px;
	background: #FFFFFF url() repeat-y left top;
}
/** Style for header starts here */

#header {
	width: 900px;
	margin: 0px auto;
	
}
#header .logo { float:left}
#header .phone { float:right; margin:20px 0 0 0;}
#header .phone h2  { font-size:30px; color:#76b540; }
#header .phone h3 { font-size:17px; color:#b4d696; text-transform:uppercase;}


#banner { margin:0; background:url(/resources/images/landing/lingounwired/images/bkgd-banner.gif) no-repeat bottom; padding-bottom:20px; }
#banner .country { float:right }
#banner .headline { float:left}
#banner h1 { font-size:28px; color:#FFF; margin: 50px 30px 10px 60px ; text-align:center; font-weight:normal}

#banner .phone { float:left; margin:0px 0 0 80px; width:200px; text-align:center; background:url(/resources/images/landing/lingounwired/images/cel-phone.png) no-repeat right; padding:10px 40px 10px 0;  }
#banner .button { float:left; width:180px;  margin:10px 0 0 10px; text-align:center;}
#banner p { color:#FFF; text-transform:uppercase; text-align:center; font-size:13px;}
#banner a, #banner span { color:#FFF;font-size:12px; text-decoration:underline }
#banner .order-now { margin:10px 0;}

#dialog4 h2 { color:#136d9a; margin:15px 0 5px auto}
#dialog4 p { margin:5px; font-size:14px; line-height:18px;  }
#dialog4 ol { margin:5px 0 10px 30px; font-size:14px; line-height:16px; }
#dialog4 li { line-height:20px; padding:5px 0;}


#top {
	width: 898px;
	margin: 0px auto; background: #FFF url(/resources/images/landing/lingounwired/images/form-bkgd.jpg) repeat-x bottom; border-right: solid 1px #a7a7a7;
	border-left: solid 1px #a7a7a7;
	padding:10px 0;}

#top .left { width:480px; float:left; margin-top:5px;  border-right: solid 1px #a7a7a7;}
#top .left h2 { color:#136d9a; text-align:center;  font-size:20px; margin:10px; }
#top .left .light {color:#094766; font-style:italic}
#top .left ul { margin:10px 20px; }
#top .left li { line-height:30px; list-style:url(/resources/images/landing/lingounwired/images/orange-bullet.gif); margin-left:30px; }
#top #dialog_link2, #dialog_link3 { text-decoration:underline; cursor: pointer; color:#136D9A}

#top .right { width:400px; float:left; margin:5px 0 20px 0;  }
#top .right h2 {color:#ed6d11;  text-align:center;  font-size:20px; margin:15px auto; }
#top .right .form { margin:5px 40px 0 60px; text-align:center; color:#535353;}
#top .right .form td { line-height:24px;}
#top .right .form p { font-size:11px; margin:0}
#top .right .form small { font-size:10px; margin:5px 0}
#top .right .form small a {  color:#535353;}
#top .right .form input[type="text"] { 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #a7a7a7;
font-size:18px;color:#535353;
text-align:left; width:150px;}
#top .right .form .align-left { text-align:left; font-size:14px;}

#top .right .form #phone_input { display:none; background-color:#ebeaea; padding:4px; text-align:center}
#top .right .form #phone_input input[type="text"] {width:50px;}

#countries { background:url(/resources/images/landing/lingounwired/images/country-bkgd.jpg) repeat-x; height:70px; margin:0px 0 10px 0; 
	border-bottom: solid 1px #a7a7a7;	border-right: solid 1px #a7a7a7; 	border-left: solid 1px #a7a7a7;}
#countries h2 { text-align:center; font-weight:normal; font-size:14px; padding:10px 0; color:#535353;}
#countries .bar { background:url(/resources/images/landing/lingounwired/images/country-bar.jpg) no-repeat 8px 0 ; height:45px;}


#lower { font-size: 1px; }
#lower .testimonial { width:370px; float:left; font-size:1px; }
#lower .map { float:left; margin-top:10px; background:url(/resources/images/landing/lingounwired/images/world-map.gif) no-repeat; width:330px; height:270px; padding:10px 0 0 200px;
position:relative;}

#lower .map h3  {color:#1577a8; font-size:18px; margin:200px 0 5px 80px; font-weight:normal;}
#lower .map a {margin:0px 0 0 100px; color:#464646; font-size:12px; text-decoration:underline; cursor:pointer; }
.ui-dialog .ui-dialog-content .col { width:185px; float:left; font-size:12px; color:#535353}
.ui-dialog .ui-dialog-content .col .small { font-size:10px; color:#333;}
.ui-dialog .ui-dialog-content .col li { line-height:18px;}
#dialog, #dialog2, #dialog3 , #dialog4 { display:none; }



#lower .awards { background:url(/resources/images/landing/lingounwired/images/logo-bkgd.jpg) repeat-x ; width:370px; margin:0px; height:85px; }
#lower .awards p { font-size:11px; margin: 10px; padding:5px; width:160px; float:left;  }
#lower .awards img { padding:5px 30px; float:left}

#lower h2 { color:#1577a8; font-size:20px; margin:20px 0 5px 10px; }
#lower p {color:#535353; font-size:14px; line-height:20px; margin:10px 130px 30px 10px; padding-left:20px;  }

/** Style for footer starts here */

#footer {
	clear: both;
	width: 860px;
	margin: 0px auto ;
	padding:5px 20px 20px 20px;
	background: #626060;
	font-size: 1px;
	color: #d3d3d3;
	border-top: solid 10px #9dd221; border-collapse: collapse
}

#footer .col {
	float: left; width:250px;
	margin: 0px; padding:10px 5px 10px 20px;
	margin-top:1px;font-size: 10px;
	
	
}

#footer h3 { margin:10px 0; text-align:center; font-weight:normal; font-size:14px; color:#f5f5f5;}
#footer ul { text-align:left}
#footer li { line-height:20px;}

#footer p {
	
	color: #282828; font-size:10px; line-height:10px;
margin:5px 20px;}

.footer-menu { background:#242424; height:40px; text-align:center; padding:10px 40px; }
.footer-menu span { font-size:10px; color:#999; padding:10px; text-align:center; cursor:pointer}



.clear { clear:both;}

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
}
 ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
.jcarousel-skin-tango table {
	border-collapse: collapse;
	border-spacing: 0;
}


.jcarousel-skin-tango table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

.jcarousel-skin-tango th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

.jcarousel-skin-tango td {
    background: #f8f8f8;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*---------- JCarousel Styles ------*/

.jcarousel-skin-tango .jcarousel-container {
  font-size:12px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 850px;
    padding: 10px 12px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  850px;
    height: 30px;
}



.jcarousel-skin-tango .jcarousel-item {
   
    height: 75px;
}

li.jcarousel-item { margin-right: 10px;}
li.jcarousel-item img { margin-left:10px; float:left; display:inline;}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


.jcarousel-skin-tango p {  display:inline; margin-left:5px;}


.bubbleInfo {
	position:absolute;
	background:url(/resources/images/landing/lingounwired/images/bubble-sm.png) no-repeat;
	width:45px;
	height:40px;
	
}
#lower .bubbleInfo p { margin:4px 0 0 0px; padding:0px; color:#8fc215; font-size:16px; text-align:center}

.india {
	left: 343px;
	top: 98px;
}
.canada {
	top:32px;
left: 80px;}

.mexico {left: 45px;
	top: 85px;
	}
	
.china {
	left: 390px;
	top: 43px;
	}
.brazil {
	left: 128px;
	top: 145px;
	}
.england {
	left: 216px;
	top: 22px;
	}
.australia {
	left: 419px;
	top: 168px;
	}
	
.egypt {
	left: 261px;
	top: 74px;
	}

.popup {
    position: absolute; background:url(/resources/images/landing/lingounwired/images/bubble-lg.png) no-repeat; width:115px; height:60px;
    display: none; /* keeps the popup hidden if no JS available */
}
.popup p { font-size:12px}