/*
Theme Name: newemailserving
*/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
ul, li {  padding:0; margin:0; list-style:none}
p { line-height:1.6em; font-size:12px;}
a { color:#0066CC; cursor:pointer}
a:hover { color:#305e2d}
h2 { font-weight:normal; margin:18px 0; }
a img { border:none}
img {border:none  }
a, img, input { outline:none; }
h3 { margin:15px 0}
h1 { margin: 18px 0}



body { background:url(./graphic/top_bg.png) top center no-repeat; background-position: center -20px }
#header { width:900px; margin:0 auto; position:relative; height:105px}
   .menu { position:absolute; bottom:12px; right:10px}
   .menu  ul { overflow:hidden}
   .menu  ul li { float:left; border:#390 solid 1px;  margin:0 1px; list-style:none; -moz-border-radius:7px; }
   .menu  ul li a {display:block;padding:5px 13px; border:#e9f9d5 solid 1px;  background:#87c43b; background:url(./graphic/but_bg.jpg) center left repeat-x; color:#FFFFFF; font-weight:bold;  -moz-border-radius:5px; text-decoration:none;}
    .menu  ul li.selected a, .menu  ul li.selected a:hover { color:#000; background:url(./graphic/but_bg_g.jpg) center left repeat-x; ;  } 
	.menu  ul li a:hover   { color:#fff; background:url(./graphic/but_bg.jpg) bottom left repeat-x;}
   .menu  ul li a img { margin-left:5px}
   
#header .sub_menu { position:absolute; bottom:-30px; right:100px; height:43px; display:block;  display:none;  }
#header .sub_menu .sub_left { float:left; display:inline-block;height:43px; width:15px; background:url(./graphic/sub_menu_left.png) top left no-repeat}
 #header .sub_menu .sub_right { float:left; height:43px; line-height:40px; font-size:18px; font-weight:bold; background:url(./graphic/sub_menu_right.png) top right no-repeat; padding:0 40px 0 20px}
  #header .sub_menu .sub_right a { text-decoration:none; display:inline-block; padding:0 10px;  color:#fff}
   #header .sub_menu .sub_right a:hover { color:#000}
   
   	 a.signup_s { color:#FFFFFF; text-decoration:none; font-weight:bold; display: inline-block; padding-top:5px; text-align:center; font-size:1.4em; color:#38b7c8 !important}
	a.signup_s:hover {color:#fff !important }
	#live_support { position:absolute; top: 8px; right: 220px}
   
#header   .top_right_header  { position:absolute; top:5px; right:10px; text-align:right; font-size:0.9em; color: #ccc}
#header   .top_right_header a { color:#ccc; margin: 0 5px;  }
#header   .top_right_header a:hover { color:#fff}

#content_wrapper { width:950px; margin-right:auto; margin-left:auto; background-color:white; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; }

//#content_wrapper { border:1px solid #ccc; }

#content {  width:900px; margin:20px auto; overflow:hidden; }
#content .full { width:858px; margin:0 0 20px 0; border:#ccc solid 1px; padding:10px 20px;  background:#f9fff9;  overflow:hidden }
#content .full img { float:right; overflow:hidden; margin:0px 10px 0px 40px; }
#content .full p a { font-weight:bold; font-size:1.2em; display:inline-block; padding:0 5px}

#content .full .slider { position:relative; overflow:hidden; height:200px }
#content .full .slider  .button_box { position:absolute; bottom:10px; right:100px }
#content .full .slider p { font-size:20px; color:#333}

#content .full .slider img { float:left; margin:0 40px 0 0;}
#slide_menu { clear:both; background:#444; color:#fff; overflow:hidden; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px ; background:url(./graphic/silde_menu_bg.jpg) top left repeat-x; height:39px}	
#slide_menu  ul { list-style:none}		
#slide_menu  ul li { float:left; border-right:#666 solid 1px;}	
#slide_menu  ul li a { display:block; padding:10px 50px; color:#ccc; text-decoration:none; font-size:16px;}		
#slide_menu  ul li a:hover, #slide_menu  ul li.selected a { color:#eee;}
.learn_button {margin: 2px 10px; width:169px; height:44px; line-height:44px; text-align:center;
background:url(./graphic/learn_button.png) top left no-repeat; color:#333 ;float:left; display:inline-block;font-size:1.2em;font-weight:bold;text-decoration:none; text-transform:capitalize;}

#content .full .slider { background:#09c; -moz-border-radius-topleft:10px;-moz-border-radius-topright:10px; height:200px }
#content .full .slider h1 { color:#fff; margin:18px 0; font-size:26px}
#content .full .slider p { font-size:20px; color:#fff}
#slide_menu  ul  { padding-left:20px}
#slide_menu  ul li a:hover, #slide_menu  ul li.selected a  { background:url(./graphic/but_bg.jpg) bottom left repeat-x #00CC00; color:#000}



#content .left  { float:left; width: 650px; overflow:hidden; margin-bottom:20px;}
/*#content .left img { float:left; border:solid #666 1px; margin:20px 20px 20px 0; width:180px;  }*/
#content .left h2 { color:#32602f; display:inline-block; margin-bottom:5px; padding-right:20px; background:url(./graphic/small_arrow.png)  100% 8px  no-repeat;}
#content .left h1 { color:#32602f; display:inline-block; margin-bottom:5px; padding-right:20px; background:url(./graphic/small_arrow.png)  100% 8px  no-repeat;}
#content .left  a.small_button { float:right; display:inline-block;padding:2px 10px; background:#87c43b; color:#FFFFFF; -moz-border-radius:20px; -webkit-border-radius:20px; font-weight:bold;  text-transform:capitalize; font-size:0.9em; text-decoration:none}
#content .left  a.small_button:hover { background:#305e2d}
#content .left  ul li { margin-bottom:20px; padding-bottom:10px; overflow:hidden; background:url(./graphic/bottom_line.gif) bottom left repeat-x}

#content .left  ul.one_col img { width:30px; border:0; margin:-7px 10px 0 0}
#content .left  ul.two_col img { width:auto; border:0; margin:-7px 10px 0 0}
#content .left  ul.two_col li { width:40%; float:left; margin-right:60px;  overflow:hidden }
#content .left  ul.half { width:45%; margin-top:20px; font-size:16px}
#content .left  ul.half li img { width:12px; margin:2px 10px 0 0 }
#content .left  .float_right { float:right; width:40%; }

#content .left table td {  vertical-align:top; }
#content .left table td .shadow { float: left;background: url(http://www.emailserving.com/wp-content/uploads/2010/08/shadow.png) no-repeat bottom right !important; margin:25px 0 0 0 !important; margin:25px 0 0 0;}
#content .left table td .shadow img { position:relative; margin:-3px 3px 3px -3px; padding:4px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
#content .left table.7_col td { width: 14%; vertical-align:top; }
/*
#content .left .left_menu {border:#CCCCCC solid 1px; margin-top:10px; padding:1px; background:#f5f5f5; -moz-border-radius:5px;  margin-bottom:20px; }
#content .left .left_menu h2 {background:url(./graphic/but_bg.jpg) center left repeat-x; color:#fff; font-size:16px; font-weight:bold; padding:10px; margin-top:0; border-bottom:#333 solid 1px;  border-right:#333 solid 1px; display:block;-moz-border-radius-topleft:3px; ;-moz-border-radius-topright:3px; margin-bottom:0}
#content .left .left_menu ul { padding-bottom:10px}
#content .left .left_menu ul li {padding:0; margin:0; height:37px}
#content .left .left_menu ul li a { display:block; border-bottom:#fff solid 1px; text-decoration:none; padding:10px 10px; color:#000; }
#content .left .left_menu ul li.selected a {  border-bottom:#999 solid 1px; color:#FF0000; }
#content .left .left_menu ul li a:hover { background:#e9e9e9; border-bottom:#999 solid 1px} 
*/

#content .left form input[type=text],#content .left form input[type=password], #content .left form textarea{background:#fdfffa;border:1px solid #C0C0C0;color:#444444; font-size:12px;margin-top:3px;padding:4px;width:250px;}
#content .left form textarea {width:500px; height:120px}
#content .left form label { width:150px; display:inline-block}
#content .left form h2 { color:#06c; margin:0 0 0 25px; font-size:20px;}

#content .left .price { background:url(./graphic/price_div_bg.jpg) top repeat-x #ddffdd;  border:#ccc solid 1px; padding:1px; -moz-border-radius:10px; -webkit-border-radius:10px;  margin-bottom:30px}
#content .left .price .table {-moz-border-radius:10px; -webkit-border-radius:10px; text-align:center; overflow:hidden; padding-bottom:10px}
#content .left .price .table .left { font-weight:bold; clear:both; float:left; width:130px; border-bottom:solid 1px #ccc; margin:0; height:30px; line-height:30px; text-align:left; padding-left:20px }
#content .left .price .table .right  {float:left; width:92px; margin:0;border-left:solid 1px #ccc;  border-bottom:solid 1px #ccc; height:30px; line-height:30px;  }
#content .left .price .table .right150  {float:left; width:146px; margin:0;border-left:solid 1px #ccc;  border-bottom:solid 1px #ccc; height:30px; line-height:30px;  }



#content .left .left_block { border:#CCCCCC solid 1px; padding:0 15px 15px 15px; margin-right:40px; background:#f9fff9; margin-bottom:20px; overflow:hidden; -moz-border-radius:8px}
#content .left .left_block img { border:none; float:right}
#content .left .left_block p a.small_button { float:left}
#content .left .left_block p { color:#333}


#content .right { float:right; width: 210px; overflow:hidden;  margin-bottom:20px}
#content .right p { color:#666666}
#content .right h2 { color:#32602F; border-bottom: dashed 1px #999; padding-bottom:5px}
#content .right  ul { margin-left:20px; }
#content .right  ul li { padding:6px 0; }
#content .right  ul li a { color:#666}
#content .right  form ul li  { background:none; margin:3px 0; padding:0; list-style:none}
#content .right  ul li label { display:block; text-transform:capitalize; color:#333}
#content .right  ul li input[type=text] {  width:80%; border:#ccc solid 1px; background:#fdfffa}
#content .right span { font-style:italic; font-size:0.9em; }
#content .right a { color:#0066CC;}
#content .right h4 { margin-bottom:5px; color:#0066CC; font-style:italic;}
#content .right .special_tag { border:#ccc solid 1px; background:url(./graphic/b1.jpg) top left repeat-x #f9f9f9; padding:10px 0 20px 15px; -moz-border-radius:5px; margin:20px 0;  }



#footer  { height:300px; background:#e9f9d5; border-top: #ce8 solid 5px}
#additional_footer { width:100%; margin:0; padding:0; background:#333; color:#fff;  font-family:Arial, Helvetica, sans-serif;overflow:hidden; border-bottom:#333333 solid 10px; border-top:#fff solid 1px ;  }
#additional_footer .center_tag {  width:912px; margin:0 auto; height:auto   }
#additional_footer .center_tag .col { padding:10px 10px; margin:5px;  float:left; width:270px; text-align:left;  }
#additional_footer .center_tag .col ul {margin:10px 0; padding:0; list-style:none; overflow:hidden; border-bottom: dashed #333 1px;margin-right:20px; padding-bottom:10px}
#additional_footer .center_tag .col ul li { margin: 0; padding:0; line-height:25px; color:#aaa; font-size:12px}
#additional_footer .center_tag .col li a { height:20px; color:#aaa; border:none; text-decoration:none }
#additional_footer .center_tag .col li a:hover { background:#666666; color:#000000  }
#additional_footer .center_tag .col li label { color:#629A02; font-weight:bold}
#additional_footer .center_tag .col li img {float:left; width:74px; padding-top:3px; margin-right:10px }
#additional_footer .center_tag .col li h5 {font-size:13px; display:inline-block; font-weight:normal;  padding:0px; color:#aaa; margin-top:0; margin-bottom:10px}
#additional_footer .center_tag .col li p { padding:0px ; color:#999; line-height:1.3em; margin:5px 0; font-size:12px}
#additional_footer .center_tag .col li p a { color:#629A02; padding:0}
#additional_footer .center_tag .col ul.icon { border:none}
#additional_footer .center_tag .col ul.icon li { background:url(./graphic/list_icon.png) 0 5px  no-repeat; padding-left:22px; border-bottom:#333 dotted 1px; height:35px; }
#additional_footer .center_tag .col table tr td { padding:0px ; color:#999; line-height:1.3em; margin:5px 0; font-size:12px}
#additional_footer .center_tag .col table tr td label { color:#629A02; font-weight:bold}

.full_col { width:100%; background:#f4faec; min-height:15px; border-bottom:#bfd89f solid 1px; border-top:#bfd89f solid 1px; padding:2px 0}
.full_col .col_900 { width:960px; margin:0 auto; line-height:15px; text-align:right; color:#666; font-size:12px} 

a.button { display:inline-block; padding:10px 20px; font-size:1.8em; border:#999 solid 1px; margin:10px 0; font-weight:bold; background:#87c43b; color:#fff; background:url(./graphic/but_bg.jpg) center left repeat-x}
/*
input { background:url(./graphic/but_bg.jpg) bottom left repeat-x; padding:3px 10px; color:#FFFFFF }
input:hover {background:url(./graphic/but_bg.jpg) center left repeat-x; }
*/
#content .full { -moz-border-radius:5px}

#content .left ul.one_col li { margin-bottom:0 }
#content .left ul.one_col li img { float:left}
#content .left ul.one_col li p { margin-left:40px;  }


h4 {  margin-bottom:0; }
ul.one_col p { margin: 0}
table.monthly_price  { background:url(./graphic/price_div_bg.jpg) top left repeat-x; border:#CCCCCC solid 1px;  text-align:left; margin-bottom:20px; padding-bottom:10px; -moz-border-radius:8px}
table.monthly_price th, table.monthly_price td { width:130px; border-bottom:#CCCCCC solid 1px; padding:7px 10px; border-right:#CCCCCC solid 1px}
table.monthly_price th { background:#09c; color:#FFFFFF}
table.monthly_price tr.high_light td { background:#fff; font-weight:bold; font-size:1.1em}


table.prepay_table { border:#CCCCCC solid 1px; background:url(./graphic/price_div_bg.jpg) top left repeat-x; margin-bottom:20px; -moz-border-radius:8px}
table.prepay_table th, table.prepay_table td { text-align:left;  border-bottom:#CCCCCC solid 1px; padding:7px 10px; border-right:#CCCCCC solid 1px; }
table.prepay_table th { background:#09c; color:#FFFFFF}

#content table.prepay_table td { vertical-align:middle}

#content ul.crowd { margin:10px 0}
#content ul.crowd li {padding-left:30px; margin-bottom:3px;padding-bottom:0; background:url(./graphic/arrow_r_icon.png) 5px 5px no-repeat }



.price .left { background:#09c; color:#FFFFFF}
#content table.compare_table  { border:#999999 solid 1px; background:#f5f5f5; text-align:left}
#content table.compare_table  th { width:200px; background:#666666; color:#FFFFFF; padding:8px }
#content table.compare_table  td  { padding: 8px; background:#FFFFFF}
#content table.compare_table  td.cal { background:#eee}
#content table.compare_table  td img { margin-top:0}
	 
#content table.compare_table  td a.learn_button2 { display:inline-block; padding:5px 15px; border:#999 solid 1px; background:#333; color:#fff; text-decoration:none}
#content table.compare_table  td a.learn_button2:hover { background:#444} 
	   
#content .right .left_one { background: #f5f5f5; margin:0 0 20px 0; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; padding:0px 10px 10px 7px; border: #ccc solid 1px }
#content .right .left_one li {padding:0; margin:0; border-bottom:#f9f9f9 dotted 1px}
#content .right .left_one li a { display:block; padding:7px 10px; text-decoration:none; color:#000; border-bottom:#ccc solid 1px; padding-left:25px; font-size:13px; background:url(./graphic/bullet1.png) 5px 10px  no-repeat}
#content .right .left_one li a:hover { background-color:#eee }
#content .right  .camera li, #content .right  .camera li a:hover { background:url(./graphic/camera.png) 3px 10px  no-repeat}


	#content .half_video { float:left; margin-right:10px; overflow:hidden; margin-right:10px}
	#content .half_video img { width:auto; width:180px;}
	
#content .left  ul#blog img { width:auto;  width:100px; border:none; margin:0 10px 0 0}
#content .left  ul#blog p img  { width:auto}
#content .left  ul#blog p span {  color:#06c; font-weight:bold; text-decoration:underline}
#content .left  ul#blog span { color:#06c; text-decoration:underline}
#content .left  ul#blog h2 { background:none; display:inline}

#content	.left .half  li { margin-bottom:10px; font-size:13px; font-weight:bold }


#content .right ul.no-border { margin-left:0}
#content .right ul.no-border li { background:url(./graphic/comment.png) 0 5px no-repeat; padding:5px 10px; padding-left:40px; line-height:20px}
#content .right ul.no-border li.selected a, #content .right ul li a:hover { color:#06c }

#content .left form textarea  { width:250px}

#content #contact_spec h2 { background:none; display:block;}
#content #contact_spec p { margin-bottom:10px; padding-bottom:5px; /* border-bottom:#ccc dotted 1px */ }



table.tracking { background:#e6fafe; border:#b8dff1 solid 1px}
table.tracking  td, table.tracking  th {width: 14% ; padding:2px 5px; text-align:center}		
table.tracking th { background:#b8dff1 }	

a.signup_s { background:url(./graphic/sign_ss.png) top left no-repeat; color:#fff !important; width:130px; height:30px; }



#content ul#pricing_submenu { padding-left:20px; padding-bottom:0; overflow:hidden; background:url(./graphic/bottom_line.gif) bottom left repeat-x; margin:10px 0 10px; overflow:hidden; width:630px}		
#content ul#pricing_submenu  li { float: left; padding-bottom:0; margin-right: 2px; background:none; margin-bottom:0; border:#ccc solid 1px; border-bottom:none; }	
#content ul#pricing_submenu  li a { display:inline-block; padding:8px 15px; font-weight:bold; border:#FFFFFF solid 1px ; background:#eee; text-decoration:none; color:#333; }

#content ul#pricing_submenu  li.selected  a {background:#FFFFFF; color:#f90;}  
#content ul#pricing_submenu  li a:hover {color:#f90 }

/* #content .left .half {width:380px !important} */
#content .left .half  li { margin-bottom:10px; font-size:13px; font-weight:bold }
#content .left .one_col   {width:380px }

/* June 9 2010 */
#content .half_video img { width:auto; width:280px;}
#content .left h2  { display:block ; background:none; font-size:22px;font-weight:bold;}
#content .right .left_one li a { font-size:!4px; font-weight:bold}

#content ul#pricing_submenu  { height:34px}
#content ul#pricing_submenu li { height:32px; border:none; }
#content ul#pricing_submenu li a { height:32px; line-height:32px; padding:0; padding-left: 15px; background:url(./graphic/page_product_tabs.gif) 0 0 no-repeat; display:inline-block} 
#content ul#pricing_submenu li a em { height:32px; line-height:32px; display:inline-block; padding-right:15px; background:url(./graphic/page_product_tabs.gif) right top no-repeat;text-transform:capitalize }
#content ul#pricing_submenu li.selected  a { background:url(./graphic/page_product_tabs.gif) 0 -32px no-repeat}
#content ul#pricing_submenu li.selected  a em{ background:url(./graphic/page_product_tabs.gif) right -32px no-repeat; color:#f30}
#content ul#pricing_submenu li a:hover  { color:#f30 }

#content .left .ddsg-wrapper ul  { margin-left:20px !important; margin-top: 20px; font-size:14px; font-weight:bold}
#content .left .ddsg-wrapper ul li { background: none; padding-bottom:0}
#content .left .ddsg-wrapper ul li ul li { margin-bottom:10px !important; font-size:13px; list-style:none  }
#content .left .ddsg-wrapper ul li ul li a { text-decoration:none}
#content .left .ddsg-wrapper ul a { color:#444}