/*
Theme Name: Hull VoIP Liquid with fixed right
Theme URI: 
Description:
Version: 1.0
Author: 
Author URI: 
Tags: 
*/

* {margin: 0;padding: 0;}
div#container:after, 
div#contentArea:after  {clear:both;content:".";display:block;height:0;visibility:hidden;}

*.x {display: none;}
a img {border:none;}

h1 span,
p.offer span {position:absolute;left:-9999px;width:0px;overflow: hidden;}

body {color: #333;font: normal 62.5%/100% Tahoma, Arial, Geneva, Verdana, Lucida, Helvetica, Sans-Serif;
  text-align: center;background: #fff url("images/bg_body.jpg") right top repeat-y;}

div#container {margin:0 auto;}

/* >>> HEADER <<< */  
div#header {width:100%;height:14.4em;text-align:left;}
div#header form {float:right;padding:8px 10px;}
div#header form button {margin-left:5px;line-height:1.3em;}
  
h1 a:link,
h1 a:visited,
h1 a:hover, 
h1 a:active {float:left;width:304px;height:116px;
  background: url("images/logo.jpg") bottom right no-repeat;}
  
p.offer {float:right;width:50%;}
p.offer a:link,
p.offer a:visited,
p.offer a:hover,
p.offer a:active {float:right;width:245px;height:76px;
  background: url("images/free_trial_offer.jpg") top left no-repeat;}  
  

/* >>> MENU <<< */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {clear:left;padding:0 8px;width: auto; /*For KHTML*/list-style: none;height: 22px;
  border-top: 1px solid #060;border-bottom: 1px solid #060;}
ul#navmenu li {float: left; /*For Gecko*/display: inline;list-style: none;
  position: relative;height: 22px;width:auto;}
/* Root Menu */
ul#navmenu a {float: none !important; /*For Opera*/float: left; /*For IE*/display: block;
  height: auto !important;height: 1%; /*For IE*/padding: 0 10px;color: #fff;
  font: normal 1.8em/22px Tahoma, Arial, Geneva, Verdana, Lucida, Helvetica, Sans-Serif;text-decoration: none;
  border-left: 1px solid #060;width:auto;
  background:#090 url("images/bg_nav_a.jpg");}
/* Root Menu Hover Persistence */
ul#navmenu .page-item-3 a {border-right: 1px solid #060;}
ul#navmenu .current_page_item a,
ul#navmenu a:hover {color: #FFF;background: #0F0 url("images/bg_nav_a_hover.jpg");}



/* >>> CONTENT <<< */  
#left  {margin-right:260px;}

#content{width:100%;padding:0 0 20px 0;text-align:left;}

.post {margin:0 8px 5px 8px;border:1px solid #000;}
.narrowcolumn .post {float:left;width:70%;}

#content .post h2 {color:#fff;text-align:center;font-weight:normal;font-size:1.8em;line-height:1.2em;
  border-bottom:1px solid #000;background:#3F3;}
#content .post h3 {margin:0.5em;color:#000;font-size:1.5em;line-height:1.0em;}  
#content .post small {float:right;font-size:1.0em;margin:10px 10px 0 0;}
#content .post h3 a:link {color:#000;text-decoration:none;}
#content .post h3 a:visited {color:#000;text-decoration:none;}
#content .post h3 a:hover {color:#fff;background:#060;}
#content .post h3 a:active {color:#fff;background:#060;}
#content .post h4 {margin:0.5em 0.5em 0 0.5em;color:#000;font-size:1.2em;line-height:1.0em;}
#content .post p {font-size:1.1em;line-height:1.4em;margin:0.5em 0.5em 0.75em 0.5em;}
#content .post ul,
#content .post ol {font-size:1.1em;line-height:1.4em;margin:0 0.5em 1.0em 3em;}
#content .post ul ul {margin:0 0 0 2em;}
#content .post img {float:left;margin:0 8px 4px 0;}

#content .package {float:left;width:22%;height:260px;margin:0 0 10px 2%;overflow:hidden;
  border:1px solid #000;}
#content .package h3 {margin:0;padding:14px 0 0 42px;height:41px;font-size:1.4em;border-bottom:1px solid #000;
  background:#33FF33 url("images/icon_single_home_trial.jpg") bottom left no-repeat;}  
#content .package .content {height:170px;}
#content .package p {margin:0.2em 0.4em 0.6em 0.4em;font-weight:bold;}
#content .package p.price {margin:0;text-align:center;font-size:1.3em;line-height:2em;
  border-top:1px solid #000;}
#content .package p.price a {text-decoration:none;}  

#content .five,
#content .six
 {width:46.3%;height:215px;}
#content .five .content,
#content .six .content {height:100px;}

#content .post p.price {clear:left;height:28px;margin:0;padding:7px 0 0 0;font-weight:bold;font-size:1.4em;border-top:1px solid #000;}
#content .post p.price span {float:right;margin-right:5px;}
#content .post p.price img {float:right;margin:-5px 10px 5px 0;}
#content .post .hardware p.price {clear:none;border:none;}
#content .post .hardware {min-height:230px;padding:0 0 10px 0;border:none;
  background: url("images/bg_seperator.jpg") center bottom no-repeat;}


.navigation {margin:1em 2em;padding:0.5em;font-size:1.2em;line-height:1.2em;}

.navigation a:link {color:#000;text-decoration:underline;}
.navigation a:visited {color:#000;text-decoration:underline;}
.navigation a:hover {color:#fff;text-decoration:none;background:#060;}
.navigation a:active {color:#fff;text-decoration:none;background:#060;}  

#content  h2 {color:#fff;text-align:center;font-weight:normal;font-size:1.8em;line-height:1.2em;
  border-bottom:1px solid #000;background:#3F3;}
#content  h3 {margin:0.5em 0;color:#000;font-size:1.5em;line-height:1.0em;}  
#content  h3 a:link {color:#000;text-decoration:none;}
#content  h3 a:visited {color:#000;text-decoration:none;}
#content  h3 a:hover {color:#fff;background:#060;}
#content  h3 a:active {color:#fff;background:#060;}
#content  h4 {margin:1.5em 0 0 0;color:#000;font-size:1.2em;line-height:1.0em;}
#content  p,
#content table {font-size:1.1em;line-height:1.4em;margin:1.0em 0 1.0em 0;}
#content  ul,
#content  ol {font-size:1.1em;line-height:1.4em;margin:0 0.5em 1.0em 3em;}
#content  ul ul {margin:0 0 0 2em;}
#content ul.faqs {clear:both;list-style-type:none;margin:0 0 20px 0;}
#content ul.faqs {list-style-type:none;font-weight:bold;}
#content  img {float:left;margin:0 8px 4px 0;}
#content  img.alignright {float:right;}

p.more {text-align:right;}

#content p a:link,
#content ul a:link {color:#000;text-decoration:underline;}
#content p a:visited,
#content ul a:visited {color:#000;text-decoration:underline;}
#content p a:hover,
#content ul a:hover {color:#fff;background:#060;}
#content p a:active,
#content ul a:active {color:#fff;background:#060;}



#content .two h3  {color:fff;
  background:#00CC00 url("images/icon_single_home.jpg") bottom left no-repeat;}  
#content .three h3  {color:fff;padding:20px 0 0 63px;height:35px;
  background:#009900 url("images/icon_multi_home.jpg") bottom left no-repeat;}  
#content .four h3  {color:fff;padding:14px 0 0 63px;
  background:#006600 url("images/icon_multi_unl_home.jpg") bottom left no-repeat;}   
#content .five h3  {color:fff;height:70px;padding:14px 0 0 100px;text-align:center;border-bottom:none;
  background:#fff url("images/icon_centrex_home.jpg") bottom left no-repeat;}   
#content .six h3  {color:fff;height:20px;padding:65px 0 0 0;text-align:center;border-bottom:none;
  background:#fff url("images/icon_fax_to_email_home.jpg") top center no-repeat;}        

#content .two h3 a,
#content .three h3 a,
#content .four h3 a {color:#fff;}

#content #faqs {float:left;width:auto;margin:0 8px 5px 8px;}
#content #faqs h4 {clear:left;}
  
/* >>> SIDEBAR <<< */  
#sidebar {float:right;width:255px;padding:265px 0 0 0;text-align:left;border-left:5px solid #0F0;
  background: url("images/bg_sidebar.jpg") center top no-repeat;}
#sidebar ul {list-style-type:none;margin:0 10px 0 0;}
#sidebar ul li {margin:2px 0 0 3px;list-style-type:none;font-size:1.6em;}

#sidebar ul li a {display:block;padding:6px 6px 38px 6px;color:#000;text-decoration:none;background:#00FF01 url("images/icon_single_user.png") bottom left no-repeat;}  
#sidebar ul li a:hover {color:#000;text-decoration:none;}  

#sidebar ul li.two a {color:#fff;
  background:#00CC00 url("images/icon_single_user.png") bottom left no-repeat;}
#sidebar ul li.two a:hover {color:#fff;
  background:#00CC00 url("images/icon_single_user.png") bottom left no-repeat;}

#sidebar ul li.three a {color:#fff;
  background:#009900 url("images/icon_multi_user.png") bottom left no-repeat;}
#sidebar ul li.three a:hover {color:#fff;
  background:#009900 url("images/icon_multi_user.png") bottom left no-repeat;}

#sidebar ul li.four a {color:#fff;
  background:#006600 url("images/icon_multi_user.png") bottom left no-repeat;}
#sidebar ul li.four a:hover {color:#fff;
  background:#006600 url("images/icon_multi_user.png") bottom left no-repeat;}

#sidebar ul li.five a {border:1px solid #000;
  background:#FFFFFF url("images/icon_centrex.png") bottom left no-repeat;}
#sidebar ul li.five a:hover {border:1px solid #000;
  background:#FFFFFF url("images/icon_centrex.png") bottom left no-repeat;}

#sidebar ul li.six a {border:1px solid #000;
  background:#FFFFFF url("images/icon_fax_to_email.png") bottom left no-repeat;}
#sidebar ul li.six a:hover {border:1px solid #000;
  background:#FFFFFF url("images/icon_fax_to_email.png") bottom left no-repeat;}



/* >>> News <<< */  
#news,
#shoutout {float:left;width:25%;margin:0 4px 0 7px;min-height:300px;margin-bottom:5px;border:1px solid #000;}
#news h2 {color:#000;text-align:center;font-weight:normal;font-size:1.8em;line-height:1.2em;
  border-bottom:1px solid #000;}
#news h3 {margin:0.5em;color:#000;font-size:1.2em;line-height:1.0em;}
#news p,
#shoutout p {margin:0 0.5em 0.5em 0.5em;font:normal 1.2em/1.0em;}
#shoutout p {margin:0.75em 0.5em;}
#news p.date {text-align:right;}
#news h3 a:link {color:#000;text-decoration:none;}
#news h3 a:visited {color:#000;text-decoration:none;}
#news h3 a:hover {color:#fff;background:#060;}
#news h3 a:active {color:#fff;background:#060;}

/* >>> FOOTER<<< */  
div#footer {clear:both;width:100%;margin:20px 0;text-align:center;border-top:1px solid #060;border-bottom:1px solid #060;
  background:#fff;}
div#footer p {width:auto;height:22px;margin:0 14px 0 14px;padding:8px 0;color:#fff;font-size:1.1em;
  border-right:1px solid #060;border-left:1px solid #060;
  background:#006600 url("images/bg_footer.jpg") center left repeat-x;
}

/* >>> FORMS <<< */ 
#content form {margin:10px 0;width:45em;padding:20px;border:none;}
#content form fieldset {border:none;}
#content label {clear:left;display:block;font-size:1.3em;font-weight:bold;color:#666;margin:0px 0 0.5em 0;}
#content input,
#content textarea {float:left;width:30em;padding:0.6em;margin:0px 0.5em 1em 0;border:1px solid #E6A800;font:normal 1.2em/1.5em Verdana, sans-serif;color:#222;border:1px solid #666;}
#content input.checkbox {clear:left;float:left;width:1.5em;height:1.5em;margin:0 0.5em 0.5em 0;}
#content textarea {width:36.2em;margin-bottom:1em;font: normal 1em/1.5em Verdana, sans-serif;height:10em;display:block;color:#222;}
#content button {display:block;clear:left;line-height:1.5em;}

#content .errortext {margin-bottom:2em;padding:0.5em 1.0em;font-size:1.2em;line-height:1.2em;color:#fff;
  border-top:1px solid #006600;border-bottom:1px solid #006600;background:#00CC00;}
#content .errortext strong {font-size:1.2em;}  

.LV_validation_message{float:left;font:bold 1.2em/2.0em Verdana, sans-serif;margin-bottom:1.0em;}
.LV_valid {color:#26839D;}
.LV_invalid {color:#26839D;}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #26839D;}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #26839D;}