/**
	/**
	 * CSS Index
	 * - Standard HTML Tags overrides (body, p, a, etc)
	 * - Container
	 * - Content Wrapper
	 * - Content
	 * - Shared Modules
	 * - Grid Modules
	 * --- Search Part
	 * --- Pagination
	 * --- Message Box
	 * --- Message Box Types
	 * --- Disclaimer
	 * - Grid View
	 * --- Header Sort Nav
	 * --- Column Settings
	 * --- Row Highlighting
	 * --- Thumbnail
	 * --- Summary Content
	 * --- Pricing Content
	 * - Expanded View
	 * - Expanded View Modules
	 **/

	/*====================================
	  HTML TAG OVERRIDES
	 ====================================*/

	BODY {
		/* structure */
		margin: 0px;
		padding: 0px;
		font-family: Helvetica, Arial, sans-serif;
	}

	ul{
		margin: 0;
		padding: 0;
	}
	
	ul.highlightedCol{
		float: left;
		width: 33%;
	}
	
	ul.plainList{
		list-style-type: none;
	}
	
	ul.plainList li{
		margin: 0;
		padding: 4px;
	}
	
	
	li{
		margin: 3px 0 4px 20px;
	}
	
	h1, h2, h3, h4, h5, h6{
		margin: 0;
		padding: 0;
	}
	
	h4{
		font-size: 11pt;		
	}
	
	.clear {
		clear: both;
		height: 0;
		line-height: 0;
	}
	
	.noPadding{
		margin: 0;
		padding: 0;
	}
	
	.bold{
		font-weight: bold;
	}
	
	.bordered{
		border: 1px solid;
	}
	
	.padding10{
		padding: 10px;
	}

	.center{
		text-align: center;
	}
	/*====================================
	  CONTAINER
	 ====================================*/
	#container {

		/* used to center the page content layer in (IE) */
		text-align: center;
	}


	/*====================================
	  CONTENT WRAPPER
	 ====================================*/
	/**
	 * The content wrappers primary function is to help in aligning our frames with other websites
	 * where our display is handled as a bottom part of a frame and our clients website is the top
	 * part of a frame. Often the client website will not equal the exact width of our frame so the
	 * contentWrapper was designed as an area that can expand to meet the width of a clients site and
	 * help match up things like the side borders / custom bg color. If the content wrapper is not
	 * needed then it can be set to the same BG color as the primary BG. This is most often only going
	 * to be used for client sites which are center aligned.
	 *
	 * @author Bryan Conzone 12.05.2006
	 **/
	#contentWrapper {
		/* structure */
		width: 740px;
		/* used to center the layer on the page (FF & Safari) */
		margin: 0 auto;
		padding: 0px;
	}

	#contentHeader {
		display: none;
	}

	#contentFooter {
		display: none;
	}


	/*====================================
	  CONTENT
	 ====================================*/
	/**
	 * Content section is the main area that holds information for this page.
	 **/

	#content {
		/* structure */
		width: 720px;
		text-align: left;
		margin: 0 auto;

		/* style */
		
	}


	/*====================================
	 SHARED MODULES
	 ====================================*/

	/*-------------------------
	  MESSAGE BOX
	 -------------------------*/
	#message {
		padding: 0px;
	}

	#message .MsgBox {
		text-align: left;
		border: 1px solid #ccc;
		padding: 5px;
		font: 10pt Arial, Verdana;
		font-weight: bold;
	}

	/*-------------------------
	  MESSAGE BOX TYPES
	 -------------------------*/
	#message .error {
		border-color: #c99;
		color: #fff;
		background-color: #B83719;
	}

	#message .info {
		border-color: #BABEDE;
		color: #4E7495;
		background-color: #D7E1E6;
	}

	#message .good {
		border-color: #B2BAA2;
		color: #060;
		background-color: #CCDECC;
	}

	/*-------------------------
	  DISCLAIMER
	 -------------------------*/
	#disclaimerPart {
		/* structure */
		font-size: 8pt;
		padding: 15px;
	}


	/*====================================
	 GRID MODULES
	 ====================================*/

	/*-------------------------
	  SEARCH PART
	 -------------------------*/
	#searchPart {
		/* structure */
		height: 40px;
		padding: 5px;
		font-size: 10pt;
	}
	
	#searchPart input {
		font-size: 10pt;
	}

	/*-------------------------
	  PAGINATION
	 -------------------------*/
	#paginationPart {
		/* structure */
		padding: 5px;
		font-size: 10pt;
		text-align: right;
	}


	/*====================================
	  GRID
	 ====================================*/
	#gridContainer {
		/* structure */
		padding: 0px;
	}


	#gridTable {
		/* structure */
		padding: 0px;
		width: 100%;
		margin-bottom: 5px;
	}

	/*-------------------------
	  HEADER / SORT NAV
	 -------------------------*/
	div#gridContainer table tr.header td{
		/* structure */
		height: 22px;
		text-align: left;
		font-size: 8pt;
	}

	div#gridContainer table tr.header td a{

	}

	div#gridContainer ul {
		padding: 0px;
		margin: 0px;
	}

	div#gridContainer li {
		display: inline;
		list-style-type: none;
		margin-left: 0px;
		padding-left: 20px;
		margin: 0px;
	}

	div#gridContainer table tr td a.selected{

	}

	div#gridContainer .sortArrow {
		font-size:7px;
		padding-left:1px;
	}

	/*-------------------------
	  COLUMN SETTINGS
	 -------------------------*/

	div#gridContainer #gridTable .imageCol{
		width:90px;
		text-align: center;

	}

	div#gridContainer #gridTable .summaryCol{
		text-align: left;
		width: 365px;
		height: 84px;
		vertical-align: top;

	}
	
	div#gridContainer #gridTable .iconCol{
		text-align: center;
		align: center;
		width: 85px;
		height: 84px;
		vertical-align: top;

	}

	div#gridContainer #gridTable .priceCol{
		width: 180px;
		height: 84px;
		text-align: right;
		vertical-align: top;

	}

	/*-------------------------
	  ROW HIGHLIGHTING
	 -------------------------*/

	div#gridContainer #gridTable tr.lightRow td,
	div#gridContainer #gridTable tr.darkRow td,
	div#gridContainer #gridTable tr.highlightRow td {
		border-bottom: 2px solid #ccc;
	}

	div#gridContainer #gridTable tr.lightRow {

	}

	div#gridContainer #gridTable tr.darkRow {

	}

	div#gridContainer #gridTable tr.highlightRow {

	}

	/*-------------------------
	  THUMBNAIL IMAGE
	 -------------------------*/
	div#gridContainer table tr td img.gridThumbnail{
		border-style: solid;
		border-width: 2px;
		margin: 5px 0 5px 0;
	}

	/*-------------------------
	  SUMMARY CONTENT
	 -------------------------*/

	#gridTable .summaryPart {
		padding: 8px;
	}

	#gridContainer .summaryCol .slash {
	
	}

	#gridContainer .summaryCol .title {
		padding: 0px;
		font-size: 17px;
		font-weight: bold;
		text-decoration: none;
	}

	#gridContainer .summaryCol .desc {
		font-size: 11pt;
	}

	#gridContainer .summaryCol .subnote {
		font-size: 8pt;
	}

	/*-------------------------
	  ICON COL PART
	 -------------------------*/
	
	#gridTable .iconPart {
		padding-top: 10px;
	}

	/*-------------------------
	  PRICING CONTENT
	 -------------------------*/
	
	#gridTable .pricePart {
		padding: 10px;
	}

	#gridContainer .priceLabel {
		font-size: 9pt;
	}

	#gridContainer .pricePopout {
		font-size: 16pt;
		font-weight: bold;
	}

	#gridContainer .strike {
		text-decoration:line-through;
	}


	/*====================================
	 EXPANDED VIEW
	 ====================================*/
	#evContainer {
		padding: 0 5px 5px 5px;
	}

	/*====================================
	 EXPANDED VIEW MODULES
	 ====================================*/

	/*-------------------------
	  DETAIL HEADER
	 -------------------------*/
	 #detailHeaderPart {
	 	margin: 0 5px;
		border: 1px solid;
	 }

	/* LEFT COLUMN */
	 #detailHeaderPart #leftCol {
	 	padding: 5px;
	 	width: 450px;
	 	float: left;
	 }

#detailHeaderPart .title {
		padding: 0px;
		font-size: 16px;
		font-weight: bold;
	}

	#detailHeaderPart .desc {
		font-size: 9pt;
	}

	.subnote {
		font-size: 7pt;
	}

	/* RIGHT COLUMN */
	 #detailHeaderPart #rightCol {
	 	padding: 5px;
	 	width: 230px;
	 	float: left;
	 	text-align: right;
	 }

	#detailHeaderPart .priceLabel {
		font-size: 9pt;
	}

	#detailHeaderPart .pricePopout {
		font-size: 14pt;
		font-weight: bold;
	}

	#detailHeaderPart .strike {
		text-decoration: line-through;
	}

	

	/*-------------------------
	  PRIMARY MEDIA
	 -------------------------*/
	 #primaryMediaPart {
		margin: 0 5px;
	 }

	#primaryMediaPart #leftColumn{
		margin: 6px 0px 0 0px;
		padding: 0px;
		float: left;
		text-align: left;
		width: 504px;
	}

	#primaryMediaPart  #rightColumn{
		text-align: left;
		padding: 3px;
		margin: 5px 5px 0 0;
		float: right;
		width: 190px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
	}
	
	#rightColumn div.primMediaRtColModule{
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	#rightColumn div.primMediaRtColModule p{
		margin: 0;
		padding: 0;
	}

	#primaryMediaPart #mediaArea {

	}

	#primaryMediaPart #mainImage {
		padding: 0px;
	}

	#mainImage .defaultImageBorder {
		border: 2px solid #666;
	}

	#thumbModule .defaultImageBorder {
		border: 1px solid #999;
		margin: 1px;
	}

	#primaryMediaPart #thumbModule {
		padding: 3px;
	}

	#primaryMediaPart #rightColumn .button {
		border: 1px solid #ccc;
		margin: 2px;
		padding: 3px;
		font-size: 9pt;
		font-weight: bold;
	}

	#primaryMediaPart #rightColumn .header {
		font-size: 16pt;
		font-weight: bold;
	}

	/*-------------------------
	  PANELS
	 -------------------------*/

	 #evContainer .fullPanel {

	 }

	 #evContainer .fullPanel .module,
	 #evContainer .twoColPanel .leftPanel .module,
	 #evContainer .twoColPanel .rightPanel .module{
	 	margin-top: 5px;
	 	border: 1px solid #DDDDDD;
	 }

	 #evContainer .fullPanel .module .header,
	 #evContainer .twoColPanel .leftPanel .module .header,
	 #evContainer .twoColPanel .rightPanel .module .header{
	 	/* structure */
	 	padding: 3px;
	 	font-size: 10pt;
	 	font-weight: bold;
		border-bottom: 1px solid;
	 }

	 #evContainer .fullPanel .module .body,
	 #evContainer .twoColPanel .leftPanel .module .body,
	 #evContainer .twoColPanel .rightPanel .module .body{
		padding: 5px;
		font-size: 9pt;
	 }


	/* TWO COLUMN PANEL */
	 #evContainer .twoColPanel {
		clear: both;
	 }

	 #evContainer .twoColPanel .leftPanel {
	 	float: left;
	 	width: 494px;
	 }

	 #evContainer .twoColPanel .rightPanel {
	 	float: right;
	 	width: 207px;
	 }

	 /* FEATURES TABLE */
	 .hftable {
		width: 690px;
	 }

	 .hftable .text {
	 	font-size: 9pt;
	 }

	 .ftable {
	 	font-size: 9pt;
	 	width: 470px;

	 }

	 .ftable .text {
	 	font-size: 9pt;
	 }
	 
	 
	/*************************
	 Google maps module
	*************************/
	
	#GoogleMapsModule div.moduleContent p{
		padding: 10px 0;
	}
	#GMapForm{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	input.addressField{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		width: 160px;
	}
	
	#GMapForm input.submitBtn{
		margin: 6px 4px 0 0;
		float: right;
	}
	
	#mapFrame{
		width: 190px;
		height: 200px;
	}