/*******************************************
COLOURS - Colours used in the site
White               #FFF
Black               #000
Background Green    #061214
Extra Teal          #235563
Extra Dark Teal     #1A4553
Washed Out Teal     #7899a2
Footer BlueGrey     #353A46

*******************************************/

/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body, p, div, td {
    font: 12px/18px Arial, Helvetica, sans-serif;}

body {
    background: url(../images/body_bg.gif) top left repeat-x #061214;}

p, table {margin-bottom: 18px;}

ol, ul, dl {margin: 0 0 18px 24px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}


h1, h2, h3, h4, h5, h6 {
    color: #235563;
    margin-bottom: 18px;}
 

h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}


a:link {color: #fff;}

a:visited {color: #ccc;}

a:focus,
a:hover,
a:active {color: #000;}

/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/

#shadow1_mobile
{
margin: 2px auto;
width:320px;
background: url(../images/shadow_repeat.gif) top left repeat-y;
}

#shadow1 {
margin: 2px auto;
width:953px;
background: url(../images/shadow_repeat.gif) top left repeat-y; }
    
    #shadowLeft {float: left;}
        
    #shadowRight {float: left;}
        
    #shadow2 {float: left;}

        #container_mobile {
        float: left;
        width:320px;
        background-color: #000; }
    
            #header_mobile {
            height: 200px;
            background: url(../images/header_bg_mobile.png) top left no-repeat #fff;}
        
        #container {
        float: left;
        width:933px;
        background-color: #fff; }
            
            #header {
            height: 202px;
            width:100%;
            background: url(../images/header_bg.jpg) top left no-repeat #fff; }
            
                #logo {
                position: relative;
                left: 40px;
                top: 20px;
                width: 170px; }
                    
                    #logo a img {border: 0;}
            
                #primaryNav {
                    float:right;
                    width: 500px;
                    position: relative;
                    xright: 100px; }
                
                #searchBox {
                    clear: right;
                    float: right;
                    width: 180px;
                    position: relative;               
                    top: 5px; right:20px; }
                    
                    #searchBox .searchField {
                    width: 124px;
                    height: 20px;
                    border: 0 none;}
                        
                    #ie7only #searchBox .searchField {
                    /*position: relative;
                    top: -2px;*/}
                    
                    #searchBox .searchButton {
                        border: 0 none;
                        width: 35px;
                        height: 25px;
                        position: relative;
                        top: 2px;
                        margin-left: 5px;
                        color: #fff;
                        background: url(../images/go_button.gif) top left no-repeat;}
                
                #callUs {
                    float: right;
                    width: 300px;
                    position: relative;
                    right: -280px;
                    top: 35px;
                    color:white;
                    font-family:Myriad Pro;
                    font: 18px Myriad Pro;
                    font-style:italic; }  
                
                .main #home #utilityNav {display: none;}   
                
                #login { 
                    float: right;
                    width:195px;
                    height:200px;
                    background: url(../images/login_bg.gif) top left no-repeat;
                    position: relative;
                    /*left: 10px;
                    top:100px;*/} 
                
                    #login .loginButton {
                        border: 0 none;
                        width: 55px;
                        height: 25px;
                        position: relative;
                        top: 10px;
                        margin-left: 0px;
                        color: #fff;
                        background: url(../images/loginButton.gif) top left no-repeat;}
                
                    #forgotPass{
                        color:#fff;
                        position: relative;
                        left:15px;
                        top:20px;
                        text-align:center;
                        width:155px;
                        padding-bottom:10px;
                        border-bottom: 2px solid #396573;}
                        
                        #forgotPass.a {color:#fff;}
                            
                    #userdetails{
                        color:#fff;
                        position: relative;
                        left:20px;
                        top:35px;}
                    
                    
            #loggedIn { 
                color:#fff;
                display:none;
                padding-top:15px;
                padding-left:20px;
                float: left;
                width:195px;
                height:200px;
                background: url(../images/logout_bg.gif) top left no-repeat;
                position: relative;
                left: 10px;
                top:150px;} 
              
                #loggedIn a:link, #loggedIn a:visited {
                    display: block;
                    border: 0 none;
                    width: 55px;
                    height: 25px;
                    line-height: 12px;
                    padding: 8px;
                    position: relative;
                    top: 20px;
                    margin-left: 0px;
                    color: #fff;
                    text-decoration: none;
                    background: url(../images/loginButton.gif) top left no-repeat;}
                
                #loggedIn a:focus,
                #loggedIn a:hover,
                #loggedIn a:active {color: #ccc;} 
                
        #wrapper {}
        
/*******************************************
HOME PAGE STYLE
*******************************************/
        
    .main #home #content{
        float:right;
        width: 933px;
        height: 283px;
        background: url(../images/home_content_bg.jpg) top left no-repeat #061214;}
                    
        #weatherFeed{color:white; padding:10px;}
        
        #myNautLink{
            float:left;
            width:65px;
            margin-left:6px;}
            
            #myNautLink a,
            #myNautLink a:link,
            #myNautLink a:visited,
            #myNautLink a:hover,
            #myNautLink a:active,
            #myNautLink a:focus{
                border:none;
                color:#fff;}
                
                #myNautLink a img{
                    border:none;}
                                        
        .main #home #minigenPageTitle {
            position: absolute;
            display:none;
            visibility:hidden;}
                    
        .main #home #minigenBody {
            width: 330px;
            position: relative;
            /*left: 592px;*/
            top: 10px;
            float:right;}
                    
            .main #home #minigenBody p {
            color: #fff;}
                            
            #minigenBody a:link {color: #235563;}

            #minigenBody a:visited {color: #7899a2;}
                            
            #minigenBody a:focus, 
            #minigenBody a:hover, 
            #minigenBody a:active {color: #000;}

            .main #default #content{
            float:right;
            width:500px; }
                    
            .main #default #minigenPageTitle {}
                    
            .main #default #minigenBody {}
        
            .main #home #navigation{display: none;}
                
/*******************************************
STANDARD PAGE STYLE
*******************************************/
    .standard #content_mobile {
    float:right;
    width:320px;
    background: url(../images/default_content_bg.jpg) top left no-repeat #1c505e; }

    .standard #content {
    float:right;
    width:933px;
    background: url(../images/default_content_bg.jpg) top left no-repeat #1c505e; }

        .standard #utilityNav {
        float: left;
        position: relative;
        width: 150px;} 
                                    
        .standard #boardwalk {
        float: right;
        width: 933px;
        height: 100px;
        background: url(../images/boardwalk.jpg) bottom left no-repeat ; }
                                  
        .standard #utility {
        width: 150px;
        float: left;
        position: relative;
        left: 35px;}
                    
        .standard #bodyShadowContact {
        /*float: right;
        position: relative;
        top:0px;
        right: 20px;
        background: url(../images/agentBodyRepeat2.gif) top left repeat-y;
        margin-bottom: 108px;*/}
                    
        .standard #bodyShadow {
        float: right;
        position: relative;        
        right: 20px;
        background: url(../images/agentBodyRepeat2.gif) top left repeat-y;
        margin-bottom: 108px;
        width:690px;}
                        
            .standard .agentShadow {
            display: block;}
                            
            .standard #minigenPageTitle {
                margin: 10px 10px 18px 18px;
               /* position: absolute;
                display:none;
                visibility:hidden;
                */}
            
            .standard #minigenBody_mobile {
                width:100%
            }
            
            .standard #minigenBody {
                width: 670px;
                padding: 0px 10px 10px 10px;
                position:relative;                 
                min-height: 300px;}                        
            
            .standard #ie6only #minigenBody, #ie6only #marginator {
                height: 300px;
                top: 0;}
                
                
                #minigenBody_contactus{
                background: url(../images/bgrd_contactus.jpg) center center no-repeat;}
                
                #minigenBody_aboutus{
                background: url(../images/bgrd_aboutus.jpg) center right no-repeat;}       
           
                #marginator {
                margin: 10px;
                min-height: 300px;
                color: #fff;}
                
                
                #home #marginator {
                    min-height: 10px !important;
                    height: auto !important;}
                 
                #minigenBody img {
                display: block;}
                            
                .standard #minigenBody p, 
                .standard #minigenBody li, 
                .standard #minigenBody td, 
                .standard #minigenBody th, 
                .standard #minigenBody blockquote,
                .standard #minigenBody label {
                color: #000;}
                        
         		/*.standard #default #content{
                    float:right;
                    width:500px;}
                    
                    .standard #default #minigenPageTitle {}
                    
                    .standard #default #minigenBody {}
        
                */
 /************************************************************************************************/            
        
    #navigation{
    float:left;
    width:240px;}
        
    #extra {
    clear:both;
    width:100%;
    height: 150px;
    background-color: #235563; }
                
        .homeButton {
        width: 186px;
        height: 120px;
        float: left;
        margin: 9px 0; 
        /*margin: 9px 18px;*/
        text-align: center;}
                                       
            .homeButton:hover, #extra .iehover {
            background: url(../images/home_button_bg.jpg) 0 0 no-repeat #1A4553;}
                    
            .homeButton img {
            border: 0 none;
            margin-top: 4px;}
                    
            .homeButton p {
            color: #fff;
            width: 170px;
            height: 50px;
            line-height: 14px;
            margin: 0 9px 0 9px;
            text-align: center;}
            
    /* remove the following two declarations when the renew button is put in place     
    #quote {
     margin-left: 40px;}
     
    #ie6only #quote {
     margin-left: 20px;}
*/
    #footerContainer_mobile { 
    float: left;
    width: 320px;
    background:#fff;
    height: 20px;}
                
    #footerContainer { 
    float: left;
    width: 933px;
    background:#fff;
    height: 35px;}

    #footerDisclaimer {
        text-align: center;
        margin: 18px;}
        
        #footerDisclaimer p {
            color: #7899a2;
            font-size:90%;
            line-height: 120%;
            margin: 0 0 9px 0;}
            
            #footerDisclaimer a:focus,
            #footerDisclaimer a:hover,
            #footerDisclaimer a:active {
                color: #7899a2;}
            
            #editLink {text-align: center;}

/*******************************************
CUSTOM QUOTE FORMS
*******************************************/
   
#quote p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 20px;}

#quote .clrb {
	clear: both;
	height: 0;}

#quote input.formbtn {
	margin: 10px;
    padding: 2px;}

#quote label, 
#quote fieldset div.cr p {
	margin: 0;
	padding: 0 2em .3em 0;
	display: block;
	width: 10em;
	text-align: right;
	float: left;}    
    
    #quote label.yesno {width: 3.5em;}    
    
#quote fieldset, 
#quote legend {border: 1px solid #ccc;}

#quote fieldset {
	padding: 5px;
	margin: 10px 0;}
    
    #quote fieldset div {
        clear: both;
    	position: relative;
    	padding: 5px 0;}
        
        #quote fieldset div span {display: none;}
            
    #quote fieldset div.cr { display:block;}

        #quote fieldset div.cr label {
        	text-align: left;
        	margin-left: 13em;
        	width: auto;
        	float: none;
        	padding-bottom: .3em;}
    
    #quote fieldset div.fr {
        float:right; 
        display:inline;}    
    
#quote legend {
	border-width: 1px;
	display: inline;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
    color: #235563;
	background: #FFF;
	font-size: 14px;}


#quote .mandat { color: #ff0000; }

#quote .mandat:after { content: "*"; }

#quote p.yn {
	width: 9em;
	float: left;
	display: inline;
	padding-left: 20px;
	padding-right: 10px;
	margin: 0 7px -20px 0;}

#quote .errmsg {
	border: 1px solid #FF0000;
	background: #FEE2E2;}
    
    
/*******************************************
NAVIGATION
*******************************************/

/*******************************************
PRIMARY MENU
*******************************************/   

ul#primary {
    float:right;
    list-style: none;
    text-align: center;
    margin: 0;} 
    
    ul#primary li {
        display: inline;
        text-align: center;
        margin: 18px 0 0 0;
        padding: 0 10px;
        border-right: 1px solid #fff;
        line-height: 25px;}
        
        ul#primary a:link,
        ul#primary a:visited {
            color: #fff;
            text-decoration: none;}
        
        ul#primary a:hover,
        ul#primary li:hover,
        ul#primary li:hover a,
        ul#primary li.iehover,
        ul#primary li.iehover a {
            color: #fff;
            text-decoration: underline;}
            
ul#primary li.lastLi {border-right: 0 none;}  

/*******************************************
utility NAVIGATION - HORIZONTAL
*******************************************/   

/* Root = Horizontal, Secondary = Vertical */
ul#utility {
    list-style: none;
    text-align: center;
    margin: 0;} 
    
    ul#utility li {
        xdisplay: inline;
        text-align: left;
        margin:5px 0 0 0;
        padding: 0 0 0 3px;
        xborder-right: 1px solid #fff;
        line-height: 25px;}
        
        ul#utility a:link,
        ul#utility a:visited {
            color: #fff;
            text-decoration: none;}
        
        /* Root Menu Hover Persistence */
ul#utility a:hover,
ul#utility li:hover,
ul#utility li:hover a,
ul#utility li.iehover,
ul#utility li.iehover a {
  color: #fff;
  background-color: #1A4553;}
            
ul#primary li.lastLi {border-right: 0 none;}  



 

/*******************************************
FOOTER MENU
*******************************************/   

ul#footer {
    list-style: none;
    text-align: center;
    margin: 0;} 
    
    ul#footer li {
        display: inline;
        text-align: center;
        margin: 18px 0 0 0;
        padding: 0 10px;
        border-right: 1px solid #353A46;
        line-height: 35px;
        font-weight: bold;}
        
        ul#footer a:link,
        ul#footer a:visited {
            color: #353A46;
            text-decoration: none;}
        
        ul#footer a:hover,
        ul#footer li:hover,
        ul#footer li:hover a,
        ul#footer li.iehover,
        ul#footer li.iehover a {
            color: #353A46;
            text-decoration: underline;}
            
ul#footer li.lastLi {border-right: 0 none;}  

/*******************************************
News
*******************************************/
#newsPanel {
    /*float: right;*/
    width:100%}

    #newsPanel h2 {display: none;}
    
    #newsPanel ul {
        list-style: none;
        margin: 0;
        padding: 0;}
        
        #newsPanel ul li ul li {
            margin-bottom: 18px;
            width:100%;}
            
        #newsPanel .primaryNewsCategoryTitle {}
            
        #newsPanel .secondaryNewsCategoryTitle {}
        
        #newsPanel .newsItemTitle {
            font-weight: bold;
            color: #235563;
            float: right;
            width:360px;
            margin-right: 20px;}
            
            #ie7only #newsPanel .newsItemTitle,
            #ie6only #newsPanel .newsItemTitle {
                float: right;
                position:relative;
                width:370px;
                left:10px;
                text-indent:0;}
                
                #ie6only #newsPanel .newsItemTitle {
                    left:30px;}
            
        #newsPanel .newsItemDate {
            font-weight: bold;
            color: #235563;
            font-style: italic;
            float: right;
            clear:right;}
        
        #newsPanel .newsItemSummary {
            clear: both;
            float:right;
            min-height:40px;
            width:100%}
            
            #newsPanel .newsItemSummary img{
                float:left;
                margin-right:15px;
                position:relative;
                top:-20px;
                height:171px;
                width:256px;}
            
        #newsPanel .newsItemLink {
            clear:both;
            position:relative;
            text-align:right;
            top:-20px;
            }    
            
        #newsPanel .newsItemLink a {}    
                
        #newsPanel .newsItemLink a:link,
        #newsPanel .newsItemLink a:visited {}    
        
        #newsPanel .newsItemLink a:focus,
        #newsPanel .newsItemLink a:hover,
        #newsPanel .newsItemLink a:active {}
        
#newsBackLinks {
    color: #235563;
    text-align: center;
    margin: 18px;}         

	
	/*********************************************************/
	/* Catalogue
	 * ********************************************************/

.breadcrumbs {
	color:white;
	}