body { background:url(../images/home-bk.jpg) repeat-x; margin: 0; padding: 0; }
body.internal { background:url(../images/internal-bk.jpg) repeat-x; margin: 0; padding: 0; }
.clear { clear: both; }
a { font-family: arial, sans-serif; color: #96c11f; font-size: 14px; line-height: 20px; text-decoration: none; }
a.large { font-family: arial, sans-serif; color: #96c11f; font-size: 24px; line-height: 24px; text-decoration: none; }
a img { border: none; }
a.menu { font-family: arial, sans-serif; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 24px; text-decoration: none; }
a.menu:hover { color: #96c11f; }
p.sub_link { font-family: arial, sans-serif; text-transform: uppercase; font-weight: bold; color: #7b7b7b; font-size: 12px; }
h1 { font-family: arial, sans-serif; font-size: 30px; color: #575656; margin: 0 0 30px 0; padding: 0; }
h2 { font-family: arial, sans-serif; font-size: 24px; color: #575656; margin: 0 0 0 0; padding: 0; }
p { font-family: arial, sans-serif; color: #8b8b8b; font-size: 14px; line-height: 20px; }
p.quote { margin: 0; }
p.quote_name { font-size: 16px; font-style: italic; color: #575656; margin-top: 0;  }
td { font-family: arial, sans-serif; color: #8b8b8b; font-size: 14px; line-height: 20px; }
td.td_line { border-bottom: 1px solid #ededed; border-top: 1px none #CCCCCC; height: 1px; line-height: 1px; margin: 0; padding: 0; }
td.dot, td.center { text-align: center; }
h2.subtotal { color: #96c11f; }
h2.subtitles { color: #a2a2a2; }


#wrapper { width: 940px; margin: 0 auto; clear: both; }
#menu { float: left; width: 940px; height:80px; }
#menu_links { float: left; width: 940px; margin-top: 15px; }
#logo { float: left; width: 191px; height: 131px; margin-top: 30px; padding: 0px;  } 
div.internal_container { margin-top: 40px; float: left; width: 940px; }
div.step1 ,div.step2, div.step3 { background-image: url(../images/step1.jpg); width: 940px; padding: 0px; background-repeat: no-repeat; float: left; height: 80px; }
div.step2 { background-image: url(../images/step2.jpg); }
div.step3 { background-image: url(../images/step3.jpg); }


/*------------- FORMS items */
input.text { border:solid 2px #ddd; width: 400px; height: 40px; padding: 10px 0 10px 10px; font-family: arial, sans-serif; font-size: 24px; color: #575656; float: right; }
td.form {font-family: arial, sans-serif; color: #8b8b8b; font-size: 20px; }
input.submit { float: right; }
input.submit_back { float: left; }
select.text { border:solid 2px #ddd; width: 414px; padding: 10px 10px 10px 10px; font-family: arial, sans-serif; font-size: 24px; color: #575656; float: right; }
textarea.text { border:solid 2px #ddd; width: 400px; height: 250px; padding: 10px 0 10px 10px; font-family: arial, sans-serif; font-size: 24px; color: #575656; float: right; }

input.text_smaller { border:solid 2px #ddd; width: 250px; padding: 10px 0 10px 10px; font-family: arial, sans-serif; font-size: 14px; color: #575656; }
select.text_smaller { border:solid 2px #ddd; width: 264px; padding: 10px 10px 10px 10px; font-family: arial, sans-serif; font-size: 14px; color: #575656; float: left; }

 /* change color to show red border if wanted 
input.error, span#terms_span.error { border:solid 2px red; }
*/
input[type=checkbox] { padding:0; margin: 0;}
span#terms_span{ margin:0px; padding:0px; border:solid 2px white; }

#error_detail{ text-align:right;  display:block; min-height:50px;}
#error_detail p{color:#C9181D; }

#address_warning, #terms_warning { display: none; }
/*------------- END forms items */


/*------------- menu items */

#home_container { float: left; width: 150px; height: 40px; }
#home_link{ float: left; width: 150px; }
#home_sublink { float: left; width: 150px; }

#prices_container { float: left; width: 280px; height: 40px; }
#prices_link{ float: left; width: 280px; }
#prices_sublink { float: left; width: 280px; }

#features_container { float: left; width: 180px; height: 40px; }
#features_link{ float: left; width: 180px; }
#features_sublink { float: left; width: 180px; }

#demo_container { float: left; width: 180px; height: 40px; }
#demo_link{ float: left; width: 180px; }
#demo_sublink { float: left; width: 180px; }

#contact_container { float: left; width: 150px; height: 40px; }
#contact_link{ float: left; width: 150px; }
#contact_sublink { float: left; width: 150px; }

/*------------- END menu items */

/*------------- FOOTER items */
#footer { float: left; width: 940px; margin-top: 60px; height: 120px; border-top: solid 2px #ededed; }
#footer_links { float: left; width: 940px; margin-top: 20px; }
#footer_links a { font-family: arial, sans-serif; color: #8b8b8b; font-size: 14px; text-decoration: none; text-transform: uppercase; margin-right: 30px; }
#footer_links a:hover { color: #96c11f; }
#footer_social { float: left; margin-top: 20px; width: 940px; }
div.ipeak_container { float: right; margin: 0; padding: 0; }
#footer_links a.ipeak { font-family: arial, sans-serif; color: #8b8b8b; font-size: 14px; text-decoration: none; text-transform: none; margin-right: 0; }
#footer_links a.ipeak:hover { color: #96c11f; }

/*------------- END footer items */

/*------------- HOME items */
#home_banner { float: left; width: 940px; height: 360px; background:url(../images/home-banner.jpg) no-repeat; margin: 0; padding: 0; } 
#home_top_banner { float: left; width: 940px; height: 270px; padding: 0; margin: 0; } 
#home_column_1 { float: left; width: 500px; padding: 0; margin: 40px 0 0 0; }
#home_column_2{ float: right; width: 380px; padding: 0; margin: 40px 0 0 60px; }
#home_demo_advert { margin: 40px 0 0 0; width: 380px; }
div.quote { float: left; width: 50px }
.quote_text { float: left; width: 330px }
/*------------- END home items */

/*------------- PRICES items */
#prices_packages_banner { float: left; width: 940px; height: 230px; background:url(../images/prices-packages-banner.jpg) no-repeat; margin: 0; padding: 0; } 

/*------------- END prices items */

/*------------- DEMO items */
#demo_packages_banner { float: left; width: 940px; height: 230px; background:url(../images/demo-banner.jpg) no-repeat; margin: 0; padding: 0; } 

/*------------- END demo items */

/*------------- CONTACT items */
#contact_packages_banner { float: left; width: 940px; height: 230px; background:url(../images/contact-banner.jpg) no-repeat; margin: 0; padding: 0; } 

/*------------- END contact items *//*------------- CONTACT items */#faq_packages_banner { float: left; width: 940px; height: 230px; background:url(../images/faq-banner.jpg) no-repeat; margin: 0; padding: 0; } /*------------- END contact items */

/*------------- FEATURES items */
#features_banner { float: left; width: 940px; height: 230px; background:url(../images/features-banner.jpg) no-repeat; margin: 0; padding: 0; } 
#features_column_1 { float: left; width: 940px; height: 1690px; background:url(../images/features_bk.png) no-repeat; margin: 0; padding: 0; }
#features_wrapper { float: left; width: 940px; height: 1690px; margin: 20px 0 0 30px; padding: 0; }
.feature { float: left; width: 860px; height: 260px; margin: 10px 0 3px 0; padding: 0; }
.feature_image { float: left; width: 260px; height: 260px; margin: 0 0 0 30px; padding: 0; }
.feature_text { float: left; width: 520px; height: 200px; margin: 30px 0 0 40px; padding: 0;  }
.feature_text h1 { margin: 0 0 10px 0;  }
/*------------- END features items */

/*------------- CART items */
#basket_packages_banner { float: left; width: 940px; height: 230px; background:url(../images/basket-banner.jpg) no-repeat; margin: 0; padding: 0; } 
#basket { float: left; margin: 20px 0 0 0; width: 298px;  }
#extras { float: right; margin: 20px 0 0 20px; padding-left: 20px; width: 600px; border-left: 2px solid #ededed; }
.basket_image { text-align: center; margin: 0 auto; }
td.web_address { font-family: arial, sans-serif; color: #575656; font-size: 20px; line-height: 20px; }

/*------------- END cart items */

/*------------- WINDOW JQUERY items */



/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 8%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    height:80%;
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	overflow-y:scroll;
}

.jqmOverlay { background-color: #000; }



/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*------------- END window jquery items */