/* CSS Document */

/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

.form_clear {
  clear:both;
  height:11px;
  overflow:hidden;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

select, input, textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1.00em;
  margin:0px 0px 0px 0px;
  font-weight:normal;
}

h1,
#h1_title span {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-size:11px;
  color:#5A5165;
  font-weight:bold;
}

#h1_title{
  padding:10px 10px 10px 10px;
}

.sitemap h1{
  padding:10px 10px 5px 10px;
}

#h1_title h1 {
  display:inline;
}

h2 {
  margin:0px 0px 0px 0px;
  padding:10px 10px 10px 10px;
  font-size:11px;
  color:#5A5165;
}

strong.customer {}

a {
  text-decoration:none;
  color:#7F6A98;
}

a:hover {
  text-decoration:underline;
  color:#7F6A98;
}

p {
  padding:4px 0px 4px 0px;
  margin:0px 0px 0px 0px;
}

#step_box #back_link {
  padding:10px 10px 10px 10px;
  margin:0px 0px 0px 0px;
}

#star {
  padding:0px 10px 0px 10px;
  margin:0px 0px 0px 0px;
  line-height:14px;
}

.sitemap p {
  padding:10px 10px 4px 10px;
  margin:0px 0px 0px 0px;
}

p.error {
  padding:8px 10px 4px 10px;
  margin:0px 0px 0px 0px;
  font-weight:bold;
  font-size: 1.5em;
  color: #CC0000;
}

#steps_end p.error {
  color: #CC0000;
}

ul {
  padding:0px 0px 0px 25px;
  margin:0px 0px 0px 0px;
}

li {
  padding:0px 0px 10px 0px;
  margin:0px 0px 0px 0px;
}

form {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

html {
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#5A5165;
  padding: 0px 0px 10px 0px;
  margin:0px 0px 0px 0px;
  background: #000000 url("../images/body_bg.gif") repeat-x;
}


/******************* Main Holders *******************/

#parent_container {
  width:910px;
  margin:0px auto 0px;
  background: url("../images/parent_container_bg.gif") repeat-y;
}

#header_container {
  height:124px;
  overflow:hidden;
}


#body_container {
  background: url("../images/body_container_bg.jpg") top left no-repeat;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#body_container_end_fixed {
  background: url("../images/body_container_end.gif") bottom right no-repeat;
  padding:0px 0px 2px 0px;
  margin:0px 0px 0px 0px;
  height:497px;
  overflow:hidden;
}

#body_container_end {
  background: url("../images/body_container_end.gif") bottom right no-repeat;
  padding:0px 0px 2px 0px;
  margin:0px 0px 0px 0px;
  min-height:497px;
  height:auto !important;
  height:497px;
}

#left_column {
  width:319px;
  float:left;
  position:relative;
  left:4px;
  margin:0px 0px 0px 0px;
  background: url("../images/cms_filler.jpg") top right no-repeat;
}

#body_container_end_fixed #left_column {
  height:497px;
  overflow:hidden;
}

#home_page #left_column  {
  background: url("../images/home_promo_filler.jpg") top right no-repeat;
}

#steps #left_column {
  width:316px;
  float:left;
  position:relative;
  left:4px;
  margin:0px 0px 0px 0px;
  background: none;
}

#middle_column {
  width:583px;
  float:left;
  position:relative;
  left:4px;
  margin:0px 0px 0px 0px;
}

#steps #middle_column {
  width:585px;
  float:left;
  position:relative;
  left:4px;
  margin:0px 0px 0px 0px;
}


#footer_container {
  height:65px;
  background: url("../images/footer_container_bg.jpg") no-repeat;
}

/******************* top_container *******************/

#top_container {
  height:100px;
  background: url("../images/top_container_bg.jpg") no-repeat;
}

p#site_logo {
  padding:4px 0px 0px 38px;
  margin:0px 0px 0px 0px;
  float:left;
  width: 300px;
}

p#site_logo img {
  border:0px;
}

#barclays_logo{
  float: right;
  padding: 28px 15px 0px 0px;
}

/******************* top_menu *******************/

#top_menu {
  height:24px;
  background: url("../images/top_menu_bg.gif") no-repeat;
}

#top_menu ul {
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 341px;
  list-style:none;
}

#top_menu li {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  display:block;
  float:left;
}

#top_menu span {
  display:none;
}

#menu_1 a {
  background: url("../images/menu_1.gif") no-repeat;
  height:14px;
  width:46px;
  display:block;
  margin:0px 22px 0px 0px;
}

#menu_2 a {
  background: url("../images/menu_2.gif") no-repeat;
  height:14px;
  width:75px;
  display:block;
  margin:0px 21px 0px 14px;
}

#menu_3 a {
  background: url("../images/menu_3.gif") no-repeat;
  height:14px;
  width:88px;
  display:block;
  margin:0px 23px 0px 15px;
}

#menu_4 a {
  background: url("../images/menu_4.gif") no-repeat;
  height:14px;
  width:102px;
  display:block;
  margin-left:0px;
  margin:0px 21px 0px 14px;
}

#menu_5 a {
  background: url("../images/menu_5.gif") no-repeat;
  height:14px;
  width:93px;
  display:block;
  margin:0px 0px 0px 15px;
}


/******************* step_1 *******************/

#step_1 {
  height:209px;
  width:292px;
  background: url("../images/step_1_bg.jpg") no-repeat;
  position:relative;
  left:12px;
}

#step_1_numbers {
  height:77px;
  width:42px;
  background: url("../images/step_1_numbers.jpg") no-repeat;
  position:absolute;
  top:79px;
  left:-12px;
}

#step_1 .intro {
  padding:18px 20px 0px 20px;
  margin:0px 0px 0px 0px;
  height:61px;
  font-size:11px;
  color:#FFFFFF;
  line-height:16px;
}

#step_1 label {
  display:none;
}

#step_1 select {
  margin-left:38px;
  margin-top:8px;
  margin-bottom:13px;
  width:239px;
  font-size:11px;
  color:#30243D;
}

#step_1 img,
#step_1 input {
  margin-left:12px;
  margin-top:4px;
}

/******************* step_promo *******************/

#step_promo {
  padding:9px 0px 0px 12px;
}

/******************* key_promo *******************/

#key_promo {
  height:83px;
  text-align:right;
}

/******************* home_promo *******************/

#home_promo {
  height:196px;
  text-align:right;
  background: url("../images/home_promo_image.jpg") top left no-repeat;
}

/******************* home_promos *******************/

#home_promos {
  height:255px;
  width:571px;
  background: url("../images/home_promos_bg.jpg") top left no-repeat;
}

#promo_1 {
  height:100px;
  width:162px;
  background: url("../images/promo_1.jpg") no-repeat;
  float:left;
  margin:10px 0px 0px 7px !important;
  margin:10px 0px 0px 4px;
  padding:134px 10px 0px 10px;
}

#promo_2 {
  height:100px;
  width:162px;
  background: url("../images/promo_2.jpg") no-repeat;
  float:left;
  margin:10px 0px 0px 4px;
  padding:134px 10px 0px 10px;
}

#promo_3 {
  height:100px;
  width:162px;
  background: url("../images/promo_3.jpg") no-repeat;
  float:left;
  margin:10px 0px 0px 4px;
  padding:134px 10px 0px 10px;
}

/******************* footer_container *******************/

#footer_links {
  padding:10px 0px 0px 22px;
  margin:0px 0px 0px 0px;
  float:left;
  color:#5A5165;
}

#footer_links ul {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style:none;
  font-size:10px;
}

#footer_links li {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  display:inline;
}

#footer_container a {
  color:#646464;
  text-decoration:none;
}

#footer_container a:hover {
  color:#FFFFFF;
  text-decoration:none;
}

#footer_container p {
  padding:10px 16px 0px 0px;
  margin:0px 0px 0px 0px;
  float:right;
}

/******************* cms_page *******************/

#cms_page {
  height:462px;
  width:541px;
  background: url("../images/cms_bg.jpg") no-repeat;
  overflow:hidden;
  margin:10px 0px 0px 0px;
  padding:16px 15px 0px 15px;
  line-height:15px;
}

.about_us h1 {
  background: url("../images/about_us.gif") no-repeat;
  height:26px;
  width:131px;
}

.testimonials h1 {
  background: url("../images/testimonials.gif") no-repeat;
  height:26px;
  width:160px;
}

.the_service h1 {
  background: url("../images/the_service.gif") no-repeat;
  height:26px;
  width:142px;
}

.contact_us h1 {
  background: url("../images/contact_us.gif") no-repeat;
  height:26px;
  width:149px;
}

.about_us h1 span,
.testimonials h1 span,
.the_service h1 span,
.contact_us h1 span {
  display:none;
}

/******************* step_box *******************/

#step_box {
  background: url("../images/step_bg.jpg") top left repeat-y;
  margin:10px 0px 2px 0px;
  min-height:1px;
  height:auto !important;
  height:1px;
}

#step_box p
{
  padding: 0px 20px 0px 0px;
}

#step_box h1
{
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

#step_top {
  background: url("../images/step_bg_top.jpg") top left no-repeat;
}

#step_bottom {
  background: url("../images/step_bg_end.jpg") bottom left no-repeat;
  min-height:453px;
  height:auto !important;
  height:453px;
  padding:13px 0px 13px 10px;
}

#step_submit {
  padding:0px 15px 0px 0px;
}

/******************* step_content *******************/

#steps_bg ,
#steps_bg_2{
  background: url("../images/step_content_bg.jpg") top left repeat-y;
}

#steps_end,
#steps_end_2{
  background: url("../images/step_content_end.jpg") bottom left no-repeat;
  padding:0px 4px 3px 4px;
  width:546px;
}

#steps_end p,
#steps_end_2 p {
  background-color:#DFD8E7;
  color:#5A5165;
  padding:5px 10px 5px 10px;
  margin:0px 0px 0px 0px;
}

#steps_end table,
#steps_end_2 table {
  padding:0px 7px 10px 7px;
  color:#5A5165;
  font-weight:bold;
}

#steps_end table span {
  font-weight:normal;
}

#steps_end th {
  padding:15px 7px 5px 7px;
  border-bottom:1px solid #BEBEBE;
  text-align:left;
  font-size:13px;
}

.alt_row td {
  background-color:#E8E8E8;
}

.step_4 .alt_row td,
.step_4 .row td {
  background-color:#DFD8E7;
  border-bottom:1px solid #FFFFFF;
}

#steps_end table a{
  color:#5A5165;
}

#steps_end table a:hover{
  color:#5A5165;
  text-decoration:underline;
}

#steps_end_2 select
{
  width:185px;
}

#steps_end_2 input {
  width:179px;
}


/******************* progress_bar *******************/

#progress_bar {
  height:41px;
  width:550px;
  margin:0px 0px 0px 2px;
  position:relative;
}

.step_2 #progress_bar {
  background: url("../images/prog_2.jpg") no-repeat;
}

.step_3 #progress_bar {
  background: url("../images/prog_3.jpg") no-repeat;
}

.step_4 #progress_bar {
  background: url("../images/prog_4.jpg") no-repeat;
}

.step_5 #progress_bar {
  background: url("../images/prog_5.jpg") no-repeat;
}


#progress_bar #back_2 {
  width:80px;
  height:21px;
  position:absolute;
  top:11px;
  left:123px;
  cursor:pointer
}

#progress_bar #back_3 {
  width:85px;
  height:21px;
  position:absolute;
  top:11px;
  left:232px;
  cursor:pointer
}

#progress_bar #back_4 {
  width:73px;
  height:21px;
  position:absolute;
  top:11px;
  left:342px;
  cursor:pointer
}


/******************* header_bar *******************/

#header_bar {
  height:39px;
  width:554px;
  margin:5px 0px 0px 0px;
}

#header_bar_2 {
  height:39px;
  width:554px;
  margin:5px 0px 0px 0px;
  background: url("../images/header_5b.jpg") no-repeat;
}

#header_bar_confirm {
  height:39px;
  width:554px;
  margin:5px 0px 0px 0px;
  background: url("../images/header_end.jpg") no-repeat;
}

.step_2 #header_bar {
  background: url("../images/header_2.jpg") no-repeat;
}

.step_3 #header_bar {
  background: url("../images/header_3.jpg") no-repeat;
}

.step_4 #header_bar {
  background: url("../images/header_4.jpg") no-repeat;
}

.step_5 #header_bar {
  background: url("../images/header_5.jpg") no-repeat;
}

/******************* testimonial *******************/

.testimonial {
  background: url("../images/testimonial_bg.gif") no-repeat;
  height:90px;
  width:496px;
  text-align:center;
  padding:20px 20px 0px 20px;
  margin:6px 0px 6px 0px;
  color:#5A5165;
}

.testimonial strong {
  color:#7F6A98;
}

/******************* grade *******************/

.grade {
  background: url("../images/grade_bg.gif") no-repeat;
  height:56px;
  width:516px;
  text-align:center;
  padding:10px 10px 0px 10px;
  margin:6px 0px 6px 0px;
  color:#5A5165;
}

.grade strong {
  color:#7F6A98;
}

.grade p {
  padding:0px 0px 2px 0px;
}

/******************* contact_us *******************/

#contact_us_text {
  width:240px;
  float:left;
}

#contact_us_form  {
  width:240px;
  float:right;
}

#contact_us_form .textarea {
  width:220px;
  margin-bottom:5px;
  margin-top:1px;
}

/******************* services *******************/

#service_1 {
  background: url("../images/service_1.jpg") no-repeat;
  height:110px;
  width:536px;
  overflow:hidden;
  margin:12px 0px 0px 0px;
}

#service_2 {
  background: url("../images/service_2.jpg") no-repeat;
  height:110px;
  width:536px;
  overflow:hidden;
  margin:12px 0px 0px 0px;
}

#service_3 {
  background: url("../images/service_3.jpg") no-repeat;
  height:110px;
  width:536px;
  overflow:hidden;
  margin:12px 0px 0px 0px;
}

#service_1 p,
#service_2 p,
#service_3 p {
  padding:35px 0px 0px 140px;
}

/******************* flash_box *******************/

#flash_box {
  background: url("../images/flash_box.jpg") no-repeat;
  height:207px;
  width:319px;
  overflow:hidden;
}

#faqs {
  padding:0px 30px 0px 0px;
}

#faqs .hide {
  display: none;
}

#faqs .show {
  display: block;
}

#faqs p {
  padding:5px 0px 5px 0px;
}

#faqs .faq_question {
  padding:10px 0px 5px 0px;
}

#confirm {
  padding:0px 0px 10px 0px;
}

#steps_end #confirm p {
  background-color:#FFFFFF;
  color:#5A5165;
  padding:5px 10px 5px 10px;
  margin:0px 0px 0px 0px;
}

/**************sell_form****************/

.sell_form_textarea{
  width: 20px;
}

.error_message{
	font-weight: bold;
	color: #ff0000;
}

.green_message{
	font-weight: bold;
	color: #009900;
  font-size: 14px;
  line-height: 18px;
}

.grades_explained
{
  font-size: 12px;
}