body {
	margin:0;
	padding:0;
	background: #F1F1F1 url(http://i.modopo.com/images/body_border.png) repeat-y left top;
	background-position: -145px 0px; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px; 
}

a:link { color:#22229C; }
a:visited { color:#22229C; }
a:hover { color:#F40; }

form {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

#header {
	clear: both;
	min-width: 800px; 
	width: 990px; 
}

.bread_box {
    margin: 0px 10px 8px 10px;
    overflow: hidden;
}
.breadcrumb {
    background: url("http://i.modopo.com/fi/gradients/top-highlight.png") repeat-x scroll left top #f1f1f1;
    border: 1px solid #c1c1c1;
    font: 11px Arial,Calibri,Verdana,Geneva,sans-serif;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin:0
}

.breadcrumb .crust {
    display: block;
    float: left;
    position: relative;
}

.breadcrumb .crust:first-child a.crumb {
    padding-left: 13px;
}

.breadcrumb .crust a.crumb, .breadcrumb .crust span.lastcrumb {
    background-color: #f1f1f1;
    border-bottom: 1px solid #c1c1c1;
    color: #364f82;
    display: block;
    line-height: 22px;
    margin-bottom: -1px;
    outline: 0 none;
    padding: 0 10px 0 23px;
    text-decoration: none;
}
.breadcrumb .crust span.lastcrumb {
    background: none repeat scroll 0 0 transparent;
    color: #3e3e3e;
    font-weight: bold;
}
.breadcrumb .crust a.crumb, .breadcrumb .crust span.lastcrumb {
    line-height: 22px;
}
.breadcrumb .crust .arrow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: #ddd;
    -moz-border-top-colors: none;
    border-bottom: 12px solid transparent;
    border-color: transparent black transparent #c1c1c1;
    border-image: none;
    border-left-style: solid !important;
    border-left-width: 12px !important;
    border-right: 1px none black;
    border-top: 12px solid transparent;
    display: block;
    height: 0;
    position: absolute;
    right: -12px;
    top: -1px;
    width: 0;
    z-index: 50;
}
.breadcrumb .crust .arrow span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: #f9f9f9;
    -moz-border-top-colors: none;
    border-color: transparent black transparent #f1f1f1;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 12px 1px 12px 12px;
    display: block;
    height: 0;
    left: -13px;
    overflow: hidden;
    position: absolute;
    text-indent: 9999px;
    top: -12px;
    white-space: nowrap;
    width: 0;
    z-index: 51;
}
.breadcrumb .refresh:hover {
    background-position: 0 -16px;
}
.breadcrumb .crust:last-child a.crumb {
    font-weight: bold;
}
.breadcrumb .crust:hover a.crumb {
    background-color: #e9e9e9;
    color: #364f82;
    text-decoration: underline;
}
.breadcrumb .crust:hover .arrow span {
    border-left-color: #e9e9e9;
}


.language {
	position:absolute; 
	top:0px; 
	left:350px; 
	width:200px; 
	height: 30px;
}

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

.nof { display:none; }

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

#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(http://i.modopo.com/images/header/header_bg2.png); height: 135px; width:1000px;}
#logo { background: url(http://i.modopo.com/images/header/logo2.png) no-repeat top left; height: 94px;}


.tabbordernavi-r {
	margin:0;
	padding-top:74px;
	float:left;
	width: 100%;
}

#navi {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(http://i.modopo.com/images/header/headerbar.png) repeat-x;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
#navi ul#ulnav {
	margin: 0;
	padding: 0;
}

#navi a {
	display: block;
	text-decoration: none;
	font-size: 10px;
	padding: 8px 0 7px 0;
	color:#FFF;
	font-weight: bold;
	text-align:center;
}

#navi li.top_off, #navi li.top_on, #navi li.top_off_f, #navi li.top_on_f, #navi li.top_off_sn, #navi li.top_on_sn {
	float: left;
	display: block;
	height: 27px;
	margin: 0;
	background-color:#E6E8F3;
	background: transparent url(http://i.modopo.com/images/header/imgpool.gif) -1046px -347px no-repeat;
}

#navi li.top_off_f, #navi li.top_on_f {
	background: none;
}

#navi li.top_off_sn, #navi li.top_on_sn {
	background: none;
}

#navi li.top_on div.a_on {
	position: relative;
	top: -5px;
	height: 32px;
}

#navi li.top_on a.a_on {
	position:absolute;
	z-index:20;
	top:0;
	left:0;
	width:100%;
	padding-top:13px;
	background:transparent url(http://i.modopo.com/images/header/imgpool.gif) -810px -262px no-repeat; 
	color:#364F82;
}

#navi li.top_on span.a_on{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 32px;
	background: transparent url(http://i.modopo.com/images/header/imgpool.gif) right -300px no-repeat;
}

#navi li.top_off, #navi li.top_off_f, #navi li.top_off_sn {
	display:block;
}

#navi li.top_off a:hover, #navi li.top_off_f a:hover, #navi li.top_off_sn a:hover, #navi li.top_off a:focus, #navi li.top_off_f a:focus, #navi li.top_off_sn a:focus, #navi li.top_off a:active, #navi li.top_off_f a:active, #navi li.top_off_sn a:active { 
	display: block;
	margin-right: -1px;
	padding-right: 1px;
	background: #FFF url(http://i.modopo.com/images/header/imgpool.gif) -11px -159px repeat-x;
	color: #364F82; 
	text-decoration: underline;
}

#navi li.top_on ul, #navi li.top_off ul { 
	position:absolute;
	left: 0;
	top: 27px;
	height: 28px;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	background: #FFF url(http://i.modopo.com/images/header/imgpool.gif) -11px -201px no-repeat;
}

#navi li.top_on ul.nav-level1-only {
	height: 12px;
	background: #FFF url(http://i.modopo.com/images/header/imgpool.gif) -10px -240px no-repeat;
}

#navi li.top_on ul.nav-level2-only {
	height: 28px;
	background: #FFF url(http://i.modopo.com/images/header/headerbar_white.gif) repeat-x;
}

#navi li.top_off ul {
	display: block;
	visibility: hidden;
}

#navi li.sub_off, #navi li.sub_on {
	float: left;
	color: #364F82;
	display: block;
	list-style-type: none;
}

#navi li.sub_off a {
	padding: 8px 10px 7px 10px;
	color: #364F82;
	font-weight: normal;
	background: none;
	text-decoration: underline;
}

#navi li.sub_on {
	background: #fff url(http://i.modopo.com/images/header/imgpool.gif) right -378px no-repeat;
}

#navi li.sub_on a {
	margin-top: 1px;
	padding: 8px 10px 7px 10px;
	color: #364F82;
	background: transparent url(http://i.modopo.com/images/header/imgpool.gif) -315px -162px no-repeat;
}

#navi li.sub_on a:hover, #navi li.top_off li.sub_off a:hover,#navi li.sub_on a:focus, #navi li.top_off li.sub_off a:focus,#navi li.sub_on a:active, #navi li.top_off li.sub_off a:active {
	color: #364F82;
	text-decoration: underline;
}

#navi li.sub_off a:hover, #navi li.sub_off a:focus, #navi li.sub_off a:active {
	color: #364F82;
	text-decoration: underline;
	background: #FFF url(http://i.modopo.com/images/header/imgpool.gif) -445px -162px no-repeat;
}

#navi li.top_on ul {
	display: block;
	visibility: visible;
	z-index: 1;
}

#navi li.sub_off ul, #navi li.sub_on ul {
	position: absolute;
	color: #363535;
	width: 100%;
	height: 27px;
	left: 0;
	top: 28px;
	display: block;
	padding: 0;
	margin: 0;
	background: #FFF url(http://i.modopo.com/images/header/imgpool.gif) -10px -365px no-repeat;
}

#navi li.sub_off ul{
	display:block;visibility:hidden;
}

#navi li.sub_off ul li, #navi li.sub_on ul li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	list-style-type: none;
}

#navi li.sub_on ul {
	display: block;
	visibility: visible;
}

#navi li.sub_sub_off a {
	color: #363535;
	font-weight: normal;
	background: transparent url(http://i.modopo.com/images/header/imgpool.gif) -1049px -267px no-repeat;
}

#navi li.sub_on ul li.sub_sub_on {
	margin-top: -2px;
	padding-right: 1px;
	background: transparent url(http://i.modopo.com/images/header/imgpool.gif) right -264px no-repeat;
}

#navi li.sub_sub_on a {
	font-weight: normal;
	padding-top: 10px;
	color: #364F82;
	background: #fff url(http://i.modopo.com/images/header/imgpool.gif) -1049px -265px no-repeat;
}

#navi li.sub_sub_on a.on_f {
	color: #364F82;
	font-weight: normal;
}

#navi li.sub_sub_on a.off_f, #navi li.sub_sub_off a.off_sn {
	background: none;
}


/* language menu */

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

#nav a {
	display: block;
	width: 165px;
	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: 165px;
	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: 170px;
	background-color:#757575; 
	border-bottom: 1px dotted #666666;
}

#nav li ul { /* second-level lists */
	position: absolute;
	top: 21px;
	width: 170px;
	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;
}

#nav li.currentlang {
	float: left;
	position: relative;
	width: 170px;
	background: #757575 url(http://i.modopo.com/images/header/downarrow.gif) no-repeat top right; 
	border-bottom: 1px dotted #666666;
}



.main {
	position: relative;	/* fixes the IE7 overflow hidden bug */
	clear: both;
	min-width: 800px; 
	width: 970px;
	overflow: hidden;
	margin: 0px 0px 15px 10px;
}


/* top search bar */
#searchBar {float:right;width:500px;margin-top:13px;margin-right:5px;*margin-right:3px;margin-bottom:10px;}
.searchBar_l {background:url('http://i.modopo.com/pi/SearchBox/search_l.jpg') no-repeat;width:15px;height:54px;display:inline;float:right;}
.searchBar_r {background:url('http://i.modopo.com/pi/SearchBox/search_r.jpg') no-repeat;width:15px;height:54px;display:inline;float:right;}
.searchBar_mid {background:url('http://i.modopo.com/pi/SearchBox/search_mid.jpg') repeat-x;width:auto;display:inline;float:right;height:54px;width:450px;}
.searchBar_txt {display:inline;float:left;vertical-align:top;margin:3px 5px 0 30px;color:#666;font:bold 12px arial,helvetica;}
.searchBar {margin:17px 0 0 0;padding:0;}
.searchBar_box {border:1px solid #CCC;height:16px;*height:17px;margin-right:5px;width:290px;font:normal 11px verdana,geneva,helvetica;padding-top:2px;}
.searchBar_box {font:normal 14px arial,helvetica;color:#666;padding:2px 0 2px 5px;}
.searchBar_box, .searchBar_go {float:left;display:inline;}
.searchBar_go {width:32px;height:20px;margin:0 5px;*margin-top:1px;}

  
/* navbar */
.navBar_bg {margin:0 0 0 4px;padding:0;}
.navBar {background:url('http://i.modopo.com/pi/Tabs/body-top.gif') repeat-x top #FFF;margin:0 7px;padding:0;}
.navBar_content {text-align:left;margin:0;padding:0;background:transparent;*width:980px;}
.navBar_subnav {padding:7px 10px 5px 10px;border-left:1px solid #CCC;border-bottom:1px solid #CCC;border-right:1px solid #CCC;font:normal 12px arial,helvetica;color:#999;*width:auto;height:15px}


/* footer */
#footer-wrap {clear: both;width:1000px;height:150px;background:#ffffff url(http://i.modopo.com/images/footer-wrap.png) 0 0 repeat-x;font:11px Arial, Helvetica, sans-serif;color:#3f5a61;line-height:16px;margin:0 0 5px 0;}
#footer {width:800px;height:150px;padding:27px 0 0 133px;background:url(http://i.modopo.com/images/footer-bg.png) 0 0 no-repeat;margin-left:auto; margin-right:auto;text-align:left;}
#footer a:visited, a:link {color:#22229C;}
#footer a:hover {color:#FF4400;}
.footer-column {float:left;width: 25%;}
  
/* ---Other---*/  
.attrib_br {border-top: 1px solid #b0c2d3; border-bottom: 1px solid #fff; margin: 0px; padding:0; font-size:0px; line-height:0px;height:0px;}


.bluebutton {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial,Helvetica,sans-serif;
	color: #ffffff !important;
	font-size: 12px;
	font-weight:bold;
	padding: 8px 16px 8px 16px;
	text-decoration: none;
	display: block;
	margin-top: 5px;
}

.bluebutton:hover {
	background: #3cb0fd;
	color: #ffffff !important;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
  
#Box1 {margin:0; padding:0;overflow: hidden;background-color:#eeeeee;clear:both;}
#Box1 .corner_up_right {background: url('http://i.modopo.com/pi/Boxes/Box1/corner_up_right.gif') no-repeat right top;height:5px;}
#Box1 .corner_bottom_right {background: url('http://i.modopo.com/pi/Boxes/Box1/corner_bottom_right.gif') no-repeat right bottom;height:5px;}
#Box1 .corner_bottom_right img {vertical-align:top;}   

.StoreOffers, .StoreOffers td {border-top:1px solid #d4d0c8; border-bottom:2px solid #eeeeee; border-right:2px solid #eeeeee; border-left:2px solid #eeeeee; border-collapse:collapse; color:#333} 
 

.anylinkcss {position:absolute;visibility: hidden;z-index: 100;margin:0;border:1px solid #cccccc;background-color:#fff;color:#03c;width: 200px;}
.anylinkcss a, .anylinkcss a:link, .anylinkcss a:visited{width: 200px;display: block;text-indent: 4px;border-bottom: 1px #ccc dotted; padding:4px 0px 4px 0px;text-decoration: none;text-align:left;font-size:11px;background:#fff;}
.anylinkcss a:hover {color:#F40; text-decoration:underline;}


/* rating */
.rating{width:65px;height:12px;background-image:url('http://i.modopo.com/pi/Rating/stars2.png');display:inline-block;border:0; vertical-align: middle;}
#rating_0{top:12px;background-position: 0 0;}
#rating_0_0{top:24px;background-position: 0 -12px;}
#rating_0_1{top:36px;background-position: 0 -24px;}
#rating_0_2{top:48px;background-position: 0 -36px;}
#rating_0_3{top:60px;background-position: 0 -48px;}
#rating_0_4{top:72px;background-position: 0 -60px;}
#rating_0_5{top:84px;background-position: 0 -72px;}
#rating_0_6{top:96px;background-position: 0 -84px;}
#rating_0_7{top:108px;background-position: 0 -96px;}
#rating_0_8{top:120px;background-position: 0 -108px;}
#rating_0_9{top:132px;background-position: 0 -120px;}
#rating_1_0{top:144px;background-position: 0 -132px;}
#rating_1_1{top:156px;background-position: 0 -144px;}
#rating_1_2{top:168px;background-position: 0 -156px;}
#rating_1_3{top:180px;background-position: 0 -168px;}
#rating_1_4{top:192px;background-position: 0 -180px;}
#rating_1_5{top:204px;background-position: 0 -192px;}
#rating_1_6{top:216px;background-position: 0 -204px;}
#rating_1_7{top:228px;background-position: 0 -216px;}
#rating_1_8{top:240px;background-position: 0 -228px;}
#rating_1_9{top:252px;background-position: 0 -240px;}
#rating_2_0{top:264px;background-position: 0 -252px;}
#rating_2_1{top:276px;background-position: 0 -264px;}
#rating_2_2{top:288px;background-position: 0 -276px;}
#rating_2_3{top:300px;background-position: 0 -288px;}
#rating_2_4{top:312px;background-position: 0 -300px;}
#rating_2_5{top:324px;background-position: 0 -312px;}
#rating_2_6{top:336px;background-position: 0 -324px;}
#rating_2_7{top:348px;background-position: 0 -336px;}
#rating_2_8{top:360px;background-position: 0 -348px;}
#rating_2_9{top:372px;background-position: 0 -360px;}
#rating_3_0{top:384px;background-position: 0 -372px;}
#rating_3_1{top:396px;background-position: 0 -384px;}
#rating_3_2{top:408px;background-position: 0 -396px;}
#rating_3_3{top:420px;background-position: 0 -408px;}
#rating_3_4{top:432px;background-position: 0 -420px;}
#rating_3_5{top:444px;background-position: 0 -432px;}
#rating_3_6{top:456px;background-position: 0 -444px;}
#rating_3_7{top:468px;background-position: 0 -456px;}
#rating_3_8{top:480px;background-position: 0 -468px;}
#rating_3_9{top:492px;background-position: 0 -480px;}
#rating_4_0{top:504px;background-position: 0 -492px;}
#rating_4_1{top:516px;background-position: 0 -504px;}
#rating_4_2{top:528px;background-position: 0 -516px;}
#rating_4_3{top:540px;background-position: 0 -528px;}
#rating_4_4{top:552px;background-position: 0 -540px;}
#rating_4_5{top:564px;background-position: 0 -552px;}
#rating_4_6{top:576px;background-position: 0 -564px;}
#rating_4_7{top:588px;background-position: 0 -576px;}
#rating_4_8{top:600px;background-position: 0 -588px;}
#rating_4_9{top:612px;background-position: 0 -600px;}
#rating_5_0{top:624px;background-position: 0 -612px;}
                                    


/* LightBox */
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{font-size: 12px;color:#777;font-weight:bold;padding-top: 0.4em;}   
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(http://i.modopo.com/pi/overlay.png); }
* html #overlay{background-color: #333;background-color: transparent;background-image: url(http://i.modopo.com/pi/s.gif);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://i.modopo.com/pi/overlay.png", sizingMethod="scale");}



/* categories */

.categories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.categories li {
	float:left;
	width: 290px;
	min-height: 60px;
	margin-right: 15px;
	background: no-repeat scroll 2px 5px rgba(0, 0, 0, 0);
	margin-bottom: 10px;
}

.categories li ul {
	list-style-type: none;
	padding: 0;
  padding-left: 55px;
  width: 240px;
	min-height: 60px;
	margin: 0;
}

.categories li ul li {
	min-height: 0px;
	border: 0 none;
	height: auto;
	width:auto;
	margin: 0;
	background: none;
	font-size: 11px;
}

.categories h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 0px 55px;
}

.categories-first, .categories-last {
	overflow: hidden;
	width: 290px;
}

.categories-firstline {
} 

.categories-first {
	clear: left;
}

.categories-last {

}

.headericon {
	float: left;
	margin: 15px 10px 0px 0px;
	width: 50px;
	height: 50px;
}