/*
 * Generic properties
 */
	.bug li {
		margin-left: 30px;
	}

	#errorguy {
		float: left;
		margin-right: 20px;
		border: 1px solid #666;
	}


	.alignleft {
		text-align: left;
	}

 	#slidertip {
    	position: absolute;
    	z-index: 200;
    	background-color: lightyellow;
    	color: #000;
    	font-size: 11px;
    	text-align: left;
    	visibility: hidden;
    	width: 160px;
    	padding: 4px;
    	border: 1px solid #000;
    }

    #leveltip {
        position: absolute;
        z-index: 200;
        background-color: lightyellow;
        color: #000;
        font-size: 11px;
        text-align: left;
        visibility: hidden;
        width: 300px;
        padding: 4px;
        border: 1px solid #000;
    }

    #contexthelptip {
        position: absolute;
        z-index: 2000;
        background-color: lightyellow;
        color: #000;
        font-size: 11px;
        text-align: left;
        visibility: hidden;
        width: 300px;
        padding: 4px 8px 4px 8px;
        border: 1px solid #000;
    }

    body {
        font-family: arial, verdana, helvetica, sans-serif;
        background-color: #d8d8d8;
        color: #bbb;
        width: 968px;
        text-align: center;
        margin: 0px auto 0px auto;
        background-image: url(../images/gradient.gif);
        background-position: top left;
        background-repeat: repeat-x;
    }

    /* Hack for IE margin float bug. */
    #floatingbody {
        margin-top: 4px;
        margin-bottom: 4px;
        width: 968px;
        position: relative;
    }


    a img {
        border: 0px;
    }

    .hide {
        display: none;
    }

    .printonly {
        display: none;
    }

    .emailaddress {
        font-style: italic;
    }

    input.submit {
        background-color: #c90;
        margin: 4px;
    }


    input.submit:hover {
        background-color: #fc3;
    }


    input.submit-save {
        background-color: #E3E2D0;
        margin: 4px;
    }

    input.submit-save:hover {
        background-color: #ffe;
    }

    a, a:link, a:visited {
        color: #33c;
    }

    a:hover {
        color: #c90;
    }

    table {
        margin: 2px;
        text-align: left;
    }

    td {
        color: #000;
        font-size: 12px;
    }

    td.label {
        text-align: right;
        color: #666;
    }

    td.forminput {
        text-align: left;
    }

    .error {
        color: #f00;
        font-size: 12px;
        text-align: left;
        padding: 10px 15px 0px 15px;
    }

    .slider {
        height: 25px;
        width: 250px;
        padding: 0px 15px 0px 15px;
        position: absolute;
    }

    .dualslider {
        height: 40px;
        width: 350px;
        padding: 0px 15px 0px 15px;
        position: absolute;
    }


    tr.rowheader td.left {
        text-align: left;
        font-size: 11px;
        width: 93px; /* slidercell width / 3 */
        max-width: 93px;
        padding: 0px;
    }

    tr.rowheader td.center {
        text-align: center;
        font-size: 11px;
        width: 93px; /* slidercell width / 3 */
        max-width: 93px;
        padding: 0px;
    }

    tr.rowheader td.right {
        text-align: right;
        font-size: 11px;
        width: 93px; /* slidercell width / 3  */
        padding: 0px 20px 0px 0px;
    }

    td.slidercell {
        width: 320px; /* slider width + right padding */
        min-width: 320px;
        max-width: 320px;
        height: 46px;
        vertical-align: top;
    }

    /*
     * Labels the level adjacent to the slider
     */
    td.levellabel {

    }

    td.levellabel img {
        vertical-align: middle;
        border: 1px solid #666;
        width: 98px;
        height: 65px;
    }

    td.reset {
        text-align: left;
    }

    form {
        margin: 0px;
    }




/*
 * #header box contains #headerlinks and #divider boxes.
 */


    #header {
        width: 968px;
        text-align: left;
        white-space: nowrap;
    }

    #header img {
        background-image: url(../images/logo.jpg);
        height: 85px;
        width: 229px;
        background-repeat: no-repeat;
        background-position: top left;
        margin-left: 7px;
    }


   #footerlinks {
        font-size: 11px;
        line-height:20px; /* needed for IE */
        white-space: nowrap;
        text-align: center;
        height: 20px;
    }

    #headerlinks a, #footerlinks a, #headerlinks a:link, #footerlinks a:link, #headerlinks a:visited, #footerlinks a:visited {
        color: #333;
        text-decoration: none;
    }

    #headerlinks a:hover, #footerlinks a:hover {
        color: #000;
        text-decoration: underline;
    }

    /*
     * IE5 hack.  Without this div set with a height,
     * IE5 gives the enclosing div a height that is shorter
     * than the height of the header img, causing the
     * header img to overlap the navbar.
     */
    #advisordivider {
        height: 30px;
        background-color: #ffae00;
    }

	#cobranding {
		display: none;
    }

/*
 * #navbar contains navigation links such as MPA Home Page, My Digital Camera Advisor
 */
    #navbar {
        white-space: nowrap;
        text-align: left;
        height: 20px;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    #navbar a:link, #navbar a:visited {
        color : #333;
        font-size : 11px;
        padding : 4px 4px 2px 4px;
        text-decoration : none;
    }



    #navbar a:hover {
        color: #000;
        text-decoration: underline;
    }


    #advisortabs a:link, #advisortabs a:visited {
        margin-right: 0px;
    }

    #advisortabs a:hover    {
    }

    #advisortabs .selectedProductArea {
        font-size: 14px;
        font-weight: bold;
        color: #000;
        padding : 4px 4px 2px 4px;
    }

/*
 * #content contains everything underneath the header and navbar
 */

    #content {
        background-color: #fff;
        color: #000;
        margin: 0px;
        padding: 0px;
        width: 968px;
    }


/*
 * For pages with buttonarea, #contentframe is an invisible child of the #content
 * box and just gives us a box to place the #buttonarea and #workarea inside.
 */
    #contentframe {
        margin-right: 7px;
        width: 954px;
    }

    #contentframeleft {
    	background-image: url(../images/left_edge.gif);
    	background-position: top left;
    	background-repeat: no-repeat;
    	background-color: #d8d8d8;
    	margin: 0px 0px 0px 0px;
    	width: 968px;
    }

    #contentframeright {
    	background-image: url(../images/right_edge.gif);
    	background-position: top right;
    	background-repeat: no-repeat;
    	background-color: #d8d8d8;
    	margin-left: 7px;
    	width: 961px;

    }

    #bottomedge {
    	background-color: #d8d8d8;
        background-image: url(../images/bottom_edge.gif);
        background-position: top left;
        background-repeat: no-repeat;
        height: 11px;
        margin: 0px;
        padding: 0px;
        width: 968px;
    }
/*
 * #buttonarea is a table that holds the question buttons.
 */
    #buttonarea {
        font-size: 11px;
        color: #333;
        margin: 0px;
        text-align: center;
        width: 100%;
        background-color: #fff;
    }




    #buttonarea #buttons {
        vertical-align: top;
        font-weight: bold;
        background-color: #DCD9DB;
        padding: 15px 10px 15px 10px;
        background-image: url(../images/round_top.gif);
        background-position: top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #949193;
    }

    /*
     * Default button image properties.
     */
    #buttonarea #buttons img {
        height: 48px;
        width: 94px;
        vertical-align: top;
    }

	#buttonarea #buttons h1 {
		margin: 0px;
		font-size: 32px;
		color: #213991;
		font-weight: normal;
	}




/*
 * Contains the right column table, which lives in
 * a rowspan.  It must have a background-color set
 * that corresponds to the tip background color, since
 * we use this to make it look like the tip area extends
 * to the bottom of the workarea.  Should be overridden
 * by subsections.
 */
    #rightcolumn-holder {
        vertical-align: top;
        margin: 0px;
        padding: 0px;
        border: 1px solid #000;
        background-color: #fff;
    }

    #rightcolumn {
        border-spacing: 0px;
        border-collapse: collapse;
        text-align: center;
        margin: 0px;
        padding: 0px;
        width: 155px;
    }

    /*
     * The area for the input summary and favorites links.
     */
    #inputsfavorites {
        background-color: #69c;
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 4px;
        white-space: nowrap;
        border-bottom: 1px solid #000;
        text-align: left;
    }

    #inputsfavorites a, #inputsfavorites a:link, #inputsfavorites a:visited {
        font-size: 11px;
        margin-left: 10px;
        color: #006;
    }

    #inputsfavorites a:hover {
        color: #ffe;
    }

/*
 * Tip areas for the various sections.  These areas all contain
 * a #tipcontent section.  Subsections should define a #tip
 * style to override this default one.
 */
    #tip {
        background-color: #fff;
    }


    #tipcontent {
        font-size: 12px;
        color: #000;
        padding: 6px 0px 0px 0px;
        text-align: left; /* Needed to counteract the IE center hack */
        display: none;
    }

    #learnmoreclickimage {
        background-image: url(../images/LearnMoreClickIcon.gif);
        background-repeat: no-repeat;
        width: 111px;
        height: 75px;
    }

    #learnmoreimage {
        background-image: url(../images/LearnMoreIcon.gif);
        background-repeat: no-repeat;
        width: 74px;
        height: 73px;
    }

    #tooltip {
    	border: 1px solid #000;
    	background-color: #35425F;
		color: #FFF;
    	position: absolute;
    	left: -1000px;
    	top: -1000px;
    	margin-left:-275px;
    	margin-top: -200px;
    	z-index: 500;
    	visibility: hidden;
		padding: 15px;
		line-height: 16px;
		font-size: 12px;
		text-align: left;
		width: 550px;
    }


    #tooltip table {
    	border: 1px solid #000;
    	padding: 0px 0px 0px 0px;
    	margin: 0px auto 0px auto;
    }

    #tooltip td {
    	font-size: 12px;
    	background-color: #5F5F5F;
    	color: #FFF;
    }

    #tooltip th {
    	font-weight: 500;
    	font-size: 12px;
    	background-color: #5F5F5F;
    	color: #FEFF5F;
    }


    #closebutton {
        visibility: hidden;
        width: 13px;
    }

    #tooltip #closebuttonimage {
        width: 13px;
        height: 13px;
        z-index: 10000;
        cursor: pointer;
        float: right;
        border-top: 1px solid #AFAFAF;
        border-right: 1px solid #AFAFAF;
        border-bottom: 1px solid #5F5F5F;
        border-left: 1px solid #5F5F5F;
        margin: 0px 0px 7px 7px;
    }




/*
 * Hack to create a little space between the top and right edges of the work area.
 */
    #workarea-padding {
        padding: 5px 5px 0px 0px;
        vertical-align: top;
    }

/*
 * #workarea is the container that holds the various questions,
 * recommendations, etc.  It is basically a wrapper that lets us
 * set common properties for all pages with the concept of a work area.
 */
    #workarea {
        font-size: 12px;
        vertical-align: top;
        text-align: center; /* Hack to get IE to center content.
                             * Child sections must explicitly set
                             * text-align to compensate.
                             */
    }




    /**
     * The following two styles set display to inline
     * and block respectively in order to force IE
     * to align the question area name with the
     * floated help icon on Question Area Pages. IE appears
     * to not align floated elements with block level elements
     * and insists on adding extra spacing above the element
     * even when setting padding and margin to 0;
     */
    #workarea h1 {
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #fff;
        display: inline;
    }

    #workarea .questiontext {
        font-size: 13px;
        display: block;
        color: #fff;
        font-weight: bold;
    }

/*
 * #workarea subsections for usage
 */
	#workareacontent {
		background-color: #ffffff;
		padding: 15px;
	}

	.workareaheader {
		text-align: left; /* Needed to counteract the IE center hack */
		background-color: #565656;
		border-top: 1px solid #565656;
        padding: 5px 15px 5px 15px;
	}

	#contexthelp {
		font-size: 10px;
		color: #fff;
		float: right;
		width: 60px;
		height: 40px;
		margin: 0px;
	}

	#contexthelp img  {
		height: 28px;
		width: 30px;
		margin-left: 12px;
		background-image: url(../images/context_help.jpg);
	}

	#contexthelp-inputsummary {
		font-size: 10px;
		color: #333;
		float: right;
		width: 60px;
		height: 40px;
	}

	#contexthelp-inputsummary img  {
		height: 33px;
		width: 31px;
		margin-left: 13px;
		background-image: url(../images/context_help_white.jpg);
	}


	/*
	 * Table that holds the sliders.
	 */
	#ratings {
		margin: 0px auto 0px auto;
		border-style: none;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	#ratings td {
		padding: 4px;
		background-color: #EDEAEC;
		color: #333;
	}

	#ratings tr.rowheader td.right {
		padding-right: 20px;
	}

	#ratings td.levellabel {
		padding-left: 14px;
	}

	#ratings tr.submitbuttons td, #select-attribute tr.submitbuttons td, .combo-attributes-rating tr.submitbuttons td, #demographicQuestionTable tr.submitbuttons td, #recfeedback-table tr.submitbuttons td, #emailform tr.submitbuttons td {
		background-color: #fff;
	}

	tr.roundedtop td.topleft {
		background-image: url(../images/top_left_corner.gif);
		height: 17px;
		background-position: top left;
		background-repeat: no-repeat;
	}

	tr.roundedtop td.topright {
		background-image: url(../images/top_right_corner.gif);
		height: 17px;
		background-position: top right;
		background-repeat: no-repeat;
	}

	tr.roundedbottom td.bottomleft {
		background-image: url(../images/bottom_left_corner.gif);
		height: 17px;
		background-position: bottom left;
		background-repeat: no-repeat;
	}

	tr.roundedbottom td.bottomright {
		background-image: url(../images/bottom_right_corner.gif);
		height: 17px;
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	.combo-attributes-rating {
		border-spacing: 0px;
		border-collapse: collapse;
		margin: 5px auto 5px auto;
	}

	.combo-attributes-rating td {
		padding: 4px 0px 4px 0px;
		margin: 0px;
		background-color: #EDEAEC;
		color: #333;
	}

	.combo-attributes-rating .levelgroupheader {
		color: #000;
		font-size: 14px;
		font-weight: bold;
		padding-left: 20px;
	}

	.combo-attributes-rating td.rated-element-label-fixed {
		padding-left: 20px;
		width: 232px;
	}

	.submit, .submitDisableable {
		background-color: #4D6FD1;
		color: #fff;
		float: right;
	}

	.submitEnclosed {
		background-color: #4D6FD1;
		color: #fff;
		margin: 2px;
	}

	#ratings .submit, .combo-attributes-rating .submit, #recfeedback-table .submit {
		background-color: #4D6FD1;
	}

	.submit:hover, .submitEnclosed:hover, #ratings .submit:hover, .submitDisableable:hover, #recfeedback-table .submit:hover {
		background-color: #F6B637;
		color: #000;
	}




	#bigwarning {
		color: #f00;
		font-size: 28px;
		font-weight: bold;
		background-color: #fff;
		text-align: left;
		padding: 10px;
	}

	#minmaxsliders {
        padding: 10px 15px 15px 15px;
        height: 60px;
        width: 460px;
        vertical-align: top;
    }

    .minmaxdisplay {
        text-align: center;
    }

    .pricedisclaimer {
    	padding-bottom: 20px;
    }


/*
 * Table that holds the other attribute selections
 */
	#select-attribute {
		border-spacing: 0px;
		border-collapse: collapse;
		margin: 0px auto 0px auto;
	}

	#select-attribute td {
		padding: 3px;
		background-color: #EDEAEC;
	}

	#select-attribute td.checkmark {
		width: 30px;
	}

	td.width550 {
		width: 550px;
	}

	#ratings td.minwidth450white {
		min-width: 450px;
		background-color: #fff;
	}



	#select-attribute a, #select-attribute a:link, #select-attribute a:visited {
		color: #0016D9;
		font-size: 14px;
	}

	#select-attribute a:hover {
		color: #c90;
	}


	img.helpevenrow {
		background-image: url(../images/blank.gif);
		background-repeat: no-repeat;
		height: 32px;
		width: 29px;
		vertical-align: middle;
		padding-right: 2px;
	}


	img.helpoddrow {
		background-image: url(../images/blank.gif);
		background-repeat: no-repeat;
		height: 32px;
		width: 29px;
		vertical-align: middle;
		padding-right: 2px;
	}

	img.attributecheckmarkoddrow {
		background-image: url(../images/checkmark_other_attributes.gif);
		height: 32px;
		width: 29px;
	}

	img.attributecheckmarkevenrow {
		background-image: url(../images/checkmark_other_attributes.gif);
		height: 32px;
		width: 29px;
	}


/*
 * Styles for ratings bar that appears on input summary and other pages.
 */
    .ratingbarbox {
        width: 50px;
        height: 5px;
        border: 1px solid #000;
        padding: 0px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
    }

    /*
     * The width of the bar should be set dynamically.
     */
    .ratingbar {
        height: 5px;
        margin: 0px;
        background-color: #039;
        padding: 0px;
    }

    #whatnextbox {
		position: absolute;
		margin: 0px;
		z-index: 500;
		width: 320px;
		top: 175px;
		left: 310px;
    }

    .whatnext {
		text-align: left;
		font-size: 14px;
		margin-top: 2px;
		margin-bottom: 2px;
	}



	.whatnext li {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	#whatnextintro {
		text-align: left;
	}



	#whatnextbox h1 {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
		margin-top: 0px;
		padding-top: 5px;
		color: #000;
	}

	#suggestionarea {
        text-align: left;
    }

    #suggestionimage-left {
        position: relative;
        background-image: url(../images/guy_looking_left.jpg);
        background-repeat: no-repeat;
        height: 364px;
        width: 240px;
        vertical-align: bottom;
    }

    #suggestionimage-right {
        position: relative;
        background-image: url(../images/guy_looking_right.jpg);
        background-repeat: no-repeat;
        height: 364px;
        width: 240px;
        vertical-align: bottom;
    }

    #suggestionimage-rec {
        position: relative;
        background-image: url(../images/guy_looking_right.jpg);
        background-repeat: no-repeat;
        height: 364px;
        width: 240px;
        vertical-align: bottom;
    }

    #balloonpointerstart {
    	z-index: 600;
    	position: absolute;
    	height: 39px;
    	width: 69px;
    	left: -66px;
    	top: 30px;
    }

    #balloonpointerleft {
    	z-index: 600;
    	position: absolute;
    	height: 39px;
    	width: 69px;
    	left: -66px;
    	top: 35px;
    }

    #balloonpointerright {
    	z-index: 600;
    	position: absolute;
    	height: 39px;
    	width: 69px;
    	left: 310px;
    	top: 35px;
    }

    #cleanslate {
		position: relative;
		height: 364px;
		width: 240px;
		left: 0px;
	}

	#welcome {
		text-align: left;
	}

	#nowyoucan, #startballoon {
		border-style: none;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	#nowyoucan td {
		padding: 4px;
		background-color: #EDEAEC;
		color: #333;
	}

	#startballoon td {
		padding: 4px;
		background-color: #EDEAEC;
		font-size: 14px;
		color: #000;
	}

	#startballoon td#starttext {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}

	#goodplacetostart {
		text-align: left;
		position: absolute;
		left: 270px;
		top: 200px;
		width: 175px;
	}

	#inputSummaryContainer {
		display: none;
		margin: 0px;
		padding: 0px;
    }

    #inputsummary {
    	position: absolute;
    	top: 230px;
    	z-index: 1000;
    	border: 1px solid #000;
    	background-color: #fff;
    }

    #inputsummary td, #inputsummary th {
    	background-color: #fff;
    	vertical-align: top;
    	color: #333;
    }

    #inputsummary tr.headerrow td {
    	background-color: #DCD8DB;
    }

    #inputsummary #closeInputSummary td {
    	text-align: right;
    }

    #inputsummary #closeInputSummary a {
    	float: right;
    }

    #inputsummary #closeInputSummary a img {
    	background-image: url(../images/MIC-Dialog-Close-X-UP.gif);
    	width: 21px;
    	height: 21px;
    }

    #inputsummary #closeInputSummary a:hover img {
    	background-image: url(../images/MIC-Dialog-Close-X-Hover.gif);
    }

    /*
	 * .item selects the individual input.  .item-1 is one level deeper
	 * (e.g. "Compact Sedan" which would be displayed indented under
	 * "4 Door Sedan").
	 */
	#inputsummary .item {
		padding-left: 10px;
		font-size: 11px;
	}

	#inputsummary .item-1 {
		padding-left: 20px;
		font-size: 11px;
	}


    #demographicQuestionTable {
    	border-spacing: 0;
    	border-collapse: collapse;
    	margin: 0px auto 0px auto;
    }

    #demographicQuestionTable select, #demographicQuestionTable input.text {
    	margin: 4px 0px 4px 0px;
    }

    #demographicQuestionTable td {
    	background-color: #EDEAEC;
    	color: #333;
    }

    #handshake {
    	background-image: url(../images/handshake_demographics.jpg);
    	width: 191px;
    	height: 169px;
    	float: left;
    }

    #demographicquestions {
    	margin-left: 10px;
    	margin-right: 10px;
    }

    #demographicquestions #explaintext {
    	height: 177px;
    	width: 685px;
    	margin: 0px auto 0px auto;
    	text-align: left;
    }


    #demographicquestions input.submit {
    	margin-top: 30px;
    }

    #demographicquestions h1 {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 15px;
		margin-left: 20px;
		font-size: 20px;
		color: #000;
		text-align: left;
    }




    #demographicQuestionTable table.slidertable {
    	border-spacing: 0;
    	border-collapse: collapse;
    	width: 290px;
    }

    #demographicQuestionTable td.slidercell {
    	padding: 0px;
    }




/*
 * Recommendation, Compare, Rec Feedback, and Spotlight Layouts
 */



    .workareafooter {
        text-align: center;
        background-color: #fff;
        padding: 0px 15px 5px 15px;
    }

    input.rateRecs {
    	background-color: #4D6FD1;
		color: #fff;
		margin: 2px;
    }

    input.rateRecs:hover {
    	background-color: #F6B637;
		color: #000;
    }


    #recfeedback-table {
        margin: 0px auto 0px auto;
        border-spacing: 0px;
        border-collapse: collapse;
    }

    #recfeedback-table td {
		padding: 4px;
		background-color: #EDEAEC;
		color: #333;
	}


    #recommendation-table {
        padding: 0px;
        border-spacing: 0px;
        margin: 0px auto 0px auto;
        text-align: center;
        width: 924px;
        border-bottom: 1px solid #ccc;
    }

    #email-products {
    	padding: 0px;
        border-spacing: 0px;
        margin: 0px auto 0px auto;
        text-align: center;
    }

    #specs {
        border-spacing: 0px;
        border-collapse: collapse;
    }

    .attributeButton{
    	/*background-color: #B9D4B5;*/
    	font-size: 12px;
    	color: #043204;
    	width: 100px;
    	cursor: pointer;
    }

    .attributeHighlight{
    	background-color: #A0CE9F;
    }

    .textBlack{
    	color: black;

    }


    .centerAlign{
    	text-align: center;
    }

    .myProduct{
    	background-color:#F6F08C;
    	padding: 2px 15px;
    	color: #000000;
    	font-size: 12px;
    	font-weight: bold;
    }

    #addToCompare{
    	color: #333;
    	width: 360px;
    }
    .addToCompareTitle{
    	background-color: #dcd9db;
    	padding-bottom: 10px;
    }
    .addToCompareClose{
    	padding-top: 5px;
    	padding-right: 4px;
    	text-align: right;
    }

    .addToCompareContent{
    	padding: 30px 30px 40px 30px;
    	background-color: #fff;
    }

 /*
   * The following are definitions for the individual product boxes that
   * appear five at a time in the recommendation, spotlight, and favorites
   * pages.
   */
    .recommendation-number-cell {
        padding-top: 10px;
        text-align: center;
    }

    .recommendation-number {
        background-color: #4D6FD1;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 2px 15px 2px 15px;
    }

    .recommendation-number-ghostBox {
        background-color: #EFF0E0;
        color: #000;
        font-size: 12px;
        font-weight: bold;
        padding: 2px 15px 2px 15px;
    }


    .thinspacer {
 		height: 3px;
	}

    .spacer {
        width: 10px;
    }

    .recommendation-specs {
        background-color: #380001;
    }

    .recommendation-compare {
        width: 90px;
    }

    .recommendation-specs a, .recommendation-specs a:link, .recommendation-specs a:visited {
        padding: 2px;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
    }

    .recommendation-specs a:hover {
        color: #a70;
    }

    .recommendation-image, .recommendation-price, .recommendation-productname, .recommendation-compare, .compare-image {
        background-color: #EFEAEB;
        border-left: 1px solid #4C71D0;
        border-right: 1px solid #4C71D0;
    }

    #email-products .recommendation-price {
    	border-bottom: 1px solid #4C71D0;
    	width: 149px;
    }

    .recommendation-price, .recommendation-productname {
    	padding-left: 4px;
        padding-right: 4px;
    }

    .recommendation-image {
    	border-top: 1px solid #4C71D0;
    }

    .recommendation-image-my-product, .recommendation-productname-my-product, .recommendation-price-my-product{
    	   background-color: #C0BDBF;
        border-left: 1px solid #4C71D0;
        border-right: 1px solid #4C71D0;
    }

    .recommendation-image-my-product {
    	border-top: 1px solid #4C71D0;
    }

    .recommendation-links {
        background-color: #90A9EF;
        white-space: nowrap;
          border-left: 1px solid #4C71D0;
        border-right: 1px solid #4C71D0;
        border-bottom: 1px solid #4C71D0;
    }

    .review-links {
        background-color: #380001;
        color: #fff;
        white-space: nowrap;
          border-left: 1px solid #4C71D0;
        border-right: 1px solid #4C71D0;
    }

    .review-links-my-product{
    	background-color: #DCD77C;
        color: #fff;
        white-space: nowrap;
        border-left: 1px solid #4C71D0;
        border-right: 1px solid #4C71D0;
    }

    .recommendation-links a, .review-links a, .recommendation-links a:link, .review-links a:link, .recommendation-links a:visited, .review-links a:visited {
        padding: 2px;
        font-size: 11px;
        font-weight: bold;
        color: #002076;
    }

    .recommendation-links a:hover, .review-links a:hover {
        color: #a70;
    }

    .recommendation-price {
        font-size: 14px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .recommendation-price-my-product{
        font-size: 14px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .spec-price {
    	font-weight: bold;
    }


    .check-prices {
    	background-color: #4D6FD1;
    	font-size: 11px;
    	font-weight: bold;
    	border-left: 1px solid #4C71D0;
        border-right: 1px solid #4C71D0;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .check-prices a, .check-prices a:visited, .check-prices a:link {
    	color: #fff;
    }
    .check-prices a:hover {
    	color: #F6FF00;
    }

    .check-prices2 {
    	background-color: #40703E;
    	font-size: 11px;
    	font-weight: bold;
    	border-left: 1px solid #4C71D0;
        border-right: 1px solid #4C71D0;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .check-prices2 a, .check-prices2 a:visited, .check-prices2 a:link {
    	color: #fff;
    }
    .check-prices2 a:hover {
    	color: #F6FF00;
    }


    .recommendation-price a, .spec-price a, .spec-price a:visited, .spec-price a:link {
    	color: #000;
    }

    .recommendation-price a:hover, .spec-price a:hover {
    	color: #c90;
    }

    .recommendation-price-exceeded {
        color: #900;
        font-size: 14px;
        font-weight: bold;
    }

    .recommendation-price-exceeded a {
	    color: #900;
    }

    .recommendation-price-exceeded a:hover {
	    color: #c90;
    }

    .recommendation-price-exceeded {
        color: #900;
        font-size: 14px;
        font-weight: bold;
    }

    p.price-exceeded {
        background: #cbccbc;
        border: 1px solid #999;
        padding: 4px;
    }



    .superscript {
        vertical-align: bottom;
        font-family: verdana, courier, monospace;
        font-size: 14px;
    }

    .recommendation-image img, .compare-image img {
        background-color: #ccb;
        height: 98px;
        width: 130px;
        border: 2px inset #ccb;
        margin: 5px;
    }



    .recommendation-image-my-product img {
        background-color: #ccb;
        height: 98px;
        width: 130px;
        border: 2px inset #ccb;
        margin: 5px;
    }



    #nextpreviousrow a, #nextpreviousrow a:link, #nextpreviousrow a:visited {
        font-size: 12px;
        color: #000;
        vertical-align: middle;
    }

    #nextpreviousrow a:hover {
        color: #a70;
    }

	#prevResult{
		padding-bottom: 5px;

	}

	#nextResult{
	padding-bottom: 5px;
		padding-right: 3px;
	}

    .previoussymbol img{
       background-image: url(../images/left_right_arrows.gif);
       width: 13px;
       height: 11px;
       background-position: 0 -11px;

    }

    .nextsymbol img{
    	background-image: url(../images/left_right_arrows.gif);
       width: 13px;
       height: 11px;

    }


    #recommendation-table td {
        vertical-align: top;
    }




   .header {
        background-color: #CCCCCC;
        font-weight: bold;
        text-align: left;
        font-size: 12px;
    }

    .choice {
        width: 250px;
    }



    tr.header td {
        font-size: 12px;
    }

    .oddrow, #recfeedback-table .oddrow {
        background-color: #EFEAEB;
        text-align : left;
        font-size: 11px;
        border-collapse:collapse;
		border-spacing:0px;

    }

   .evenrow, #recfeedback-table .evenrow {
        background-color: #fff;
        text-align: left;
        font-size: 11px;
        border-collapse:collapse;
		border-spacing:0px;
    }

    tr.recsummary td{
    	padding-left: 5px;
		padding-right: 5px;
    }
    #recommendation-table tr.oddrow td, #recommendation-table tr.evenrow td, #recommendation-table tr.header td {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        font-size: 11px;
        padding-left: 2px;
        padding-right: 2px;
    }

    td.intratile {
    	width: 3px;
    }

    /*
     * Top left cell in compare table with "data provided by" and trust branding.
     */
    #compare-trustedbrand {
        background-color: #ffe;
        text-align: center;
    }

    #compare-trustedbrand img {
        height: 40px;
        width: 80px;
        background-color: #ddc;
    }

    #recfeedback-table .rec-ranking {
        font-weight: bold;
        padding-right: 4px;
        padding-left: 10px;
    }

	#recfeedback-table .levellabel {
        padding-right: 14px;
    }

    #recfeedback-table .rec-price {
        font-weight: bold;
        text-align: right;
        padding: 6px 4px 6px 0px;
    }

    tr#additionalcomments td {
    	padding-left: 10px;
    }





    /*
     * Email results table
     */
    #emailform, #emaillayout {
        margin: 0px auto 0px auto;
        border-spacing: 0px;
        border-collapse: collapse;
    }

    #emailform td {
    	color: #333;
    	background-color: #edeaec;
    	padding-left: 4px;
    }

    #emailform td.required {
        padding-left: 30px;
    }

    .textarea {
        margin-left: 30px;
    }

    #exampleEmail {
        background-color: #edeaec;
        border: 1px solid #4D6FD1;
        font-size: 10px;
        padding: 4px;
        color: #333;
    }

    #exampleEmail dt {
        font-weight: bold;
    }

    .templateItem {
        color: #006;
    }

    td.previewCell {
        vertical-align: top;
        padding-left: 20px;
    }

    .disclaimer {
        text-align: left;
        padding: 5px;
    }

    .wtpVector {
        text-align: left;
        padding-left: 20px;
        background-color: #ffe;
    }

    .wtpVectorComponents {
        text-align: right;
        font-size: 11px;
        font-weight: normal;
        padding-right: 10px;
        font-family: courier;
    }

    .pricedisclaimer {
        text-align: left;
        font-size: 11px;
        margin: 0px auto 0px auto;
        width: 560px;
    }



    /* filter */
    #userPref{
        background-color:#9BC690;
    }






    .updateResult{
    	padding-bottom: 3px;
    }

    .bold{
    	font-weight: bold;
    }

    .radio{
    	text-align: center;
    }

    .dialogButton{
    	background-color: #A8C2E7;
    	font-size: 9px;
    	text-align: center;
    }

    .dialogButton:hover{
    	background-color:#95E6E6;
    }


    tr.even {
    	background-color: #DCEED8;
    	padding : 1px 1px 1px 1px;
    }

    tr.odd {
    	background-color: #BAE0B1;
    	padding : 1px 1px 1px 1px;

    }

    tr.odd td{
    	padding: 5px 10px 5px 10px;
    }

    .resetFilter{
    /*
    	background-color: #E5D7D6;
    	width: 100px;
    	font-size: 10px;
    	*/
    	cursor: pointer;
    	color: #9C0001;
    	padding-top: 0px;
    	padding-bottom: 4px;
    }

    div.resetFilter td{
    	border-left: 0px;
    }

    .text{
    	padding-left: 16px;
    }

    .resetFilter:hover{
    	color: #FE0000;
    }

    .spaceBeforeFooter{
    	background-color: #FFFFEE;
    }

    .ghostBox{
    	background-color: #EFF0E0;
    }

    .evenGhost{
    	background-color: #F0F0E4;
    }

    .oddGhost{
    	background-color: #DCDCD0;
    }

    .justFilteredBackground{
    	background-color: #F4F190;
    }
    tr.evenrow .myProductSpec{
    	background-color: #D1D1D1;
    }

    tr.oddrow .myProductSpec{
    	background-color: #C3C0C2;
    }

    .recommendation-image .magGlass, .recommendation-image-my-product .magGlass{
    	width: 13px;
    	height: 12px;
    	position:absolute;
    	bottom: 5px;
    	right: 10px;
    	background-color: white;
    	border: none;
    	z-index: 3;
    }


    .magGlassSpan{
    	width: 13px;
    	height: 12px;
    }




    #biggerPicDiv{
    	height:200px;
		width:250px;
		background-color:#fff;
		padding: 20px 20px 20px 20px;
    }


    .youRecHeader{
    	border-left: 1px solid #000;
    }

    #inputsfavorites {
        border-right: 1px solid #000;
        border-bottom: 0px;
    }

    #filtering{
 		 font-size: 14pt;
 		color: #97C84D;
    }

    .closeImageDiv{
    	padding-top: 5px;
    	padding-right: 5px;
    	text-align: right;
    }




   .resetImg {
        background-image: url(../images/small_red_x_states.gif);
        width: 9px;
        height: 9px;
        float: left;
        margin-left: 4px;
        margin-top: 2px;
    }

    .resetFilter:hover img{
    	background-position: 0 -9px;
    }

    .addToCompareClose img{
    	 background-image: url(../images/MIC-Dialog-Close-X-UP.gif);
    	  width: 21px;
        height: 21px;
    }

    .addToCompareClose:hover img{
    	 background-image: url(../images/MIC-Dialog-Close-X-Hover.gif);
    	  width: 21px;
        height: 21px;
    }

    .closeImage {
    	background-image: url(../images/MIC-Dialog-Close-X-UP.gif);
    	width: 21px;
        height: 21px;
    }

    .closeImage:hover {
    	 background-image: url(../images/MIC-Dialog-Close-X-Hover.gif);
    	  width: 21px;
        height: 21px;
    }

    #backgroundDiv {
    	top: 0px;
    	display:none;
    	height: 100%;
    	z-index:99;
    	width:100%;
    	background-color: black;
    	opacity: 0.7;
    	filter: alpha(opacity = 70);
    	position:absolute;
    }

    * html #backgroundDiv{
    	height: 5000px;
    }

	a.attributeLink, a.attributeLink:link, a.attributeLink:visited{
		font-size: 12px;
		color: #1E7B1E;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}
	a.attributeLink:hover{
		color: #15ec15;
	}

    .clickToFilter{
    	padding-left: 5px;
    	padding-bottom: 3px;
    	cursor: pointer;
    	color:#0523FD;
    }

    .clickToFilter:hover{
    	color: 	#00CCFF;
    }

    .filterDiv{
    	padding-left: 5px;
    }

    .filterItem{
    	padding-bottom: 3px;
    	text-decoration:underline;
    	cursor: pointer;
    	color:#0523FD;
    }
    .filterItemText{
    	padding-left: 10px;
    }

    .filterItem:hover{
    	color: #00CCFF;
    }
     #hideDetail:hover{
     	color: #00CCFF;
     }

     #hideDetail{
     	cursor: pointer;
     	color:#0523FD;
     }

  	  #showDetail:hover{
     	color: #00CCFF;
     }


     #showDetail{
     	cursor: pointer;
     	color:#0523FD;
     }
    .hideFilter{
    	padding-bottom: 3px;
    	text-decoration:underline;
    	cursor: pointer;
    	color:#0523FD;
    }

    .hideFilter:hover{
    	color: #00CCFF;
    }

    .checkboxFilter{
    	padding-bottom: 3px;
    }

    .rightArrow{
    margin-top: 4px;
    	width: 5px;
    	height: 5px;
    	float: left;
    	background-image: url(../images/filter_arrow_states.gif);
    }

    .arrowUp{
    	padding-top: 2px;
    	width: 5px;
    	height: 7px;
    	float: left;
    }
	.clickToFilterArrow{
		background-image: url(../images/filter_arrow_states.gif);
		height: 5px;
		width: 5px;
		background-position: 0px -5px;
	}

	.clickToFilter:hover  img{
    	background-position: 0px 5px;
    }

    .underline{
    	text-decoration:underline;
    }

    #currentPage{
    	font-size:12px;
		vertical-align:middle;
	}

	#nextpreviousrow td {
		padding-bottom: 5px;
	}

	#nextpreviousrow td .currentPage {
		color: #0031AC;
		font-weight:bold;
		vertical-align: middle;
	}

	#nextpreviousrow td {
		color:#CACAC7;
		font-size:12px;
		text-align:right;
	}
	#nextpreviousrow a#previous img {
		margin-right: 5px;
		height: 19px;
		width: 12px;
		background-position: 0px -19px;
		background-image: url(../images/next_prev_button_states.gif);
	}


	#nextpreviousrow a#next img {
		margin-left: 5px;
		height: 19px;
		width: 12px;
		background-position: 0px 0px;
		background-image: url(../images/next_prev_button_states.gif);
	}

	#nextpreviousrow img#hiddenrightarrow {
		margin-left: 5px;
		height: 19px;
		width: 12px;
		vertical-align: middle;
	}



	#nextpreviousrow a img {
		vertical-align:middle;
	}


	#nextpreviousrow a img {
		vertical-align:middle;
	}

	#nextpreviousrow a, #nextpreviousrow a:link, #nextpreviousrow a:visited {
		color: #0031AC;
	}

	#nextpreviousrow a:hover {
		color: #00ccff;
		text-decoration: underline;
	}

	.noMatch{
		color: black;
		font-weight: bold;
	}

	.tellafriendheader {
		position: absolute;
		left: 440px;
		top: 180px;
	}

	.tellafriendheader a, .tellafriendheader a:link, .tellafriendheader a:visited {
		color: #fff;
		font-weight: bold;
	}

	.tellafriendheader a:hover {
		color: #c90;
	}


    /* IE5 mac style, overridden later */
    #demographicQuestionTable tr.rowheader td {
    	padding-top: 15px;
    }

    td.demographicQuestionText {
    	padding: 0px 4px 0px 14px;
    }

 	.demographicQuestionTextArea {
 		vertical-align: top;
 		height: 100px;
 		width: 275px;
 	}

	td.numericdisplay {
		text-align: center;
		padding: 0px;
	}

	td.numericdisplay span {
		font-weight: bold;
	}

	td.numericdisplay span span {
		font-weight: normal;
		visibility: hidden;
	}

	/* This style is for IE5 Mac only, overridden by later definition */
	p#keepfree {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left;
		margin-top: 60px;
    }



    /*
     * Default buttons in workarea
     * begin IE 5 Mac hack
     */
    .buttonBorder, .resetButtonBorder {
        margin: 4px 2px 4px 2px;
    }

    .buttonBorderDefault {
        margin: 4px 2px 4px 2px;
    }

    .buttonBorder input {
        float: right;
    }

    .resetButtonBorder input {
        float: left;
    }

    .buttonBorderDefault input {
        float: right;
    }

    /*
     * IE 5 Mac on classic blows up when it tries to render
     * button borders.
    \*/
    .buttonBorder {
        float: right;
        margin: 4px 2px 4px 2px;
    }

    .resetButtonBorder {
    	margin: 4px 2px 4px 2px;
    	float: left;
    }

    .buttonBorderDefault {
        float: right;
        margin: 4px 2px 4px 2px;
        background-color: #B9BFBA;
    }

    .buttonBorder input, .resetButtonBorder input {
        float: none;
    }

    .buttonBorderDefault input {
        float: none;
    }

    p#keepfree {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left;
		margin-left: 210px;
		margin-top: 0px;
		width: 350px;
		font-size: 14px;
    }

    #demographicQuestionTable tr.rowheader td {
		padding: 0px;
    }

    #demographicQuestionTable tr.rowheader td.right {
		padding-right: 20px;
	}

	#recfeedback-table tr.rowheader td.right {
		padding-right: 20px;
	}