/*
Theme Name:Personal Injury Theme for Grange Online Media
Theme URI:http://wh1sp.com/web
Description:Customized client's template, designed and integrated by <a href="http://wh1sp.com/web/">wh1sp.com</a>.
Version:1.6
Author:Boyan Kostov
Author URI:http://wh1sp.com/web
*/

/* GLOBAL */
body, html{font-size:13px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; color:#333; text-align:center; margin:0; padding:0}
*{margin:0; padding:0; border:0; outline:0}
.desc{position:relative; left:-9999px; font-size:1px}
.clear{clear:both; font-size:1px; margin:0; padding:0}
h1{font-size:40px}
h2{font-size:25px}
h3{font-size:20px}
a{text-decoration:none}
a:hover{text-decoration:none}
#header .inner, #footer .inner, #content .inner, #phone .inner, #phone2 .inner{text-align:left; width:900px; margin:0 auto}
.alignleft {float: left}
.alignright {float: right;}

/* HEADER */
#header{height:115px; background:#fff}
#header .logoarea {float: left; width: 361; height: 70px}
#header h2 {text-transform: uppercase; font-size: 35px;}
#header .inner {position: relative;}
#header .inner ul {position: absolute; right: 0;}
#header .inner a.logo{display: block;margin:25px 0 10px 1px; background:url(images/logo.png) no-repeat 0 0; width:361px; height:33px}
#header .inner ul{float:right; text-align:right; margin-top:80px}
#footer .inner ul{float:left; text-align:left; margin-top:-1px}
#header .inner ul li, #footer .inner ul li{display:block; float:left; width:auto; text-transform:uppercase}
#header .inner ul li a, #footer .inner ul li a{padding:8px 15px 12px 15px; height:15px; float:left}
#header .inner ul li.current_page_item a{border-width:1px 1px 0 1px; border-style:solid; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px}
#footer .inner ul li.current_page_item a{border-width:0 1px 1px 1px; border-style:solid; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px}
#carousel{border-width:1px 0; border-style:solid}
#carousel img{margin:17px 0; border-width:4px; border-style:solid; -moz-border-radius:5px; -webkit-border-radius:5px}
#phone{border:1px solid white; border-width:0 0; padding:10px 0}
.cf_hidden, legend, label {display: none;}

/* CONENT AREA */
#content{background:white; border-width:1px 0; border-style:solid}
#content h1{font-size:45px; letter-spacing:-1px}
#content .inner .post{width:565px; float:left; padding:25px 0; color:#858585}
#content .inner .post h6{font-size:16px; font-weight:normal; line-height:20px; margin:15px 0}
#content .inner .post ul{list-style:none; margin:15px 0 15px 35px; list-style-position: inside;}
#content .inner .post ol{margin:15px 0 15px 35px; list-style-position: inside;}
#content .inner .post p{margin:10px 0}
#content .inner .post h2{margin:0 0 10px 0; font-size:20px; text-transform:uppercase; font-weight:normal; letter-spacing:-1px}
#content .inner .post h3{margin:10px 0; font-size:16px; text-transform:uppercase; font-weight:normal; color:#605e5e; letter-spacing:-0.5px}
#content .inner .post ul li{background:url(images/tick_light.png) no-repeat 0 6px; padding-left:17px; line-height:20px}
#content .inner .post img {padding: 2px; border: 1px solid #e3e3e3;}
#content .inner .post img.alignleft {margin: 5px 15px 5px 0;}
#content .inner .post img.alignright {margin: 5px 0 5px 15px;}

/* SIDEBAR*/
#sidebar{width:324px; float:right; margin-top:-96px}
#sidebar .widget{margin:25px 0; color:#858585}
#sidebar .widget ul{margin-left:35px}
#sidebar .widget-selling-contact{background:url(images/contactbgr.png) no-repeat 0 0; width:324px; height:365px; margin:0 0 15px 0; position:relative}
#sidebar .widget-selling-contact ul{list-style:none; margin:0; padding:20px 55px 0 30px}
span.reqtxt, span.emailreqtxt{display:none}
#sidebar .widget-selling-contact ul li{font-size:21px; font-style:italic; color:#fbfbfb; height:28px; background:url(images/tick_blue.png) no-repeat 0 3px; padding-left:30px}
.linklove{display:none}
form.cform ol{list-style:none; padding:0 0 0 12px; margin-top:102px}
form.cform ol li{float:left}
form.cform ol li input{background:url(images/input.png) no-repeat 0 0; height:22px; width:131px; padding:6px 0 5px 10px; float:left; margin:6px 0 0 9px; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; color:#858585; font-style:italic}
#sendbutton{background:url(images/claim.png) no-repeat 0 0; height:44px; width:211px; margin:18px 0 0 57px;}
#sendbutton:hover{background-position:0 -44px; cursor:pointer}
div.failure, div.success, div.waiting{position:absolute; background:#1c80b5; -moz-border-radius:5px; text-align: center; font-weight: bold; -webkit-border-radius:5px; top:348px; width:304px; color:white; padding:5px 10px;}
form.cform ol li input.cf_error{color:#4c4c4c; background:url(images/cf_error.png) no-repeat 0 0}

/* FOOTER */
#phone2{text-align:left; padding:15px 0 12px 0; border-width:0 0 1px 0; border-style:solid}
#phone2 img{float:left; width:auto}
#phone2 .right{width:393px; float:right; text-align:right; text-transform:uppercase; line-height:15px}
#phone2 .right strong{color:#fe7800}
#footer{padding-bottom:25px}
#footer p{width:300px; float:right; text-align:right; text-transform:uppercase; color:#a5a5a5; font-size:11px; margin-top:8px}