/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*                                                                        */
/*  Legal Centre                                                          */
/*  Copyright 2009                                                        */
/*                                                                        */
/*  Cascading Style Sheet                                                 */
/*                                                                        */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  Author: Colin MacDonald, Pure Innovation Limited                      */
/* ---------------------------------------------------------------------- */


/* ###################################### */
/* RESETING */
/* ###################################### */
li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  color:#00AEEF;
	text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
	font-weight: normal;
}

body
{
   background-color:  #FFFFFF;
}

h1 
{
	font-size: 2.3em;
	font-weight: normal;
	color: #007CBB;
	padding-bottom: 14px;
}

h2 
{
	position: relative;
	font-size: 1.6em;
  font-weight: normal;
	padding: 0 0 15px 20px;
	left: -20px;
	background: url(/images/h2_arrow.png) 0 3px no-repeat;
}

p
{
  margin-bottom: 17px;
	line-height: 17px;
}

/* ###################################### */
/* COMMON */
/* ###################################### */

.floatLeft {
	float: left;
}

.floatRight 
{
	float: right;
}

.marginTop5 
{
  margin-top: 5px;
}

.marginTop10 
{
  margin-top: 10px;
}

.marginTop20 {
  margin-top: 20px;
}

.marginTop30 {
  margin-top: 30px;
}

.marginTop40 {
  margin-top: 40px;
}

.marginLeft10 
{
  margin-left: 10px;
}

.marginLeft20 
{
  margin-left: 20px;
}

.marginLeft30 
{
  margin-left: 30px;
}

.marginLeft40 
{
  margin-left: 40px;
}

.marginRight10 
{
  margin-right: 10px;
}

.marginRight30 {
  margin-right: 30px;
}

.marginBottom10 
{
  margin-bottom: 10px;
}

.paddingTop10 
{
  padding-top: 10px;
}

.paddingRight10 
{
  padding-right: 10px;
}

.paddingTop18
{
	padding-top: 18px;
}

.paddingBottom18
{
  padding-bottom: 18px;
}

.clear 
{
	clear: both;
	line-height:0;
  font-size: 0;
	overflow: hidden; 
	width:100%;
}

.bold 
{
	font-weight: bold;
}

.big 
{
  font-size: 1.2em;
}

.white 
{
	color: #FFFFFF;
}

.blue
{
  color: #007CCB;
}

.darkBlue
{
  color: #007CCB;
}

.orange
{
  color: #FF6600;
}

.pink
{
	color: #CF286F;
}

.green
{
  color: #60AB17;
}

p.lead 
{
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	line-height: 20px;
        max-width: 650px;
}


/* ###################################### */
/* FLASH MESSAGES */
/* ###################################### */

div.flashMessage {
	padding: 10px 0 10px 0;
	color: #FFFFFF;
	font-weight: bold;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

div.flashMessage.success {
	background-color: #26A44D;
}

div.flashMessage.error {
  background-color: #E03E3E;
}

/* ###################################### */
/* ARROW BANNER (Price / Subscription etc) */
/* ###################################### */

div.arrowBanner
{
	float: right;
	width: 319px;
	height: 43px;
	background: url(/images/arrow_banner_small_bg.png) no-repeat;
}


div.arrowBanner span.whiteText {
	float:left;
	clear: both;
	width: 100%;
	font-size: 1.5em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 10px 0 0 50px;
}

div.arrowBanner span.whiteText span.small {
	font-size: 0.8em;
}

div.arrowBanner span.blueText {
	float:left;
  clear: both;
	width: 100%;
	font-size: 1.5em;
  font-weight: normal;
  color: #03B8FC;
	margin: 23px 0 0 50px;
}

/* ###################################### */
/* FORMS */
/* ###################################### */

ul.form
{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.form li
{
	padding: 5px 0 5px 0;
	float: left;
	clear:both;
}

ul.form li label
{
	float: left;
	font-weight: bold;
	margin-top: 8px;
  margin-right: 10px;
	width: 180px;
}

ul.form li span.help
{
	float: left;
	clear: both;
	margin: 5px 0 10px 191px;
}

ul.form img#captcha_img {
  position: relative;
  left: 180px;
}

input.text, textarea 
{
  width: 232px;
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #007CBC;
	padding: 6px 4px 4px 4px;
}

textarea.text {
  border: 1px solid #0066CC;
}

input.text 
{
	border: 1px solid #0066CC;
	height: 19px;
}

input.checkbox {
  height: 15px;
  width: 15px;
  margin-top: 7px;
  margin-bottom: 7px;
}

input.greyBorder 
{
  border: 1px solid #CDCDCD !important;
}

input.hiddenSubmit
{
	position: absolute;
	top: -5000px;
	left: -5000px;
}

/* errors */

ul.error_list 
{
	width: 100%;
	padding: 5px 0 5px 16px;
  margin: 0;
	list-style: disc;
}

ul.error_list li 
{
  color: #E03E3E;
	padding: 0;
	margin: 0;
}

/* ###################################### */
/* BUTTONS */
/* ###################################### */

/* Border Buttons */

a.borderButton 
{
  display: block;
  color: #FFFFFF !important;
  text-decoration: none;
  outline: 0px;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
}

a.borderButton span.buttonLeft 
{
  display: block;
  float: left;
  clear: none;
  height: 33px;
  padding: 1px 5px 0 14px;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/button_border_left.png);
  cursor: pointer;
}

a.borderButton span.buttonTitle 
{
	float: left;
}

a.borderButton span.buttonRight 
{
  display: block;
  float: left;
  clear: none;
	width: 7px;
  height: 33px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/images/button_border_right.png);
  cursor: pointer;
}

/* Orange Buttons */

a.orangeButton 
{
  display: block;
  color: #FFFFFF !important;
  text-decoration: none;
  outline: 0px;
  font-size: 12px;
  font-weight: bold;
  line-height: 23px;
}

a.orangeButton span.buttonLeft 
{
  display: block;
  float: left;
  clear: none;
  height: 26px;
  padding: 1px 0px 0 10px;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/button_orange_left.png);
  cursor: pointer;
}

a.orangeButton span.buttonTitle 
{
  float: left;
}

a.orangeButton span.buttonRight 
{
  display: block;
  float: left;
  clear: none;
  width: 6px;
  height: 26px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/images/button_orange_right.png);
  cursor: pointer;
}

/* Blue Buttons */

a.blueButton 
{
  display: block;
  color: #FFFFFF !important;
  text-decoration: none;
  outline: 0px;
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
}

a.blueButton span.buttonLeft 
{
  display: block;
  float: left;
  clear: none;
  height: 26px;
  padding: 1px 0px 0 10px;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/button_blue_left.png);
  cursor: pointer;
}

a.blueButton span.buttonTitle 
{
  float: left;
  white-space: nowrap;

}

a.blueButton span.buttonRight 
{
  display: block;
  float: left;
  clear: none;
  width: 5px;
  height: 26px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/images/button_blue_right.png);
  cursor: pointer;
}

/* Blue Big Buttons */

a.blueBigButton 
{
  display: block;
  color: #FFFFFF !important;
  text-decoration: none;
  outline: 0px;
  font-size: 15px;
  font-weight: bold;
  line-height: 28px;
}

a.blueBigButton span.buttonLeft 
{
  display: block;
  float: left;
  clear: none;
  height: 31px;
  padding: 1px 0px 0 10px;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/button_blue_big_left.png);
  cursor: pointer;
}

a.blueBigButton span.buttonTitle 
{
  float: left;
}

a.blueBigButton span.buttonRight 
{
  display: block;
  float: left;
  clear: none;
  width: 5px;
  height: 31px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/images/button_blue_big_right.png);
  cursor: pointer;
}

/* Pink Big Buttons */

a.pinkBigButton 
{
  display: block;
  color: #FFFFFF !important;
  text-decoration: none;
  outline: 0px;
  font-size: 15px;
  font-weight: bold;
  line-height: 28px;
}

a.pinkBigButton span.buttonLeft 
{
  display: block;
  float: left;
  clear: none;
  height: 31px;
  padding: 1px 0px 0 10px;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/button_pink_big_left.png);
  cursor: pointer;
}

a.pinkBigButton span.buttonTitle 
{
  float: left;
}

a.pinkBigButton span.buttonRight 
{
  display: block;
  float: left;
  clear: none;
  width: 5px;
  height: 31px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/images/button_pink_big_right.png);
  cursor: pointer;
}

/* Pink Border Buttons */

a.pinkBorderButton 
{
  display: block;
  color: #FFFFFF !important;
  text-decoration: none;
  outline: 0px;
  font-size: 13px;
  font-weight: bold;
  line-height: 28px;
}

a.pinkBorderButton span.buttonLeft 
{
  display: block;
  float: left;
  clear: none;
  height: 30px;
  padding: 1px 0px 0 10px;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/button_pink_border_left.png);
  cursor: pointer;
}

a.pinkBorderButton span.buttonTitle 
{
  float: left;
}

a.pinkBorderButton span.buttonRight 
{
  display: block;
  float: left;
  clear: none;
  width: 5px;
  height: 30px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/images/button_pink_border_right.png);
  cursor: pointer;
}

/* White Buttons */

a.whiteButton 
{
  display: block;
  color: #0D81B5 !important;
  text-decoration: none;
  outline: 0px;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
}

a.whiteButton span.buttonLeft 
{
  display: block;
  float: left;
  clear: none;
  height: 26px;
  padding: 1px 5px 0 10px;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(/images/button_white_left.png);
  cursor: pointer;
}

a.whiteButton span.buttonTitle 
{
  float: left;
}

a.whiteButton span.buttonRight 
{
  display: block;
  float: left;
  clear: none;
  width: 5px;
  height: 26px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(/images/button_white_right.png);
  cursor: pointer;
}

/* Icons */

span.buttonLeft span.iconSpan
{
	margin: 0;
	padding: 0;
} 

span.buttonIcon 
{

  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  margin: 5px 0 0 3px !important;
}

span.buttonIcon.iconBasket 
{
	background-image: url(/images/button_icon_basket.png);
}


/* ###################################### */
/* "FREE" ROSETTES */
/* ###################################### */

div.rosette
{
  width: 65px;
  height: 66px;
}

div.rosette.freeOrange
{
  background: url(/images/rosette_free_orange.png) no-repeat;
}

div.rosette.freeGreen
{
  background: url(/images/rosette_free_green.png) no-repeat;
}

div.rosette.freePink
{
  background: url(/images/rosette_free_pink.png) no-repeat;
}


/* ###################################### */
/* "ONLY £150" ROSETTE */
/* ###################################### */

div.rosetteOnly150Blue
{
  width: 69px;
  height: 69px;
  background: url(/images/rosette_only_150_blue.png) no-repeat;
}

div.rosetteOnly150Pink
{
  width: 69px;
  height: 69px;
  background: url(/images/rosette_only_150_pink.png) no-repeat;
}

/* ###################################### */
/* BLANK ROSETTE */
/* ###################################### */

div.rosetteBlankPink
{
	width: 69px;
  height: 69px;
	padding-top: 18px;
  background: url(/images/rosette_blank_pink.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
/* ###################################### */
/* HEADER */
/* ###################################### */

div.header
{
  width: 100%;
  height: 120px;
  background: url(/images/header_bg.png);
}

div.header img#header_logo 
{
	float: left;
  margin-top: 8px;
}


/* Login & Basket Button Area */

div.header div.loginBasket 
{
	float: right;
	position: relative;
}

div.header div.loginBasket img.headerSeparatorGrad 
{
	float: left;
	margin: 0 10px 0 10px;
}


/* Login Form */

div.header div.loginBasket form 
{
	float: left;
}

div.header div.loginBasket ul.loginFormHeader 
{
	float: left;
	list-style: none !important;
	padding: 0;
	margin: 5px 0 0 0;
}

div.header div.loginBasket ul.loginFormHeader li 
{
	float: left;
	padding-right: 16px;
}

div.header div.loginBasket ul.loginFormHeader li.last 
{
	padding-right: 0;
}

div.header div.loginBasket ul.loginFormHeader input.text.username 
{
  width: 163px;
  background-image: url(/images/form_input_username_bg.png);
}

div.header div.loginBasket ul.loginFormHeader input.text.password 
{
  width: 163px;
  background-image: url(/images/form_input_password_bg.png);
}

div.header div.loginBasket a.forgottenPassword
{
  position: absolute;
  top: 40px;
  right: 215px;
  color: #B3E6FA;
  font-weight: normal;
}
div.header div.loginBasket a.register 
{
  position: absolute;
  top: 40px;
  right: 405px;
  color: #B3E6FA;
  font-weight: normal;
}

div.header div.loggedInMessage 
{
	float: left;
	margin: 18px 10px 0 0;
}

/* Search Form */

div.header div.search 
{
	float: right;
  margin-top: 10px;
	width: 271px;
	height: 47px;
	background: url(/images/header_search_bg.png) no-repeat;
	font-weight: normal;
	color: #BFBEBE;
}

div.header div.search ul.searchFormHeader 
{
  float: left;
  list-style: none !important;
  padding: 0;
  margin: 11px 0 0 20px;;
}

div.header div.search ul.searchFormHeader li 
{
  float: left;
}

div.header div.search ul.searchFormHeader li input.text
{
	width: 163px;
	height: 14px;
	margin-right: 5px;
}

div.header div#help_text
{
	float: right;
	padding-top: 13px;
	margin-right: 10px;
	font-size: 0.9em;
}

div.header div#help_text span
{
  font-size: 1.1em;
}

div.header div.search a
{
	color: #BFBEBE;
}

/* Home Icon */

div.header a.iconHome {
  float: right;
  clear: right;
  margin: 3px 0 0 10px;
}

div.header #for_solicitors_link {
    background: url(/images/header_green_bar.png) no-repeat center top;
    height: 30px;
    color: #ffffff;
    text-align: center;
    width: 300px;
    padding: 5px;
    float: left;
}

div.header #for_solicitors_link a {
    color: #ffffff !important;
}

/* ###################################### */
/* MAIN MENU */
/* ###################################### */

div.mainMenu 
{
	position: relative;
	height: 35px;
	width: 100%;
	background-color: #1a5372;
}

div.mainMenu ul 
{
    position: absolute;
    list-style: none !important;
    bottom: 0;
    margin: 0;
    padding: 0;
}

div.mainMenu ul li
{
  float: left;
  height: 47px;
}

div.mainMenu ul li a
{
  float: left;
  font-size: 1.5em;
  font-weight: normal;
  display: block;
  height: 29px;
  color: #FFFFFF;
  margin-top:12px;
  padding: 6px 12px 0 12px;
}

div.mainMenu ul li a.selected 
{
    color: #1a5271;
    background: #c0e2f4
}

div.mainMenu ul li a span.tabLeft
{
    float: left;
    display: block;
    clear: none;
    height: 0;
    padding: 0 8px 0 19px;
    cursor: pointer;
}

div.mainMenu ul li a.selected span.tabLeft
{
    height: 29px;
    padding: 18px 8px 0 19px;
}

div.mainMenu ul li a.selected span.tabLeft
{
    background: url(/images/tab_left.png) top left no-repeat;
}

div.mainMenu ul li a span.tabRight
{
    float: left;
    display: block;
    width: 11px;
    height: 0px;
    cursor: pointer;
}

div.mainMenu ul li a.selected span.tabRight
{
    height: 47px;
}

div.mainMenu ul li a.selected span.tabRight
{
    background: url(/images/tab_right.png) top right no-repeat;
}

#header_search_form input.text {
    border: 3px solid #c0e2f4;
    margin: 19px 0 0 15px;
    height: 14px;
    padding: 1px 5px;
    width: 190px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#header_search_form .searchButton {
    background: url(/images/find.png) no-repeat center #c0e2f4;
    margin: 19px 0 0;
    border: none;
    width: 26px;
    height: 22px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
}


/* ###################################### */
/* BANNER ADVERTISING */
/* ###################################### */

#banner_adverts {
    background: #00AEEF;
    border:1px solid #FFFFFF;
    height:60px;
    width:468px;
    text-align:center;
    float: right;
    margin-right: 80px;
    overflow: hidden;
}

#banner_adverts a {
    display: block;
    font-size: 1.5em;
}

/* ###################################### */
/* SUBMENUS */
/* ###################################### */

#subMenu 
{
  float: left;
  width: 100%;
}

#subMenu ul 
{
  padding: 0;
  margin: 0;
  list-style: none !important;
}

#subMenu ul li 
{
  float: left;
  white-space: nowrap;
}

#subMenu ul li.separator
{
  padding: 10px 2px 0 2px;
  color: #CECCCC;
  height: 27px;
}

#subMenu ul li a 
{
  font-size: 1.3em;
  color: #FFFFFF;
  line-height: 37px;
  padding: 2px 10px 2px 10px;
}

#subMenu ul li a.selected {
  background-color: #333333;
}

.subMenupink 
{
  background: url(/images/submenu_pink_bg.png) repeat-x;
}

.subMenugreen 
{
  background: url(/images/submenu_green_bg.png) repeat-x;
}

/* ###################################### */
/* SEARCH RESULTS */
/* ###################################### */

.searchPagination {
  margin-right: 50px;
}

/* ###################################### */
/* CONTENT CONTAINERS & LAYOUT COLUMNS */
/* ###################################### */

div.content 
{
  width: 100%;
  background: url(/images/content_bg.png) repeat-x;
  min-height: 200px;
  padding: 0 0 33px 0;
}

div.centerContent
{
  width: 996px;
	_width: 1024px; /* IE6 only */
  margin: 0 auto;
}

div.fullWidthColumn
{
  float: left;
  clear: both;
  width: 996px;
	_width: 1024px; /* IE6 only */
}

div.twoThridsWidthColumn
{
  float: left;
  width: 664px;
}

div.oneThridWidthColumn
{
  float: left;
  width: 332px;
}

div.threeQuaterWidthColumn
{
	float: left;
  width: 723px;
	margin-right: 24px;
}

div.oneQuaterWidthColumn
{
	float: left;
	position: relative;
  width: 249px;
}

/* ###################################### */
/* FOOTER */
/* ###################################### */

div.footer 
{
  width: 100%;
  height: 199px;
  background: url(/images/footer_bg.png) repeat-x;
}

/* title */

div.footer div.footerTitle
{
	float: left;
	height: 27px;
	clear: both;
	font-size: 1.4em;
	color: #FFFFFF;
}

div.footer div.footerTitle span.footerTitleLeft
{
	float: left;
  height: 27px;
	padding: 3px 5px 0 8px;
  background: url(/images/footer_title_left.png) no-repeat;
}

div.footer div.footerTitle span.footerTitleRight
{
	float: left;
	width: 5px;
  height: 27px;
  background: url(/images/footer_title_right.png) no-repeat;
}

/* navigation */

div.footer div.navigation
{
	float: left; 
	clear: both;
	width: 100%;
	height: 140px;
}

div.footer div.navigation ul
{
  float: left; 
  margin-top: 20px;
	padding: 0;
	list-style: none;
}

div.footer div.navigation ul li
{
	margin-bottom: 10px;
}

div.footer div.navigation ul li a
{
  color: #FFFFFF;
	font-weight: bold;
}

div.footer div.navigation div.logos
{
  float: right;
	margin-top: 20px;
	color: #FFFFFF;
}

/* copyright */

div.footer div.copyright
{
	float: left;
	clear: both;
	color: #FFFFFF;
}

/*
  #################
  Order table
  #################
*/

table.orderTable {
}

table.orderTable td {
  border: 0px !important;
}


/* Will Templates Ad */

div#will_templates_ad {
  background: transparent url('/images/ads/willtemplates.gif') no-repeat top left;
  width: 300px;
  height: 250px;
  float: right; clear: none;
  margin: 0px 0px 10px 10px;
  position: relative;
}

div#will_templates_ad div.ad_title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 15px;
  left: 23px;
}

div#will_templates_ad div.ad_lead {
  color: #528D08;
  font-size: 18px;
  position: absolute;
  top: 72px;
  left: 20px;
}

div#will_templates_ad div.ad_sub {
  color: #007CCB;
  font-size: 14px;
  position: absolute;
  top: 135px;
  left: 20px;
}

div#will_templates_ad div.ad_price {
  color: #CF286F;
  text-align: center;
  width: 123px;
  height: 64px;
  font-size: 14px;
  position: absolute;
  bottom: 15px;
}

div#will_templates_ad div.ad_price span.price {
  font-size: 18px;
}

div#will_templates_ad div.ad_price_1 {
  left: 15px;
}

div#will_templates_ad div.ad_price_2 {
  right: 15px;
}

div#will_templates_ad a {
  background: transparent url('/images/ads/viewnow.png') no-repeat top left;
  display: block;
  width: 79px;
  height: 22px;
  position: absolute;
  bottom: 0px;
  left: 22px;
  z-index: 10;
}

a.pinkRaquo:after {
    content: ' »';
    color: #CF286F;
    font-size: 1.1em;
}

ul.twoCols li {
    float: left;
    width: 130px;
}

ul.ticks {
    list-style: url(/images/blue_tick.png);
    font-size: 1.1em;
}

ul.orangeTicks {
    list-style: url(/images/orange_tick.png);
    font-size: 1.1em;
    line-height: 1.6em;
}


.quote {
    color: #CF286F;
}
.quote:before {
    content: url(/images/open_quote.png);
    display: block;
    clear: both;
    height: 25px;
}
.quote:after {
    content: url(/images/close_quote.png);
    display: block;
    clear: both;
    height: 25px;
    margin-right: 10px;
    text-align: right;
}

.greenScrollableSidebar {
    float: left;
    background: url(/images/green_scrollable_side_bar.jpg) no-repeat 0 0;
    width: 304px;
    height: 400px;
    margin-left: 20px
}

.narrowerForm label {
    width: 130px !important;
}

.narrowerForm .text {
    width: 220px;
}

.greenScrollableSidebar h3 {
    color: #ffffff;
    margin: 15px 25px;
}

.greenScrollableSidebar .middle {
    margin-top: 8px;
    padding: 20px 25px;
}

.greenScrollableSidebar .middle p {
    color: #666666;
}

.fiveReasonsGreen, .fiveReasonsMagenta { height: 300px; position: relative; }
.fiveReasonsGreen { background: url(/images/Five-Reasons-Green.png) no-repeat top center; }
.fiveReasonsMagenta { background: url(/images/Five-Reasons-Magenta.png) no-repeat top center; }

.fiveReasonsGreen h3,.fiveReasonsMagenta h3 {
    color: #007CCB;
    padding: 25px 90px 10px 20px;
    font-size: 1.65em !important;
}

.fiveReasonsGreen ul.ticks,.fiveReasonsMagenta ul.ticks {
    padding: 0 20px 0 40px;
    font-size: 1.05em;
    color: #539d0a;
    margin: 0;
}

.fiveReasonsGreen h4,.fiveReasonsMagenta h4 {
    position: absolute;
    bottom: 28px;
    color: #ffffff;
    padding:0 50px 0 20px;
    font-size: 1.3em;
}

.videoBox { float: left; width: 140px; height: 120px; margin: 10px 10px 10px 0; }
.videoBox h4 { margin-top: 100px; }

.topOutline { background: url(/images/top_outline.png) no-repeat top center; padding:20px 10px; margin-left: -10px; }
.topOutline h2 { background: none; }
ul.threeCols { padding: 0; }
.threeCols li { float: left; list-style: none; width: 220px; line-height: 2em; }