@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-size: 100%;}

body {
background-color: #fff;
color: #464646;
font-size: 72.5%;
font-family: verdana,helvetica,arial,sans-serif;
}
#main {margin:0 auto; width:992px; padding-top: 10px;}

.col_1, .col_2, .col_3, .col_box_1, .col_box_2, .quarter_panel{ float:left;}

.side_gradient {
background:transparent url(images/side_gradient.gif) repeat-x scroll left top;
height:150px; border-top:1px solid #FFFFFF;
}


/*======= index.php =======*/
#index .row .col_1{ width:723px; padding-top:20px;}
#index .row .col_2{ width:250px; padding-top:20px; background-color:#EEEEEE;}

#index .row{ padding:0 0 16px 0;}
#index .row_height{ height:446px; float:left; width:19px;}

#index .row .col_1 .indent{ width:690px;}
#index .row .col_2 .indent{ width:216px; margin-left:12px;}

#index .row .col_1 .quarter_panel {
background:#FFFFFF url(/images/grey_gradient.gif) repeat-x scroll left bottom;
border:1px solid #F0EFEF;
height:240px; width:310px;
margin-top:20px;
padding:10px;
position:relative;
}
#index .row .col_1 .quarter_panel h2 { padding:0 0 0 0; }

/*=========================*/



/*======= about-divorce.php =======*/
#about-divorce .row .col_1{ width:250px; margin-right:30px; padding-top:20px; background-color:#EEEEEE;}
#about-divorce .row .col_2{ width:500px; padding-top:20px;}
#about-divorce .row .col_3{ width:200px; padding-top:40px}

#about-divorce .row{ padding:0 0 16px 0;}
#about-divorce .row_height{ height:446px; float:left; width:19px;}

#about-divorce .row .col_1 .indent{ width:216px; margin-left:19px;}
#about-divorce .row .col_2 .indent{ width:470px;}


/*======= uk-divorce.php // divorce guides =======*/
#uk-divorce .row .col_1{ width:736px;}
#uk-divorce .row .col_2{ width:225px;}

#uk-divorce .row{ padding:30px 0 16px 0; background:url(images/p4_wr_content.gif) 735px 0 repeat-y;}
#uk-divorce .row_height{ height:446px; float:left; width:19px;}

#uk-divorce .row .col_1 .indent{ width:689px;}
#uk-divorce .row .col_2 ul{ margin:15px 0;}


/*======= managed-divorce.php // divorce services =======*/
#divorce-2col .row .col_1{ width:603px; padding-top:20px;}
#divorce-2col .row .col_2{ width:370px; padding-top:0px; background-color:#EEEEEE;}

#divorce-2col .row{ padding:0 0 16px 0;}
#divorce-2col .row_height{ height:446px; float:left; width:19px;}

#divorce-2col .row .col_1 .indent{ width:570px;}
#divorce-2col .row .col_2 .indent{ width:316px; margin-left:19px;}



/*======= divorce-guarantee.php // divorce-conditions.php =======*/
#divorce-3col .row .col_1{ width:250px; margin-right:30px; padding-top:20px; background-color:#EEEEEE;}
#divorce-3col .row .col_2{ width:500px; padding-top:20px;}
#divorce-3col .row .col_3{ width:200px; padding-top:20px}

#divorce-3col .row{ padding:0 0 16px 0;}
#divorce-3col .row_height{ height:446px; float:left; width:19px;}

#divorce-3col .row .col_1 .indent{ width:216px; margin-left:19px;}
#divorce-3col .row .col_2 .indent{ width:470px;}




/*======= divorce-solutions.php =======*/
#divorce-solutions .row .col_1{ width:736px;}
#divorce-solutions .row .col_2{ width:225px;}

#divorce-solutions .row{ padding:30px 0 16px 0; background:url(images/p4_wr_content.gif) 735px 0 repeat-y;}
#divorce-solutions .row_height{ height:446px; float:left; width:19px;}

#divorce-solutions .row .col_1 .indent{ width:689px;}
#divorce-solutions .row .col_2 ul{ margin:15px 0;}



/*======= divorce-order.php =======*/
#divorce-order .row .col_1{ width:635px;}
#divorce-order .row .col_2{ width:316px; padding-top:40px;}

#divorce-order .row{ padding:23px 0 16px 0;}
#divorce-order .row_height{ height:446px; float:left; width:19px;}

#divorce-order .row .col_1 .indent{ width:602px;}



/*======= order.php =======*/
#order .row .col_1{ width:637px;}
#order .row .col_2{ width:326px;}

#order .row{ padding:20px 0 16px 0;}
#order .row_height{ height:446px; float:left; width:19px;}

#order .row .col_1 .indent{ width:602px;}



/*======= login.php =======*/
#login .row .col_1{ width:250px; margin-right:30px; padding-top:20px; background-color:#EEEEEE;}
#login .row .col_2{ width:500px; padding-top:20px;}
#login .row .col_3{ width:200px; padding-top:20px;}

#login .row{ padding:0 0 16px 0;}
#login .row_height{ height:446px; float:left; width:19px;}

#login .row .col_1 .indent{ width:216px; margin-left:19px;}
#login .row .col_2 .indent{ width:470px;}



/*======= contact.php // orderFailed.php // orderSuccessful.php =======*/
#contact .row .col_1{ width:250px; margin-right:30px; padding-top:20px; background-color:#EEEEEE;}
#contact .row .col_2{ width:500px; padding-top:20px;}
#contact .row .col_3{ width:200px; padding-top:20px;}

#contact .row{ padding:0 0 16px 0;}
#contact .row_height{ height:446px; float:left; width:19px;}

#contact .row .col_1 .indent{ width:216px; margin-left:19px;}
#contact .row .col_2 .indent{ width:470px;}



/*content*/
#content{ line-height:16px; margin-top:4px;}
.button{ display:block; margin-top:5px;}
.content_wrapper_top_line{ background:url(images/content_wrapper_top_line.gif) top left repeat-x;}
span{ color:#3784d1;} 
#content a {color:#3784d1; border-bottom:1px dotted #828280; text-decoration:none;}

p { line-height:150%; padding-top:8px; padding-bottom:8px;}
.smtxt { font-size: 80%; color: #635E5E;}

.fx_green {color:#008000; }

.clear { clear:both;}
img {border:0; vertical-align:top; text-align:left;}
.indent_img{ margin:0 15px 0 0; float:left;}
.icon { float:left; vertical-align:middle; margin:0 10px 10px 0;}

h1{ font-size: 162%; font-weight:normal; color:#085A92;padding:18px 0 6px 0;}
h2{ font-size: 162%; font-weight:normal; line-height:130%; color:#085A92;}/*---- #3784d1 ----*/
h3{ font-size: 152%; font-weight:normal; color:#085A92;}

.col_3 h2{ font-size:1.2em; font-weight:bold; color:#1776AB;}
.heading{ font-size:1.2em; font-weight:normal; color:#1776AB;}

ul.bullet-list {
list-style-type:disc;
padding-left:20px;
}
ul.bullet-list li { margin:0.4em 0;}

ol { padding-left:40px; font-weight:bold; }
ol li { margin:0.4em 0;}
ol p { padding: 0; font-weight: normal;}

.error { color:#990000;}

.order {
width:450px; display:block; 
border: 1px solid #999999; 
margin: 10px 0 0 0; }
.order p{ font-size:120%; margin:2px 2px 2px 2px; padding: 3px 8px 3px 8px;background-color:#F2F1F1;}
.order strong {
	text-align:right;
	width:95px;
	height:100%;
	float:left;
	margin:0 5px 0 0 ;
}

.main_box {
background:transparent url(/images/main_box_bg.gif) no-repeat scroll 0 0;
display:block;
height:190px;
margin:5px 0 10px 0;
padding:10px;
width:600px;
float:left;
position:relative;
}

.centr_box {
background:transparent url(/images/centr_box_bg.gif) no-repeat scroll 0 0;
display:block;
height:190px;
margin:5px 0 10px 0;
padding:10px;
width:470px;
float:left;
position:relative;
}

.side_box {
background:transparent url(/images/side_box_bg.gif) no-repeat scroll 0 0;
display:block;
height:190px;
width:370px;
float:left;
position:relative; border-top:1px solid #FFFFFF;
}
.side_box .side_box_indent { padding-top:10px; padding-right:20px; padding-left:15px;}


.side_box_wh {
background:transparent url(/images/side_box_whbg.gif) top repeat-y;;
display:block; margin-bottom:20px;
width:320px;
float:left;
position:relative;
}
.side_box_wh .top    { background:url(images/side_box_whtp.gif) no-repeat scroll 0 0; padding-left:10px; line-height:26px;}
.side_box_wh .bot    { background:url(images/side_box_whbt.gif) no-repeat scroll 0 0}
.side_box_wh .centr { padding:10px;}

.side_banner {
background:transparent url(/images/side_banner_bg.gif) top repeat-y;;
display:block; border-top:2px solid #FFFFFF;
width:250px;
float:left;
position:relative;
}
.side_banner .top    { background:url(images/side_banner_tp.gif) no-repeat scroll 0 0; line-height:57px;}
.side_banner .bot    { background:url(images/side_banner_bt.gif) no-repeat scroll 0 0}
.side_banner .centr { padding-left:10px;}



.centr_box_blue {
display:block;
background-color:#F8F7FF;
border:1px solid #E0E0E0; 
margin-top:20px;
padding:10px;
}

.centr_box_grey {
display:block;
background-color:#FDFDFD;
border:1px solid #E0E0E0; 
padding:10px;
}

.pink_panel {
background-color:#FFF6FB;
background-image:url(/images/pink_panel.jpg);
background-position:left top;
background-repeat:repeat-x;
border:1px solid #E0E0E0;
padding: 10px;
float:left;
position:relative;
}

.yellow_panel {
background-color:#FFFEEB;
background-image:url(/images/form_gradient.gif);
background-position:left top;
background-repeat:repeat-x;
border:1px solid #E0E0E0; margin-top: 10px;
padding: 10px;
float:left;
position:relative;
}


/*---- Form Elements ----*/
.form_panel {
background-color:#FFFEEB;
background-image:url(/images/form_gradient.gif);
background-position:left top;
background-repeat:repeat-x;
border:1px solid #E0E0E0; margin-top: 10px;
padding: 10px;
float:left;
position:relative;
}

.fieldset {
	width:550px; 
	margin: 10px 0 10px 0; }
.fieldset label {
	width:200px;
	float:left;
	padding:0.2em;
	margin-top:0.1em; }
.fieldset .lrlabel {
	border-top:1px solid #fff; 
	width:330px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; }

.fieldset .nobr { display:none; } 
	
.fieldset .smtxt { font-size: 80%; padding-left:203px;}

.fieldset p { padding:0.2em;}

.fieldset .error { font-size: 80%; padding-left:203px; color:#990000;}
.fieldset .error_left_align { font-size: 80%; padding-left:10px; color:#990000;}

.fieldset .textfield {
	height:16px;
	width:18em;
	border: 1px solid #83a8cc; }
.fieldset .textfield_sm {
	height:16px;
	width:9em;
	border: 1px solid #83a8cc; }

.fieldset select { width: 18.25em; margin-top: 8px;}

.fieldset .textbox {
	margin:3px;
	height:80px;
	width:440px;
	border: 1px solid #83a8cc; font-family:Arial, Helvetica, sans-serif; font-size:117.5%}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven {
width:480px; padding-top:4px; padding-bottom: 4px;
}


	
#contact .butt {
font-family:Arial, Verdana, Helvetica, sans-serif;
color: #0f79a5;
background-color: #ffffff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #636363;
border-right-color: #636363;
border-bottom-color: #636363;
border-left-color: #636363;
float: right;
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 10px;
}

.button_order {
	background-image : url(images/button_order.png);
	border: 0px solid #34689A;
	height: 47px;
	width: 177px;
	position: absolute; right: 40px; bottom: 22px;
}

.button_order_side {
	background-image : url(images/button_order.png);
	border: 0px solid #34689A;
	height: 47px;
	width: 177px;
	position: absolute; right: 20px; bottom: 4px;
}

.fieldset em.required { color:red !important;}

	/* classes for validator */
	.tfvHighlight
		{color: #990000; font-weight:bold;}
	.tfvNormal
		{color: black;}
	.inputHighlighted
		{color: #CEA639;}
	.inputNormal
		{color: black;}


/*---- Header ----*/
.header_wrapper{ margin:10px 0 0 0;}
.header_wrapper .main_panel {
float:left;
height:250px; width:622px;
position:relative;
}
.header_wrapper .side_panel {
float:left;
display:block;
background:#FFFFFF url(/images/head_sidepanel.jpg) no-repeat scroll 0 0;
height:250px; width:369px;
position:relative;
}

#header {
    float:left;
    width:100%;
    background:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:138%;
    line-height:normal;
    }
#header ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#header li {
  float:left; 
  margin:0;
  padding:0 0 0 0;
  }
#header a {
  float:left;
  display:block; width:124px; height:56px;
  background:url("images/tab.png")
    no-repeat top;
  padding:19px 0 0 0; text-align:center;
  text-decoration:none;
  font-weight: 900;
  color:#000;
  }
#header li:hover, #header li:hover a {
  background-position:0% -75px;
  color:#fff;
  }
#header li:hover a {
  background-position:100% -75px;
  }
  
#index #nav-index, 
#about-divorce #nav-about-divorce,
#divorce-info #nav-guides,
#uk-divorce #nav-services,
#divorce-2col #nav-services,
#divorce-order #nav-divorce-order,
#divorce-solutions #nav-solutions, 
#order #nav-divorce-order,
#login #nav-login,
#divorce-3col #nav-services,
#contact #nav-contact,
#divorce-advice #nav-contact {
  background-position:0% -75px;
  border-width:0;
  }
#index #nav-index a, 
#about-divorce #nav-about-divorce a,
#divorce-info #nav-guides a,
#uk-divorce #nav-services a,
#divorce-2col #nav-services a,
#divorce-order #nav-divorce-order a, 
#divorce-solutions #nav-solutions a,
#order #nav-divorce-order a,
#login #nav-login a,
#divorce-3col #nav-services a,
#contact #nav-contact a,
#divorce-advice #nav-contact a {
  background-position:100% -75px;
  color:#fff;
  padding-bottom:4px;
  }  
  
#header #current {
  background-position:0% -75px;
  border-width:0;
  }
#header #current a {
  background-position:100% -75px;
  padding-bottom:5px;
  color:#fff;
  }
  
/*footer*/
#footer{ background:url(images/content_wrapper_top_line.gif) top left repeat-x; width:100%; padding:13px 0 11px 0; text-indent:19px; color:#636363;}
#footer a{ color:#636363; text-decoration:none}
#footer a:hover{ text-decoration:underline;}

/*---- Page Tab ----*/
#page_tab {
    float:left;
    width:100%;
    background:#fff;
    line-height:normal;
    }
#page_tab .tab ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#page_tab .tab li {
  float:left; 
  margin:0;
  padding:0 0 0 0;
  }
#page_tab .tab a {
  float:left;
  display:block; width:189px; height:29px;
  border-bottom:0px dotted #828280;
  background:url("images/page_tab.png")
    no-repeat top;
  padding:10px 0 0 0; 
  font-size: 162%; font-weight:normal; color:#085A92;
  text-align:center;
  text-decoration:none;
  }

#page_tab .tab li:hover, #page_tab .tab li:hover a {
  background-position:0% -39px;
  color:#085A92;
  }
#page_tab .tab li:hover a {
  background-position:100% -39px;
  }
  
#page_tab .tab li a.active 
 {
  background-position:100% -39px;
  color:#085A92;
  }  


#page_tab .tab_panel {
background-color:#E9F4FA;
border:1px solid #E0E0E0;
float:left;
position:relative;
top:-1px;
width:99.6%;
}
#page_tab .tab_panel .tab_indent{ padding:20px;}

#page_tab .tab_panel ul{ list-style-type: none; line-height:1.5em;}
#page_tab .tab_panel li{ 
background-image: url(images/tick.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 2.5em;
margin: 1em 0;}

/*======= side navigation =======*/
#navcontainer { width: 244px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
background-color: #EEEEEE;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding-top: 6px; 
padding-right: 4px; 
padding-bottom: 6px; 
padding-left: 10px;
width: 236px;
border-bottom: 1px solid #fff;
}

#navcontainer a:link, #navlist a:visited
{
color: #085A92;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #FEFFD5;
color: #085A92;
}