/* colour = #1e497e */
/* DF = #4a525a */
/* MCM grey = #827c7d */

html *
{
	margin: 0px;
	padding: 0px;
}
body
{
	background-color: white;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial;
	font-size: 11px;
	color: #333;	
}
#container
{
	width: 920px;
	margin: 15px auto;
}
#header
{
	background-image: url(/media/images/layout/nav-inactive-60.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 107px;
}
#header-right
{
	float: right;
	height: 85px;
	width: 205px;
	padding: 5px 5px 5px 15px;
	border-left: 1px dotted #d3d4d5;
	color: #827c7d;
	background-color: #fbfbfb;
}
#footer
{
	background-image: url(/media/images/layout/footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 46px;
}

#logo
{
	display: block;
	width: 133px;
	height: 47px;
	background-image: url(/media/images/logo/mcm-logo.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
}

.logo-medium
{
	width: 100px;
	height: 35px;
	background-image: url(/media/images/logo/mcm-logo-100.gif);
	background-repeat: no-repeat;
	margin: 0;
}

.logo-shapes-medium
{
	width: 100px;
	height: 18px;
	background-image: url(/media/images/logo/mcm-logo-shapes-100.gif);
	background-repeat: no-repeat;
	margin: 0;
}

.logo-small
{
	width: 75px;
	height: 26px;
	background-image: url(/media/images/logo/mcm-logo-75.gif);
	background-repeat: no-repeat;
	margin: 0;
}
a
{
	color: #1e497e;
}


#tabs
{
	clear: left;
}
#tabs ul
{
	margin: 0;
	padding: 0px;
	list-style-type: none;
}
#tabs li
{
	display: block;
	float: left;
	height: 60px; 
	text-align: center;
}
#tabs li a
{
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	text-decoration: none;
	color: #888;
	font-weight: bold;
	text-align: left;
	padding: 0 11px;
}
#tabs li a.active, #tabs li a:hover
{
	color: #1e497e;
	font-weight: bold;
	background-image: url(/media/images/layout/nav-active-60-100.gif);
	background-repeat: no-repeat;
	height: 60px;
}

#nav-left
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 170px;
	border-top: 1px dashed #d3d4d5;
}
#nav-left li
{
	text-decoration: none;
	text-align: left;
	border-top: 1px dashed #d3d4d5;
	line-height: 31px;
	padding: 1px 0 1px 0;
}
#nav-left li a
{
	color: #888;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#nav-left li a:hover
{
	color: #1e497e;
}
#nav-left li a.on
{
	color: #1e497e;
}

.nav-left
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 170px;
	border-top: 1px dashed #d3d4d5;
}
.nav-left li
{
	text-decoration: none;
	text-align: left;
	border-top: 1px dashed #d3d4d5;
	line-height: 31px;
	padding: 1px 0 1px 0;
}
.nav-left li a
{
	color: #888;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.nav-left li a:hover
{
	color: #1e497e;
}
.nav-left li a.on
{
	color: #1e497e;
}
div.quote-tabs
{
	clear: left;
	width: 670px;
	height: 43px;
	background-image: url(/media/images/layout/quote-background.gif);
	background-repeat: repeat-x;
}
#quote-tabs ul
{
	margin: 0;
	padding: 0px;
	list-style-type: none;
}
#quote-tabs li
{
	display: block;
	float: left;
	height: 43px;
}
#quote-tabs li a
{
	display: block;
	float: left;
	height: 43px;
	line-height: 43px;
	text-decoration: none;
	color: #grey;
	font-size: 13px;
	font-weight: bold;
	text-shadow: white 1px 1px 3px;
	text-align: left;
	width: 198px;
 	padding-left: 10px;
}
#quote-tabs li a.active, #quote-tabs li a:hover
{

	color: #1e497e;
	font-weight: bold;
	height: 43px;
}

.body-right
{
	float: right;
	width: 210px;
	margin: 5px 10px 0 0;
/* 	border: 1px solid blue; */
/* 	background-color: #BDCCD4; */
}
.body-left
{
	float: left;
	width: 680px;
	margin: 5px 0 0 10px;
}

p.grey14px
{
	font-size: 14px;
	color: #888;
}

p.grey16px
{
	font-size: 16px;
	color: #888;
}

img
{
	border: 0;
}
.top-image
{
	margin: 0 0 10px 10px;
	width: 670px;
	height: 250px;
	float: left;
}

div.clear
{
	clear: both;
}
div.left
{
	float: left;
}
div.w180
{
	width: 170px;
	padding-left: 10px;
}
div.w220
{
	font-size: 11px;
	width: 190px;
	padding: 0 30px 0 0;
	line-height: 1.3em;
}
div.w460
{
	font-size: 11px;
	width: 440px;
	padding: 0 20px 0 0;
	line-height: 1.3em;
}
div.w190
{
	width: 190px;
	padding: 0;
}
div.lightgrey
{
	background-color: #eee;	
	padding: 10px;
	margin-left: 10px;
}
div.rightborder
{
	border-right: solid;
	border-right-style: solid;
	border-right-color: #eee;
	border-right-width: thin;
}
div.box-gradient
{
	clear: both;
	background-image: url(/media/images/layout/main-box-gradient.gif);
	background-repeat: repeat-x;
	background-position-y: -3px;
	background-color: #827c7d;
	height: 365px;
	width: 920px;
}
div.box-movie
{
/* 	float: left; */
	height: 365px;
	width: 900px;
	margin: 0 10px;
/* 	background-color: white; */
	color: #888;
}
div.box-text
{
	float: left;
	width: 900px;
	color: white;
	background-color: #827c7d;
	padding: 10px;
}

div.box-bottom
{
	clear: both;
	background-image: url(/media/images/layout/main-box-bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
	line-height: 10px;
	width: 920px;
}
h1
{
	color: #000000;
	font-size: 20px;
}
h2
{
	color: #1e497e;
	font-size: 18px;
}
h2.white
{
	color: white;
	font-size: 18px;
}
h3
{
	color: white;
	font-size: 24px;
}
h4
{
	color: #888888;
	font-size: 16px;
}
h5
{
	color: #1e497e;
	font-size: 12px;
}
h6
{
	color: #888;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
h7
{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

/* spinner css per bob */ 


.outer
{
	height: 314px;
	width: 180px;
	padding: 10px;
/* 	background-image: url(/media/images/spinner/scroller-background-stripe.gif); */
	background-image: url(/media/images/spinner/background.gif);
	background-repeat: repeat-x;
	float: left;
}
.outer-clear
{
	height: 314px;
	width: 458px;
	padding: 10px;
	float: left;
}
.inner
{
	height: 314px;
	width: 180px;
	overflow: hidden;
	font-family: "Lucida Grande", Arial;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-shadow: 1px 1px 3px white;
}
.inner div
{
	line-height: 15px;
	padding: 10px 20px;
}
#thirdColumn div
{
	display: none;
	height: 334px;
	width: 485px;
}
.columnThree div
{
	background-repeat: no-repeat;
	width: 485px;
	height: 334px;
}
.spinner-divider
{
	height: 334px;
	width: 8px;
	background-image: url(/media/images/spinner/divider2.gif);
	background-repeat: repeat-x;
	float: left;
}
.spinner-divider-mid
{
	height: 334px;
	width: 4px;
	background-image: url(/media/images/spinner/divider6.gif);
	background-repeat: repeat-x;
	float: left;
}
.spinner-divider-arrow
{
	height: 334px;
	width: 20px;
	background-image: url(/media/images/spinner/divider5.gif);
	background-repeat: repeat-x;
	float: left;
}
.spinner-divider-right
{
	height: 334px;
	width: 3px;
	background-image: url(/media/images/spinner/divider4.gif);
	background-repeat: repeat-x;
	float: left;
}
.arrow img
{
 width: 37;
 height: 334;
}
.spinner-text
{
	position: absolute; 
	width: 448px; 
	margin: 0; 
	padding: 282px 20px 0px 27px; 
	font-size: 18px; 
	font-weight: bold; 
	color: #eee;
	text-shadow: #1e497e 2px 2px;
}
.spinner-text-two
{
	position: absolute; 
	width: 428px; 
	margin: 0; 
	padding: 280px 20px 20px 0px; 
	font-size: 20px; 
	font-weight: bold; 
	color: white;
}
div.spinner-gradient
{
	display: block; 
	background-image: url(/media/images/spinner/spinner-gradient.png);
}

/* new css per annie */

p
{
	margin-top: 12px;
	margin-bottom: 12px;
}
.left-column
{
	float: left;
	width: 170px;
	margin: 10px 10px 0 0;
	padding: 0;
	display: inline;
}
.central_column
{
	float: left;
	width: 470px;
	margin: 10px 10px 0 20px;
	padding: 0;
	display: inline;
}
.central-column-mini
{
	float: left;
	width: 680px;
	margin: 10px 20px 0 10px;
	padding: 0;
	display: inline;
}
.left_column_quote
{
	float: left;
	width: 660px;
	margin: 10px 20px 0 0;
	padding: 0;
	display: inline;
}
div.box
{
	float: left;
	width: 190px;
}
div.wide-box
{
	float: left;
	width: 600px;
}

/* box background colours */
		
.grey
{
	color: white;
	background-color: #827c7d;				
}
.mejumgrey
{
	color: white;
	background-color: #bbbbbb;
}
.palegrey
{
	color: #827c7d;
	background-color: #fbfbfb;
}
.blue
{
	color: white;
	background-color: #1e497e;
}
/* box sizes and paddings */

.tall
{
	padding: 20px 10px 10px 10px;
	margin: 0;
}
.medium
{
	padding: 5px 10px;
	margin: 0;
}
.small
{
	padding: 0 10px;
	margin: 0;
}
div.ten
{
	clear: both;
	height: 10px;
}
div.twenty
{
	clear: both;
	height: 20px;
}
ul.other
{
	padding-left: 0;
}
li.other
{
	padding: 0 0 5px 0;
}
ul.sitemap
{
	padding: 10px 0;
	list-style: none;
}
li.sitemap
{
	padding: 0 0 5px 0;
}
ul.arrow
{
	padding-left: 10px;
}
li.arrow
{
	list-style-image: url(/media/images/layout/little-arrow.gif);
	margin-left: 10px;
	padding: 0 0 5px 0;
}
table.quote-form
{
	width: 670px;
	background-color: #fbfbfb;
}

table.quote-form th
{
	font-size: 11px;
	text-align: left;
	vertical-align: text-top;
	padding: 6px 10px;
	color: white;
	background-color: #bbbbbb;	
}

table.quote-form td
{
	vertical-align: text-top;
	padding: 10px;	
}

table.quote-form td.label
{
	text-align: left;
	font-weight: normal;
	vertical-align: text-top;
	width: 208px;
	color: #333;
}
table.quote-form td.more
{
	padding-top: 15px;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
	background-color: white;
	color: #333;
}
.quote-form-header
{
	color: #1e497e;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #1e497e;
	font-weight: bold;
}

.quote-form-header-bold
{
	color: #1e497e;
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px; 
}

table.glossary
{
	width: 670px;
}
table.glossary th
{	
	width: 150px;
	font-size: 11px;
	text-align: left;
	vertical-align: text-top;
	padding: 10px;
	color: white;
 	background-color: #bbbbbb;
}
table.glossary td
{
	vertical-align: text-top;
	padding: 10px 20px 10px 10px;	
}

.dated
{
	color: #bbbbbb;
	font-weight: bold;
}
/*
div.request-quote
{
	background-image: url(/media/images/layout/request-quote.gif);
	background-repeat: no-repeat;
	background-position: 0;
	height:48px;
	position:relative;
	float: left;
	width: 190px;
	color: white;
	padding: 20px 10px 10px 10px;
	background-color: #1e497e;
	margin: 0;
}
div.request-quote a
{
	padding: 20px 10px 10px 10px;
	display: block;
}
*/

#header-mini
{
	background-image: url(/media/images/layout/nav-inactive-60.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 80px;
}
#header-right-mini
{
	float: right;
	height: 58px;
	width: 200px;
	padding: 10px 5px 0px 25px;
	border-left: 1px solid #d3d4d5;
	color: #827c7d;
	background-color: #fbfbfb;
}
.logo-mini
{
	float: left;
	width: 133px;
	height: 47px;
	background-image: url(/media/images/logo/mcm-logo.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 5px;
}
a.mini
{
	color: #333;
	text-decoration: none;
}