@import "nav.css";

a, input, button { outline: none; }

a {
	color:rgb(204,0,51);
	font-weight:bold;
}

a:hover {
	color:rgb(80,80,170);
	text-decoration:none;
}

img { vertical-align: bottom;
border:0; outline:none; }

.clearit {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin: 0;
    padding: 0;
	}

.divider {
	display: block;
    height: 1px;
    clear: both;
    margin: 12px 24px;
    padding: 0;
    background: #e7e7e7;
	}
	
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #333;
	/*background-image:url('/public/_img/background2.gif'); background-repeat:repeat-x;*/
	background: #fff url('/public/_img/background_02.jpg') repeat-x;
}

body.sales {
	margin: 0;
	padding: 0;
	background: #fff;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
	color: #333;
	/*background-image:url('/public/_img/background2.gif'); background-repeat:repeat-x;*/
	background: #fff url('/public/_img/background_03.jpg') repeat-x;
}

div#content-area {
	width:689px;
	float:left;
	font-size:.9em;
}

div#content-area h1 {
	font-size:2em;
	color:rgb(204,0,51);
	/*margin-bottom:1.2em;*/
	margin-bottom:0px; 
	font-weight: normal;
	line-height:1.0em;
}

div#content-area ul li {
	line-height:1.4;
	padding:.8em 0;
}

div.content_left {
	float: left;
	display: inline;
	width: 335px;
	}
div.content_right {
	float: right;
	display: inline;
	width: 315px;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #e1e1e1;
	}

div.content_pad {
	padding: 0 32px 0 12px;
	}

div#headwrap {
	margin:0 auto;
	width:970px;
	position:relative;
}

div#headwrap-inner {
	margin-left:10px;
}
img#logo {
	margin-top:14px;
}

#topnav {
	float: right;
	display: inline;
	background: transparent url('/public/_img/subnav-right.gif') no-repeat bottom right;
	padding-right: 7px;
	}
#topnav ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 12px 4px;
	background: transparent url('/public/_img/subnav-left.gif') no-repeat bottom left;
	color: #ccc;
	font-size: 12px;
	font-weight: bold;
	}
#topnav li {
	display: inline;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #ccc;
	}
#topnav li#last { 
	border-right: none;
	padding-right: 5px;
	}
#topnav a:link, #topnav a:visited {
	text-decoration: none;
	color: #ccc;
	}
#topnav a:hover {
	color: #ffffcc;
	}

.txtinput {
	color: #333;
	font-weight: normal;
	/* color: #a7a799;
	font-weight: bold;  Don't Hate Me - Chris */
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #d2d2ca;
	padding: 6px 6px 3px 6px;
	background: transparent url('/public/_img/template/bg-txtinput_2.gif') no-repeat;
	width: 155px;
	margin: 6px 0;
}
	
button {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.quote-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 28px;
	font-style: italic;
	font-weight:bold;
	color:rgb(99,99,94);
	margin: 0;
}	

p#copyright {
	font-size:.85em;
	color:rgb(102,102,102);
	clear:left;
	border-top:1px solid rgb(200,200,200);
}

/* Accordion
----------------------------------*/
.ui-accordion { padding: 0 10px; color: #828271; }
.ui-accordion .ui-accordion-header { cursor: pointer; outline: none; position: relative; margin: 0; zoom: 1; padding-top: 4px; border-top: 1px solid #d2d2ca;  }
#top_accordion, #top_accordion2 { border-top: none; margin-top: 12px; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0;text-decoration: none;  }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0; top: 0; margin-top: 0; }
.ui-accordion .ui-accordion-content { padding: 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 6px; overflow: auto; display: none; line-height: 16px; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* Carousel
----------------------------------
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 210px;
    height: 140px;
    margin-right: 22px;
    color: #828271;
}

.jcarousel-item p {
	font-size: 14px;
	line-height: 20px;
	}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: none;
    font-weight: bold;
}
.mycarousel_nav { 
	border-top: 1px solid #d2d2ca;
	text-align: center; 
	margin: 0 10px;
	padding: 5px 10px;
	}

div#content-area div#header {
      float:left;
      width:100%;
     /* background:#E6E6E6 url("/public/_img/tab-background.gif") repeat-x bottom;*/
      font-size:93%;
      line-height:normal;
	  margin-bottom:3.5em;
      border-bottom: 1px solid #e7e7e7;
      }
div#content-area div#header ul {
      margin:0;
      padding:14px 5px 0;
      list-style:none;
      }
div#content-area div#header ul li {
      float:left;
      background:url("/public/_img/tab-left.gif") no-repeat left top;
      margin:0 3px 0 0;
      padding:0 0 0 3px;
	  line-height:1;
      }
div#content-area div#header a {
      display:block;
      background:url("/public/_img/tab-right.gif") no-repeat right top;
      padding:8px 5px 7px 5px;
      text-decoration:none;
      font-weight:bold;
	  color:rgb(51,51,51);
      }
div#content-area div#header a:hover {
	  color:rgb(110,110,110);
      }
div#content-area div#header #current {
      background-image:url("/public/_img/tab-selected-left.gif");
      }
div#content-area div#header #current a {
      background-image:url("/public/_img/tab-selected-right.gif");
	  color:rgb(207,17,65);
      padding-bottom:7px;
      top: 1px;
      }

.title-red {
	background: transparent url('/public/_img/red-title-bottom.gif') no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom:0.5em; /* was 1em  */
}

.title-red h3 {
	background: transparent url('/public/_img/red-title-top.gif') no-repeat;
	color: white;
	font-size: .9em;
	line-height: 16px;
	padding: 7px 10px 3px 10px;
	margin: 0;
}

p#signup {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:.9em; /* was .8em */
	line-height:1.4em;
	width:192px; /* was 192px */
	padding-left:5px;
}


.side-divider {
	width: 200px;
	height: 20px;
	margin: 10px 0;
	overflow: hidden;
	background: transparent url('/public/_img/side-divider.gif') no-repeat;
	}

.side-divider-long {
	width: 689px;
	height: 20px;
	margin: 10px 0;
	overflow: hidden;
	background: transparent url('/public/_img/side-divider-long.gif') no-repeat;
	}

.side-text textarea {
	margin: 6px 0;
	border: 1px solid #d2d2ca;
	padding: 4px;
	width: 172px;
	height: 50px;
	background: #e9e9e9 url('/public/_img/template/bg-textarea.gif') no-repeat;
	font: 11px/16px Helvetica, Verdana, Arial, sans-serif;
	}
button {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	}
.txtinput {
	color: #333;
	font-weight: normal;
	/* color: #a7a799;
	font-weight: bold;  Don't Hate Me - Chris */
	font-size: 12px;
	line-height: 14px;
	border: 1px solid #d2d2ca;
	padding: 6px 6px 3px 6px;
	background: transparent url('/public/_img/template/bg-txtinput_2.gif') no-repeat;
	width: 155px;
	margin: 6px 0;
	}

div#content-main-sales {
	position:absolute;
	top:88px; /* was 131 px */
	left:15px;
	width:955px;
}
div#content-main {
	position:absolute;
	top:131px; /* was 131 px */
	left:15px;
	width:955px;
}

.inside_content {
	background: transparent url('/public/_img/bg_inside_content.png') no-repeat;
	padding: 12px;
	}

p#first-paragraph {
	font-size:1.3em;
	line-height: 1.5em;
	/*font-weight:bold;*/
}

div#right-col {
	width:266px;
	float:left;
}

div#right-col-content {
	background-image:url(/public/_img/right-col-background.gif);
	background-repeat:repeat-y;
	padding-left:49px;
}

div#bottom-clear {
	clear:left;
	padding-top:2em;
}

div#call-to-action {
	float:right;
	width:300px;
	padding-top:14px;
}

div#call-to-action img {
	margin-right:10px;
}

.learn_more img { vertical-align: middle; text-align: center; }

/* TESTIMONIAL CODE */


.td_branding { 
	text-align: center; /* This value can be left, right or center */
	padding-top:0px;margin-top:0px/
}
#callout-container .testimonial {
	padding-bottom: 5px; /* was 34px */
	margin-bottom:0em; /* was 1em */
	}
#callout-container .squote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 26px;
	font-style: italic;
	color:rgb(99,99,94);
	margin: 0;
	padding: 15px;
	background: transparent url('/public/_img/callout-top.png') no-repeat;
	}
#callout-container .byline {
	font-size:.85em;
	/*margin-top:-26px;
	margin-left:84px;*/
	line-height:1.4em;
	font-weight:bold;
	font-color:rgb(74,74,66);
	padding: 24px 15px 10px 84px;   /* was 24px 15px 10px 84px*/
	background: transparent url('/public/_img/callout-bottom.png') no-repeat left top;
	margin: 0;
	}
	
#right-col-content .testimonial {
	padding-bottom: 10px; /* was 34 */
	margin-bottom:1em;
	width: 200px;
	}
#right-col-content .squote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 26px;
	font-style: italic;
	color:rgb(99,99,94);
	margin: 0;
	padding: 15px;
	background: transparent url('/public/_img/side-testimonial_top.gif') no-repeat;
	}
#right-col-content .byline {
	font-size:.85em;
	/*margin-top:-26px;
	margin-left:84px;*/
	line-height:1.4em;
	font-weight:bold;
	font-color:rgb(74,74,66);
	padding: 24px 15px 10px 84px; /* was 24px 15px 10px 84px*/
	background: transparent url('/public/_img/side-testimonial_bottom.gif') no-repeat left top;
	margin: 0;
	}	

/* SIGNUP BOXES */

.signup_box {
	float: left;
	display: inline;
	width: 200px;
	background: transparent url('/public/_img/signup/bg-top.gif') no-repeat;
	margin-left: 18px;
	text-align: center;
	color: #5a440a;  /*was #8a743a*/
	}
.signup_box_content {
	padding: 8px 16px;
	}
	
.signup_box_content h1#title_enterprise, .signup_box_content h1#title_plus, .signup_box_content h1#title_basic {
	font-size: 22px;
	font-weight: bold;
	color: rgb(185,19,43);		/*was #ddb95b*/
	background: #fff;
	padding: 6px 2px;
	margin: 6px 0 6px 0;
	}
.signup_box_content h2 {
	font-size: 26px;
	color: #111; /* was 000 */
	margin: 3px 0 0 0;
	}
.signup_box_content h2 span { font-weight: normal; font-size: 14px; color: #5a440a; }			/*was #8a743a*/
.signup_box_content span { font-size: 14px; cursor: pointer; }	
.signup_box_content ul#basic_options, .signup_box_content ul#plus_options, .signup_box_content ul#enterprise_options {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 15px;
	line-height: 22px;
	list-style: none;
	}	
.signup_box_content ul#basic_options li, .signup_box_content ul#plus_options li, .signup_box_content ul#enterprise_options li {
	line-height: 18px;
	padding: 6px 0 3px 0;
	border-bottom: 1px dotted #fff;
	color: #5a440a;		/*was #8a743a*/
	}
.signup_box_content b {
	font-size: 20px;
	color: #000;
	}		
.signup_box_bottom {
	padding: 4px 8px 16px 8px;	
	width: 184px;
	text-align: center;
	background: transparent url('/public/_img/signup/bg-bottom.gif') no-repeat left bottom;
	}	

/* Chat Box */

.orderTable {
	margin-left:25px;
}
.orderTable input, .orderTable select, .orderTable option {
	font-size:12px;
}
.orderTable td {
	padding: 6px 0;
	}
.orderTable strong { font-size: 16px; color: #999; }
.orderTable input, .orderTable select { padding: 4px; }


.lpPoweredBy{
    display:none;
	background-color:#0CC;
}
.lpEmtStarRating{
    display:none;
}

/* Styles for Spry Input validation */

.textfieldRequiredMsg, .selectRequiredMsg, .passwordMinCharsMsg,.textfieldInvalidFormatMsg,  
   .textareaRequiredMsg, .textareaMaxCharsMsg, .textareaMinCharsMsg, .passwordRequiredMsg, 
   .confirmRequiredMsg, .confirmInvalidMsg {
	border:none;
	font-size:10px;
	}

/* used for all form inputs */


fieldset {
	border: none;
	padding: 0;
	margin: 0;
	/* background-color:  #FFC;
	 border-color:#CCC;
	 border-style:solid;
	 border-width:thin;
	 padding:15px;
	 margin:15px;
	 text-align:left;*/
}