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

	Type:				Structural Styles
	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.	Footer
    6.	Hidden Elements (print only elements)
	------------------------------------------------------------ */
	
	
/*	---------------------------------------------------------------
	#1 GLOBAL SETTINGS
	---------------------------------------------------------------
	these are mostly font sizing and positional issues
	------------------------------------------------------------ */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #dce2e5;
}




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


#white-block { width: 100%; background-color: #FFFFFF; 	min-height: 543px;
	height: auto !important;
	height: 543px;
	margin: 0px auto 0px auto !important; }


#header { 
	display: block;
	width: 997px;
	height: 98px;
	padding: 0px;
	background-color: Transparent;
	position: relative;
	margin: 0px auto 0px auto !important;
}


#logo { margin: 0px; padding: 0px; }
#logo a {
	display: block;
    width: 201px;
    height: 71px;
	background: Transparent url(../images/global/logo.gif) no-repeat;
    position: absolute;
    top: 14px;
    left: 0px;
	padding-top: 71px !important;
	height/* */:/**/0 !important;
	height: /**/0 !important;
	overflow: hidden !important;
	z-index: 20;
}



#main-block {
	display: block;
	margin: 0px auto 0px auto;
	width: 997px;
	min-height: 543px;
	height: auto !important;
	height: 543px;
}


#content-home {
	display: block;
	float: left;
	width: 309px;
	padding-left: 384px;
	min-height: 543px;
	height: auto !important;
	height: 543px;
	background: Transparent url(../images/main/home-mainimage.jpg) no-repeat top left;
}


#content {
	display: block;
	float: left;
	width: 650px;
	padding-left: 68px;
	min-height: 543px;
	height: auto !important;
	height: 543px;
}

.content-about { background: Transparent url(../images/main/mainimage-about.jpg) no-repeat top right; }
.content-products { background: Transparent url(../images/main/mainimage-products.jpg) no-repeat top right; }
.content-services { background: Transparent url(../images/main/mainimage-services.jpg) no-repeat top right; }
.content-affiliates { background: Transparent url(../images/main/affiliates-mainimage.jpg) no-repeat top right; }
.content-contact { background: Transparent url(../images/main/mainimage-contact.jpg) no-repeat top right; }
.content-legal { background: Transparent url(../images/main/mainimage-legal.jpg) no-repeat top right; }
.content-careers { background: Transparent url(../images/main/mainimage-careers.jpg) no-repeat top right; }
.content-technology { background: Transparent url(../images/main/mainimage-technology.jpg) no-repeat top right; }
.content-news { background: Transparent url(../images/main/mainimage-news.jpg) no-repeat top right; }
.content-sitemap { background: Transparent url(../images/main/mainimage-sitemap.jpg) no-repeat top right; }




#image-block { display: block; float: right; width: 390px; height: 320px; }
#image-block-small { display: block; float: right; width: 390px; height: 200px; }

#quote-box {
	clear: right;
	display: block;
	float: right;
	width: 248px;
	min-height: 153px;
	height: auto !important;
	height: 153px;
	margin-right: 20px;
	margin-top: 292px;
}

#quote-box-left {
	display: block;
	float: left;
	width: 252px;
	min-height: 153px;
	height: auto !important;
	height: 153px;
	text-align: right;
}

#quote-box-blockquote-left {
	display: block;
	float: left;
	width: 252px;
	min-height: 153px;
	height: auto !important;
	height: 153px;
	text-align: right;
	margin-left: 0px;
}


#quote-box-blockquote {
	display: block;
	float: right;
	width: 248px;
	min-height: 153px;
	height: auto !important;
	height: 153px;
	margin-right: 20px;
}
#quote-box-blockquote2 {
	display: block;
	float: right;
	width: 248px;
	min-height: 153px;
	height: auto !important;
	height: 153px;
	margin-right: 20px;
	margin-top: 250px !important;
}

#main-title-home {
	margin: 16px 0px 25px 0px;
    width: 306px;
    height: 76px;
	background: Transparent url(../images/titles/main-title-home.gif) no-repeat;
	padding-top: 76px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}

#main-title-about {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-aboutus.gif) no-repeat; 
	height: 34px; 
	width: 173px; 
	padding-top: 34px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-workingwithus {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-workingwithus.gif) no-repeat; 
	height: 74px; 
	width: 160px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-whatclientssay {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-whatclientssay.gif) no-repeat; 
	height: 86px; 
	width: 200px; 
	padding-top: 86px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-operatingstructure {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-operatingstructure.gif) no-repeat; 
	height: 74px; 
	width: 190px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-executiveprofiles {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-executiveprofiles.gif) no-repeat; 
	height: 74px; 
	width: 190px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}




#main-title-products {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-products.gif) no-repeat; 
	height: 74px; 
	width: 219px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-travelinsurance {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-travelinsurance.gif) no-repeat; 
	height: 74px; 
	width: 190px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-supplierfailurecover {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-supplierfailurecover.gif) no-repeat; 
	height: 80px; 
	width: 260px; 
	padding-top: 80px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}



#main-title-services {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-services.gif) no-repeat; 
	height: 42px; 
	width: 294px; 
	padding-top: 42px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-schemeplacement {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-schemeplacement.gif) no-repeat; 
	height: 74px; 
	width: 220px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-traininganddevelopment {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-traininganddevelopment.gif) no-repeat; 
	height: 84px; 
	width: 260px; 
	padding-top: 84px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}




#main-title-affiliates {
	margin: 16px 0px 25px 0px;
	background: Transparent url(../images/titles/title-affiliates.gif) no-repeat; 
	height: 74px; 
	width: 143px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}

#main-title-contact {
	margin: 16px 0px 25px 0px;
	background: Transparent url(../images/titles/title-contact.gif) no-repeat; 
	height: 33px; 
	width: 203px; 
	padding-top: 33px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}

#main-title-legal {
	margin: 16px 0px 25px 0px;
	background: Transparent url(../images/titles/title-legal.gif) no-repeat; 
	height: 42px; 
	width: 95px; 
	padding-top: 42px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}

#main-title-careers {
	margin: 20px 0px 25px 0px;
	background: Transparent url(../images/titles/title-career.gif) no-repeat; 
	height: 32px; 
	width: 225px; 
	padding-top: 32px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}


#main-title-technology {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-technology.gif) no-repeat; 
	height: 41px; 
	width: 221px; 
	padding-top: 41px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}


#main-title-news {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-news.gif) no-repeat; 
	height: 76px; 
	width: 204px; 
	padding-top: 76px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-releasearchive {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-releasearchive.gif) no-repeat; 
	height: 74px; 
	width: 163px; 
	padding-top: 74px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
#main-title-mediacoverage {
	margin: 0px 0px 25px 0px;
	background: Transparent url(../images/titles/title-mediacoverage.gif) no-repeat; 
	height: 82px; 
	width: 183px; 
	padding-top: 82px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}


#main-title-sitemap {
	margin: 16px 0px 25px 0px;
	background: Transparent url(../images/titles/title-sitemap.gif) no-repeat; 
	height: 42px; 
	width: 163px; 
	padding-top: 42px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}


#main-title-downloads {
	margin: 16px 0px 25px 0px;
	background: Transparent url(../images/titles/title-downloads.gif) no-repeat; 
	height: 42px; 
	width: 398px; 
	padding-top: 42px;
    height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}








.contact-box {
	display: block;
	width: 629px;
	min-height: 213px;
	height: auto !important;
	height: 213px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background: Transparent url(../images/global/contactform-main.gif) no-repeat bottom;
}
.contact-box-header {
	display: block;
	margin: 0px 0px 0px 0px;
	pading: 0px 0px 0px 0px;
	width: 629px;
	height: 20px;
	background: Transparent url(../images/global/contactform-header.jpg) no-repeat;
}


#textbox-right {   
	display: block;
	width: 346px;
	float: right;
}

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


#nav-background {
	display: block;
	width: 768px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	background: Transparent url(../images/global/nav-bg.gif) no-repeat bottom;
	position: absolute;
	top: 0px;
	right: 0px;
}


#search-area {
	float: right;
	width: 251px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	position: absolute;
	top: 34px;
	right: 26px;
}

#search-area table {
	margin: 0px 0px 0px 0px;
}


#search-area2 {
	float: right;
	width: 251px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	position: absolute;
	top: 34px;
	right: 26px;
}

#search-area2 table {
	margin: 0px 0px 0px 0px;
}


#main-navigation {
    width: 160px;
    height: 98px;
    display: block;
    position: relative;
}

#main-navigation ul,li { margin: 0px; list-style: none; padding: 0px; }

#main-navigation a {
    height: 15px;
    position: absolute;
	top: 56px;
    display: block;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/nav/navigation.gif);
	padding-top: 15px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
} 

#main-navigation .aboutus a          { left: 247px; width: 60px; background-position: 0px 0px; }
#main-navigation .aboutus a.on       { left: 247px; width: 60px; background-position: 0px -15px; }
#main-navigation .aboutus a:hover    { background-position: 0px -15px; }

#main-navigation .products a         { left: 321px; width: 57px; background-position: -74px 0px; }
#main-navigation .products a.on      { left: 321px; width: 57px; background-position: -74px -15px; }
#main-navigation .products a:hover   { background-position: -74px -15px; }

#main-navigation .services a         { left: 393px; width: 55px; background-position: -146px 0px; }
#main-navigation .services a.on      { left: 393px; width: 55px; background-position: -146px -15px; }
#main-navigation .services a:hover   { background-position: -146px -15px; }

#main-navigation .careers a          { left: 463px; width: 51px; background-position: -216px 0px; }
#main-navigation .careers a.on       { left: 463px; width: 51px; background-position: -216px -15px; }
#main-navigation .careers a:hover    { background-position: -216px -15px; }

#main-navigation .pressroom a        { left: 527px; width: 76px; background-position: -280px 0px; }
#main-navigation .pressroom a.on     { left: 527px; width: 76px; background-position: -280px -15px; }
#main-navigation .pressroom a:hover  { background-position: -280px -15px; }

#main-navigation .contactus a        { left: 618px; width: 71px; background-position: -371px 0px; }
#main-navigation .contactus a.on     { left: 618px; width: 71px; background-position: -371px -15px; }
#main-navigation .contactus a:hover  { background-position: -371px -15px; }




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


#subnav-block {
	display: block;
	float: left;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	padding-top: 0px;
}
.subnav-block-default { width: 601px; }
.subnav-block-about { padding-left: 249px; width: 421px; }
.subnav-block-products { padding-left: 321px; width: 341px; }
.subnav-block-services { padding-left: 358px; width: 327px; }
.subnav-block-news { padding-left: 287px; width: 422px; }

/*	---------------------------------------------------------------
	#5 SIDEBAR
	---------------------------------------------------------------
	Outlines the sidebar elements of the website
	------------------------------------------------------------ */
	
#rightbar {
	display: block;
	width: 272px;
	float: right;
	min-height: 543px;
	height: auto !important;
	height: 543px;
}



.large-box {
	display: block;
	width: 272px;
	min-height: 203px;
	height: auto !important;
	height: 203px;
	margin: 0px 0px 10px 0px;
	background: Transparent url(../images/global/sidebar-body-lrg.gif) no-repeat bottom;
}
#blue-body { background: Transparent url(../images/global/sidebar-body-lrg-blue.gif) no-repeat bottom !important;  }


.large-box-header {
	display: block;
	width: 272px;
	height: 17px;
	background: Transparent url(../images/global/sidebar-hdr-lrg.gif) no-repeat bottom;
}

.large-box-inner {
	display: block;
	width: 254px;
	min-height: 170px;
	height: auto !important;
	padding: 0px 0px 15px 18px;
	height: 170px;
}


#quote-me-image { background: Transparent url(../images/sidebar/sideimage-quoteme.gif) no-repeat bottom right; }
#quote-me-image-blue { background: Transparent url(../images/sidebar/sideimage-quoteme-blue.gif) no-repeat bottom right; }
#didyouknow-image { background: Transparent url(../images/sidebar/sideimage-didyouknow.gif) no-repeat bottom right; }




.small-box {
	display: block;
	width: 272px;
	min-height: 132px;
	height: auto !important;
	height: 132px;
	margin: 0px 0px 10px 0px;
	background: Transparent url(../images/global/sidebar-body-small.gif) no-repeat bottom;
}
.small-box-header {
	display: block;
	width: 272px;
	height: 17px;
	background: Transparent url(../images/global/sidebar-hdr-sml.gif) no-repeat bottom;
}

.small-box-inner {
	display: block;
	width: 254px;
	min-height: 100px;
	padding: 0px 0px 15px 18px;
	height: auto !important;
	height: 100px;
}

#affiliate-image { background: Transparent url(../images/sidebar/sideimage-affiliate.gif) no-repeat bottom right; }
#technology-image { background: Transparent url(../images/sidebar/sideimage-technology.gif) no-repeat bottom right; }
#cv-image { background: Transparent url(../images/sidebar/sideimage-cv.gif) no-repeat bottom right; }
#email-image { background: Transparent url(../images/sidebar/sideimage-email.gif) no-repeat bottom right; }


.sidebar-titles {
	display: block;
	height: 22px;
	padding: 22px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}

#sb-title-quoteme { background: Transparent url(../images/sidebar/sb-title-quoteme.gif) no-repeat; width: 97px; }
#sb-title-affiliate { background: Transparent url(../images/sidebar/sb-title-affiliate.gif) no-repeat; width: 156px; }
#sb-title-technology { background: Transparent url(../images/sidebar/sb-title-technology.gif) no-repeat; width: 113px; }
#sb-title-affiliatecontact { background: Transparent url(../images/sidebar/sb-title-affiliatecontact.gif) no-repeat; width: 159px; }
#sb-title-findus { background: Transparent url(../images/sidebar/sb-title-findus.gif) no-repeat; width: 159px; margin-bottom:10px; }
#sb-title-cv { background: Transparent url(../images/sidebar/sb-title-cv.gif) no-repeat; width: 164px; }
#sb-title-sparks { background: Transparent url(../images/sidebar/sb-title-sparks.gif) no-repeat; width: 150px; }
#sb-title-contactrock { background: Transparent url(../images/sidebar/sb-title-contactrock.gif) no-repeat; width: 132px; }
#sb-title-mediaenquiries { background: Transparent url(../images/sidebar/sb-title-mediaenquiries.gif) no-repeat; width: 156px; }
#sb-title-rockpr { background: Transparent url(../images/sidebar/sb-title-rockpr.gif) no-repeat; width: 78px; }
#sb-title-didyouknow { background: Transparent url(../images/sidebar/sb-title-didyouknow.gif) no-repeat; width: 150px; }
#sb-title-wcs { background: Transparent url(../images/sidebar/sb-title-wcs.gif) no-repeat; width: 156px; }

a.find-out-more  {
	display: block;
	width: 122px;
	height: 25px;
	background: Transparent url(../images/buttons/find-out-more.gif) no-repeat;
	padding: 25px 0px 0px 0px;
	margin-top: 21px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}


a.send-cv  {
	display: block;
	width: 76px;
	height: 25px;
	background: Transparent url(../images/buttons/send-cv.gif) no-repeat;
	padding: 25px 0px 0px 0px;
	margin-top: 6px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
a:hover.send-cv  { background-position: 0px -25px; }



a.get-quote  {
	display: block;
	width: 122px;
	height: 25px;
	background: Transparent url(../images/buttons/getquote-buttons.gif) no-repeat;
	padding: 25px 0px 0px 0px;
	margin-top: 21px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
a:hover.get-quote  { background-position: 0px -25px; }


a.contact-us-button  {
	display: block;
	width: 92px;
	height: 25px;
	background: Transparent url(../images/buttons/contactus-button.gif) no-repeat;
	padding: 25px 0px 0px 0px;
	margin-top: 21px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
a:hover.contact-us-button  { background-position: 0px -25px; }




a.find-out-more-small  {
	display: block;
	width: 122px;
	height: 25px;
	background: Transparent url(../images/buttons/find-out-more.gif) no-repeat;
	padding: 25px 0px 0px 0px;
	margin-top: 6px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
a:hover.find-out-more-small  { background-position: 0px -25px; }


a.email-button  {
	display: block;
	width: 76px;
	height: 25px;
	background: Transparent url(../images/buttons/email-button.gif) no-repeat;
	padding: 25px 0px 0px 0px;
	margin-top: 4px;
	height/* */:/**/0;
	height: /**/0;
	overflow: hidden;
}
a:hover.email-button  { background-position: 0px -25px; }

/*	---------------------------------------------------------------
	#6 FOOTER
	---------------------------------------------------------------
	Outlines the footer elements of the website
	------------------------------------------------------------ */

#footer-outer {
	clear: both;
	width: 100%;
	min-height: 132px;
	height: auto !important;
	height: 132px;
	background: Transparent url(../images/global/footer-bg.gif) repeat-x top;
}

#footer { 
	display: block;
	width: 924px;
	min-height: 10px;
	height: auto;
	height: 10px;
	padding: 26px 0px 0px 73px;
	background-color: Transparent;
	margin: 0px auto 0px auto;
}


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



.button { width: auto !important; }

.formlabel { float: left; width: 92px; margin-left: 18px; font-weight: bold; }

.inpage li{
	list-style-type: disc;
	}