body {
font-size: 12px;
}
#ch_page {
    text-align: left;
    width: 800px;
}
.ch_endbody {
    width: 800px;
}
#ch_footer {
    width: 100%;
    text-align: center;
   	font-size:8px;
   	border: 0px;
}

.ch_c3 {
    width: 376px;
}
.ch_pprices {
    width: 200;
}

#ch_brand {
	font-size: 8px;
}

a {
    color: #22229C;
}

.ch_bar { 
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    background: #5C7099 url(http://i.modopo.com/fi/gradients/gradient_thead.gif) repeat-x top left;
    color: #FFF;
}

.ch_bar * {
    color: #FFF;
}
.ch_header { 
    background: #5C7099 url(http://i.modopo.com/fi/gradients/gradient_thead.gif) repeat-x top left;
    color: #FFF;
}
.ch_header *{ 
    color: #FFF;
}
.ch_cheader { 
    background: #5C7099 url(http://i.modopo.com/fi/gradients/gradient_thead.gif) repeat-x top left;
    color: #FFF;
}

.ch_cheader div { 
    background: #5C7099 url(http://i.modopo.com/fi/gradients/gradient_thead.gif) repeat-x top left;
    color: #FFF}
#ch_resultsbar { 
    background: #5C7099 url(http://i.modopo.com/fi/gradients/gradient_thead.gif) repeat-x top left;
    color: #FFF}
#ch_resultsbar * { 
    color: #FFF}
#ch_searchbar .submit {
    background: ;
    color:  ;
}
.ch_sp {
text-align: center;
}


.ch_left {
    float: left;
    width: 100%;
    margin-right: -200px;
    /*border: 1px solid red;*/
}
.ch_right {
    float: right;
clear: right;
    width: 190px;
    /* border: 1px solid red; */
}
.ch_left_content {
    margin-right: 200px;
}



/* footer */
#footer { 
	clear: both;
	color: #666666;
	padding: 0;
	background: #FFF url(http://i.modopo.com/images/footerbg.png) repeat-x;
	border-top: 1px solid #EFF0F1;	
	height: 75px
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;
	color:#22229C;
}
#footer-content {
	margin: 0 auto;
	width: 800px
}
#footer-content #footer-left {
	padding: 10px;
	width: 60%;
	float: left;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}
#footer-content #footer-right {
	padding: 10px;
	width: 33%;
	float: right;
	text-align: right;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}






.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

form { display: inline; }
label { cursor: default; }

checkbox, input, radio, select {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}

.nof { display:none; }

#logolink { position:absolute; display:block; width:317px;height:64px; top:0px;left:0px; }

#search {
	width: 150px;
	padding: 2px 2px 2px 14px;
	background: #fff url(/images/header/search.png) no-repeat left center;
	border: 1px solid #CCC;
}

#avatar { border: 1px solid #757575; }
.header a:link, .header a:visited, .header a:hover { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:12px; font-weight:normal; text-decoration:underline;}

#userfield_h { position:absolute; top:1px; right:20px; color: #fff; font: 11px tahoma; text-align:right; width:500px; }
#userfield_h a { color: #fff; } 
#header_bg { background: url(/images/header/header_bg.gif); height: 64px; }
#logo      { background: url(/images/header/logo.gif) no-repeat top left; height: 64px;}

#tab { list-style:none; margin:0; padding:44px 20px 0 0; float:right; }
#first_tab, .sec_tab, #first_tab_active, .sec_tab_active, .logout_tab, .logout_tab_active { float:left; }
#first_tab a:link, #first_tab a:visited{ background:url(/images/header/tab.gif); display:block; height:17px; padding:3px 0 0 0; margin: 0 5px 0 0; text-align:center; color:#364F82; font: bold 11px tahoma; width:87px; text-decoration:none; }
#first_tab a:hover{ background:url(/images/header/tab.gif) 0 -20px; text-decoration:underline; }

#first_tab_active a:link, #first_tab_active a:visited{ background:url(/images/header/tab.gif) 0 -20px; display:block; height:17px; padding:3px 0 0 0; margin: 0 5px 0 0; text-align:center; color:#364F82; font: bold 11px tahoma; width:87px; text-decoration:none; }

.sec_tab a:link, .sec_tab a:visited{ background:url(/images/header/tab.gif); display:block; height:17px; padding:3px 0 0 0; margin: 0 5px 0 0; text-align:center; color:#364F82; font: bold 11px tahoma; width:87px; text-decoration:none; }
.sec_tab_active a:link, .sec_tab_active a:visited{ background:url(/images/header/tab.gif) 0 -20px; display:block; height:17px; padding:3px 0 0 0; margin: 0 5px 0 0; text-align:center; color:#364F82; font: bold 11px tahoma; width:87px; text-decoration:none; }
.sec_tab a:hover{ background:url(/images/header/tab.gif) 0 -20px; text-decoration:underline; }

.logout_tab a:link, .logout_tab a:visited{ background:url(/images/header/tab_logout.gif); display:block; height:17px; padding:3px 0 0 0; margin: 0 5px 0 25px; text-align:center; color:#364F82; font: bold 11px tahoma; width:87px; text-decoration:none; }
.logout_tab_active a:link, .logout_tab_active a:visited{ background:url(/images/header/tab_logout.gif) 0 -20px; display:block; height:17px; padding:3px 0 0 25px; margin: 0 5px 0 0; text-align:center; color:#364F82; font: bold 11px tahoma; width:87px; text-decoration:none; }
.logout_tab a:hover{ background:url(/images/header/tab.gif) 0 -20px; text-decoration:underline; }


.nav_bg { background: #fff url(/images/header/nav_bg.gif) repeat-x top left; 	border-top: 1px solid #364F82; }
.nav_shadow { background:url(/images/header/nav_shadow.gif) repeat-x top left; height:6px; font-size:0; }

.vbmenu_control_n
{
	background: #E6E8F3;
	border-bottom: 1px solid #364F82;
	color: #364F82;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 6px 15px 6px 15px;
	white-space: nowrap;
}

.vbmenu_control_n a:link, .vbmenu_control_n_alink
{
	color: #364F82;
}

.vbmenu_control_n a:visited, .vbmenu_control_n_avisited
{
	color: #364F82;
}

.vbmenu_control_n a:hover, .vbmenu_control_n a:active, .vbmenu_control_n_ahover
{
	color: #8297F1;
}


#language {
	position:absolute; 
	top:0px; 
	left:400px; 
	width:180px; 
	height: 22px;
	color: #e0e0e0; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size:10px;
	padding-top: 5px;
	margin:0;
	border: 1px dotted #666666;
}

#language a {
	text-decoration: none; 
	font-weight: bold;
	color:#e0e0e0;
}


#language a:hover {
	text-decoration: none; 
	font-weight: bold;
	color:#F0F0F0;
}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 175px;
	color: #ffffff; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	text-decoration: none;  
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 0px;
	border-right: 1px dotted #666666;
	border-left: 1px dotted #666666;
}

#nav a:hover {
	display: block;
	width: 175px;
	color: #e0e0e0; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	text-decoration: none;  
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 0px;
	border-right: 1px dotted #666666;
	border-left: 1px dotted #666666;
	background-color:#454545; 
}

#nav li { 
	float: left;
	position: relative;
	width: 180px;
	background-color:#757575; 
	border-bottom: 1px dotted #666666;
}

#nav li ul { /* second-level lists */
	position: absolute;
	top: 21px;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}