/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tr,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ul, li {
	list-style: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
[id*='PageClass'] {
    min-width:1045px;
}

/************* Marcel Styles **************/

/************* Utility **************/

.left {
	float:left !important;
}

.right {
	float:right !important;
}

.centered {
	margin-right: auto;
	margin-left: auto;
}

.center {
	text-align:center;
}

.clear {
	clear:both;
}

.orange, .orange a {
	color: #cf7029;
}

.black, a.black {
	color:black;
}

.light-blue, .light-blue a {
	color:#4c90ca;
}

.arrows {
	font-style: normal;
	font-family: 'Cuprum', sans-serif;
	font-size:120%;
}

.hide {
	display:none !important;
}

.show {
	display:block !important;
}

.block {
	padding:11px;
}

.big-block {
	padding:20px;
}

.small-block {
	padding:5px;
}

.uppercase {
	text-transform:uppercase;
}

.more-link {
	font-size: 13px;
	text-transform: uppercase;
}

.cursor {
    cursor:pointer;
}

/************* General **************/

strong {
    font-weight:bold;
}

div, img {
	display:block;
}

em {
	font-style:italic;
}

p {
	margin-bottom:10px;
}

a {
	text-decoration:none;
	color: #cf7029;
}

select 
{
    font-size:14px;
}

hr {
    border:0;
    border-top: 1px solid #BDC0C4;
}

h2 {
	color: #cf7029;
	border-bottom: 1px solid #bdc0c4;
	text-transform: uppercase;
	font-weight:400;
}

h4 {
	font-size:17px;
	text-transform:uppercase;
	margin-bottom:10px;
	font-weight:400;
}

a:hover {
	text-decoration: underline;
}

input, textarea, option {
    font-family: 'Open Sans', sans-serif;
}

/******* Lists with Arrow Bullets *****/

.content ul {
	list-style-image: url('arrow-bullet-blue.png');
	margin-left:21px;
}

ul.arrow-bullets, .information .switch ul {
    list-style-image: url('arrow-bullet.jpg');
    margin-left:21px;
}

ul.arrow-bullets a {
	color: #23303A;
}

ul.arrow-bullets a:hover {
	color: #cf7029;
}

.content li, .arrow-bullets li, .information .switch li {
	margin-bottom:7px;
}

.content ul ul, ul.arrow-bullets ul, .page.archive .content li li li, .page.archive .content *[id*='MainContentHolder_SingleItem'] li li {
	margin-top:7px;
	list-style-image: none;
	list-style-type:circle;
}

.page .content ul {
	margin-left:31px;
}

.page.archive .content li li, .page.archive .content *[id*='MainContentHolder_SingleItem'] li {
	border-top:0px;
	list-style-image: url('arrow-bullet-blue.png');
	margin-left:21px;
	padding:0;
}

/*** Faked anti-aliasing for text on computers without cleartype enabled using chrome/ff ***/

* {
}

#footer *, .page-header *, .information .nav li.active, .information .nav li.hover
{
    text-shadow: #23303A 0px 1px 1px;
}

.home-page .page-description * 
{
    text-shadow: #D4D6D9 0px 1px 1px;
}


/************* Structure **************/

html {
	overflow-y:scroll;
}

body {
	font-family: 'Open Sans', sans-serif;
	color:#34404a;
	font-size:13px;
	line-height:15px;
}

.wrapper {
    position:relative;
	width:960px;
	margin:0 auto;
}

#header {
	height: 123px;
	background: #23303a;
	border-bottom: 2px solid #2f90e6;
}

#header .logo {
	float:left;
	margin-right:20px;
	margin-top:8px;
}

#header .logo h2 
{
    position:absolute;
    top:82px;
    margin-left:175px;
    color:#888;
    font-style:italic;
    border-bottom:0;
    font-size:24px;
}

#header a.logo
{
    text-decoration:none;
}

#header .social-links 
{
    position:absolute;
    right:0;
    top:11px;
}

#nav {
	position:relative;
	height:41px;
	background: url('bg.png') repeat-x;
	border-top: 1px solid #fafaf8;
	z-index:50;
}

#nav ul {
	display:block;
}

#nav li {
	float:left;
	border-right: 1px solid #e5b387;
}

#nav li:first-child {
	border-left: 1px solid #e5b387;
}

#nav img {
	cursor:pointer;
}

.page-header {
	position:relative;
	margin-top:-3px;
	background: #32394b;
}

.page-header .wrapper {
	height:80px;
	background-repeat: no-repeat;
	background-position: top right;
}

.page-header .wrapper div {
	padding:15px 30px 0;
}

.page-header h1 {
	line-height: 30px;
	font-size: 28px;
	text-transform:uppercase;
	font-weight:400;
	color:white;
}

.breadcrumbs, .breadcrumbs a {
	font-size:13px;
	text-transform:uppercase;
	color:#83B1D8;
}

#main {
	padding-bottom:20px;
	background: #d4d6d9 url('main-bg.png') repeat-x;
	border-bottom: 2px solid #2f90e6;
}

#main .disc {
	position:relative;
	margin-top:-50px;
	text-align:center;
}

#page-bottom-bg {
	position:relative;
	width:968px;
	margin:4px auto 0;
	padding-bottom:10px;
	background: url('bot-white-bg.png') no-repeat bottom;
}

#page-top-bg {
	padding-top:10px;
	background: url('top-white-bg.png') no-repeat top;
}

.page {
	padding:5px 15px 20px;
	background: url('white-bg.png') repeat-y;
}

.page .nav-bar {
	margin-bottom:40px;
}

.page .content-switch {
    width: auto;
    margin-left:20px;
    margin-right:20px;
}

.page.full-width .content-switch {
    width:100%;
}

.page .disc {
	margin-left:-54px;
	margin-top:-70px;
}

.page h1 {
    font-size:24px;
    line-height:28px;
    color: #cf7029;
    border-bottom: 1px solid #bdc0c4;
	text-transform: uppercase;
	font-weight:400;
	margin-bottom:10px;
	padding-bottom:6px;
}

#side-bar {
	float:right;
	width:240px;
	padding-right:20px;
}

#side-bar .action-set img {
	margin:0 auto;
}

#side-bar .action-set .actions {
	width:184px;
	margin:0 auto;
}

#side-bar #atg_click_to_call
{
    float:left;
}

#side-bar #atg_click_to_chat
{
    float:right;
}

#bottom-content {
	position:relative;
	width:980px;
	height:160px;
	margin:0 auto;
}

#bottom-content h2 {
	height:18px;
	padding-bottom:6px;
	margin-bottom:6px;
	font-size:19px;
}

#footer {
	height: 123px;
	background: #23303a;
	border-top: 1px solid white;
	text-transform:uppercase;
	font-size:14px;
}

#footer .wrapper {
	padding-top:14px;
	clear:both;
}

#footer ul {
	float:left;
	padding-top:6px;
}

#footer .social-links {
	float:right;
}

.social-links img {
	display:inline;
	width:24px;
	height:24px;
}

#footer a {
	color:white;
}

#footer li {
	float:left;
	margin-right:15px;
}

/************ Page Content ***********/

#ctl00_MainContentHolder_PageContent
{
    font-size:14px;
}

.content h2 {
	font-size:22px;
	border-bottom:0;
	line-height: 25px;
}

.content h2, .content h3, .content ul, .content ol, .content p {	
	margin-bottom:17px;
}

.content ol 
{
    margin-left:21px;
    list-style-type:decimal;
}

.content p, .content ul, .content ol 
{
	line-height:18px;
}

.content h3 
{
	font-size: 18px;
	color: #23303A;
	text-transform: uppercase;
	font-weight: 400;
}


.learnmore {
	font-size:13px;
	text-transform:none;
	margin-left:5px;
}
/************* Coverflow ************/

.slides {
	text-align:center;
}

.page .slides {
	position:relative;
	margin-left:-12px;
}

.slides img {
	width:630px;
	height:330px;
}

.imageflow .slideshow {
	z-index:110 !important;
}

#coverflow_caption, .imageflow .caption {
	display:none;
}

/************* Nav Bars ************/

.top-arrow {
	position:absolute;
	top:-17px;
}

#main .top-arrow {
	left:340px;
}

.nav-bar {
	position:relative;
	height:32px;
	margin-bottom:10px;
	overflow:visible;
	border:1px solid #b1b6b9;
	background: url('nav-bg.png') repeat-x;
	text-transform:uppercase;
	font-size:15px;
}

.nav-bar ul {
	position:absolute;
	z-index:100;
}

.nav-bar li {
	float:left;
	height:54px;
	width:120px;
	text-align:center;
}

.nav-bar a {
    display:block;
	margin:4px 0 2px;
	padding:3px 0 5px;
	color:#6e7377;
	border-left:1px solid #cfd1d3;
	cursor:pointer;
}

.nav-bar a {
    text-decoration:none;
}

.nav-bar li:first-child a {
	border-left:none;
}

.nav-bar li.active {
	background: url('nav-arrow.png') no-repeat;
}

.nav-bar li.active a {
    color:#83b1d8;
}

.nav-bar li {
	width:233px;
}

.nav-bar li.active {
	background-position: 86px 32px;
}

.nav-bar.op-3 a {
    border-left:none;
    border-right:1px solid #cfd1d3;
}

.nav-bar.op-5 li {
	width:187px;
}

.nav-bar.op-5 li.active {
	background-position: 63px 32px;
}

/************ Content JS Tabs / Content Switch **********/

.content-switch .switch {
    position:relative;
	display:none;
}

.content-switch .switch.active {
	display:block;
}

/************* Modules **************/

.page-description {
	padding:10px;
}

.page .page-description {
	padding:10px 30px 30px;
}

.page-description .left {
	padding:20px 25px 20px 0;
	border-right:1px solid black;
	text-align:right;
	text-transform: uppercase;
}

.page .page-description .left{
	padding-left:0;
	width:260px;
}

.page-description .right {
	width:570px;
	padding:15px 0;
	font-size:15px;
	line-height:18px;
}

.page-description h3 {
	font-size: 23px;
	font-weight:400;
	line-height:27px;
	margin-bottom:12px;
}

.information {
	float:left;
	width:652px;
	height:160px;
	background:white;
	border-top:5px solid #23303a;
	border-bottom:1px solid #23303a;
}

*+html .information {
    height:170px;
}

.information .nav {
	float:left;
	width:180px;
	font-size:14px;
	font-weight:600;
	line-height:14px;
	text-transform:uppercase;
}

.information .nav em, .information h2 em {
	text-transform: none;
}

.information .nav li {
	display:block;
	position:relative;
	padding:9px 0 9px 2px;
	margin:0 20px 0 8px;
	width:153px;
	background:url('light-blue-pix.png') repeat-x;
	cursor: pointer;
}

.information .nav li:first-child {
	background:none;
}

.information .nav li.active, .information .nav li.hover {
	background: url('nav-hover.png') no-repeat;
	color: white;
	padding-left:15px;
	margin:0 0 0 -5px;
	width:170px;
}

.information .content-switch {
	float:right;
	width:468px;
}

.information .content-switch ul {
	font-size:12px;
	font-style:italic;
}

.news {
	position:absolute;
	top:-6px;
	right:0;
	width:307px;
	height:210px;
	background: url('bubble.png') no-repeat;
}

.news table {
	font-size:12px;
}

.news td {
	padding:4px 4px 10px;
}

.news tr td:first-child {
	font-size:11px;
	color:#7e858b;
	text-align:right;
}

/************* Header Search **************/

#search {
	position:absolute;
	height:29px;
	width:301px;
	top:48px;
	right:0;
	background: url('search-box.png') no-repeat;
}

#search .text {	
	float:left;
	width:220px;
	margin-top:5px;
	border:0;
	font-size:12px;
	margin-left:10px;
}

#search .submit {
	float:right;
	width:41px;
	height:29px;
	border:0;
	background: url('search-button.png') no-repeat;
	cursor:pointer;
}

/**************** Dropdowns *****************/

#dropdown-overlay {
	display:none;
	position:absolute;
	margin-top:-4px;
	background:url('overlay-bg.png');
	width:100%;
	height:100%;
	z-index:110;
}

#dropdown {
	display:none;
	height:0;
	position:absolute;
	width:100%;
	overflow:visible;
	z-index:120;
	font-size:14px;
}

#dropdown .wrapper {
	height:387px;
	width:968px;
	background:url('dropdown-bg.png') no-repeat;
	/* border:1px solid black; */
}

#dropdown #products .top-arrow { margin-left:76px; }
#dropdown #quote .top-arrow { margin-left:306px; }
#dropdown #offices .top-arrow { margin-left:540px; }
#dropdown #contact .top-arrow { margin-left:776px; }

.drop {
	display:none;
}

.drop.active {
	display:block;
}

#dropdown .center img {
	margin-right:auto;
	margin-left:auto;
}

#dropdown img.right-img {
	padding-left:14px;
	background:white;
	position:absolute;
	top:0;
	right:0;
}

#dropdown h2 {
	font-size:26px;
	line-height:26px;
	margin:20px 0 18px;
	padding-bottom:10px;
}

#dropdown h2 .black {
	font-size:11px;
	line-height:11px;
	text-transform: none;
}

#dropdown h2 .right {
	padding-top:6px;
	font-size:13px;
	text-transform:none;
	margin-right:236px;
}

#dropdown .four-wide .section {
	float:left;
	width:208px;
	margin-left:16px;
}

#dropdown .four-wide p.section a {
    position:relative;
    display:block;
    width:250px;
}

#dropdown .four-wide .block {
	padding-right:0;
	padding-left:0;
}

#dropdown .three-wide div.section {
	float:left;
	width:304px;
}

#dropdown .three-wide .section select, #dropdown .three-wide .section input {
	width:234px;
	text-align:center;
}

#dropdown .mapcontainer {
	float:right;
	background:white;
	padding-left:14px;
}

#dropdown #googlemap {	
	height:356px;
	width:600px;
	z-index:500;
}

.quote-product-drop {
    display:none;
}

.quote-product-drop.active
{
    display:inline-block;
}

.location-switch {
	position:relative;
	margin:-8px 0 0 8px;
	height:30px;
}

.location-instruction {
    font-style:italic;
    font-size:13px;
    text-align:center;
    *position:relative;
    *bottom:10px;
}

.location-switch div {
	position:absolute;
}

.location-switch .switch {
	color: #abaaa9;
	cursor: pointer;
}

.location-switch input {
	width:130px;
	margin-top:-3px;
}

.office-locations {
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin:10px 10px 20px;
}

.office-locations ul {
	margin-left:24px;
}

.office-locations li 
{
	float:left;
	width:100%;
	padding: 6px 0 13px 6px;
	cursor:pointer;
}

.office-locations li:hover {
	background:#EEE;
}

.office-locations img {
	float:left;
	margin-right:12px;
}

.office-locations p {
	float:left;
	width:200px;
	margin-bottom:0;
}

.contact-icons {
	width:880px;
	margin:60px auto 0;
}

.contact-icons div {
	float:left;
	width:220px;
	font-size:22px;
	text-align:center;
}

.contact-icons img {
	margin:0 auto;
}

.contact-form div.section {
	float:left;
	width:280px;
	padding-left:20px;
}

#design_content .design_textfield, div.design_content .design_textfield {
    width: 100%;
}

#expert-form input, #expert-form textarea, #expert-form select {
	width:400px;
}

#expert-form textarea {
	height:50px;
}

#expert-form input#PostToFAQ {
	width:20px;
}

.contact-form input, .contact-form select, .contact-form textarea {
	width:100%;
	margin:0 0 6px 0;
	padding:0;
}

.contact-form textarea {
	height: 110px !important;
}

.contact-form label, .contact-form input {
	display:block;
}

.contact-form label {
	height:20px;
}

.contact-form #submit {
	float:right;
}

/******* Related Coverages Tab *********/

.related-coverages img {
    width:140px;
}

/******* Archive pages (search, blog, press, etc) *********/

.page.archive .content
{
    width:640px;
}
    
.page.archive tr {
    border-top:1px solid #BDC0C4;
}

.page.archive #side-bar {
    width:240px;
    margin:0 10px 0 20px;
    padding:0;
}

.page.archive #side-bar div {
    margin-bottom:15px;
    padding:6px 0 6px 6px;
    border-top:4px solid #23303A;
    border-bottom:1px solid #23303A;
}

.page.archive #side-bar h2 {
    margin-bottom:6px;
    font-size:20px;
    line-height:28px;
}

.page.archive .content ul 
{
    margin:0;
    list-style-image:none;
}

.page.archive .content li 
{
    margin:0;
    padding:12px 0;
    border-top:1px solid #BDC0C4;
}

.page.archive li.highlight {
    background:#DDD;
    position:relative;
    margin-left:-10px;
    padding-left:10px !important;
}

.page.archive a.post-title 
{
    display: block;
    color: #83B1D8;
    font-size:15px;
    margin-bottom:4px;
    text-decoration:underline;
}

#ctl00_MainContentHolder_HelperMessage {
    font-weight:bold;
}

.page.search .content li {
    border-top:0;
    padding:8px 0;
}

.page.search .content p {
    margin-bottom:0;
}

.page.search .content .result-header 
{
    font-size: 16px;
}

.page.search .content li p 
{
    margin-top:4px;
}

.page.search .related-coverages 
{
    padding:6px 0;
    width:580px;
    float:right;
}

.page.search .related-coverages h2
{
    border-bottom:0;
    font-size:26px;
    text-align:center;
}

.page.search .related-coverages table {
    margin:8px;
}

.page.search .related-coverages tr {
    border-top:0;
}

.page.search .related-coverages td {
    width:170px;
    text-align:center;
}

.SearchContainer {
    float:left;
    width:260px;
    margin-top:10px;
}

.SearchContainer p {
    margin-top:30px;
}

#SearchInput 
{
    float:left;
    width:230px;
    margin:0;
    padding:0;
}

#SearchButton 
{
    float:left;
    width:23px;
    height:21px;
    border:0;
    background: url('search-icon-small.png') no-repeat;
}


/* Contact Forms */

.quote-contact-form label {
    text-transform:uppercase;
    font-size:14px;
    height:18px;
}

.quote-contact-form input, .quote-contact-form select {
    width:100% !important;
}

.quote-contact-form li label {
    display:inline;
	font-size:13px;
	text-transform:none;
}

.quote-contact-form li input {
    width: auto !important;
    margin-left:0;
}

.quote-contact-form .design_list_vertical 
{
    list-style-type: none;
    margin:0 15px 0 0;
    border:0;
}

.quote-contact-form .design_list_horizontal {
    margin:0;
    border:0;
}

.quote-contact-form .design_list_horizontal li input {
    margin: 0 10px;
}

.quote-contact-form table td {
    padding: 5px 20px 5px 0;
}

.quote-contact-form textarea 
{
    height:60px !important;
    width:100% !important;
}

#dropdown .submit-button, .content .submit-button {
	width:102px !important;
	height:21px;
	background: url('send-button.png') no-repeat;
	border:0;
	cursor:pointer;
}

label.error 
{
    display:block;
    font-size:12px;
    color:Red;
    width:250px;
}

.formDiv td:first-child 
{
    width: 70%;
}

/* View All Offices page */

#ViewAllOfficeList 
{
    height:400px;
}

#ViewAllOfficeList ul 
{
    margin-left:5px;
}