/*					GENERAL NOTES						*/
/*	RM - Generic styles used across all popups.			*/

/*														*/
/*														*/
/*						STRUCTURE						*/
/*														*/
/*														*/

/*	RM - Main tags	*/

html,body
{
	height: 498px;
	margin: 0;
	padding: 0;
}
body
{
	background-color: #FFF;
	color: #000;
}

/*	RM - Not used in the Premium popup	*/
#popHeader
{
	height: 80px;
}

/*	Stuff for Tech Spec rework	*/
.popWrapperInnerDiv {width:508px; }
#popWrapper {float:left; position:relative;}
*html #popWrapper {float:left; height:422px;}

#technicalSpecificationContainer {width:506px;}
.floatl {float:left;}

/*	RM - Custom structure	*/
#contentWrapper {
	margin-left: 210px;   /* LC width */
	/* margin-right: 174px;   RC width */
	height: 100%;
	min-height: 422px; /*	Takes into account the 80px padding at the top of the page. An extra 4px ensures the footer is cleared in NS7.2. Possibly from the 4px blue bar at the top of the screen. */
	background: transparent url(/SEARCH/images/Generic/greyTile1.jpg) repeat-y 0 0; /*	At x=0 because the content appears first in the source */
	position: relative;
}

#contentWrapper .column {
	float: left;
}

.columnLeft
{
	width: 210px;       /* LC width */
	right: 210px;		/* LC width */
	margin-left: -295px;/* Center width */
	min-height: 422px;
}

.columnCenter
{
	width: 297px;
	min-height: 422px;
}

.columnRight
{
	width: 174px;          /* RC width */
	margin-right: -174px;  /* RC width */
	min-height: 422px;
}

/*																	*/
/*																	*/
/*			GENERIC COLOURS, BORDERS, FONTS							*/
/*			(DEFAULTS - OVERRIDES GO IN THE POPUPPREMIUM.CSS FILE)	*/
/*																	*/

h1
{
	font: bold 120% Arial, Helvetica, sans-serif;
	background-color: inherit;
	color: #000;
	
}


h2
{
	font: bold 100% Arial, Helvetica, sans-serif;
	background-color: inherit;
	color: #008BBA;
}

h3
{
	font: bold 70% Tahoma, Helvetica, sans-serif;
	background-color: inherit;
	color: #000;
}

.greyTop
{
	border-top: 1px solid #BABABA;
}

.centerMargin
{
	margin: auto;
}

/*														*/
/*														*/
/*					Car title and price					*/
/*														*/
/*														*/
#mainInfo h1
{
	margin: 6px;
}

#mainInfo h2
{
	margin: 6px;
	color: #000;
}

#carPrice
{
	background: #F1F1F1 none;
	color: #000;
	border-left: 1px solid #BABABA;
	padding: 0 6px;
}

#carPrice h2
{
	color: #000;
	background-color: inherit;
	display: inline;
	margin-top: 6px;
	font-size: 150%;
}

#carPrice p
{
	display: inline;
}

/*														*/
/*														*/
/*							MMAO						*/
/* RM - Used in all templates except basic				*/
/*														*/

.mmao
{
	background: #F1F1F1 none;
	color: #000;
	border-left: 1px solid #BABABA;
	padding: 0 6px 6px 6px;
}

.mmao img
{
	padding-bottom: 6px;
}

.mmaoDetails
{
	font-weight: bold;
	vertical-align: bottom;
}

/*														*/
/*														*/
/*						FEATURES						*/
/*														*/
/*														*/
#features
{
	padding: 0 6px 6px 6px;
}

#features h2
{
	margin-top: 6px;
}

#featureList ul
{
	width: 285px;
}

#featureList li
{
	width: 127px; /* RM - Divide total width by 2 and subtract the padding. */
	float: left;
	background-image : url(/SEARCH/images/Icons/bullet.gif);
	padding: 0 0 0 15px;
    text-transform: lowercase;
}

#featureList li:first-letter {
text-transform: capitalize;
}

/*														*/
/*														*/
/*						DESCRIPTION						*/
/*														*/
/*														*/
#fullDescription
{
	padding: 0 6px 6px 6px;
}

#fullDescription h2
{
	margin-top: 6px;
}

/*														*/
/*														*/
/*				SELLER DETAILS							*/
/*														*/
/*														*/
#sellerDetails
{
	padding: 0 6px 6px 6px;
}

#sellerDetails h2
{
	padding: 6px 0;
}

#sellerDetails img
{
	display: inline;
	padding: 6px 0.2em;
}

#sellerDetails p
{
	padding: 2px 0;
}

/*														*/
/*														*/
/*				FEATURES AND DESCRIPTION				*/
/*														*/
/*														*/

.glossaryLink
{
	line-height: 170%;
	text-decoration: underline;
	text-align: right;
	margin-top: 6px;
}

.glossaryLink:hover
{
	text-decoration: none;
}

/*														*/
/*														*/
/*						PHOTOGRAPHS						*/
/*														*/
/*														*/

#photographs
{
	padding: 5px;
}

.photoLink
{
	padding-bottom: 15px;
	font-size: 75%;
}

.popSmallPhoto
{
	display: inline;
	padding: 1px;
	margin: auto;
}

/*														*/
/*														*/
/*						WHAT NEXT						*/
/*														*/
/*														*/

#whatNext
{
	padding: 0 6px 6px 6px;
}

#whatNext h3
{
	margin-top: 6px;
}

/*		RM - Each of the images used below will need to have transparent backgrounds	*/

#nextListRead
{
	background: transparent url(/SEARCH/images/Popups/Icons/read.gif) no-repeat top left;
	line-height: 160%;
	padding: 0 0 0 18px;
}

#nextListPrint
{
	background: transparent url(/SEARCH/images/Popups/Icons/printer.gif) no-repeat top left;
	line-height: 160%;
	padding: 0 0 0 18px;
}

#nextListFriend
{
	background: transparent url(/SEARCH/images/Popups/Icons/friend.gif) no-repeat top left;
	line-height: 160%;
	padding: 0 0 0 18px;
}

#nextListMobile
{
	background: transparent url(/SEARCH/images/Popups/Icons/mobile.gif) no-repeat top left;
	line-height: 160%;
	padding: 0 0 0 18px;
}

#nextListAlert
{
	background: transparent url(/SEARCH/images/Popups/Icons/alert.gif) no-repeat top left;
	line-height: 160%;
	padding: 0 0 0 18px;
}
#nextListClose
{
	background: transparent url(/SEARCH/images/Popups/Icons/close.gif) no-repeat top left;
	line-height: 160%;
	padding: 0 0 0 18px;
}