/* CSS Document */
/*global syle*/
body
{
	color: #313131;
	font-family: Arial, Helvetica, sans-serif;
	background: #EBF5FE url(../images/common/body_bg.gif) repeat-x;
	font-size: 11px;
}
div#container
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* Multi-browser clearing fix------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

H1,H2,H3,H4{ margin:0px; padding:0px}
P{margin:0px; padding:0px}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
.clearfix {display: block;}
/*End clearing fix*/

.floatleft{ float:left; display:block}
.floatright{ float:right; display:block}

form{ margin:0px; padding:0px}

.sel{
	width: 150px;
}

.ro{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#mainbox{
    background:url(../images/topbg.jpg) repeat-x;text-align: center;
}

/*style for header*/
#topbox{border-bottom: #afcbe2 5px solid; text-align: left}

/* copied from C&D common.css */
a {
color:#00368B;
text-decoration:none;
}

/*style for main content*/
#maincontentbox{width:960px; text-align:left;}

#leftcol{ float: left; width:780px;}
#righttcol{ float: right;}
/*left column*/
#maintitle{ background:url(../images/keepvssell_header.png) repeat-x; height:78px; margin-top:2px}
#maintitle h1{ padding:25px 10px; color:#FFFFFF; font:bold 22px  Helvetica, Verdana, Arial,sans-serif}

#contentbox{ background:#FFFFFF; padding:10px}
#contentbox .descriptiontext{ font:bold 12px  Verdana, Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px}
#contentbox h2{font:bold 22px Helvetica,Verdana, Arial,  sans-serif; padding:20px 0px 10px 0px;}
#contentbox h2 .spantxt{ padding-top:8px; display:block; float:left}
#contentbox h2 .spanbt{display:block; float:left; padding:0px 15px}
#contentbox h2 .spangreentxt{ display:block; float:left;padding-top:10px; color:#009900; font-size:18px}


#contentbox #selectleftbox{ float:left; width:294px; background:#ebf5fe; margin-right:10px;}
#contentbox #selectrightbox{ float:left; width:438px; background:#ebf5fe; margin-right:10px}
#contentbox #selectbox h3{font:bold 20px  Helvetica,Verdana, Arial, sans-serif; color:#336699}
#contentbox #selectbox h3 span{ font-weight:normal;}
#contentbox #selectbox .labelCls{ color:#666666;font:bold 12px Verdana, Arial, Helvetica, sans-serif; }

#contentbox #selectbox .selectcontainer{ padding:10px}
#contentbox #selectbox p{ margin:10px 0px}
#contentbox #selectbox p label{color:#666666;font:bold 12px Verdana, Arial, Helvetica, sans-serif;}

#contentbox #selectleftbox p label{ width:100px; display:block; float:left}

#contentbox #selectrightbox input{ width:100px}
#contentbox #selectrightbox p label{ width:280px; display:block; float:left}

#contentbox #selectbox input,select{ font:normal 12px Verdana, Arial, Helvetica, sans-serif}

#contentbox #imgcontainer{}
#contentbox #imgcontainer .imgshowbox{ border-left: #c89441 solid 1px; border-right: #c89441 solid 1px; width:744px; text-align:center}

#contentbox #imgcontainer .imgshowbox h4{ color:#990000; font:bold 22px Verdana, Arial, Helvetica, sans-serif;}
#contentbox #imgcontainer .imgshowbox #recommendation{font:bold 22px Verdana, Arial, Helvetica, sans-serif;}
#contentbox #imgcontainer .imgshowbox p{ color:#999999; font-size:12px}
#contentbox #imgcontainer #ownership_title{font:22px Verdana, Arial, Helvetica, sans-serif; font-stretch: ultra-condensed; margin-top: 20px}


/*right column*/
#imgbox { border:#660066 solid 1px; margin:0px 7px}

/*style for footer*/

#footerbox{width:960px; text-align: center; font-size:10px; color:#666666; padding:20px 10px; }
