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


/* SIDE BOX WIDGETS (Newsletter sign up etc) */


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

div.sideBox:first-child
{
	padding-top: 0px !important;
}

div.sideBox h3
{
  font-size: 1.3em;
}

div.sideBox p
{
  font-size: 1.1em;
  margin: 0;
}

/* ###################################### */
/* SOLID GREY BOXES */
/* ###################################### */

 div.solidGrey 
{
  width: 213px;
  padding: 10px 8px 10px 14px;
  margin-left: 4px;
  background: url(/images/side_box_solid_grey_bg.png) no-repeat;
}

/* Different Bases */

div.sideBox div.blueBaseArrow, div.sideBox div.greenBase, div.sideBox div.pinkBase 
{
  width: 221px;
  height: 18px;
  margin-left: 4px;
  padding: 10px 0 10px 14px;
}

div.sideBox div.blueBaseArrow 
{
  background: url(/images/side_box_solid_grey_blue_base_arrow_bg.png) no-repeat;
}

div.sideBox div.greenBase 
{
  background: url(/images/side_box_solid_grey_green_base_bg.png) no-repeat;
}

div.sideBox div.pinkBase 
{
  background: url(/images/side_box_solid_grey_pink_base_bg.png) no-repeat;
}

div.sideBox div.blueBaseBigArrow 
{
  width: 221px;
  height: 34px;
  margin-left: 4px;
  padding: 10px 0 10px 14px;
  background: url(/images/side_box_solid_grey_blue_base_big_arrow_bg.png) no-repeat;
}

div.sideBox div.solidGrey h3
{
  color: #FFFFFF;
  margin-bottom: 16px;
}

div.sideBox div.solidGrey p 
{
  color: #FFFFFF;
}


/* ###################################### */
/* SHADOW OUTLINED BOXES */
/* ###################################### */

div.sideBox div.shadow 
{
  width: 195px;
  padding: 24px 24px 10px 24px;
  background: url(/images/side_box_shadow_small_bg.png) no-repeat;
}

div.sideBox div.shadow.big
{
  width: 195px;
  padding: 24px 24px 10px 24px;
  background: url(/images/side_box_shadow_big_bg.png) no-repeat;
}

div.sideBox div.shadow h3
{
  color: #007CCB;
  margin: 6px 0 20px 0;
  float: left;
}

div.sideBox div.shadow ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

div.sideBox div.shadow ul li
{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #007CCB;
}

div.sideBox div.shadow ul li.first
{
  margin: 0;
  padding: 0;
  border-top: none;
}

div.sideBox div.shadowBlue
{
  width: 195px;
  padding: 20px 24px 10px 24px;
  background: url(/images/side_box_shadow_blue_bg.png) no-repeat;
}

div.sideBox div.shadowBlue h3
{
  color: #FFFFFF;
  margin: 6px 0 20px 0;
}


/* ###################################### */
/* NEWSLETTER SIGN UP FORM */
/* ###################################### */

ul.newsletterSignupForm 
{
  float: left;
  list-style: none !important;
  padding: 0;
  margin: 0;
}

ul.newsletterSignupForm li
{
  float: left;
}

ul.newsletterSignupForm li input
{
  width: 140px !important;
}

ul.newsletterSignupForm li a
{
  margin-left: 12px;
}

/* ###################################### */
/* MY ACCOUNTS ALERT */
/* ###################################### */

ul.alerts
{
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

ul.alerts li
{
	margin-bottom: 10px;
}

ul.alerts li.alertText {
  font-style: italic;
  color: #FFFFFF;
}

/* ###################################### */
/* 5 REASONS TO BUY BLUE */
/* ###################################### */


div.sideBox div.FiveReasonsBlue
{
	width: 235px;
	background-color: #353535;
}

div.sideBox div.FiveReasonsBlue ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

div.sideBox div.FiveReasonsBlue ul li
{
  margin: 10px 10px 0 10px;
  padding: 10px 10px 0 10px;
  border-top: 1px dashed #007CCB;
}

/* ###################################### */
/* FIND A SOLICITOR WIDGETS */
/* ###################################### */


#find_a_solicitor_widget_form input,
#solicitors_by_type_widget_form input {
  width: 195px;  
}

#find_a_solicitor_enquiry_widget ul li
{
	border-top: none !important;
	padding: 0;
}

#find_a_solicitor_enquiry_widget ul li input,
#find_a_solicitor_enquiry_widget ul li textarea
{
	width: 180px;
}

.magentaSub {
    background: url(/images/category_subscription_magenta.png) no-repeat top center !important;
}

#categorySubscription {
    background: url(/images/category_subscription.png) no-repeat top center;
    position: relative;
    height: 300px;
    padding: 20px;
    padding-top: 20px !important;
}

#categorySubscription h3 { padding: 10px 55px 5px 0; line-height: 1.3em; }
#categorySubscription h4 {
    color:#FFFFFF;
    line-height:1.5em;
    position:absolute;
    top:255px;
    width:200px;
}

#categorySubscription .price {
    position: absolute;
    top: 43px;
    right: 39px;
    width: 50px;
    height: 50px;
    font-size: 1.2em;
    color: #ffffff;
    text-align: center;
    -moz-transform: rotate(13.5deg);  /* FF3.5+ */
       -o-transform: rotate(13.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(13.5deg);  /* Saf3.1+, Chrome */
/*             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
                     M11=0.9723699203976766, M12=-0.2334453638559054, M21=0.2334453638559054, M22=0.9723699203976766);  IE6,IE7 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',
                     M11=0.9723699203976766, M12=-0.2334453638559054, M21=0.2334453638559054, M22=0.9723699203976766)";  IE8 */
               zoom: 1;
}

#categorySubscription .buy {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#categorySubscription:hover .buy a { font-weight: bold; }