body{
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
}

h1 {
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 1.2em;
display: block;
height: 17px;
margin: -15px 0 0 10px;
padding: 0 0 0 5px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #000000;
display: block;
height: 17px;
/*margin: 0 0 -15px 0;*/
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #000000;
display: block;
height: 17px;
margin: 0 0 0 0;
}

.orange_heading {
padding: 6px 0 0 8px;
background-color: #f26422;
height: 20px;
width: 495px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;	
}

.orange_heading h1 {
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
display: block;
height: 20px;
margin: 0 0 0 0;
}

.orange_heading_content {
padding: 6px 0 0 8px;
background-color: #f26422;
height: 20px;
width: 100%;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;	
}

.orange_heading_content h1 {
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
display: block;
height: 20px;
margin: 0 0 0 0;
}

.grey_heading {
padding: 6px 0 0 8px;
background-color: #CCC;
height: 20px;	
}

.grey_heading h2 {
font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
display: block;
height: 20px;
margin: 0 0 0 0;
}


.blackHeading12 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; }
.blackText12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.greyText12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.greyHeading12 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #666666; }
.whiteText12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.whiteHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}



.GreenLink A:link {font-size: 10pt; font-family: arial, helvetica, verdana; font-weight: 400; text-decoration: none; color: #99CC00;}
.GreenLink A:visited {font-size: 10pt; font-family: arial, helvetica, verdana; font-weight: 400; text-decoration: none; color: #99CC00;}
.GreenLink A:active {font-size: 10pt; font-family: arial, helvetica, verdana; font-weight: 400; text-decoration: none; color: #99CC00;}
.GreenLink A:hover {font-size: 10pt; font-family: arial, helvetica, verdana; font-weight: 400; text-decoration: underline; color: #99CC00;}

.GreyLink A:link {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: none; color: #999999;}
.GreyLink A:visited {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: none; color: #999999;}
.GreyLink A:active {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: none; color: #999999;}
.GreyLink A:hover {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: underline; color: #999999;}

.WhiteLink A:link {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: none; color: #FFFFFF;}
.WhiteLink A:visited {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: none; color: #FFFFFF;}
.WhiteLink A:active {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: none; color: #FFFFFF;}
.WhiteLink A:hover {font-size: 8pt; font-weight: 300; font-family: arial, helvetica, verdana; text-decoration: underline; color: #FFFFFF;}


.footer_divider {
margin-left: 10px;
}

.GreyLink {
padding: 0 0 0 10px;
}

.modified {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #c7c7c7;
padding: 0 0 0 10px;
}

.primary_image {
float: left;
margin: 0 15px 30px 0;
}

#steps_container {
width: 800px;
}

#steps_container img {
float: left;
margin: 40px 0 0 0;
}

.rounded_a {
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width: 90px;
height: 80px;
padding: 20px 10px 10px 10px;
text-align: center;
color: #FFF;
font-size: 1.3em;
font-weight: bold;
margin: 0 15px 40px 0;
background-color: #E20B0B;
}

.rounded_b {
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width: 90px;
height: 80px;
padding: 18px 10px 10px 10px;
text-align: center;
color: #FFF;
font-size: 1.3em;
font-weight: bold;
margin: 0 15px 40px 15px;
background-color: #D8570B;
}

.rounded_c {
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width: 90px;
height: 80px;
padding: 20px 10px 10px 10px;
text-align: center;
color: #FFF;
font-size: 1.3em;
font-weight: bold;
margin: 0 15px 40px 15px;
background-color: #977200;
}

.rounded_d {
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width: 90px;
height: 80px;
padding: 20px 10px 10px 10px;
text-align: center;
color: #FFF;
font-size: 1.3em;
font-weight: bold;
margin: 0 15px 40px 15px;
background-color: #98CB00;
}

.rounded_e {
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
width: 90px;
height: 80px;
padding: 18px 10px 10px 10px;
text-align: center;
color: #FFF;
font-size: 1.3em;
font-weight: bold;
margin: 0 0 40px 15px;
background-color: #0BB6D8;
}

div.clearer {
clear: left;
line-height: 0;
height: 0;
}


.tick {
list-style-image: url(images/tick.png);
}

.tick li {
padding-left: 10px;
}

.ui-jcoverflip {
position: relative;
}
      
.ui-jcoverflip--item {
position: absolute;
display: block;
}

/* Cover flip styles */

      .ui-jcoverflip {
        position: relative;
      }
      
      .ui-jcoverflip--item {
        position: absolute;
        display: block;
      }
      
      /* Basic sample CSS */
      #flip {
height: 330px;
width: 850px;
margin-left: -100px;
overflow:hidden;
      }
      
#flip .ui-jcoverflip--title {
position: absolute;
        bottom: 310px;
        width: 100%;
        text-align: center;
        color: #555;
margin: 0 0 0 0;
left: 30px;
      }
      
      #flip img {
        display: block;
        border: 0;
        outline: none;
cursor: pointer;
      }
      
      #flip a {
        outline: none;
      }
      
      
      #wrapper {
        height: 400px;
        width: 810px;
        overflow: hidden;
      }
      
      


	
.small_caption {
display: block;
text-align: center;
font-size: .7em;
color: #c9c9c9;
}

.more_arrow {
position: relative;
top: 275px;
left: 570px;
}

.more_arrow_left {
position: relative;
top: 275px;
left: 120px;
}