/*	===============================================================
	© Rock Insurance
	

	Type:				Type face
	Build by:		    TDG Integrated
	Document Author:	James Lester
	Author Email:		j.lester@tdgintegrated.com
	

    Creation Date:		1st December 2007
	---------------------------------------------------------------
	Version number: 	1.0
	Last edited:		NA - Still in developement
	

============================================================ */
/*===============================================================

	DOCUMENT CONTENTS
	
	1.	Global settings
	2.	Positioning & Structure rules
	3.	Primary navigation
	4.	Secondary Navigation
    5.  Sidebar
	6.	Footer
    7.	Hidden Elements (print only elements)
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */

body { font-size: 62.5% }



/*	---------------------------------------------------------------
	#2 POSITIONING & STRUCTURE RULES
	---------------------------------------------------------------
	Outlines the main structure of the website
	------------------------------------------------------------ */

.large-box-inner, .small-box-inner { color: #66757f; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; }
.large-box-inner p { margin: 10px 0px 0px 0px; }
.small-box-inner p { margin: 5px 0px 0px 0px; }



#search-area input.textform {
 color: #b0b6b9;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 border: 1px solid #b0b6b9;
 padding: 2px;
 width: 101px;
}

#search-area p {
 color: #5a6063;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 margin: 0px 0px 0px 4px;
}


#search-area2 input.textform {
 color: #b0b6b9;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 border: 1px solid #b0b6b9;
 padding: 2px;
 width: 100px;
}

#search-area2 p {
 color: #5a6063;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 margin: 0px 0px 0px 4px;
}



#content-home p {
 color: #274254;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 margin-left: 40px;
 line-height: 150%;
}

#content-home h2.home-subhead {
 color: #006ab2;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.8em;
 margin-bottom: 4px;
 margin-left: 40px;
}

#content-home p.intro{
 font-weight: bold;  font-size: 1.4em;
}

#content p {
 color: #274254;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 width: 311px;
 line-height: 150%;
}

#imagetext { width: 250px !important; }
p.imagetext { width: 250px !important; }
#imagetext-legal { width: 350px !important; }

#content p.intro{ font-weight: bold; font-size: 1.4em; }

#content h2 {
 color: #006ab2;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.8em;
 margin-bottom: 4px;
}

#content h3 {
 color: #006ab2;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.6em;
 margin-bottom: 4px;
}

#content h3 a {
 color: #006ab2;
text-decoration: none;
}
#content h3 a:hover {
 color: #006ab2;
text-decoration: underline;
}

#content p.text-quote { padding-left: 0px; margin: 0px 0px 20px 0px; }
#content p.text-heading { margin: 0px 0px 0px 0px; font-size: 1.4em; }
#content p.careers-heading { font-size: 1.2em; line-height: normal; }

#content .quote-indent { display: block; padding-left: 0px; margin: 0px 0px 12px 0px; }
#content .quote-indent p { margin: 0px 0px 8px 0px; }
#content .quote-indent ul { margin: auto 0px auto 0px; padding: 0px 0px 0px 0px; }
#content .quote-indent li { margin: 0px 0px 6px 20px; padding: 0px 0px 0px 0px; list-style-image: url(../images/global/bulletLI.gif) }

.bulletlist { padding: 0px 0px 0px 0px !important; }
.bulletlist li { margin: 0px 0px 6px 16px !important; padding: 0px 0px 0px 3px !important; list-style-type: disc !important;  }
.bulletlist2 { padding: 0px 0px 0px 0px !important; }
.bulletlist2 li { margin: 0px 0px 6px 16px !important; padding: 0px 0px 0px 3px !important; list-style-type: disc !important;  }

.numberedlist { padding: 0px 0px 0px 0px !important; }
.numberedlist li { margin: 0px 0px 6px 16px !important; padding: 0px 0px 0px 3px !important; list-style-type: decimal !important; }
.numberedlist2 { padding: 0px 0px 0px 0px !important; }
.numberedlist2 li { margin: 0px 0px 6px 16px !important; padding: 0px 0px 0px 3px !important; list-style-type: decimal !important; }

#content p a { 
 color: #274254;
 font-family: Arial, Helvetica, sans-serif;
}
#content p a:hover { 
 color: #006ab2;
 font-family: Arial, Helvetica, sans-serif;
}

#content-home p a { 
 color: #274254;
 font-family: Arial, Helvetica, sans-serif;
}
#content-home p a:hover { 
 color: #006ab2;
 font-family: Arial, Helvetica, sans-serif;
}

.content-products p { width: 480px !important; }
.content-services p { width: 480px !important; }
.content-legal p { width: 480px !important; }
.content-sitemap p { width: 480px !important; }


#content li { 
	 color: #274254;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.2em;
	 width: 511px;
	 margin-bottom: 15px;
	 line-height: 150%;
	 vertical-align: top; }
	 
#content li a { text-decoration: underline; color: #274254; }
	 
.careers-date { float: right; }
.careers-heading { font-size: 1.2em; line-height: normal; }
	 
	 
	 
	 

#quote-box p, #quote-box-left p {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.8em;
	 width: Auto;
	 line-height: 130%;
}



#quote-box-blockquote-left {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.8em;
	 line-height: 130%;
}

#quote-box-blockquote, #quote-box-blockquote2 {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.8em;
	 line-height: 130%;
}

/*	---------------------------------------------------------------
	#3 PRIMARY NAVIGATION
	---------------------------------------------------------------
	Outlines the primary navigational elements of the website
	------------------------------------------------------------ */





/*	---------------------------------------------------------------
	#4 SECONDARY NAVIGATION
	---------------------------------------------------------------
	Outlines the secondary navigational elements of the website
	------------------------------------------------------------ */


#subnav-block a {
	 color: #5d6366;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 text-decoration: none; font-weight: bold;
}

#subnav-block a.on {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 text-decoration: underline; font-weight: bold;
}

#subnav-block a:hover { text-decoration: underline; }


/*	---------------------------------------------------------------
	#5 SIDEBAR
	---------------------------------------------------------------
	Outlines the sidebar elements of the website
	------------------------------------------------------------ */

.bold-header { font-weight: bold !important;  font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
#non-bold { font-weight: normal !important; }
	
	
/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */


#footer {
 color: #8c9295;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 line-height: 160%;
}

#footer a {
 color: #8c9295;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 text-decoration: underline;
}

#footer a:hover { color: #006ab2; }


/*	---------------------------------------------------------------
	#7 HIDDEN ELEMENTS
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */




#contactform-sidebar input, #contactform-sidebar textarea  {
	 width: 235px;
	 color: #274254;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
}

#contactform-sidebar  { line-height: 150%; }



#contact-sidebar p  {
     font-weight: normal;
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 margin: 0px 0px 0px 0px;
}
#contact-sidebar h3  {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 2.8em;
	 margin: 0px 0px 0px 0px;
}
#contact-sidebar img  {
	 margin-bottom: 18px;
	 margin-top: 11px;
}





.contact-box input {  
	 width: 497px;
	 color: #274254;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em; }
	 
.contact-box textarea { 
	 float: left; 
	 width: 424px;
	 height: 42px;
	 color: #274254;
	 margin-left: 108px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em; }
	 
.submitbutton { float: left; margin: 22px 0px 0px 12px; width: auto !important; }
	 
.contact-box p {  
	 width: auto !important;
	 margin: 0px 0px 2px 0px;
	 padding: 0px 0px 0px 0px;
	 color: #274254;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em; }
	 
.contact-box p.info {  
	 margin: 5px 0px 5px 18px;
}








.download-area p {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 width: 472px !important;
}

.download-area ul {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 width: 472px;
}

.download-area a.dl {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 padding-right: 34px;
	 margin-right: 18px;
	 background: Transparent url(../images/global/download-arrow.gif) no-repeat center right;
}

.download-area a.op {
	 color: #006ab2;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 1.1em;
	 padding-right: 34px;
	 margin-right: 18px;
	 background: Transparent url(../images/global/new-win.gif) no-repeat center right;
}