/*
	CSS styles for all pages
*/
html 
{
	margin: 0px;
	padding: 0px;
}

a
{
	text-decoration: none;
	color: Black;	
}

body 
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 8pt;
	background: White;
}

.fetstil
{
	font-weight: bold;
}

.ejfetstil
{
	font-weight: normal;
}

.link1
{
	color: White;
}

.link2
{
	color: Black;
}

.lnkRed
{
	color: Red;
}

.lnkWhiteNoDec
{
	color: White;
	text-decoration: none;
	border: none;
}

.lnkBlackNoDec
{
	color: Black;
	text-decoration: none;
	border: none;
}

.lnkBlue
{
	color: Blue;
	font-weight: bold;
}

.dotted_link_white
{
	text-decoration: none;
	color: white;
	border-bottom: white 1px dotted;
}

.dotted_link_black
{
	text-decoration: none;
	color: black;
	border-bottom: black 1px dotted;
}

/* CSS styles for Content1.Master page */
#c_container 
{
	width: 800px;
	position: absolute; left: 50%;
	margin-left: -451px;
	border: none;
}

/* Logo area */
#c_top
{
	text-align: center;
	background: white;
	height: 70px;
}

/* Menu, links and div area */
#c_left
{
	background: gray;
	position: absolute;
	left: 0px;
	top: 70px;
	width: 166px;
	height: 534px;
	border: none;
}

/* Center bit where content will go for diff pages */
#c_center
{
	margin-left: 170px;
	top: 70px;
	width: 640px;
	height: 534px;
	border: none;
}

/* CSS styles for Default.aspx */
/* Car banner */
#c_center1
{
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 313px;
	height: 534px;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
}

/* Promo banner */
#c_center2
{
	position: relative;
	width: 313px;
	height: 534px;
	text-align: center;
	vertical-align: middle;
	border-right: gainsboro 1px solid; 
	border-top: gainsboro 1px solid; 
	border-left: gainsboro 1px solid; 
	border-bottom: gainsboro 1px solid;
	margin-left: 4px;
	padding-left: 4px;
}

/* === TESTING === */
.div_main
{
	width: 910px;
	position: absolute; left: 50%;
	margin-left: -455px;
	border: none;
}

.div_logo
{
	vertical-align:middle;
	text-align: center;
	background: white;
	background-image: url("/resurser/image/logo.gif");
	background-repeat:no-repeat;
	background-position:center;
	height: 70px;
}

.div_left
{
	float: left;
	background: gray;
	width: 220px;
	height: 534px;
	border: none;
	margin-right: 4px;
	text-align: center;
}

.div_content
{
	overflow: auto;
	float: left;
	width: 678px;
	height: 534px;
	margin-bottom: 4px;	
}

.div_header
{
	float: left;
	width: 678px;
	height: 88px;
	margin-bottom: 4px;
}

.div_banner1
{
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 327px;
	height: 260px;
	background: white;
	margin-bottom: 4px;
	padding: 4px;
	border: gainsboro 1px solid; 
}

.div_banner2
{
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 327px;
	height: 260px;
	margin-left: 4px;
	margin-bottom: 4px;
	background: white;
	padding: 4px;
	border: gainsboro 1px solid; 
}

.div_full_center
{
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 668px;
	height: 260px;
	background: white;
	margin-bottom: 4px;
	padding: 4px;
	border: gainsboro 1px solid; 
}

.div_full_center_workshop
{
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 668px;
	height: 352px;
	background: white;
	margin-bottom: 4px;
	padding: 4px;
	border: gainsboro 1px solid; 
}

.div_full_content
{
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 668px;
	height: 432px;
	background: white;
	margin-bottom: 4px;
	padding: 4px;
	border: gainsboro 1px solid; 
}

.div_full
{
	overflow:auto;
	text-align: left;
	float: left;
	width: 668px;
	height: 524px;
	background: white;
	margin-bottom: 4px;
	padding: 4px;
	border: gainsboro 1px solid; 
}

.div_group1
{
    float: left;
    width: 221px;
    height: 166px;
    background: white;
    border: gainsboro 1px solid;
    text-align: center;
}

.div_group2
{
	float: left;
	width: 222px;
	height: 166px;
	background: white;
	margin: 0px 4px 0px 4px;
	border: gainsboro 1px solid; 
	text-align: center;
}

.div_group3
{
	float: left;
	width: 221px;
	height: 166px;
	background: white;
	border: gainsboro 1px solid; 
	text-align: center;
}

.div_footer_copyright
{
	color: Gray;
	float: left;
}


.div_footer_right
{
	color: Gray;
	float:right;
	margin-right: 8px;
}

.div_footer_clear
{
	clear: right;
}

.div_cars
{
	float: left;
	width: 678px;
	height: 100%;
	overflow:scroll
}

h1
{
	font-weight:bold;
	font-family: Arial Black;
	font-size: 14pt;
	color: White;
	text-align: center;
}

.smallLink
{
	color: White;
	font-family: Verdana;
	font-size: 7pt;
}

.div_small_header
{
    background-color: Blue;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
    padding: 4px 0px 4px 0px;
    font-family: Verdana, Helvetica, Arial;
    font-size: 8pt;
}

.pdf_panel
{
	border: 1px;
	background-color: #F5F5F5;
	margin: 4px;
	width: 212px;
}

.dotted_link
{
	text-decoration: underline;
	color: Gray;
}

.div_bilrotate_header
{
	font-size: 11pt;
	font-weight: bold;
}

.div_bilrotate_header2
{
	font-size: 8pt;
}

.div_bilrotate_footer_l
{
	float: left;
	font-size: 10pt;
	font-weight: bold;
}

.div_bilrotate_footer_r
{
	float: right;
	font-size: 10pt;
	font-weight: bold;
}

.bilrotate_finace
{
	color: Red;
	font-size: 12pt;
	font-weight: bold;
}

.bilrotate_price
{
	color: Blue;
	font-size: 12pt;
	font-weight: bold;
}

.div_carrotate_pic
{
	margin-top: 8px;
	height: 188px;
}

.car_rotator
{
	width: 327px;
	height: 260px;
}

/* Styles for offert.aspx page */
.div_q_content
{
	text-align: left;
	float: left;
	width: 665px;
	height: 368px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 4px;
	border: gainsboro 1px solid; 
}

.div_q_bigimage
{
	float: left;
	width: 320px;
	height: 240px;
}

.div_q_info
{
	position:relative;
	float: left;
	width: 328px;
	height: 240px;
	margin-left: 16px;
}

.div_q_specs
{
	float: left;
	width: 100%;
	height: 120px;
	margin-top: 4px;
	overflow: auto;
}

.div_q_smallimgage1
{
    float: left;
    width: 160px;
    height: 120px;
    background: white;
    border: gainsboro 1px solid;
    text-align: center;
    
}

.div_q_smallimgage
{
    float: left;
    width: 160px;
    height: 120px;
    background: white;
    border: gainsboro 1px solid;
    text-align: center;
    margin-left: 9px;
}

.service_booking_payment
{
    height: 320px;
    background-image: url(resurser/image/exploderad_bil.gif);
    background-position: right 50px;
    background-repeat: no-repeat;
}

.groovy_white
{
   color:#000000;
   width:184px;
   background-color:#FFFFFF;
   border-style:solid;
   border-color:#888888;
   border-width:1px;
   	padding-bottom: 2px;
   	padding-top: 2px;
   	margin-bottom: 2px;
   	margin-left: 16px;
}

.groovy_green
{
   color:#000000;
   width:184px;
   background-color:#CCFF66;
   border-style:solid;
   border-color:#888888;
   border-width:1px;
 	padding-bottom: 2px;
   	padding-top: 2px;
   	margin-bottom: 2px;
   	margin-left: 16px;
}

.groovy_yellow
{
   color:#000000;
   width:184px;
   background-color:#FFFF99;
   border-style:solid;
   border-color:#888888;
   	border-width:1px;
   	padding-bottom: 2px;
   	padding-top: 2px;
   	margin-bottom: 2px;
   	margin-left: 16px;
}

.groovy_servicebtn
{
   color:#000000;
   background-color: White;
   text-align: center;
   border-style:solid;
   border-color:#888888;
   	border-width:1px;
   	padding: 4 4 4 4;
   	margin-bottom: 2px;
   	margin-left: 4px;
}

a.BookService
{
	background-image: url(resurser/image/ebbtcbbvh1_0.gif) no-repeat 0 0;
}

a.BookService:hover
{
	background-image: url(resurser/image/ebbtcbbvh1_1.gif) no-repeat;
	
}