﻿/* THAMES VALLEY HOUSING */
/* AUTHOR: HUGO & CAT LTD */
/* VERSION: 1.0 */
/* BASE STYLES */

body {
	/* font:normal 62.5%/1.7em Arial, Tahoma, Helvetica, sans-serif; */
	
	color:#666;
	margin:0 0 0 0;
	padding: 0;	
}

body {
    font: normal 62.5%/1.7em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a, a:visited {
    color:#368fd1;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

strong {
    font-weight:bold;
}

p, blockquote{
    margin: 0 0 15px 0;
}

h1, h2, h3, h4 {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
}

h1 {
    font-size: 2.3em;
}

h2 {
}

h3 {

}

ol {
    margin: 0 0 15px 0;
}

ol ol {
    margin: 10px 0 10px 0;
}

ol li{
    list-style: decimal;
    margin: 0 0 10px 25px
}

input, textarea {
    color: #666;
    font-size: inherit;
    font-family: inherit;
}

hr {
    height: 1px;
    border: 0;
    background: transparent url(../images/dash.gif) repeat-x 0 0;
    margin: 0 0 15px 0;
    color: #fff;
}

/* END BASE STYLES */


/* GENERIC STYLES */

.text_large {
    margin: 0 0 15px 0;
    font-size: 1.2em;
    color: #004B85;
}

.printonly {
    display:none;
}

.bottom {
    margin-bottom :0 !important;
    border:0 !important;
}

.dashes_bottom {
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.fright {
    float:right;
}   

.fleft {
    float:left;
}   


strong.large{
    display:block;
    font-size: 1.5em;
    margin: 5px 0 0 0;
}   

.errorcolor {
    color: #790000;
}

.large {
    font-size: 1.2em;
    font-weight:bold;
}

/* END GENERIC STYLES */




.wrapper {
    font-size: 1.2em;
    width: 1024px;
    margin:auto;
    /* background: transparent url(../images/wrapper_bg.gif) repeat-x 0 0; */
}



/* HEADER STYLES */

.header {
}

.header .rhs{
    float:right;
    margin: 10px 28px 0 0;
}


.header .rhs .languages{
    margin: 0 0 15px 0;
    height: 70px;
    overflow:hidden;
}
.header .rhs .languages a{
    display:block;
    color: #999999;
    font-size: 0.9em;
}

.header .rhs .languages a.selected{
    color: #368fd1
}

.header .rhs .languages .size{
    float:left;
    margin: 0 10px 0 0;
    padding: 0 40px 0 0;
    background: transparent url(../images/dash_vertical.gif) repeat-y 100% 0;
    height: 55px;
}

.header .rhs .languages em{
    display:block;
    position: absolute;
    left: -10000px;
}

.header .rhs .languages .size a{
    display:block;
    float:left;
    text-indent: -6000px;
    margin: 0 3px 0 0;
}

.header .rhs .languages .size .small{
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: transparent url(../images/size_1.gif) no-repeat 0 0;
    margin-top: 7px;
    
}
.header .rhs .languages .size .medium{
    width: 16px;
    height: 18px;
    line-height: 18px;
    background: transparent url(../images/size_2.gif) no-repeat 0 0;
    margin-top: 3px;
}
.header .rhs .languages .size .large{
    width: 19px;
    height: 21px;
    line-height: 21px;
    background: transparent url(../images/size_3.gif) no-repeat 0 0;
}

.header .rhs .languages .size a:hover, .header .rhs .languages .size a.selected {
    background-position: 0 100%;
}   

.header .rhs .languages .c_1{
    float:left;
    width: 60px;
    padding: 0 0 0 0;
    margin: 0 10px 0 0;
    background: transparent url(../images/dash_vertical.gif) repeat-y 100% 0;
    height: 55px;
}
.header .rhs .languages .c_2{
    float:left;
    width: 60px;
    height: 55px;
}
.header .rhs .languages .c_3{
    float:left;
    width: 78px;
    padding: 0 0 0 10px;
    background: transparent url(../images/dash_vertical.gif) repeat-y 0 0;
    height: 55px;
}
.header .rhs .graphic {
    height: 45px;
    background: transparent url(../images/header_houses_bg.gif) no-repeat 55% 0;
    text-indent: -6000px;
    margin: 0 0 0 0;
    width: 250px;
    display:none;
}



.header .logo{
    background: transparent url(../images/logo_bg.gif) repeat-x 0 0;
    display:block;
    width: 345px;
    height: 97px;
    text-indent: -6000px;
    margin: 25px 0 5px 28px;
    float:left;
}


.header .subnavigation{
    clear:both;
    text-align: right;
    margin: 0 27px 10px 0;  
}

.header .subnavigation a{
    color: #999;
    padding: 0 8px 0 5px;
    background: transparent url(../images/dash_vertical.gif) repeat-y 100% 0;
    font-size: 0.9em;
    font-weight:bold;
}

.header .subnavigation .selected a{
    color: #368fd1;
}

.header .subnavigation a.last{
    background: none;
    padding-right: 0;
}

.header .subnavigation li{
    display:inline;
}


.header .navigation {
    background: #f2f2f2;
    margin: 0 0 15px 0;
}

.header .navigation ul{
    padding: 5px 0 5px 0px;
    margin: 0 26px 0 16px;
}

.header .navigation li{
    display:inline;
}
.header .navigation li a{
    color: #666;
    display:block;
    float:left;
    padding: 0 13px 0 0;
    height: 26px;
    line-height: 26px;
    font-weight:bold;
    background: transparent url(../images/navigation_divider_bg.gif) no-repeat 100% 55%;    
}

.header .navigation li a.last{
    background: none;
}


.header .navigation li a span{
    display:block;
    padding: 0 0 0 10px;    
}
.header .navigation li.selected a{
    color: #368fd1;

}
.header .navigation li.selected a span{
}

.header .navigation .search{
    float:right;
    margin: 6px 0px 0 0;
    padding: 0 27px 0 0;
    width: 230px;
    font-size: 0.9em;
}

.header .navigation .search .input_field{
    width: 130px;
    color: #000;
    float:left;
    margin: 2px 6px 0 0;
}

.header .navigation .search .submit_field{
    float:left;
    width: 37px;
    margin: 1px 0 0 0;
    
}

.header .navigation .search .label_field{
    float:left;
    
    margin: 3px 6px 0 0;
}


/* END HEADER STYLES */


/* BREADCRUMB STYLES */

.breadcrumb {
    margin: 0 26px 15px 26px;
    font-size: 0.9em;
}

.breadcrumb li{
    display:block;
    float:left;
    margin: 0 5px 0 0;
}

.breadcrumb a{
    padding: 0 0 0 8px;
    background: transparent url(../images/icon_breadcrumb.gif) no-repeat 0 50%;
    display:block;
    float:left;
    color: #004b85;
}

.breadcrumb a.first{
    padding: 0;
    background: none;
}

/* END BREADCRUMB STYLESS */



/* CONTENT STYLES */

.content {
    margin: 0 26px 15px 26px;
}


/* LEFT HAND SUB NAVIGATION */

.secondarynavigation {
    width: 230px;
    background: #fff url(../images/dash.gif) repeat-x 0 0;
    float:left;
    margin: 0 15px 0 0;
}

.secondarynavigation p{
    margin: 0 !important;
    padding: 0 !important;
    border:1px solid red;
}

.secondarynavigation ul{
    list-style:none !important;
}

.secondarynavigation ul ul{
    background: transparent url(../images/dash.gif) repeat-x 0 0;
    padding-top: 1px;
}

.secondarynavigation ul ul ul{
    background: none;
    padding: 0;
    padding-bottom: 5px
}

.secondarynavigation li{
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    list-style:none !important;
}

.secondarynavigation li li li{
    background: none;
}

.secondarynavigation ul ul li{
    padding-left: 14px;
}

.secondarynavigation li a{
    display:block;
    margin: 2px 0 3px 2px;
    padding: 0 12px 0px 0;
    height: 20px;
    line-height: 20px;  
    font-size: 0.9em;
    cursor: pointer;
    overflow:hidden;
}

.secondarynavigation li li li a{
    margin: 0 0 5px 0px;
    height: 12px;
    line-height: 12px;
    color: #666;
}

.secondarynavigation li li li a.selected{
    color: #333;
}

.secondarynavigation li a:hover{
}

.secondarynavigation li a span{
    display:block;
  
    padding: 0 0 0 5px;
}

.secondarynavigation a.selected{
    /* background: transparent url(../images/sub_navigation_right_bg.gif) no-repeat 100% 0; */
    color: #004b85;
}

.secondarynavigation li.selected a span{
    /* background: transparent url(../images/sub_navigation_left_bg.gif) no-repeat 0 0; */
}



.secondarynavigation li.last{
    background: none;
}



.column_login_left .secondarynavigation li.selected a {
    color: #004b85;
}



.column_login_form {
    width: 230px;
    background: #f2f2f2;
    margin: 0 0 15px 0;
    padding: 10px 0 10px 0;
}

.column_login_left {
    width: 230px;
    background: #f2f2f2;
    margin: 0 15px 0 0;
    float:left;  
}

.column_login_left .panel{
    margin: 10px;
}

.column_login_left .panel h3{
    font-weight:bold;
    font-size: 1.1em;
    margin: 0 0 5px 0;
}

.column_login_left .column_login_form{
    border:0;
}


.column_login_left .column_login_form{
    padding: 0; 
}

.column_login_left .column_login_form h2{
    font-size: 1.9em;
}
.column_login_left .column_login_form .copy{
    font-size: 0.9em;
}
.column_login_left .column_login_form h4{
    font-size: 1.4em;
    color: #004b85;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}
.column_login_left .column_login_form ul{
    margin: 0 0 10px 0;
}

.column_login_left .column_login_form li{
    background: transparent url(../images/bp_1.gif) no-repeat 0 0.7em;
    padding: 0 0 0 10px;
}



.column_login_form .copy{
    margin: 10px;
}

.column_login_form .input_field{
    color: #000;
    width: 80%;
}

.column_login_form h2{
    font-size: 1.6em;
    color: #004b85;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.column_login_form .error_color{
    
}

.column_login_form .error_color ul{
    margin: 0 0 15px 0;
}

.column_login_form .error_color li, .column_login_form .error_summary{
   padding: 0 0 0 28px !important;
   background: none;
   color: #fff !important;
   height: 27px;
   line-height: 27px;
   background: transparent url(../images/error_small_bg.gif) no-repeat 0 0 !important;
   margin: 0 0 10px 0;
   width: 175px;
   display:block;
}

.column_login_form .error_summary{
    margin: 0 0 15px 0;
}


/* END LEFT HAND SUB NAVIGATION */


/* RIGHT COLUMN */

.content .column_right{
    float:right;
    width: 232px;
    font-size: 0.9em;
}

.content .column_right p {
    margin: 0 0 10px 0;
}

.content .column_right p.large_margin {
    margin: 0 0 20px 0;
}

.content .column_right p.twocolumn {
    margin: 0 0 3px 0
}

.content .column_right p.twocolumn span.c_1{
    display:block;
    float:left;
    width: 60%;
}

.content .column_right p.twocolumn span.c_2{
    display:block;
    float:left;
    width: 40%;
}

.content .column_right p.twocolumn .c_1{
    font-weight:bold;
}

.content .column_right ul{
    margin: 0 0 10px 0;
}

.content .column_right li{
    background: transparent url(../images/bp_1.gif) no-repeat 0 0.7em;
    padding: 0 0 0 10px;
}

.content .column_right h2{
    font-size: 1.9em;
    color: #004b85;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.content .column_right h3{
    font-size: 1.5em;
    color: #004b85;
    padding: 5px 10px 5px 10px;
    margin: 0 0 10px 0;
    background: #f2f2f2;
}

.content .column_right h4{
    font-size: 1.4em;
    color: #004b85;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.content .column_right .copy{
    margin: 0 10px 0 10px;
}

.content .column_right .input_field{
    color: #000
}

.content .column_right .panel{
    margin: 0 0 20px 0;
}

.content .column_right .panel_grey{
    background: #f2f2f2;
    padding: 10px;
    color: #333;
}


.content .column_right .panel_tools{
	background: #368fd1;
    padding: 10px;
    color: #fff;
}

.content .column_right .panel_tools h3{
    background: transparent url(../images/dash_grey.gif) repeat-x 0 100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    color: #fff;
}
.content .column_right .panel_tools p{
    margin: 0 50px 0 0;
}
.content .column_right .panel_tools a{
    color: #fff;
}



.mytvh_navigation {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    background: transparent url(../images/dash.gif) repeat-x 0 0;
}

.mytvh_navigation ul{
    list-style:none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

.mytvh_navigation li{
    list-style:none !important;
    padding: 0 !important;
    background: none  !important;
    margin: 0 !important;
}

/* END RIGHT COLUMN */



/* DOCUMENT LAYOUT */

.layout_document {
    float:left;
    width: 480px;
    font-size: 0.9em;
}

.wrapper_orange .layout_document .print a, .wrapper_orange .layout_document .boxes a {
    color: #f26b00
}
.wrapper_red .layout_document .print a, .wrapper_red .layout_document .boxes a{
    color: #d63036
}
.wrapper_purple .layout_document .print a, .wrapper_purple .layout_document .boxes a{
    color: #745598
}
.wrapper_pink .layout_document .print a, .wrapper_pink .layout_document .boxes a{
    color: #e26da1
}
.wrapper_green .layout_document .print a, .wrapper_green .layout_document .boxes a{
    color: #498f0a
}


.layout_document h1{
    margin: 0 0 15px 0;
    font-size: 2.5em;
    line-height: 1.1em;
    color: #004B85;
}
.wrapper_orange .layout_document h1{
    color: #f26b00
}
.wrapper_red .layout_document h1{
    color: #d63036
}
.wrapper_purple .layout_document h1{
    color: #745598
}
.wrapper_pink .layout_document h1{
    color: #e26da1
}
.wrapper_green .layout_document h1{
    color: #498f0a
}



.layout_document h2{
    margin: 0 0 15px 0;
    font-size: 1.5em;
    font-weight:bold;
    color: #004b85;
}
.wrapper_orange .layout_document h2{
    color: #f26b00
}
.wrapper_red .layout_document h2{
    color: #d63036
}
.wrapper_purple .layout_document h2{
    color: #745598
}
.wrapper_pink .layout_document h2{
    color: #e26da1
}
.wrapper_green .layout_document h2{
    color: #498f0a
}

.layout_document h3{
    margin: 0 0 0px 0;
    font-size: 1.2em;
    font-weight:bold;    
}




.layout_document .introduction{
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    margin: 0 0 15px 0;
}

.layout_document .introduction p{
    font-weight:bold;
    margin: 0;
}

.layout_document ul, .myaccount ul {
    margin: 0 0 15px 0;
}

.layout_document ul ul, .myaccount ul ul{
    margin-left: 10px;
}

.layout_document li , .myaccount li {
    padding: 0 0 0 10px;
    background: transparent url(../images/bp_2.gif) no-repeat 0 0.6em;
    margin: 0 0 0 8px;
}

.layout_document .boxes {
    margin: 0 0 15px 0;
}

.layout_document .boxes h3{
    font-size: 1.4em;
    color: #368fd1;
    margin: 0 0 5px 0;
    background: #f2f2f2;
    padding: 4px 10px 4px 10px
}
.wrapper_orange .layout_document .boxes h3{
    color: #f26b00
}
.wrapper_red .layout_document .boxes h3{
    color: #d63036
}
.wrapper_purple .layout_document .boxes h3{
    color: #745598
}
.wrapper_pink .layout_document .boxes h3{
    color: #e26da1
}
.wrapper_green .layout_document .boxes h3{
    color: #498f0a
}

.layout_document .boxes .copy{
    margin: 0 10px 0 10px;
}

.layout_document .boxes .downloads{
    float:left;
    width: 234px;
}

.layout_document .boxes .more{
    float:right;
    width: 234px;
}


.layout_document .image{
    float:right;
    margin: 0 0 10px 15px;
}

.layout_document .image img{
    display:block;
    margin: 0 0 5px 0;
}

.layout_document .print a, .myaccount .print a, .layout_landing .print a{
    display:block;
    float:right;
    margin: 0 0 0 10px;    
}

.print em {
    position:absolute;
    left:-10000px;
}


.layout_document_news {
}

.layout_document_news h1{
    margin: 0;
}

.layout_document_news small{
    display:block;
    margin: 0 0 15px 0;
    font-size: 0.9em;
}

.layout_document_news .back{
    display:block;
    margin: 0 0 15px 0;
}

.layout_document_news .intro{
    font-size: 1.2em;
}

.layout_document_news .image {
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    padding: 0 0 5px 0;
    margin:0 0 5px 10px;
}

.layout_document_news .image img{
    border:1px solid #ccc;
}


.layout_document_faq{
    
}


.layout_document_faq .questions{
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}


.layout_document .map{
    padding: 0 0 7px 0;
    margin: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.layout_document .map iframe{
    border:4px solid #ccc;
    margin: 0 0 4px 0;
    display:block;
    width: 470px;
}


.layout_document .magazine_main {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;

}

.layout_document .magazine_main h2{
    margin: 0 !important;
}

.layout_document .magazine_main small{
    margin: 0 0 10px 0;
    display:block;
}

.layout_document .magazine_main .fright{
    margin: 0 0 0 10px;

}

.layout_document .magazine_main p{
    margin: 0 0 6px 0;
}

.layout_document .magazine_section {
    float:left;
    width: 45%;
    margin: 0 5% 15px 0;
    height: 170px;
    overflow:hidden;
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    
    }
.layout_document .magazine_section h2{
    margin: 0 !important;
}

.layout_document .magazine_section .fright{
    margin: 0 0 0 10px;
    
}
.layout_document .magazine_section small{
    margin: 0 0 10px 0;
    display:block;
}
.layout_document .magazine_section p{
    margin: 0 0 6px 0;
}


/* END DOCUMENT LAYOUT */



/* LANDING LAYOUT */

.landing {
    float:left;
    width: 725px;
    font-size: 0.9em;
}

.landing h1{
    margin: 0 0 10px 0;
    font-size: 2.5em;
    line-height: 1.1em;
    color: #368fd1;
}

.wrapper_orange .landing h1{
    color: #f26b00
}
.wrapper_red .landing h1{
    color: #d63036
}
.wrapper_purple .landing h1{
    color: #745598
}
.wrapper_pink .landing h1{
    color: #e26da1
}
.wrapper_green .landing h1{
    color: #498f0a
}


.landing h2{
    margin: 0 0 3px 0;
    font-size: 1.5em;
    font-weight:bold;
}

.landing h2 a, .landing h2 a:visited{
    color: #fff !important;
}


.landing .introduction{
    padding: 0 0 0 0;
    /* background: transparent url(../images/icon_house_blue.gif) no-repeat 100% 0; */
    height:auto;
    
    margin: 0 0 15px 0;
}

.landing .introduction p{
    font-weight:bold;
}

.landing .main_splash {
    position: relative;  
    margin: 0 0 10px 0;
    height: 260px;
    /*background: transparent url(../images/landing_main_splash.jpg) no-repeat 0 0;*/
}

.landing .main_splash h2{
    margin: 10px 0 10px 0;
    color: #fff;
    background: transparent url(../images/landing_main_splash_h2.png) no-repeat 100% 0;
    float:left;
    height: 46px;
    line-height: 46px;
    padding: 0 22px 0 8px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.5em;
    font-weight:normal !important;
}

.landing .main_splash a{
    position: absolute;
    top: 60px;
    left: 0;
    display:block;
    float:left;
    background: #f26b00;
    color: #fff;
    padding: 10px;
    font-weight:bold;
}


.landing .column_1 {
    float:left;
    width: 480px;
}

.landing .column_1 .sections {
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    color: #333;
}

.landing .column_1 .section {
    margin: 0 0 10px 0;
    overflow:hidden;
    position:relative;
}

.landing .column_1 .section .overlay {
    background: transparent url(../images/opacity.png) repeat 0 0;
    width: 237px;
    padding: 55px 0 5px 0;
}

.landing .column_1 .section h2{
    margin: 10px 0 10px 0;
    color: #fff;
    background: transparent url(../images/section_h2_bg.png) no-repeat 100% 0;
    float:left;
    height: 34px;
    line-height: 34px;
    padding: 0 22px 0 8px;
    min-width: 220px;
    position:absolute;
    top:0;
    left:0;
}
.wrapper_orange .landing .column_1 .section h2{
    background-image: url(../images/section_h2_orange_bg.png);
}
.wrapper_red .landing .column_1 .section h2{
    background-image: url(../images/section_h2_red_bg.png);
}
.wrapper_purple .landing .column_1 .section h2{
    background-image: url(../images/section_h2_purple_bg.png);
}
.wrapper_pink .landing .column_1 .section h2{
    background-image: url(../images/section_h2_pink_bg.png);
}
.wrapper_green .landing .column_1 .section h2{
    background-image: url(../images/section_h2_green_bg.png);
}


.landing .column_1 .section p{
    clear:both;
    margin: 0 0 10px 10px;
    width: 210px;
}

.landing .column_1 .section .featured{
    margin: 0 0 10px 10px;
    width: 210px;
}

.landing .column_1 .section .featured h3{
    font-weight:bold;
    margin: 0 0 5px 0;
    font-size: 1.2em;
}

.landing .column_1 .section a{
    color: #333;
    font-weight:bold;
}

.landing  .extras .c_1 {
    float:left;
    width: 236px;
}

.landing  .extras h3 {
    margin: 0 0 7px 0;
    border-left: 4px solid #368fd1;
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 0 0 0 7px;
    color: #368fd1;
}

.wrapper_orange .landing  .extras h3{
    border-color: #f26b00;
    color: #f26b00
}
.wrapper_red .landing  .extras h3{
    border-color: #d63036;
    color: #d63036
}
.wrapper_purple .landing  .extras h3{
    border-color: #745598;
    color: #745598
}
.wrapper_pink .landing  .extras h3{
    border-color: #e26da1;
    color: #e26da1
}
.wrapper_green .landing  .extras h3{
    border-color: #498f0a;
    color: #498f0a;
}

.landing  .extras .copy {
    margin: 0 10px 20px 10px;
}

.landing  .extras p {
    margin: 0 0 10px 0;
}

.landing  .extras a {
}
.wrapper_orange .landing  .extras a {
    color: #f26b00
}
.wrapper_red .landing  .extras a{
    color: #d63036
}
.wrapper_purple .landing  .extras a {
    color: #745598
}
.wrapper_pink .landing  .extras a {
    color: #e26da1
}
.wrapper_green .landing  .extras a {
    color: #498f0a
}



.landing  .extras img {
    border-right:10px solid #368fd1 !important;
}
.wrapper_orange .landing  .extras img{
    border-right: 10px solid #f26b00 !important;
}
.wrapper_red .landing  .extras img{
    border-right: 10px solid #d63036 !important;
}
.wrapper_purple .landing  .extras img{
    border-right: 10px solid #745598 !important;
}
.wrapper_pink .landing  .extras img{
    border-right: 10px solid #e26da1 !important;
}
.wrapper_green .landing  .extras img{
    border-right: 10px solid #498f0a !important;
}


.landing .extras .c_2 {
    float:right;
    width: 236px;
    margin: 0 0 0 0px;
}

.landing .column_2 {
    float:right;
    width: 234px;
}

.landing .column_2 p{
    margin: 0 0 15px 0;
}

.landing .column_2 .panel{
    margin: 0 0 10px 0;
}

.landing .column_2 .copy{
    margin: 10px;
}

.landing .column_2 img {
    border-right: 10px solid #368fd1 !important;
}


.wrapper_orange .landing .column_2 img{
    border-right: 10px solid #f26b00 !important;
}
.wrapper_red .landing .column_2 img{
    border-right: 10px solid #d63036 !important;
}
.wrapper_purple .landing .column_2 img{
    border-right: 10px solid #745598 !important;
}
.wrapper_pink .landing .column_2 img{
    border-right: 10px solid #e26da1 !important;
}
.wrapper_green .landing .column_2 img{
    border-right: 10px solid #498f0a !important;
}


.landing .column_2 h3{
    font-size: 1.4em;
    color: #368fd1;
    margin: 0 0 5px 0;
    background: #f2f2f2;
    padding: 4px 10px 4px 10px
}


.landing .news .column_1{
    border-top:1px solid #368fd1;
    padding: 15px 0 0 0;
}

.landing .news .column_1 .item{
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    padding: 0 0 12px 0;
    margin:  0 0 12px 0;
}

.landing .news .column_1 .item h2{
    font-size: 2.0em;
    color: #004b85;
    font-weight:normal;
    margin: 0 0 10px 0;
}

.landing .news .column_1 .item h3{
    font-size: 1.7em;
    color: #004b85;
    font-weight:normal;
    margin: 0 0 5px 0;
}

.landing .news .column_1 .item p {
    margin: 0;
}   

.landing .news .column_1 .item .details {
    float:left;
    width: 350px;
}   

.landing .news .column_1 .item_large .details {
    font-size: 1.4em;
    width: 230px;
    line-height: 1.2em;
} 


.landing .news .column_1 .item img {
    float:left;
    margin: 0 10px 0 0;
    display:block;
}

.landing .news .column_1 .item_large img {
    border-left: 10px solid #368fd1
}

.landing .news .all{
    font-weight:bold;
    color: #004b85
}

.landing .news .column_2 h3 {
    font-size: 1.6em;
}

.landing .news .column_2 h3 {
    font-size: 1.6em;
}

.landing .news .column_2 .panel_blue {
    background: #004b85;
    padding: 10px;
    margin: 0 0 20px 0;
}

.landing .news .column_2 .panel_blue h3{
    padding: 0;
    background: transparent;
    color: #fff;
    margin: 0;
}

.landing .news .column_2 .panel_blue a{
    color: #fff;
}

.landing .news .column_2 .panel_blue .copy, .landing .news .column_2 .panel_blue .copy p{
    margin: 0;
    padding: 0;
}

.landing .news .column_2 img{
    display:block;
    border-right: 10px solid #368fd1;
    margin: 10px 0 0 0;
    
}


/* END LANDING LAYOUT */


/* LAYOUT LANDING */

.layout_landing {
    float:left;
    width: 480px;
    font-size: 0.9em;
}

.layout_landing h1{
    margin: 0 0 10px 0;
    line-height: 1.0em;
    font-size: 2.5em;
    color: #368fd1;
}

.wrapper_orange .layout_landing h1{
    color: #f26b00
}
.wrapper_red .layout_landing h1{
    color: #d63036
}
.wrapper_purple .layout_landing h1{
    color: #745598
}
.wrapper_pink .layout_landing h1{
    color: #e26da1
}
.wrapper_green .layout_landing h1{
    color: #498f0a
}


.layout_landing h2{
    margin: 0 0 3px 0;
    font-size: 1.5em;
    font-weight:bold;    
}

.layout_landing h2 a, .layout_landing h2 a:visited{
    color: #fff !important;
}


.layout_landing .introduction{
    padding: 0 0 0 0;
    /*background: transparent url(../images/icon_house_blue.gif) no-repeat 100% 0;*/
    margin: 0 0 15px 0;
}

.layout_landing .introduction p{
    font-weight:bold;
}


.layout_landing .sections {
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    display:block;
    width: 480px;
}

.layout_landing .section {
    margin: 0 0 10px 0;
    overflow:hidden;
    float:left;
    width: 232px;
    height: 142px;
    background-color: #eee;
}

.layout_landing .section .overlay{
    background: transparent url(../images/overlay_level2.png) repeat-y 0 0;
    height: 142px;
}

.layout_landing .section a{
    font-weight:bold;
    color: #333;
}

.layout_landing .section_left {
    margin-right: 12px;
}

.layout_landing .section h2{
    margin: 10px 0 5px 0;
    color: #fff;
    background: transparent url(../images/section_h2_bg.png) no-repeat 100% 0;
    float:left;
    height: 34px;
    line-height: 34px;
    padding: 0 22px 0 8px;
    min-width: 152px;
    overflow:hidden;
}
.wrapper_orange .layout_landing .section h2{
    background-image: url(../images/section_h2_orange_bg.png);
}
.wrapper_red .layout_landing .section h2{
    background-image: url(../images/section_h2_red_bg.png);
}
.wrapper_purple .layout_landing .section h2{
    background-image: url(../images/section_h2_purple_bg.png);
}
.wrapper_pink .layout_landing .section h2{
    background-image: url(../images/section_h2_pink_bg.png);
}
.wrapper_green .layout_landing .section h2{
    background-image: url(../images/section_h2_green_bg.png);
}

.layout_landing .section p{
    clear:both;
    margin: 0 0 10px 10px;
    width :150px;
    color: #333;
}

.layout_landing .extras h3 {
    margin: 0 0 7px 0;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0 0 0 7px;
    color: #368fd1;
    background: #f2f2f2;
}
.wrapper_orange .layout_landing .extras h3{
    color: #f26b00
}
.wrapper_red .layout_landing .extras h3{
    color: #d63036
}
.wrapper_purple .layout_landing .extras h3{
    color: #745598
}
.wrapper_pink .layout_landing .extras h3{
    color: #e26da1
}
.wrapper_green .layout_landing .extras h3{
    color: #498f0a
}


.layout_landing .extras img {
    border-right: 10px solid #368fd1 !important;
}
.wrapper_orange .layout_landing .extras img{
    border-right: 10px solid #f26b00 !important;
}
.wrapper_red .layout_landing .extras img{
    border-right: 10px solid #d63036 !important;
}
.wrapper_purple .layout_landing .extras img{
    border-right: 10px solid #745598 !important;
}
.wrapper_pink .layout_landing .extras img{
    border-right: 10px solid #e26da1 !important;
}
.wrapper_green .layout_landing .extras img{
    border-right: 10px solid #498f0a !important;
}

.layout_landing .extras .copy {
    margin: 0 10px 0 10px;
}

.layout_landing .extras .c_2 {
    float:right;
    width: 236px;
    margin: 0 0 0 0px;
}

.layout_landing .extras .c_1 {
    float:left;
    width: 234px;
}

.layout_landing .extras p{
    margin: 0 0 15px 0;
}

.layout_landing .extras  .panel{
    margin: 0 0 10px 0;
}

.wrapper_orange .layout_landing .extras a {
    color: #f26b00
}
.wrapper_red .layout_landing .extras a{
    color: #d63036
}
.wrapper_purple .layout_landing .extras a {
    color: #745598
}
.wrapper_pink .layout_landing .extras a {
    color: #e26da1
}
.wrapper_green .layout_landing .extras a {
    color: #498f0a
}



/* END LAYOUT LANDING */


/* IMAGE GALLERY */


.panel { margin-bottom:12px; }

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
	padding:6px 5px 5px 5px;
}
.panel-overlay p {
	line-height: 1.4em;
}

.gallery_wrap {
	background:#f2f2f2;
	padding:10px 10px 15px 10px;
	border:1px solid #eaeaea;
	margin: 0 0 15px 0;
}


.gallery_wrap ul{
    padding: 10px 0 0 0;
}

.gallery_wrap li{
    padding-left:0;
    margin-left: 0;
}

.gallery_wrap .panel{

}

.gallery_wrap .strip_wrapper {
    margin-top: 10px;
}

.gallery_wrap #pointer {
    border:0 !important;
}

/* END IMAGE GALLERY */



/* ACCORDION */

.accordion {
    margin: 25px 0 25px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 0;
    padding: 0 0 0 0;
}

.accordion .item{
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.accordion .text{
    display:none;
    background: transparent url(../images/dash.gif) repeat-x 0 0;
    padding: 20px 0 10px 0;
    
}

.accordion .toggle{
    font-size: 1.3em;
    color: #368fd1;
    padding: 10px 0 10px 19px;
    background: transparent url(../images/arrow_blue_open.gif) no-repeat 0 0.9em;
    display:block;
}


.wrapper_orange .accordion .toggle {
    background: transparent url(../images/arrow_orange_open.gif) no-repeat 0 0.9em;
    color: #f26b00;
}
.wrapper_red .accordion .toggle{
    background: transparent url(../images/arrow_red_open.gif) no-repeat 0 0.9em;
    color: #d63036;
}
.wrapper_purple .accordion .toggle{
    background: transparent url(../images/arrow_purple_open.gif) no-repeat 0 0.9em;
    color: #745598;
}
.wrapper_pink .accordion .toggle{
    background: transparent url(../images/arrow_pink_open.gif) no-repeat 0 0.9em;
    color: #e26da1;
}
.wrapper_green .accordion .toggle{
    background: transparent url(../images/arrow_green_open.gif) no-repeat 0 0.9em;
    color: #498f0a;
}



.accordion .toggle_open {
    background-image: url(../images/arrow_blue_close.gif) !important;
}


.wrapper_orange .toggle_open {
    background-image: url(../images/arrow_orange_close.gif) !important;
}
.wrapper_red .toggle_open{
    background-image: url(../images/arrow_red_close.gif) !important;
}
.wrapper_purple .toggle_open{
    background-image: url(../images/arrow_purple_close.gif) !important;
}
.wrapper_pink .toggle_open{
    background-image: url(../images/arrow_pink_close.gif) !important;
}
.wrapper_green .toggle_open{
    background-image: url(../images/arrow_green_close.gif) !important;
}


.accordion .biog {
    margin: 0 0 20px 0;
}   

.accordion .biog img{
    float:left;
    width: 95px;
    margin: 0 15px 0 0;
}

.accordion .biog p{
    float:left;
    width: 350px;
    margin: 0;
}

/* END ACCORDION */



/* HOMEPAGE STYLES */

.homepage {
    float:left;
    width: 724px;
}

.homepage h1{
    position:absolute;
    left:-10000px;
}

.homepage .splash{
    position: relative;
    background: transparent; /* url(../images/homepage_splash_bg.jpg) no-repeat 0 0; */
    margin: 0 0 20px 0;
    height: 260px;
}

.homepage .splash li{
    height: 260px;
    overflow:hidden; 
    width: 724px;
    position:relative;
}

.homepage .splash span.title{
    position: absolute;
    bottom: 40px;
    left: 0;
    background: transparent url(../images/homepage_h1_bg.png) no-repeat 100% 0;
    height: 46px;
    line-height: 46px;
    color: #fff;
    padding: 0 30px 0 13px;
    font-size: 1.6em;
}

.homepage .splash  span.link a{
    background: #368fd1;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 6px 12px 6px 12px;
    color: #fff;
    display:block;
    font-weight:bold;    
}

.homepage #prevBtn, .homepage #nextBtn {
    display:none;
}

.homepage .row_1 {
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    font-size: 0.9em;
    padding: 0 0 0px 0;
    margin: 0 0 10px 0;
}

.homepage .row_1 h2{
    color: #fff;
    background: transparent url(../images/homepage_pinkh2_bg.gif) no-repeat 100% 0;
    padding: 0 20px 0 10px;
    line-height: 34px;
    font-size: 1.5em;
    margin: 10px 10px 6px 0;
}

.homepage .row_1 .c_1{
    float:left;
    width: 214px;
    margin: 0 30px 0 0;
}
.homepage .row_1 .c_1 .copy{
    margin: 0 10px 0 10px;
}
.homepage .row_1 .c_1 h2{
    color: #d63036;
    border-left: 4px solid #d63036;
    font-size: 1.5em;
    padding: 2px 0 2px 5px;
    margin: 0 0 13px 0;
}
.homepage .row_1 .c_1 a{
    color: #d63036;
    font-weight:bold;
}
.homepage .row_1 .c_1 img{
    display:block;
    margin: 0 0 15px 0;
    border-right: 10px solid #d63036;
}   


.homepage .row_1 .c_2{
    float:left;
    width: 214px;
    margin: 0 30px 0 0;
}
.homepage .row_1 .c_2 .copy{
    margin: 0 10px 0 10px;
}
.homepage .row_1 .c_2 h2{
    color: #745598;
    border-left: 4px solid #745598;
    font-size: 1.5em;
    padding: 2px 0 2px 5px;
    margin: 0 0 13px 0;
}
.homepage .row_1 .c_2 a{
    color: #745598;
    font-weight:bold;
}
.homepage .row_1 .c_2 img{
    display:block;
    margin: 0 0 15px 0;
    border-right: 10px solid #745598;
}   


.homepage .row_1 .c_3{
    float:left;
    width: 214px;
}
.homepage .row_1 .c_3 .copy{
    padding: 10px;
    background: #f2f2f2;
    margin: 0 0 15px 0;
}
.homepage .row_1 .c_3 h2{
    color: #fff;
    background: #368fd1;
    font-size: 1.5em;
    padding: 4px 0 4px 10px;
    margin: 0 0 0 0;
}
.homepage .row_1 .c_3 a{
    font-weight:bold;
}
.homepage .row_1 .c_3 img{
    display:block;
    margin: 0 0 15px 0;
}   




.homepage .row_2 {
    font-size: 0.9em;
}
.homepage .row_2 .copy{
    margin: 0 10px 10px 10px;
    clear:left;
}
.homepage .row_2  a{
    color: #666;
    font-weight:bold;
}

.homepage .row_2 .c_1{
    float:left;
    width: 214px;
    background: #f2f2f2;
    margin: 0 30px 0 0;
}

.homepage .row_2 .c_1 h2{
    color: #fff;
    background: transparent url(../images/homepage_pinkh2_bg.gif) no-repeat 100% 0;
    padding: 0 20px 0 10px;
    line-height: 34px;
    font-size: 1.4em;
    margin: 10px 10px 6px 0;
}

.homepage .row_2 .c_1 p{
    margin: 0 0 3px 0;
}


.homepage .row_2 .c_2{
    float:left;
    width: 214px;
    background: #f2f2f2;
    margin: 0 30px 0 0;
}

.homepage .row_2 .c_2 h2{
    color: #fff;
    background: transparent url(../images/homepage_orangeh2_bg.gif) no-repeat 0 0;
    padding: 0 20px 0 10px;
    line-height: 34px;
    font-size: 1.4em;
    margin: 10px 10px 6px 0;
}

.homepage .row_2 .c_2 p{
    margin: 0 0 3px 0;
}


.homepage .row_2 .c_3{
    float:left;
    width: 214px;
    background: #f2f2f2;
}

.homepage .row_2 .c_3 h2{
    color: #fff;
    background: transparent url(../images/homepage_greenh2_bg.gif) no-repeat 0 0;
    padding: 0 20px 0 10px;
    line-height: 34px;
    font-size: 1.4em;
    margin: 10px 10px 6px 0;
}

.homepage .row_2 .c_3 p{
    margin: 0 0 3px 0;
}

.homepage .row_2 .c_3 h2 a, .homepage .row_2 .c_2 h2 a, .homepage .row_2 .c_1 h2 a{
    color: #fff;
    font-weight:normal;
}




.homepage .row_0 {
    font-size: 0.9em;

    margin: 0 0 15px 0;
}

.homepage .row_0 img{
    display:block;
    margin: 0 0 10px 0;
}

.homepage .row_0 .copy{
    margin: 0 10px 10px 10px;
    clear:left;
}
.homepage .row_0  a{
    color: #666;
    font-weight:bold;
}

.homepage .row_0 .c_1{
    float:left;
    width: 460px;
    margin: 0 30px 0 0;
    
}

.homepage .row_0 .c_1 h2{
    color: #368fd1;
    padding: 0 0 10px 0;
    line-height: 1.0em;
    font-size: 1.8em;
    margin: 0 0 15px 0;
    border-bottom:1px solid #368fd1;
}

.homepage .row_0 .c_1 p{
    margin: 0 0 10px 0;
}

.homepage .row_0 .c_1 a{
    
}

.homepage .row_0 .c_1 .item{
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.homepage .row_0 .c_1 .item h3{
    color: #004b85;
    margin: 0 0 10px 0;
    line-height: 0.8em;
    font-size: 1.7em;
    padding: 0;
}

.homepage .row_0 .c_1 .item p{
    margin: 0;
}

.homepage .row_0 .c_1 .item a{
    font-weight:normal;
    color: #368fd1
}

.homepage .row_0 .c_1 .item .thumbnail{
    display:block;
    float:right;
    margin: 0 0 0 15px;
}

.homepage .row_0 .c_1 .all {
    color: #004b85
}


.homepage .row_0 .c_2{
    float:left;
    width: 230px;
    margin: 0 0 0 0;
}

.homepage .row_0 .c_2 h2{
    color: #fff;
    background: transparent url(../images/homepage_purpleh2_bg.gif) no-repeat 0 0;
    padding: 0 0 0 10px;
    line-height: 34px;
    font-size: 1.4em;
    margin: 10px 10px 8px 0;
}

.homepage .row_0 .c_2 h3{
    font-size: 1.7em;
    line-height: 1.0em;
    color: #d63036;
    padding: 3px 0 3px 6px;
    margin: 0 0 10px 0;
    border-left: 4px solid #d63036
}

.homepage .row_0 .c_2 .item_purple h3{
    border-color: #745598;
    color: #745598;
}

.homepage .row_0 .c_2 .item{
    margin:  0 0 15px 0;
}

.homepage .row_0 .c_2 p{
    margin: 0 0 10px 0;
}

.homepage .row_0 .c_2 a{
    color: #d63036;
}

.homepage .row_0 .c_2 .item_purple a{
    color: #745598;
}




.homepage .row_0 .c_3{
    float:left;
    width: 214px;
    background: #d8f1ff;
}

.homepage .row_0 .c_3 h2{
    color: #368fd1;
    background: transparent url(../images/homepage_whiteh2_bg.gif) no-repeat 100% 0;
    padding: 0 0 0 10px;
    line-height: 34px;
    font-size: 1.4em;
    margin: 10px 10px 8px 0;
}

.homepage .row_0 .c_3 p{
    margin: 0 0 10px 0;
}
.homepage .row_0 .c_3 a{
    color: #368fd1
}



.homepage .row_0 .c_3 h2 a, .homepage .row_0 .c_2 h2 a, .homepage .row_0 .c_1 h2 a{
    color: #fff;
    font-weight:normal;
}




/* END HOMEPAGE STYLES */


/* MYACCOUNT LAYOUT */


.myaccount {
    float:left;
    width: 525px;
    width: 480px;
    margin: 0 0 0 0;
    font-size: 0.9em;    
}

.myaccount_register {
    background: #f2f2f2;
    width: 525px;
}

.myaccount .signup_copy{
    margin: 22px;
}

.myaccount .introduction {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.myaccount .introduction p{
    margin: 0;
}

.myaccount .introduction h1{
    margin: 0 0 15px 0;
    color: #004b85;
    line-height: 1.0em;
}


.myaccount  h2{
    margin: 0 0 15px 0;
    color: #004b85;
    line-height: 1.0em;
    font-size: 1.7em;
}

.myaccount .input_field {
    width: 90%;
}

.myaccount .input_field_error {
    border:1px solid #9e0b0f;
}

.myaccount .input_field_small {
    width: 50%;
}

.myaccount .submit_field {
    /* float:right; */
}

.myaccount .error {
    background: transparent url(../images/error_regular_foot_bg.gif) no-repeat 0 100%;
    padding: 0 0 5px 0;
    overflow:hidden;
    margin:  0 0 15px 0;
    color: #fff !important;
}

.myaccount .error a{
    color: #fff;
    font-weight:bold;
}

.myaccount .error ul{
    background: #F2F2F2 url(../images/error_regular_bg.gif) no-repeat 0 0;
    margin: 0;
    padding: 5px 0 3px 0;
}

.myaccount .error li{
    padding: 0;
    margin: 0 0 0 30px;
    background: none;
    margin: 0 0 0 45px;
    background: none;
    list-style: circle;
}

.myaccount .c_1 {
    float:left;
    width: 70%;
    margin: 0 5% 0 0
}

.myaccount .c_2 {
    float:left;
    width: 45%;
}

.myaccount {
    
}

.myaccount .pair{
    margin: 0 0 15px 0;
}

.myaccount .pair_bottom{
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.myaccount .pair h2 {
    background: #004b85;
    color: #fff;
    padding: 4px 10px 4px 10px;
    font-size: 1.5em;
    margin: 0 0 10px 0;
}

.myaccount .pair p {
    margin: 0 0 10px 0;
}

.myaccount .pair .copy {
    margin: 0 10px 0 10px
}

.myaccount .pair .column_1{
    float:left;
    width: 49%;
    margin: 0 2% 0 0;
}

.myaccount .pair .column_2{
    float:right;
    width: 49%;
}

.myaccount .pair .fiftyfifty {
    margin: 0;
}

.myaccount .pair .fiftyfifty_bottom {
    margin: 0 0 10px 0;
}

.myaccount .pair .fiftyfifty .c_1 {
    float:left;
    width: 100px;
    margin: 0 10px 0 0;
}

.myaccount .pair .fiftyfifty .c_2 {
    float:left;
    width: 100px;
}


.myaccount .pair .sixtyforty {
    margin: 0;
}

.myaccount .pair .sixtyforty_bottom {
    margin: 0 0 10px 0;
}

.myaccount .pair .sixtyforty .c_1 {
    float:left;
    width: 130px;
    margin: 0 10px 0 0;
}

.myaccount .pair .sixtyforty .c_2 {
    float:left;
    width: 70px;
}

.myaccount .boxes {
    margin: 0 0 15px 0;
}

.myaccount .boxes h3{
    font-size: 1.4em;
    color: #004b85;
    margin: 0 0 5px 0;
    background: #f2f2f2;
    padding: 4px 10px 4px 10px
}

.myaccount .boxes .copy{
    margin: 0 10px 0 10px;
}

.myaccount .boxes .downloads{
    float:left;
    width: 234px;
}

.myaccount .boxes .more{
    float:left;
    width: 234px;
}


.myaccount .mydetails {   
    margin: 25px 0 0 0;
}

.myaccount .mydetails strong{
    color: #004b85;
}  

.myaccount h3 {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
    color: #004b85;
    font-size:1.4em;
}   

.myaccount h4 {
    margin: 0 0 5px 0;
    color: #004b85;
    font-size:1.4em;
}

.myaccount .panel{
    margin: 0 0 25px 0;
}   

.myaccount .mydetails .column_1{
    float:left;
    width: 217px;
}

.myaccount .mydetails .column_2{
    float:right;
    width: 217px;
    background: #f2f2f2;
    padding: 10px;
}


.myaccount .myrepairsnew{
}

.myaccount .myrepairsnew p{
    margin: 0 0 20px 0;
}

.myaccount .myrepairsnew .c_1{
    float:left;
    width: 120px;
    margin: 0;
}
.myaccount .myrepairsnew .c_2{
    float:left;
    width: 250px;
}
.myaccount .myrepairsnew .textarea_field{
    width: 98%;
    height: 150px;
    display:block;
    margin: 4px 0 0 0;
}

.myaccount .myrepairsnew .input_field{
    width: 50%;
    display:block;
    margin: 4px 0 0 0;
}

.myaccount .border{
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.myaccount .myrepairs p {
    margin: 0 0 7px 0;
}

.myaccount .items {
    border:1px solid #dbdbdb;
    margin: 10px 0 0 0;
}
.myaccount .item {
    border-bottom: 1px solid #dbdbdb;
}

.myaccount .item_header {
    background: #004b85;
    color: #fff;
}

.myaccount .item_alt {
    background: #eee
}

.myaccount .item_bottom {
    border-bottom: 0;
}
.myaccount .item .col_1{
    width: 270px;
    display:block;
    float:left;
    overflow:hidden;
    height: 27px;
    line-height: 27px;
    padding: 0 7px 0 7px;
    border-right: 1px solid #dbdbdb;
}

.myaccount .item .col_1 a{
    display:block;
    padding: 0 0 0 15px;
    background: transparent url(../images/arrow_blue_open_small.gif) no-repeat 0 1.0em;
}

.myaccount .item .col_1 a.open{
    background: transparent url(../images/arrow_blue_close_small.gif) no-repeat 0 1.0em;
}

.myaccount .item .col_2{
    width: 85px;
    display:block;
    float:left;
    overflow:hidden;
    height: 27px;
    line-height: 27px;
    padding: 0 7px 0 7px;
    border-right: 1px solid #dbdbdb;    
}
.myaccount .item .col_3{
    width: 79px;
    display:block;
    float:left;
    overflow:hidden;
    height: 27px;
    line-height: 27px;
    padding: 0 7px 0 7px;
}
.myaccount .item .col_4{
    width: 79px;
    display:block;
    float:left;
    overflow:hidden;
    height: 27px;
    line-height: 27px;
    padding: 0 7px 0 7px;
    border-left: 1px solid #dbdbdb
}

.myaccount .item .col_3_open{
    background: #d9e4ed;
    color: #333;
}

.debitBalance, .myaccount .item .col_error{   
    color: #790000;
}

.myaccount .item_header .col_1, .myaccount .item_header .col_2, .myaccount .item_header .col_4{
    border-color: #1a5d91
}

.myaccount .items .details{
    margin: 10px 0 0 0;
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #dbdbdb;
    display:none;
}

.myaccount .items .details .description{
    float:left;
    width:270px;
    padding: 0 14px 0 0;
}

.myaccount .items .details .specs{
    float:left;
    width:140px;
}

.myaccount .items_payments {

}

.myaccount .items_payments .col_1{
    width: 100px;
}
.myaccount .items_payments .col_2{
    width: 100px;
}
.myaccount .items_payments .col_3{
    width: 100px;
}
.myaccount .items_payments .col_4{
    width: 100px;
}


.myaccount .reminders {
    
}

.myaccount .reminders p{
    margin: 0;
}

.myaccount .reminders small{
    font-size: 0.9em;
    display:block;
    margin: 0 0 8px 0;
}

.myaccount .reminders h2{
    color: #004b85;
    font-size: 1.5em;
}

.myaccount .reminders .reminder_item{
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.myaccount .payments {
    
}

.myaccount .payments h2{
    color: #004b85;
    font-size: 1.5em;
    margin: 0 0 5px 0;
}


.myaccount .payments .toggle{
    font-size: 1.5em;
    padding: 0 0 0 18px;
    background: transparent url(../images/arrow_blue_open.gif) no-repeat 0 3px;
}

.myaccount .payments .toggle_open{
    background: transparent url(../images/arrow_blue_close.gif) no-repeat 0 3px;
}

.myaccount .payments .panel{
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.myaccount .payments .panel p{
    margin: 0 0 3px 0;
}

.myaccount .payments .panel p.margin{
    margin: 15px 0 3px 0;
}

.myaccount .payments .panel .info{
    margin: 15px 0 0 0;
}

.myaccount .payments .panel .c_1{
    display:block;
    float:left;
    width: 150px;
    margin: 0 10px 0 0;
    font-weight:bold;
}

.myaccount .payments .panel .c_2{
    display:block;
    float:left;
    width: 150px;
    margin: 0 0 0 0;
}


/* END MYACCOUNT LAYOUT */


/* LISTS */

.list {

}

.list .item{
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.list .item p{
    margin: 0 0 7px 0;
}

.list .item h2{
    font-size: 1.5em;
    margin: 0 0 6px 0;
}
.list .item .tag{
    float:right;
    border-right: 4px solid #368fd1;
    padding: 0 5px 0 0;
    margin: 0;
    font-size: 0.9em;
}
.list .item .tag_orange{
    border-color: #f26b00
}
.list .item .tag_red{
    border-color: #d63036
}
.list .item .tag_purple{
    border-color: #745598
}
.list .item .tag_pink{
    border-color: #e26da1
}
.list .item .tag_green{
    border-color: #498f0a
}

.list .item small{
    display:block;
    font-size: 0.9em;
    margin: 0 0 5px 0;
}

.list .item .question{
    color: #004b85;
}
.wrapper_orange .list .item .question {
    color: #f26b00
}
.wrapper_red .list .item .question{
    color: #d63036
}
.wrapper_purple .list .item .question{
    color: #745598
}
.wrapper_pink .list .item .question {
    color: #e26da1
}
.wrapper_green .list .item .question {
    color: #498f0a
}



.list .item .thumbnail{
    float:right;
    border:1px solid #ccc;    
    display:block;
    margin: 0 0 0 10px;
}

.list .item .more{
    font-weight:bold;
}

.list .item .top{
    display:block;
    float:right;
}

.list .filters {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    background: transparent url(../images/dash.gif) repeat-x 0 100%;
}

.list .filters p{
    margin: 0 0 0px 0;
}

.list .filters .c_1{
    float:left;
    width: 145px;
    margin: 5px 0 5px 0;
}
.list .filters .c_2{
    float:left;
    width: 125px;
    margin: 10px 0 10px 0;
}
.list .filters .c_3{
    float:left;
    width: 100px;
    margin: 10px 0 10px 0;
}
.list .filters .c_4{
    float:left;
    width: 80px;
    margin: 10px 0 10px 0;
}
    

/* END LISTS */


/* PAGER STYLES */

.pager {
    margin: 0 0 15px 0;
}

.pager .numbers{
    margin: 0 0 15px 0;
}

.pager .numbers a{
    display:block;
    float:left;
    padding: 2px 5px 2px 5px;
    border:1px solid #ccc;
    background: #fff;
    color: #666;
    margin: 0 7px 0 0
}

.pager .numbers a.selected{
    color: #fff;
    background: #368fd1;
    border-color: #1b6da9;
}

/* END PAGER STYLES */


/* FORM STYLES */

.forms {
    
}

.forms .enforced_table {
    margin: 0 0 15px 0;
}


.forms .form_error, .forms .form_success{
    
    margin: 0 0 15px 0;
}

.forms .form_error .head, .forms .form_success .head {
    color: #fff;
    padding: 5px 10px 5px 30px;
    background: red url(../images/error_regular_bg.gif) no-repeat 0 0;
}

.forms .form_error .foot, .forms .form_success .foot{
    height: 3px;
    line-height: 3px;
    background: transparent url(../images/error_regular_foot_bg.gif) no-repeat 0 100%;
    text-indent: -6000px;
}

.forms .form_success .head {
    background-image: url(../images/success_regular_bg.gif);
}
.forms .form_success .foot{
    background-image: url(../images/success_regular_foot_bg.gif)
}


.forms .form_error ul {
    margin: 0;
    padding: 5px 0 0 0;
 
}

.forms .form_error ul ul {
    font-weight:normal;
    padding: 0;
}

.forms .form_error li {
    padding: 0 0 0 0;
    margin: 0 0 0 15px;
    background: none;
    list-style: circle;
}

.forms_apply h4{
    font-size: 1.0em;
    font-weight:bold;
    margin: 0 0 3px 0;
}


.forms_apply .columns{
    margin: 0 0 15px 0;
}

.forms_apply .c_1{
    float:left;
    width: 50%;
}

.forms_apply .c_2{
    float:left;
    width: 50%;
}


.forms .label_field{
    display:block;
    margin: 0 0 4px 0;
}

.forms .input_field{
    width: 300px;
}

.forms .select_field{
    width: 300px;
}

.forms .textarea_field{
    width: 300px;
    padding: 5px 0 0 4px;
    height: 100px;
}

.forms table  {
    margin: 0 0 15px 0;
}

.forms table.education  {
    
}

.forms table.education  td{
    padding: 3px;
}

/* END FORM STYLES */



/* TABLE STYLES */

.table_development {
    border-top:1px solid #ececec;
    border-collapse: collapse;
    margin: 0 0 25px 0;
}

.table_development ul, .table_development li{
    margin: 0;
}

.table_development td{
    border-bottom:1px solid #ececec;
    padding: 7px 10px 7px 0;
    font-weight:bold;
}   

.table_development .information{
    background: #f8f8f8;
    padding-left: 10px;
    width: 65%;
    font-weight:normal;
    border-left:1px solid #ececec;  
}

.table_apply {
    margin: 0 0 15px 0;
}

.table_apply td{
    padding: 0 0 5px 0;
}

.table_apply input{
    float:left;
    display:block;
}

.table_apply label{
    float:left;
    display:block;
    width: 210px;
    margin: 0 0 0 5px;
}

/* END TABLE STYLES */


/* ONE OFF MESSAGES */

.noresults {
    padding: 0 0 0 25px;
    background: transparent url(../images/icon_alert.gif) no-repeat 0 0px;
    line-height: 17px;
}

.training_login {
    float:left;
    width: 480px;
    background: #fff;
}

.training_login .column_login_form {
    background: #fff !important;
    padding: 0;
    margin: 0;
    width:auto;
}

.training_login .column_login_form .copy{
    margin: 0;
}

.training_login .column_login_form h2{
    margin: 0;
    color: #498F0A;
    font-size: 2.5em;
    margin: 0 0 15px 0;
    background: none;
    line-height: 1.0em;
}

.training_login .column_login_form .input_field {
    width: 200px;
}


.our_homes {
    margin: 0 0 15px 0;
}

/* END ONE OFF MESSAGES */

/* END CONTENT STYLES */

/* FOOTER STYLES */

.footer {
    padding: 20px 35px 20px 35px;
    margin: 0 0 10px 0;
    background: #f2f2f2;
    color: #999;
    font-size: 0.9em;
}

.footer em{
    position:absolute;
    left: -10000px;
}

.footer a, .footer a:visited{
    color: #999;
}

.footer .address{
    float:left;
    width: 180px;
}


.footer .sponsors{
    float:left;
    width: 330px;
}

.footer .sponsors a{
    display:block;
    float:left;
    text-indent: -6000px;
    height: 49px; 
    margin: 0 20px 0 0;
}

.footer .sponsors .logo_1{
    background: transparent url(../images/logo_investorsinpeople.gif) no-repeat 0 0;
    width: 80px
}
.footer .sponsors .logo_2{
    background: transparent url(../images/logo_custservice.gif) no-repeat 0 0;
    width: 50px;
    height: 69px;
}
.footer .sponsors .logo_3{
    background: transparent url(../images/logo_positiveaboutdisabledpeople.gif) no-repeat 0 0;
    width: 60px
}
.footer .sponsors .logo_4{
    background: transparent url(../images/logo_qhs.gif) no-repeat 0 0;
    width: 112px
}

.footer .links_1 {
    float:left;
    width: 120px;
    text-align:right;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
    background: transparent url(../images/dash_vertical.gif) repeat-y 100% 0;
}

.footer .links_2 {
    float:left;
    width: 100px;
}

.footer .links_1 a, .footer .links_2 a {
    display:block;
    margin: 0 0 2px 0;
    
}

.footer_navigation {
    text-align:right;
    margin: 0 35px 0 35px;
}

.footer_navigation ul{
    float:right
}

.footer_navigation li{
    display:inline;
}

.footer_navigation a{
    color: #999;
    display:block;
    font-size: 0.9em;
    float:left;
    margin: 0 0 0 10px
}

/* END FOOTER STYLES */

/* CAROUSEL */

.carousel {
    background: transparent url(../images/cs_background.jpg) no-repeat 0 0;
    width: 724px;
    height: 409px;
    overflow:hidden;
    position:relative;
    margin: 0 0 25px 0;
    
    
}

.carousel .stage_1{
    margin: 0 0 0 45px;
    padding: 0 0 0 0;
    background: transparent url(../images/cs_stage1_bg.png) no-repeat 0 100%;
    height: 340px;
    display:block
}

.carousel h2{
    color :#fff;
    font-size: 2.8em;
    margin: 25px 0 15px 45px;
    line-height: 1.0em;
}

.carousel h3{
    color :#fff;
    font-size: 2.2em;
    margin: 0 0 20px 0;
    line-height: 1.0em;
}

.carousel .button_1{
    display:block;
    width: 187px;
    height: 32px;
    background: transparent url(../images/cs_button_1.png) no-repeat 0 0;
    text-indent: -6000px;
    margin: 0 0 5px 0;
}

.carousel .options{
    display:block;
    background: transparent url(../images/cs_bp_1.png) no-repeat 100% 0.5em;
    color: #fff;
    margin: 0 0 0 10px;
    float:left;
    padding: 0 10px 0 0;
}

.carousel .stage_2{
    margin: 15px 50px 0 45px;    
    height: 340px;
    display:none
}

.carousel .stage_2 .filters{
    background: #3e65a4 url(../images/cs_filters_bg.gif) repeat-x 0 0;
    padding: 10px;
}

.carousel .stage_2 .filters .c_1{
    float:left;
    width: 300px;
}

.carousel .stage_2 .filters .c_2{
    float:left;
    width: 300px;
}

.carousel .stage_2 .filters h4{
    color: #fff;
    font-size :1.6em;
    margin: 0 0 10px 0;
}

.carousel .stage_2 .filters a{
    color: #fff;
    display:block;
    padding: 0 25px 0 10px;
    float:left;
    background: transparent url(../images/cs_filters_a_bg.png) no-repeat 100% 0;
    height: 27px;
    line-height: 27px;
    margin: 0 0 5px 0;
}



.carousel .stage_2 .filters a.selected{
    background: transparent url(../images/cs_filters_a_selected_bg.png) no-repeat 100% 0;
}

.carousel .stage_2 .filters a:hover{
    background: transparent url(../images/cs_filters_a_hover_bg.png) no-repeat 100% 0;
}

.carousel .stage_2 .filters p{
    margin: 0
}

.carousel .loading{
    background: #405f9d url(../images/ajax-loader.gif) no-repeat 50% 50%;
    position:absolute;
    top:190px;
    right:49px;
    width: 630px;
    height: 192px;
    text-indent: -6000px;
    z-index: 200;
    display:none;
}


.carousel .stage_2 .slider_wrapper {
    width: 630px;
    height: 217px;
    margin: 10px 0 0 0;
    overflow:hidden;
}

.carousel .stage_2 .slider_wrapper .slider{
    /* width: 844px; */
}

.carousel .stage_2 .slider_wrapper .slider .item{
    width: 210px;
    height: 220px;
    color: #fff;
    float:left;
    background: transparent url(../images/carousel_item_bg.gif) repeat-x 0 0;
}

.carousel .stage_2 .slider_wrapper .slider .item_selected{
    background: transparent url(../images/carousel_item_over_bg.gif) repeat-x 0 0;
}

.carousel .stage_2 .slider_wrapper .slider .item .image{
    height: 126px;
    background: transparent url(../images/homepage_splash_bg.jpg) no-repeat 0 0;
    position:relative;
    margin: 0 0 0 3px;
}
.carousel .stage_2 .slider_wrapper .slider .item .image h5{
    position:absolute;
    bottom: 0;
    left:0;
    padding: 4px 6px 4px 26px;
    background: #fff url(../images/carousel_item_icon_individual.gif) no-repeat 10px 0.6em;
    color: #405f9d;
    font-weight:bold;
}

.carousel .stage_2 .slider_wrapper .slider .item_group .image h5{
    
    background: #fff url(../images/carousel_item_icon_group.gif) no-repeat 10px 0.6em;
    
}

.carousel .stage_2 .slider_wrapper .slider .item p{
    margin: 7px 10px 0 10px;
    color: #cccccc;
}


.carousel .stage_2 .slider_wrapper .slider .item a{
    color: #fff;
}  

.carousel .stage_2 .slider_wrapper .slider .item a.view{

}  

.carousel .stage_2 .next {
    position:absolute;
    right:17px;
    bottom:120px;
    width: 14px;
    height: 37px;
    background: transparent url(../images/cs_arrow_right.png) no-repeat 0 0;
    text-indent: -6000px;
} 
.carousel .stage_2 a:hover.next {
    background: transparent url(../images/cs_arrow_right_hover.png) no-repeat 0 0;
}


.carousel .stage_2 .previous {
    position:absolute;
    left:17px;
    bottom:120px;
    width: 14px;
    height: 37px;
    background: transparent url(../images/cs_arrow_left.png) no-repeat 0 0;
    text-indent: -6000px;
} 
.carousel .stage_2 a:hover.previous {
    background: transparent url(../images/cs_arrow_left_hover.png) no-repeat 0 0;
}


.carousel .stage_3{
    margin: 0 0 0 0;    
    height: 409px;
    display:none;
    position:absolute;
    top:0;
    left:0;
    width: 724px;
    z-index: 100;
    background :transparent url(../images/cs_panel_bg.png) 0 0;
}

.carousel .stage_3 .stage_3_container {
    background: #fff;
    margin: 40px;
}

.extras_3{
    background:url("../images/dash.gif") repeat-x scroll 0 0;
    padding: 20px 0 0 0; 
}

.extras_3 img{
    display:block;
    border-right: 10px solid #e26ba5;
    margin: 0 0 10px 0;
}

.extras_3 .c_2{
    float:left !important;
}

.extras_3 .c_3{
    float:left;
    width: 236px;
}

.interested {
    background: #f2f2f2;
    padding: 10px;
    margin: 0 0 20px 0;
}

.interested h2{
    margin: 0 0 5px 0;
}

.interested p{
    margin: 0 0 10px 0;
}

.interested h3{
    margin: 0 0 0 0;
    background: #ed7da1;
    color :#fff;
    font-weight:bold;
    font-size: 1.3em;
    padding: 7px 10px 7px 10px;
    margin:  0 0 1px 0;
}

.interested  img{
    float:left;
    display:block;
}

.interested .details {
    float:left;
    width: 314px;
    background: #e7e7e7;
}

.interested .details a{
    color: #666666;
}

.interested .details a.show{
    font-weight:bold;
}

.interested .details .margin{
    margin :12px;
}

.interested .details h4{
    font-size: 1.4em;
    margin: 0 0 10px 0;
    font-weight:bold;
}

.interested .details .input_field{
    padding: 3px 0 0 3px;
    width: 200px;
}

.interested .details .textarea_field{
    padding: 3px 0 0 3px;
    width: 280px;
    height: 100px
}

.interested .details .form{
    display:none;
}


.twocol {
    margin: 0 0 20px 0;
}
.twocol a{
    color: #e47c9f;
    font-weight:bold;
}

.twocol .col_1{
    float:left;
    width: 235px;
    margin: 0 10px 0 0;
}

.twocol .col_2{
    float:left;
    width: 235px;
}



/* END CAROUSEL */




