/* RESET STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* Global Styles */

@font-face
{
    font-family: 'Fontello';
    src: url('/Fonts/Fontello/font/symbols.eot'); /* IE 5-8 */ 
    src: url('/Fonts/Fontello/font/symbols.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
         url('/Fonts/Fontello/font/symbols.ttf') format('truetype'), /* Opera, Safari */
         url('/Fonts/Fontello/font/symbols.svg#font') format('svg'); /* iOS */    
}

body {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 0px;
    outline:none;
    white-space: normal;
}

h1, h2, h3, h4, p, a {
    font-family:Arial, Helvetica, sans-serif;
}
form {
	margin: 0px;
	padding: 0px;
}
#container {
	width: 980px;
	margin: 0px auto;
	float: none;
	clear: both;
}

#mainbody {
	width: 980px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 5px 0px 0px;
}
img {
	border: 0px;
}

.rightimage {
	float: right;
	border: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.leftimage {
	float: left;
	border: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}


.fullwidthimage {
	clear: both;
	border: 0px;
	margin-bottom: 10px;
}

input.btn, input.rightbtn
{	 
	background-color: #CC0000;
	background-image: url("/images/top-menu-background-red.bmp");
	background-repeat: repeat-x;
	border: 1px outset;
    border-radius:5px;
	border-color:#971414;
	color:White;
    font-family: 'Nunito', sans-serif;
    font-size:14px;
    font-weight:bold;
	padding: 7px;
	margin: 0px 10px 0px 10px;
    cursor:pointer;
    box-shadow:0 0 5px #888;
}

input.rightbtn
{
	width:200px;
	padding: 7px 0px;
	margin: 15px 0px;
    border:1px solid #930d0d;
}

input.rightbtn:hover {
    background-color: #15789c;
	background-image: url("/images/top-menu-background-light-red.bmp");
	background-repeat: repeat-x;
    color: #fff;
    border:1px solid #930d0d;
}

.premium
{
	font-weight: bold;
	font-size: 120%;
	color: #CC0000;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.emphasise
{
	font-weight: bold;
	font-size: 100%;
	color: #CC0000;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.rightcontrolimg {
    border-radius:4px;
    box-shadow:0 0 5px #888;
    width:200px;
}

/* Header */
#header {
	margin: 0px;
	padding: 0px;
	color: #CC0000;
}

.fathead {
	font-size: 140%;
	padding: 0px 15px 0px 0px;
}

.subhead {
	font-weight: bold;
	font-size: 100%;
	color: #CC0000;
}


#header .leftlogo {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 5px 5px 0px 0px;
	border: 0px;
}

#header .rightlogo {
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 0px 5px;
	border: 0px;
}

.logo {
    width: 201px;
    height: 60px;
    background-image: url("/images/phone2.gif");
    float:right;
    background-repeat: no-repeat;
}

.logo:hover {
    background:url("/images/phone2.gif") 0 -60px no-repeat;
}


#home #menuHome,
#cover-summary #menuCoverSummary,
#about-us #menuAboutUs,
#faq #menuFAQ,
#news #menuNews,
#contact #menuContact
{
	color: #880000;
	background-image:      url('/images/white-triangle.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}

/*** NAV MENU FOR HOME INSURANCE ***/
#navmenu {
	width: 900px;
    list-style:none;
	margin: 0px;
	padding: 0px;
    margin:0 auto;
}

#navmenu li{
    float:left;
    margin:0;
    margin:0px auto;
    border-right:1px solid #880000;
    border-left:1px solid #fb7a7a;
}

#navmenu li:first-child{
    border-left:none;
}

#navmenu li:last-child{
    border-right:none;
}

#navmenu li a{
    display:block;
    overflow:hidden;
    height:36px;
    line-height:36px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
    padding:0 17px;
    color:#fff;
    font-size:14px;
    font-family: 'Nunito', sans-serif;
}

#navmenu li:hover, #navmenu li a:hover{
    background:url("/images/top-menu-background-grey.bmp") repeat-x;
    color:#cc0000;
}

#navmenu li a span
    {
        display:inline-block;
        transition: all ease-in-out .4s;
    }

    #navmenu li a:hover > span
    {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }


#home #menuHome,
#homeIns #menuHomeIns,
#products #menuProducts,
#services #menuServices,
#news #menuNews,
#contact #menuContact,
#contact #menuContactUs,
#cover-summary #menuCoverSummary,
#about-us #menuAboutUs,
#faq #menuFAQ
{
	color: #880000;
	background-image: url("/images/white-triangle.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* Top Menu */
#topMenuwrap {
    width: 980px;
    height: 36px;
    background-image:url("/images/top-menu-background-red.bmp");
    background-repeat:repeat-x;
    float:left;
    clear:both;
    margin:0;
    padding:0;
    border-radius:5px;
    margin-bottom:20px;
    box-shadow:0 0 5px #888;
}


#topmenu {
	width: 980px;
    list-style:none;
	margin: 0px;
	padding: 0px;
    margin:0 auto;
    
     
}


    #topmenu li {
        float: left;
        margin: 0;
        margin: 0px auto;
        border-right: 1px solid #880000;
        border-left: 1px solid #fb7a7a;
        width:193px;
    }


#topmenu li:first-child {
    border-left: none;
}

#topmenu li:last-child{
    border-right:none;
}

    #topmenu li a, .no-anchor {
        display: block;
        overflow:hidden;
        height: 36px;
        line-height: 36px;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        padding: 0 30px;
        color: #fff;
        font-size: 14px;
        font-family: 'Nunito', sans-serif;
    }



#topmenu li:hover, #topmenu li a:hover{
    background:url("/images/top-menu-background-grey.bmp") repeat-x;
    color:#cc0000;
}

#topmenu li a span
    {
        display:inline-block;
        transition: all ease-in-out .4s;
    }

    #topmenu li a:hover > span
    {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }

/* DROPDOWN */
#topmenu li:hover > ul{
    opacity: 1;
    visibility: visible;
    margin:0;

    
}

#topmenu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 Only*/
    padding: 0;
    opacity:0;
    visibility: hidden;
    position: absolute;
    z-index:1;
    background: #f53434;
    background: -moz-linear-gradient(#f53434, #CC0000);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #CC0000),color-stop(1, #f53434));
    background: -webkit-linear-gradient(#f53434, #CC0000);    
    background: -o-linear-gradient(#f53434, #CC0000);	
    background: -ms-linear-gradient(#f53434, #CC0000);	
    background: linear-gradient(#f53434, #CC0000);	
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

#topmenu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #930101, 0 2px 0 #f68484;
    -webkit-box-shadow: 0 1px 0 #930101, 0 2px 0 #f68484;
    box-shadow: 0 1px 0 #930101, 0 2px 0 #f68484;
    height:34px;
    border:none;
}

#topmenu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#topmenu ul a{    
    margin:0;
    padding:0;
    font-family: 'Nunito', sans-serif;
    font-size:14px;
    font-weight:bold;
    height: auto;
    color:#fff;
    display: block;
    white-space: nowrap;
    float:none;
    text-indent:0;
    text-decoration:none;
    text-align:left;
}


*html #topmenu ul a{ /* IE6 */   
	height: 10px;
	width: 140px;
}

*:first-child+html #topmenu ul a{ /* IE7 */    
	height: 10px;
	width: 140px;
}

#topmenu ul a:hover{
    background: #dad9d9;
	background: -moz-linear-gradient(#dad9d9,  #b3b1b1);	
	background: -webkit-gradient(linear, left top, left bottom, from(#dad9d9), to(#b3b1b1));
	background: -webkit-linear-gradient(#dad9d9,  #b3b1b1);
	background: -o-linear-gradient(#dad9d9,  #b3b1b1);
	background: -ms-linear-gradient(#dad9d9,  #b3b1b1);
	background: linear-gradient(#dad9d9,  #b3b1b1);
    color:#CC0000;
    transition:all ease-in-out .4s;
    -ms-transition:all ease-in-out .4s;
}

#topmenu ul li:first-child a{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

#topmenu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 90px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #f53434;
}

#topmenu ul li:first-child a:hover:after{
    border-bottom-color: #dad9d9; 
}

#topmenu ul li:last-child a{
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

/* Clear floated elements */
#topmenu:after{
	visibility: hidden;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


#topmenu_home {
    width: 980px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin: 0 auto;
}


    #topmenu_home li {
        float: left;
        margin: 0;
        margin: 0px auto;
        border-right: 1px solid #880000;
        border-left: 1px solid #fb7a7a;
        width: auto;
    }


        #topmenu_home li:first-child {
            border-left: none;
        }

        #topmenu_home li:last-child {
            border-right: none;
        }

        #topmenu_home li a, .no-anchor {
            display: block;
            overflow: hidden;
            height: 36px;
            line-height: 36px;
            text-decoration: none;
            font-weight: bold;
            text-align: center;
            padding: 0 30px;
            color: #fff;
            font-size: 14px;
            font-family: 'Nunito', sans-serif;
        }



            #topmenu_home li:hover, #topmenu_home li a:hover {
                background: url("/images/top-menu-background-grey.bmp") repeat-x;
                color: #cc0000;
            }

            #topmenu_home li a span {
                display: inline-block;
                transition: all ease-in-out .4s;
            }

            #topmenu_home li a:hover > span {
                transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
            }

        /* DROPDOWN */
        #topmenu_home li:hover > ul {
            opacity: 1;
            visibility: visible;
            margin: 0;
            width:150px;
        }

    #topmenu_home ul {
        margin: 20px 0 0 0;
        _margin: 0; /*IE6 Only*/
        padding: 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: 1;
        background: #f53434;
        background: -moz-linear-gradient(#f53434, #CC0000);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #CC0000),color-stop(1, #f53434));
        background: -webkit-linear-gradient(#f53434, #CC0000);
        background: -o-linear-gradient(#f53434, #CC0000);
        background: -ms-linear-gradient(#f53434, #CC0000);
        background: linear-gradient(#f53434, #CC0000);
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 0 5px #888;
        transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
    }

        #topmenu_home ul li {
            float: none;
            margin: 0;
            padding: 0;
            display: block;
            -moz-box-shadow: 0 1px 0 #930101, 0 2px 0 #f68484;
            -webkit-box-shadow: 0 1px 0 #930101, 0 2px 0 #f68484;
            box-shadow: 0 1px 0 #930101, 0 2px 0 #f68484;
            height: 34px;
            border: none;
           
        }

            #topmenu_home ul li:last-child {
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        #topmenu_home ul a {
            margin: 0;
            padding: 0;
            font-family: 'Nunito', sans-serif;
            font-size: 14px;
            font-weight: bold;
            height: auto;
            color: #fff;
            display: block;
            white-space: nowrap;
            float: none;
            text-indent: 0;
            text-decoration: none;
            text-align: left;
        }


        *html #topmenu_home ul a { /* IE6 */
            height: 10px;
            width: 140px;
        }

        *:first-child + html #topmenu_home ul a { /* IE7 */
            height: 10px;
            width: 140px;
        }

            #topmenu_home ul a:hover {
                background: #dad9d9;
                background: -moz-linear-gradient(#dad9d9, #b3b1b1);
                background: -webkit-gradient(linear, left top, left bottom, from(#dad9d9), to(#b3b1b1));
                background: -webkit-linear-gradient(#dad9d9, #b3b1b1);
                background: -o-linear-gradient(#dad9d9, #b3b1b1);
                background: -ms-linear-gradient(#dad9d9, #b3b1b1);
                background: linear-gradient(#dad9d9, #b3b1b1);
                color: #CC0000;
                transition: all ease-in-out .4s;
                -ms-transition: all ease-in-out .4s;
            }

        #topmenu_home ul li:first-child a {
            -moz-border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

            #topmenu_home ul li:first-child a:after {
                content: '';
                position: absolute;
                left: 63px;
                top: -7px;
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #f53434;
            }

            #topmenu_home ul li:first-child a:hover:after {
                border-bottom-color: #dad9d9;
            }

        #topmenu_home ul li:last-child a {
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

    /* Clear floated elements */
    #topmenu_home:after {
        visibility: hidden;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }



* html #topmenu #topmenu_home { zoom: 1;} /* IE6 */
*:first-child + html #topmenu #topmenu_home {
    zoom: 1;
} /* IE7 */



img.homeimg {
    width: 34px;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: -20px;
    margin-top: 2px;
    clear: both;
}


/* Mainbody */
#mainbodyleft {
	width: 750px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}

#mainbodyleft h1 {
	font-size: 150%;
	font-weight: normal;	
	color: #CC0000;
	margin: 0px 0px 0.2em;
	clear: both;
    font-family: 'Nunito', sans-serif;

}
#mainbodyleft h2 {
	font-size: 120%;
	font-weight: normal;
	color: #CC0000;
	margin: 0px 0px 0.5em;
	clear: both;
    text-align: justify;
    font-family: 'Nunito', sans-serif;
}
#mainbodyleft h3 {
	font-size: 105%;
	font-weight: normal;
	color: #CC0000;
	margin: 0px 0px 0.3em;
    font-family: 'Nunito', sans-serif;
}

#mainbodyleft p {
	font-size: 90%;
	line-height: 1.2em;
	margin: 0px 10px 16px 0;
	color: #000000;
}

#mainbodyleft table {
	font-size: 90%;
	padding:1px 10px 1px 0px;
	margin: 0px;
	border:0px;
}

#mainbodyleft b {
	font-size: 100%;
	font-weight: bold;
}

/* #mainbodyleft a {
	color: #0000FF;
	text-decoration: underline;
}

#mainbodyleft a:hover {
	color: #0000FF;
	text-decoration: underline;
}*/

/*#mainbodyleft ul{
    list-style:none;
}*/

#mainbodyleft ul.checklist {
	margin-bottom: 1.3em;
	margin-top: 1.3em;
	list-style-image: url("/images/tick.gif");
	list-style-type:disc;
    overflow:hidden;
    text-align: justify;
    border: 1px solid rgb(213, 213, 213);
    padding-bottom:5px;
    padding-top:5px;
    padding-right:10px;
    border-radius:5px;
    background-color: #F2F2F2;
	background: -moz-linear-gradient(#F2F2F2,  #dedede);	
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#dedede));
	background: -webkit-linear-gradient(#F2F2F2,  #dedede);
	background: -o-linear-gradient(#F2F2F2,  #dedede);
	background: -ms-linear-gradient(#F2F2F2,  #dedede);
	background: linear-gradient(#F2F2F2,  #dedede);
    margin-right:10px;
}

.double_column_list li {float: left; width: 50%;}

#mainbodyleft li {
	font-size: 90%;
}

#mainbodyleft li a {
	text-decoration: none;
	color: #888888;
}

#mainbodyleft ol li {
	margin: 0px 0px 1.3em;
}

#mainbodyleft ol ul li{
	font-size: 90%;
	margin: 0px 0px 0px;
}

#mainbodyleft .intro {
	font-size: 110%;
	line-height: 1.2em;
	color: #888888;
	margin: 0px 0px 1.0em;
}

#mainbodyleft blockquote {
	width: 260px;
	float: right;
	border: solid #AAAAAA;
	border-width: 0px 0px 0px 1px;
	padding: 0px;
	margin: 0px 0px 5px 20px;
    
}

#mainbodyleft blockquote p{
	color: #CC0000;
	font-size: 120%;
	padding: 0px 0px 0px 10px;
	margin: 0px;
    font-family:'nunito', sans-serif;
}

#HomeIns {
    width:740px;
    height:240px;
    background:url("/images/home-insurance-grd.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
    display: block;
}

#HomeIns:hover {
    box-shadow:0 0 10px #444;
    transition: ease-in-out .3s;
}

#HomeIns span {
    color: #fff;
    float:right;
    text-align: right;
    margin-top:185px;
    margin-right:15px;
    padding:5px;
    background-color: #CC0000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    border-radius:4px;
    border: 1px solid #CCCCCC;
    font-size:12px;
}

#Product-Grd {
    width: 820px;
    height: 500px;
    margin:0;
    padding:0;
}

#Product-Grd td {
    height:160px;
    width:213px;
    margin:0;
    padding:0;
}

#Product-Grd img.grid {
    border-radius:4px;
    box-shadow:0 0 5px #888;
    border: 1px solid #CCCCCC;
    width:213px;
    margin:0;
    padding:0;
}

#Product-Grd img.grid:hover {
    box-shadow:0 0 10px #444;
    transition: ease-in-out .3s;
}

#ServicesHead {
    width:740px;
    height:240px;
    background:url("/images/services-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#NewsHead {
    width:740px;
    height:240px;
    background:url("/images/news-head2.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#ContactHead {
    width:740px;
    height:240px;
    background:url("images/contact-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#RailHead {
    width:740px;
    height:240px;
    background:url("/images/railway-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#DrugHead {
    width:740px;
    height:240px;
    background:url("images/drug-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#CareHead {
    width:740px;
    height:240px;
    background:url("/images/care-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#TravelHead {
    width:740px;
    height:240px;
    background:url("images/travel-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}


#GadgetHead {
    width:740px;
    height:240px;
    background:url("images/gadget-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#AffinityHead {
    width:740px;
    height:240px;
    background:url("/images/affinity-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#ProfidemHead {
    width: 740px;
    height: 240px;
    background: url("images/profidem-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow: 0 0 5px #888;
    margin-bottom: 20px;
}

#CyberHead {
    width: 740px;
    height: 240px;
    background: url("images/cyber-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow: 0 0 5px #888;
    margin-bottom: 20px;
}


#CharityHead {
    width: 740px;
    height: 240px;
    background: url("/images/charity-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow: 0 0 5px #888;
    margin-bottom: 20px;
}

#NonstandardHead {
    width: 740px;
    height: 240px;
    background: url("images/nonstd-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow: 0 0 5px #888;
    margin-bottom: 20px;
}

#RenovationHead {
    width: 740px;
    height: 240px;
    background: url("images/scaffold.jpg") no-repeat;
    border-radius: 4px;
    box-shadow: 0 0 5px #888;
    margin-bottom: 20px;
}

#HomeHead {
    width:740px;
    height:240px;
    background:url("images/home-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#FAQHead {
    width:740px;
    height:240px;
    background:url("/images/FAQ-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#TermsHead {
    width:740px;
    height:240px;
    background:url("images/tsandcs-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

#AboutHead {
    width:740px;
    height:240px;
    background:url("images/about-head.jpg") no-repeat;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    margin-bottom:20px;
}

.submit {
    background-color: #CC0000;
	background-image: url("/images/top-menu-background-red.bmp");
	background-repeat: repeat-x;
    border-radius:4px;
    border:1px solid #7c0404;
    color:#fff;
    cursor:pointer;
}

.submit:hover {
    background-color: #15789c;
	background-image: url("images/top-menu-background-light-red.bmp");
	background-repeat: repeat-x;
    color: #fff;
    border:1px solid #930d0d;
}


/* Main Image */
#mainimage {
	background-image:  url("/images/main-photo-background-red.bmp");
	background-color: #CC0000;
	width: 570px;
	height: 220px;
	padding: 0px;
	margin-bottom: 20px;
    border-radius: 4px;
    box-shadow:0 0 5px #888;
    z-index:2;
}
	
#mainimage p {
	font-size: 150%;
	line-height: 1.3em;
	margin: 0px;
	padding: 15px 0px 0px 20px;
	color: #FFFFFF;
}

#mainimage img {
	float: right;
	clear: right;
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
    border-radius: 4px;
}

a.mainbodyquote {
    color:#3098d3;
    text-decoration:none;
}

a.mainbodyquote:hover {
    color:#CC0000;
    text-decoration:underline;
    transition: ease-in-out .5s;
}



/* Tabbed News Items */
#news-container {
    width: 750px;
    margin-top:20px;
}

.news-tabs {
    position: relative;
    width:740px;
    z-index:0;
    border-bottom:1px solid #C0C0C0;
}

.news-tabs > div {
    display:inline;
}

.news-tabs > div > a {
    position: relative !important; /* Keeps Tabs in line with each other */
    text-decoration:none;
    color:#fff;
    display: inline-block;
    padding: 4px 14px;
    font-size:15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    /*margin:2px;*/
    background: #CC0000; /* Old Browsers */
    background: -moz-linear-gradient(top, #e7585a, #CC0000); /* firefox */
    background: linear-gradient(top, #e7585a, #CC0000); /* future browsers */
    -pie-background: linear-gradient(top, #e7585a, #CC0000); /* pie for ie */
    background: -webkit-linear-gradient(top, #e7585a, #CC0000); /* webkit */
    border-radius:4px 4px 0 0;
}

.news-tabs > div:target > a {
    color: #CC0000;
    background: none repeat scroll 0 0 #948a81;
    background: -moz-linear-gradient(top, #dbd9d9, #888686); /* firefox */
    background: linear-gradient(top, #dbd9d9, #888686); /* future browsers */
    -pie-background: linear-gradient(top, #dbd9d9, #888686); /* pie for ie */
    background: -webkit-linear-gradient(top, #dbd9d9, #888686); /* webkit */
}

.news-tabs > div > div { /* This is the container which holds the tab content */
    background: #fff;
    z-index: 0;
    top: 50px;
    min-height:397px; /* Change this value if you need more or less content space */
    position:absolute; /* Fixes IE 7 & 8 */
    width: 750px;
}

.news-tabs > div:target > div {
    position: absolute;
    z-index: 3 !important; /* Brings the content to the front depending on the tab that was clicked */
}

.affinity-tabs {
    position: relative;
    width:750px;
    z-index:0;
    border-bottom:1px solid #C0C0C0;
}

.affinity-tabs > div {
    display:inline;
}

.affinity-tabs > div > a {
    position: relative !important; /* Keeps Tabs in line with each other */
    text-decoration:none;
    color:#fff;
    display: inline-block;
    padding: 4px 14px;
    font-size:15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    /*margin:2px;*/
    background: #CC0000; /* Old Browsers */
    background: -moz-linear-gradient(top, #e7585a, #CC0000); /* firefox */
    background: linear-gradient(top, #e7585a, #CC0000); /* future browsers */
    -pie-background: linear-gradient(top, #e7585a, #CC0000); /* pie for ie */
    background: -webkit-linear-gradient(top, #e7585a, #CC0000); /* webkit */
    border-radius:4px 4px 0 0;
}

.affinity-tabs > div:target > a {
    color: #CC0000;
    background: none repeat scroll 0 0 #948a81;
    background: -moz-linear-gradient(top, #dbd9d9, #888686); /* firefox */
    background: linear-gradient(top, #dbd9d9, #888686); /* future browsers */
    -pie-background: linear-gradient(top, #dbd9d9, #888686); /* pie for ie */
    background: -webkit-linear-gradient(top, #dbd9d9, #888686); /* webkit */
}

.affinity-tabs > div > div { /* This is the container which holds the tab content */
    background: #fff;
    z-index: 0;
    top: 50px;
    min-height:800px; /* Change this value if you need more or less content space */
    position:absolute; /* Fixes IE 7 & 8 */
    width: 750px;
    overflow:hidden;
}

.affinity-tabs > div:target > div {
    position: absolute;
    z-index: 3 !important; /* Brings the content to the front depending on the tab that was clicked */
}

div.tab-content{ /* Styles the inner content of the tabs */
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
.tab-content img{
    margin:0 auto;
    display:block;
    padding-bottom: 20px;
    padding-top: 10px;
}

#map-container {
    float:right;
    margin:0;
    padding:0;
    margin-right:10px;
    margin-top:-30px;
    padding-left:10px;
}
#map {
    border-radius:4px;
    border: 1px solid #C0C0C0;
    box-shadow:0 0 5px #888;
}

a.maplink {
    float: right;
    margin-top:5px;
}

/* Right items */
.rightitems {
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: right;
	margin-bottom: 20px;
    margin-right:4px;
}

.rightitems h2{
	margin: 0px 0px 0.5em;
	padding: 0px;
	font-size: 150%;
    font-family: 'Nunito', sans-serif;
}

/*.rightitems img{
	margin: 0px 0px 0.5em;
	padding: 0px;
	border-width: 0px;
}*/


.rightitems  p  {
	font-size: 80%;
	line-height: 1.3em;
	padding: 0px 10px;
	margin: 0px 0px 1.3em;
	color: #333333;
}
.rightitems ul{
	font-size: 80%;
	line-height: 1.4em;
	list-style-type: none;
	padding: 0px 10px 10px;
	margin: 0px;
}
.rightitems  a  {
    margin:0;
    padding:0;
	color: #38a9dd;
    margin-left:-2px;
}
.rightitems a:hover  {
	color: #0000FF;
}


.righttop  p  {
	padding: 0px ;
	margin: 0px 0px 0.5em;
	font-size: 80%;
	line-height: 1.3em;

}


.rightmenu, .righttop {
	width: 180px;
	background-color: #F2F2F2;
	background: -moz-linear-gradient(#F2F2F2,  #dedede);	
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#dedede));
	background: -webkit-linear-gradient(#F2F2F2,  #dedede);
	background: -o-linear-gradient(#F2F2F2,  #dedede);
	background: -ms-linear-gradient(#F2F2F2,  #dedede);
	background: linear-gradient(#F2F2F2,  #dedede);
	border: 1px solid #CCCCCC;
    margin:0;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
    border-radius:4px;
    box-shadow:0 0 5px #888;
}

.rightmenu p {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 80%;
	line-height: 1.3em;
    margin-bottom:7px;
}

.rightmenu h2, 
.righttop h2
{
	margin: 0px 0px 0.5em;
	padding: 0px;
	font-size: 100%;
	color: #CC0000;
    font-family: 'Nunito', sans-serif;
}

.rightmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0.8em;
	line-height: 1.8em;
}


.rightmenu a,
.righttop a
{
	color: #3098d3;
	font-weight: bold;
    text-decoration:none;
}
.rightmenu a:hover,
.righttop a:hover
{
	color: #e64d4d;
    transition: ease-in-out .5s;
}

#phonenumber {
    color: #3098d3;
	font-weight: bold;
}

a.homeInsQuote {
    width:182px;
    height:32px;
    background-image:url("images/quote_button.gif");
    float:right;
    background-repeat: no-repeat;
    border-radius:4px;
    padding:0;
    margin-top:0px;
    margin-right:-2px;
    text-indent:-9999em;
    border: 1px solid rgb(143, 39, 39);
    box-shadow:0 0 5px #888;
}

a.homeInsQuote:hover {
    background-image:url("/images/quote_button.gif");
    background-position:0 -32px;
    transition: none;
}


/* Footer */
#footer {
	width: 980px;
    border-top:1px solid #C0C0C0;
    padding-top:15px;
    margin-bottom:20px;
}

#footer p{
	font-size: 0.65em;
	color: #888888;
	padding: 0px;
	margin:5px 0px;
	text-align:left;
}
#footer a{
	color: #888888;
	text-decoration: underline;
}

#footer a:hover{
	color: #0000FF;
}


/* HOME INSURANCE FOOTER */
#homeinsfooter {
	width: 980px;
    border-top:1px solid #C0C0C0;
    padding-top:20px;
    margin-bottom:20px;
}

#homeinsfooter p{
	font-size: 10px;
	color: #888888;
	padding: 0px;
	margin:0;
	text-align:left;
    width: 770px;
}
#homeinsfooter a{
	color: #888888;
	text-decoration: underline;
}

#homeinsfooter a:hover{
	color: #0000FF;
}

/*IMAGE SLIDER*/
#s3slider {
    width: 760px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    margin:0;
    padding:0;
    margin-bottom:10px;
    border-radius:4px;
    box-shadow:0 0 5px #888;
}
 
#s3sliderContent {
    width: 760px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
    padding:0;
    margin:0;
}
 
.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    border-radius:4px;
    margin:0;
    padding:0;
    margin-left:0;
    padding-left:0;
}

.s3sliderImage span {
    position: absolute; /* important */
    left: 0;
    font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 574px;
    background-color: #CC0000;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    top: 0; /*
        if you put top: 0;  -> the box with text will be shown
                                at the top of the image
        if you put bottom: 0;  -> the box with text will be shown
                                at the bottom of the image
    */
}
 
.clear {
    clear: both;
}

/*Accordion Tabs*/

#accordion {  
    margin-bottom:10px;
    width:740px;
} 

#accordion h2 {
    border:1px solid #CC0000;
    border-radius:3px;
    padding:5px;  
    color:#fff;
    background-image:url("/images/top-menu-background-gradient.bmp");
    font-size:16px;
    cursor: pointer;
    font-family: 'Nunito', sans-serif;
}

#accordion h2:active {
    background-image:url("/images/top-menu-background-grey.bmp");
    color:#CC0000;
    border:1px solid #888;
}

#accordion div {
    border:1px solid #CC0000;
    margin-top:-10px;
    margin-bottom:10px;
    padding:5px;
    border-radius: 0 0 3px 3px;
    border-top:none;
}

#accordion p {
    font-size:14px;
}


/*SOCIAL MEDIA SPRITE*/
.social {
    background:url("/images/socialtemp.png") no-repeat;
    width:168px;
    height:56px;
    margin:0;
    padding:0;
    float:right;
    margin-top:-65px;
}

.social li, .social a {
    height:56px;
    display:block;
    padding:0;
    margin:0;
    text-indent:-9999em;
}

.social li {
    float:left;
    list-style:none;
    text-indent:-9999em;
    display:inline;
}

#facebook {width:56px;}
#linkedin {width: 56px;}
/*#twitter {width:56px;}*/

#facebook a:hover {
    background: url("/images/socialtemp.png") 0px -56px no-repeat;
}
#linkedin a:hover {
    background: url("/images/socialtemp.png") -56px -56px no-repeat;
}
/*#twitter a:hover {
    background: url("/images/socialtemp.png") -112px -56px no-repeat;
} */

.emailicon {
    height:69px;
    width:69px;
    float:right;
    text-indent:-9999em;
    overflow:hidden;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    opacity:0.75;
}

.emailicon:hover{
    opacity:1;
}

.innerTable {
    margin:0;
    padding:0;
    line-height:normal;
}

@font-face
{
    font-family: 'nunito', sans-serif;
    src: url("http://fonts.googleapis.com/css?family=Nunito:400,700,300");
}