/* Basic Declarations */
html,
body {
	background: #FFFFFF none repeat scroll 0 0;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	color: #333333;
	background-color: #ffffff;
}

img,
a,
form	{
	border: 0;
}

ul, ol	{
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

a	{
	text-decoration: none;
	color: #333333;
}

#container {
	background-image:url(../images/backgrounds/container_middle.gif);
	background-position:center top;
	background-repeat:repeat-y;
	margin: 0 auto;
	width:1018px;
}

#container div#mds-tpl-02 {
	background-color: transparent;
	background-image:url(../images/backgrounds/container_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 13px 12px;

}

.mds-area-pf1	{
	margin: 0 0 0 1px;
	position: relative;
	background-color: #ffffff;
}

.content	{
	padding: 20px 20px 20px 20px;
}

.clear	{
	clear: both;
}

/**********/
/* FOOTER */
/**********/
#mds-link-footer	{
	margin: auto;
	width: 1018px;
	font-size: 9px;
	color: #6e6e6e;
	padding: 10px 0 0 45px;
}
.gm_gif	{
	float: left;
	padding-top:5px;
}
.footer_links	{
	float: left;
	padding: 5px 0px 0px 10px;
}
#mds-link-footer ul {
	margin-right:15px;
	padding-right:1em;
}
#mds-link-footer li {
	padding-right:1em;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#mds-link-footer a {
	text-decoration:none;
	color:#6E6E6E;
}
#mds-link-footer a:hover {
	text-decoration: underline;
	color:#333333;
}


#mds-area-footer	{
	clear: both;
	margin: auto;
	width: 1018px;
	font-size: 9px;
	color: #6e6e6e;
	padding: 10px 0 0 45px;
}


/* Header */
#container #mds-area-header { 
	height:85px;
	padding:19px 29px 0 13px;
	background: url(../images/backgrounds/header.jpg) no-repeat center top;
	background-repeat: no-repeat;
	position: relative;
}

#mds-area-header #brandlogo	{
	float:right;
}

.page_info	{
	margin: 10px 0 0 19px;
	color: #7c7c7e;
	float: left;
	font-size: 10px;
}

.claim	{
	margin: 10px 0 0 0;
}

.wishlist_head	{
	position: absolute;
	right: 134px;
	bottom: 10px;
	background: url(../images/backgrounds/wishlist_head.gif) no-repeat left top;
	padding: 3px 0 5px 23px;
	z-index: 100;
	cursor: pointer;
}

.wishlist_head_active	{
	position: absolute;
	right: 129px;
	bottom: 10px;
	width: 69px;
	background: url(../images/backgrounds/wishlist_head_active.gif) no-repeat left top;
	padding: 3px 0 5px 23px;
	z-index: 200;
	cursor: pointer;
}

#wishlist_head_details	{
	width: 185px;
	border: 1px solid #a1a1a1;
	position: absolute;
	right: 14px;
	top: 90px;
	background: url(../images/backgrounds/bg_wishlist.gif) no-repeat left top;
	background-color: #ffffff;
	padding: 0 10px 0 10px;
	z-index: 150;
}

#wishlist_head_details .amount	{
	text-align: right;
	font-weight: bold;
}

#wishlist_head_details .item	{
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #dfe0e1;
}

/* Content Home */
.carline_tab	{
	padding: 10px 0px 15px 280px;
}
#carline_picture,
.navigation	{
	float: left;
	display: inline;
}

#carline_picture	{
	width: 295px;
	height: 180px;
}

.navigation	{
	padding: 0 10px 0 0;
}

.navigation h2	{
/*	border-bottom: 1px solid #cecece; */
	padding: 0 0 4px 10px;
	margin: 0 0 0 0;
}

#mds-tpl-02 h2	{
	font-size: 11px;
}

#mds-cmp-1stlevelnavigation ul {
	float: left;
	display: inline;
	margin: 5px 10px 0 0;
	width: 128px;
}

#mds-cmp-1stlevelnavigation ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	display: inline;
}

#mds-cmp-1stlevelnavigation ul li a {
	display: block;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 2px;
	width: 118px;
}

#mds-cmp-1stlevelnavigation li a:hover	{
	background-color: #d5d6d8;
}

/* Content Carline Home */
.mds-cmp-comtent05	{
	position: relative;
	z-index: 50;
}

.carline_home	{
	width: 990px;
	height: 250px;
	position: relative;
	z-index: 100;
}

.carline_home .content	{
	position: absolute;
	top: 0;
	left: 494px;
	width: 476px;
	height: 250px;
	padding: 10px 10px 10px 10px;
}

.carline_home .content .text	{
	line-height: 18px;
	color: #000000;
}

.carline_home .content .text h3,
.carline_home .content .text h4	{
	margin: 0 0 5px 0;
}

.carline_home .selection	{
	padding-top: 15px;
}

.carline_home .selection h3	{
	margin: 0 0 5px 0;
}

.carline_home .selection	 ul	{
	float: left;
	margin: 0 40px 0 0;
}

.carline_home .selection	 ul li {
	background: url(../images/buttons/arrow.gif) no-repeat left center;
	padding: 3px 0 3px 15px;
}

.carline_home_content	{
	background: url(../images/backgrounds/bg_content.gif) repeat-x left top;
	height: 248px;
	padding: 0 0 0 15px;
}

/* Accessories Category */
.infotainment	{
	background: url(../images/backgrounds/bg_infotainment.jpg) no-repeat center top;
	background-repeat: no-repeat;
}

.infotainment_details	{
	background: url(../images/backgrounds/bg_nokia.jpg) no-repeat center top;
}

.mds-area-pf2	{
	padding: 20px 0 0 0;
	background: url(../images/backgrounds/bg_content.gif) no-repeat left top;
	background-repeat: repeat-x;
	height: 248px;
}

.mds-area-pf3	{
	padding: 20px 0 20px 10px;
	background: url(../images/backgrounds/bg_content.gif) no-repeat left top;
	background-repeat: repeat-x;
}

.mds-area-pf3 .head h2	{
	float: left;
	margin: 0 0 15px 0;
}

.mds-area-pf3 .switch_view	{
	float: right;
	margin: 0 350px 0 0;
}

.mds-area-pf3 .switch_view a	{
	text-decoration: underline;
}

.mds-area-pf3 .switch_view a.active	{
	text-decoration: none;
	font-weight: bold;
}

.mds-area-pf3 .column	{
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	width: 640px;
}

.mds-area-pf3 .column  table td	{
	padding: 8px 10px 6px 10px;
	color: #000000;
}

.mds-area-pf3 .details	{
	float: left;
	display: inline;
	margin: 0 0 0 0;
	width: 315px;
	position: relative;
}

a.detail_link:hover	{
	text-decoration: underline;
	color: #000000;
}

.mds-area-pf3 .details .content	{
	padding: 0 10px 15px 10px;
	background-color: #f2f2f3;
}

.mds-area-pf3 .details .content h3	{
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

.mds-area-pf3 .details table	{
	width: 295px;
}

.mds-area-pf3 .details ul	{
	margin: 20px 0 10px 0;
	padding: 0 0 0 15px;
	list-style-type: disc;
}

.mds-area-pf3 .details .text	{
	margin: 0 0 0 0;
	padding: 3px 10px 3px 10px;
	background-color: #e0e0e0;
}

.details .text .amount	{
	float: left;
	font-weight: bold;
	padding: 2px 0 0 0;
}

.details .text .wishlist	{
	float: right;
}

.details .text a.wishlist img	{
	vertical-align: middle;
}


.infotainment_content	{
	margin: 0 0 0 10px;
	width: 152px;
	height: 125px;
	float: left;
	display: inline;
}

.infotainment_content a.text	{
	display: block;
	background: url(../images/buttons/arrow.gif) no-repeat left 5px;
	padding: 3px 0 3px 15px;
	margin: 2px 0 0 0;
}

.infotainment_content_details	{
	width: 315px;
	margin: 0 5px 20px 0;
	position: relative;
	float: left;
	display: inline;
}

.infotainment_content_details.active	{
	background-color: #e0e0e0;
}

.infotainment_content_details img	{
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.infotainment_content_details .text	{
	display: table;
}

.infotainment_content_details .text .amount	{
	position: absolute;
	bottom: 0;
	font-weight: bold;
	left:162px;
}

.infotainment_content_details .text .wishlist	{
	position: absolute;
	right: 0;
	bottom: 0;
	font-weight: bold;
}

/* thickbox wishlist */
.wishlist_lightbox	{
	background: url(../images/backgrounds/thickbox.png) no-repeat left top;
	height: 470px;
	width: 912px;
	padding: 0 0 0 0;
	position: relativ;
}

.wishlist_content	{
	margin: 0 20px 20px 20px;
	background-color: #ffffff;
	padding: 10px 18px 10px 18px;
	height: 410px;
	position: absolute;
	top: 19px;
}

.wishlist_lightbox h3	{
	margin: 0 0 10px 0;
}

.wishlist_lightbox table	{
	margin: 0 0 0 0;
}

.wishlist_lightbox table th	{
	background-color: #d8d9da;
	padding: 3px 5px 3px 5px;
	text-align: left;
}

.wishlist_lightbox table td	{
	padding: 10px 10px 10px 10px;
}

.close	{
	position: absolute;
	right: 30px;
	top: 20px;
}

.scroll	{
	overflow: auto;
	height: 150px;
	width: 840px;
	margin: 5px 0 5px 0;
}

/* level 2 Navigation */
.level2	{
	background: url(../images/backgrounds/bg_2ndlevel.gif) no-repeat center top;
	background-repeat: repeat-x;
	height: 50px;
	padding: 0 0 0 9px;
}

.level2 .carline_info	{
	padding: 8px 10px 4px 10px;
	float: left;
}

.level2 .carline_pic	{
	float: left;
}

.level2 .carline_pic_hl	{
	float: left;
	padding: 8px 0 0 15px;
}

.level2 .selectors	{
	margin: 13px 0px 0px 0px;
	float: right;
	font-size: 10px;
}

.level2 .selectors label,
.level2 .selectors select,
.level2 .selectors input	{
	float: left;
	margin: 0 10px 0 0;
}

.level2 .selectors select	{
	color: #333333;
	font-size: 10px;
	height: 20px;
	width: 200px;
}

.level2 .submit_select	{
	margin: 0 0 0 0;
}

.level2 .search	{
	float: right;
	margin: 13px 10px 0 0;
}

.level2 .search input	{
	float: left;
	margin: 0 10px 0 0;
}

.level2 .search input[type=text]	{
	height: 16px;
	font-size: 10px;
	border: 1px solid #c3c3c3;
	width: 155px;
}

/* scrolling Items */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 910px; 
    height: 228px;
   	padding: 20px 0 0 0;
   	float: left;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.teaser { 
    float:left;
    margin: 0 10px 0 0;
	border: 1px solid #b3b3b3;
	width: 216px;
	height: 206px;
	background: #c1c1c1 url(../images/backgrounds/bg_slider.gif) no-repeat left top;
}

div.scrollable div.teaser h3 { 
	padding: 9px 0 2px 10px;
	font-size: 11px;
}

div.scrollable div.teaser a.text { 
	display: block;
	background: url(../images/buttons/arrow.gif) no-repeat left 5px;
	padding: 3px 0 3px 15px;
	margin: 7px 0 0 10px;
	height: 43px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

div.mm_mos_1 {

}

a.prev,
a.next {
	cursor: pointer;
	float: left;
	margin: 100px 13px 0 0;
}

div.mm_mos_1 ul {
	float: left;
	height: 228px;
	overflow-x: scroll;
	position: relative;
	width: 915px;
}

div.mm_mos_1 ul li {
	float: left;
	margin: 0 10px 0 0;
}

.disabled	{
	visibility: hidden;
}

#cat {
    height:20px;
	line-height:20px;
	padding-top:4px;
}

.carline_tab_buttons {

            background-color:#FFFFFF;

            width:670px;

            height:25px;

            border-bottom: 1px solid #cecece;

}

.carline_tab_button_left_active{

            float:left;

            width:127px;

            height:19px;

            background-color:#FFFFFF;

            font-family: Verdana, Sans-Serif;

            font-size: 11px;

            color:#000000;

            border: 1px solid #cecece;

            text-align: center;

            padding:5px 0px 0px 0px;

}

 

.carline_tab_button_left_inactive{

            float:left;

            width:127px;

            height:19px;

            background-color:#ebecec;

            font-family: Verdana, Sans-Serif;

            font-size: 11px;

            color:#000000;

            border: 1px solid #cecece;

            text-align: center;

            padding:5px 0px 0px 0px;

}

 

.carline_tab_button_right_active {

            float:left;

            width:140px;

            height:19px;

            background-color:#ffffff;

            font-family: Verdana, Sans-Serif;

            font-size: 11px;

            color:#000000;

            border: 1px solid #cecece;

            text-align: center;

            padding:5px 0px 0px 0px;

}

 

.carline_tab_button_right_inactive {

            float:left;

            width:140px;

            height:19px;

            background-color:#ebecec;

            font-family: Verdana, Sans-Serif;

            font-size: 11px;

            color:#000000;

            border: 1px solid #cecece;

            text-align: center;

            padding:5px 0px 0px 0px;

}