/* CSS Document */



img, iframe { border: none; }



ul { list-style-type: none;	margin: 0; padding: 0; }


/* Used to fix the IE Zonal guillotine bug */

.flickerfix { clear: both; }

#maincontent ul li, #maincontent UL LI {
	background: transparent url(/VolvoCars.Web.Sites/Images/listbullet.gif) 0 5px  no-repeat;
	padding: 0 0 0 11px;
	display: block;
}

* html #maincontent ul li,
* html #maincontent UL LI {
	height: 1%;
}

label {
	font-weight: bold;
	display: block;
	clear: both;
	margin: 5px 0;
}

/* PAGE FRAMEWORK ELEMENTS */

#skipnavigation { display: none; }

#top { text-align: left; width: 100%; position: relative; background: transparent url(../img/bg_top.gif) repeat-y; }

#logo { float: right; }

#page {  position: relative; text-align: left; }

#mainimage { clear: both; }

#content { clear: both; margin: 11px 9px 16px 9px; font-size: 11px; text-align: left; }

#content:after, .fixfloat:after { content: "."; display: block;height: 0; clear: both; visibility: hidden; }

#zonal { float: left; width: 177px;	margin-right: 28px; margin-bottom: 10px; }

#maincontent { position: relative; float: left; width: 677px; font-size: 11px; font-family: verdana, Arial, helvetica, Sans-Serif; }

#maincontent.wide { width: 882px; } /* For pages without zonal navigation. Use .wide class for #maincontent div */

#leftcontent { position: relative; margin: 0 20px 16px 0; width: 492px; float: left; }
#leftcontent.wide { width: 677px; margin-right: 0; } /* For pages without rightcolumn content */

.wide #leftcontent { width:696px; }

.wide #leftcontent.wide { width: 882px; }

#rightcontent {	margin: 0 0 16px 0;	float: left; clear: right; width: 165px; margin-bottom: 0; }

#topdrops { z-index: 200; }

/* /PAGE FRAMEWORK ELEMENTS */

/* NAVIGATIONS */

/* Tier 1 */

#tier1 { position: absolute; bottom: 0; left: 6px; padding-left:150px; }
#tier1 li {	float: left; margin-right: 26px; }
#tier1 a { display: block; text-decoration: none; color: #ffffff; font-family: verdana; font-size: 11px; background: transparent url(../img/tier1_arrow.gif) no-repeat right center; padding: 4px 16px 4px 0; }
#tier1 a.active { font-weight: bold; }
#tier1 li.active a, #tier1 li a:hover { color: #ffffff; }
#tier1 li.active a { background-image: url(../img/tier1_arrow.gif); }

/* Dropdowns */

#topdrops { font-family: verdana; }
#topdrops div { display: none; position: absolute; padding: 0 3px 3px 0; background: transparent url(../img/bg_tier1_dropdown_shadow_po.png) no-repeat bottom right; width: 170px; z-index: 1000; }
* html #topdrops div { padding: 0; border-right: solid 1px #848484; border-bottom: solid 1px #848484; background-image: none; width: 174px;}
#topdrops li div { top: -3px; left: 168px; display: none; }
* html #topdrops li div { top: 1px; left: 173px; }
#topdrops ul { background: #fff url(../img/zonal_gradient.gif) repeat-x bottom left; padding: 3px; }
#topdrops li { margin: 0; display: block; }
#topdrops div li a { text-decoration: none; text-transform: none; font-size: 11px; padding: 4px 10px; font-weight: normal; color: #333; display: block; }
* html #topdrops div li a { height: 1%; }
#topdrops div li a:hover, #topdrops div li a.active { color: #fff; background-color: #3264b4; }
#topdrops li.parent a { background: transparent url(../img/tier1_dropdown_arrow.gif) no-repeat 152px 6px; }
* html #topdrops li.parent a { background-position: 156px 6px; }
#topdrops li.parent li a { background-image: none; }
#iframedrop, #iframedropsub { display: none; position: absolute; z-index: 900; border: none; }
div#topdrops div.subdrop { z-index: 1001; }



