﻿.intro
{
	background: url('../images/msp/msp-h1.jpg') no-repeat top left;
	width: 759px;
	height: 176px;
	position: relative;
}

.intro p
{
	position: absolute;
	bottom: 0px;
	left: 10px;
	color: #ffffff;
	font-weight: bold;
}

#mspContent
{
	background: #ffffff;
}

#mspDetails ul
{
	margin-top: 5px;
}
#mspDetails li
{
	padding-left: 22px;
	margin-bottom: 5px;
	list-style: none;
	background: url('../images/msp/tick-green.jpg') no-repeat left top;
}
#mspDetails .why h2
{
	color: #7a7a7a;
	text-transform: uppercase;
	font-size: 22px;
}
#mspDetails .msp h2,
#mspDetails .topup h2
{
	color: #b10000;
	text-transform:uppercase;
	font-size: 18px;
}
#mspDetails .msp p .opening,
#mspDetails .topup p .opening
{
	display: block;
	font-weight: bold;
}

#mspContent .left
{
	float: left;
	text-align: center;
	clear: left;
}
#mspContent .right
{
	float: right;
	text-align: right;
	clear: right;
}
#mspContent .disclaimer
{
	font-size: 10px;
}

/* tables */
#mspContent table
{
	border-collapse: collapse;
	width: 356px;
	margin-bottom: 10px;
}
#mspContent table tr
{
	background: #4c4c4c url('../images/msp/bg-table-msp.jpg') repeat-y top right;
}
#mspContent table tr.head
{
	background: transparent;
}
#mspContent table td
{
	color: #ffffff;
}
#mspContent table td.model
{
	text-align: right;
}
#mspContent table th.buy
{
	width: 50px;
}
#mspContent table td,
#mspContent table th
{
	border: 1px solid #888888;
	padding: 5px;
	text-align: center;
}
#mspContent table th
{
	border: 0px;
	text-transform: uppercase;
}
#mspContent table th span
{
	font-size:10px;
	font-weight:normal;
	text-transform:lowercase;
}
/* // tables */

/* arrows */
#mspContent .arrowLink,
#mspContent .dealerLink
{
	padding: 0px 17px 0px 5px;
	height: 24px;
	line-height: 24px;
	float: left;
	clear: both;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
}
#mspContent #mspDetails .msp .arrowLink,
#mspContent #mspDetails .topup .arrowLink
{
	background: #970000 url('../images/msp/btn-arrow-red-white.png') no-repeat top right;
	font-weight: bold;
	margin-top: 5px;
	text-decoration: none;
}
#mspContent table a.arrowLink
{
	background: #193f84 url('../images/msp/btn-arrow-blue.png') no-repeat top right;
	text-transform: uppercase;
	text-decoration: none;
}
#mspContent a.dealerLink
{
	background: #193f84 url('../images/msp/btn-arrow-blue-white.png') no-repeat top right;
	text-transform: uppercase;
	float: right;
	clear: both;
	text-decoration: none;
}
#mspContent #mspDetails .msp .arrowLink:hover,
#mspContent #mspDetails .topup .arrowLink:hover,
#mspContent table a.arrowLink:hover,
#mspContent a.dealerLink:hover
{
	text-decoration: underline;
}
/* // arrows */
/* old style
#mspContent a.dealerLink
{
	width: 300px;
	height: 42px;
	display: block;
	background: url('../images/msp/btn-find-dealer.gif') no-repeat left top;
	position: relative;	
}
#mspContent a.dealerLink span
{
	position: absolute;
	left: 60px;
	top: 12px;
	color: #ffffff;
	font-size: 12px;
}
#mspContent a.dealerLink:hover
{
	background-position: 0px -42px;
}
#mspContent a.dealerLink:hover span
{
	color: #ffffff;
	text-decoration: underline;
}
*/
#mspContent a.termsLink
{
	margin-top: 10px;
	color: #ff0000;
	text-decoration: underline;
}
#mspContent a.termsLink:hover
{
	text-decoration: none;
}

/* vehicle msp pages setup */
body.evoMSP #evoMainContent
{
	
}
body.l200MSP #l200MainContent
{
	position: relative;
	padding-bottom: 110px;
}
#mspContent
{
	font-size: 12px;
	text-align: justify;
}
#mspContent h1
{

}
#mspContent h2
{
	
}
#mspContent #mspDetails .intro
{
	margin-bottom: 10px;
	clear: both;
}

#mspContent #mspDetails .why,
#mspContent #mspDetails .msp,
#mspContent #mspDetails .topup
{
	padding: 10px;
	margin-bottom: 10px;
}
#mspContent #mspDetails .why
{
	border: 1px solid #dadada;
	height:164px;
}
#mspContent #mspDetails .msp,
#mspContent #mspDetails .topup
{
	border: 1px solid #dadada;
	width: 353px;
	height: 155px;
}
#mspContent #mspDetails .msp img,
#mspContent #mspDetails .topup img
{
	display: none;
}
#mspContent #mspDetails .msp
{
	float: left;
}
#mspContent #mspDetails .topup
{
	float: right;
}
#mspPriceEvolutionBlock .buy,
#mspPriceL200Block .buy
{
	display: none;
}

/* prices */
#mspContent #tabs
{
	margin: 20px 5px 0px 5px;
	overflow: hidden;
}
#mspContent #tabs li
{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mspContent #tabs li a
{
	display: block;
	height: 37px;
	line-height: 38px;
	width: 107px;
	text-align: center;
	color: #ffffff;
	background: url('../images/msp/bg-tabs-prices.jpg') no-repeat -129px 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
#mspContent #tabs li a:hover{ background-position: -129px -38px; text-decoration: underline; }
#mspContent #tabs li a.active{ background-position: -129px -76px; color: #000000; font-weight: bold; text-decoration: none; }
#mspContent #tabs li a#tabColt{ background-position: 0px 0px; }
#mspContent #tabs li a#tabColt:hover{ background-position: 0px -38px; }
#mspContent #tabs li a#tabColt.active{ background-position: 0px -76px; color: #000000; }
#mspContent #tabs li a#tabL200{ background-position: -258px 0px; }
#mspContent #tabs li a#tabL200:hover{ background-position: -258px -38px; }
#mspContent #tabs li a#tabL200.active{ background-position: -258px -76px; color: #000000; }

#mspContent #panels
{
	border: 1px solid #d9d9d9;
	border-top: 0px;
	margin: 0px 5px 20px 5px;
	padding: 5px 10px;
	position: relative;	
	overflow: hidden;
	background: #f7f7f7;
}

#mspContent #panels div
{
}

#mspPriceColtBlock,
#mspPriceLancerBlock,
#mspPriceEvolutionBlock,
#mspPriceGrandisBlock,
#mspPriceOutlanderBlock,
#mspPriceShogunBlock,
#mspPriceL200Block
{
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
}

#mspPriceColtBlock img{ margin-top: 40px; }
#mspPriceLancerBlock img{ margin-top: 30px; }
#mspPriceEvolutionBlock img{ margin-top: 30px; }
#mspPriceGrandisBlock img{ margin-top: 30px; }
#mspPriceOutlanderBlock img{ margin-top: 30px; }
#mspPriceShogunBlock img{ margin-top: 30px; }
#mspPriceL200Block img{ margin-top: 30px; }

#mspPriceColtBlock table{ margin-top: 0px; }
#mspPriceLancerBlock table{ margin-top: 20px; }
#mspPriceEvolutionBlock table{ margin-top: 50px; }
#mspPriceGrandisBlock table{ margin-top: 50px; }
#mspPriceOutlanderBlock table{ margin-top: 50px; }
#mspPriceShogunBlock table{ margin-top: 50px; }
#mspPriceL200Block table{ margin-top: 50px; }