/* main.css for www.247musicshop.com/services_onlinesolution.php */

/*GENERAL*/
body,frame,iframe,div,p,fieldset,legend,span,ul,ol,li,a,dl,dt,dl,form,table,tr,th,td,img,select,input
{
	margin:0px;
	padding:0px;
	border:0px none #000000;
	border-spacing:0px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,'sans serif';
	font-size:11px;
	text-align:left;
	vertical-align:bottom;
	color:#5f636a;
}

body
{
	background-color:#ebeced;
	background-image:url('/public/_img/bg_body.gif');
	background-repeat:repeat-x;
	text-align:center;	
}

div,table
{
	width:100%;
	border-collapse:collapse;
}

td { vertical-align:top; }

h1 { font-size:16px; font-weight:bold; padding:12px 0px 6px 0px; margin:0px; color:#BCDB00; }
h2 { font-size:14px; font-weight:bold; padding:10px 0px 6px 0px; margin:0px; color:#676767; }
h3 { font-size:13px; font-weight:bold; padding:8px 0px 6px 0px; margin:0px; color:#676767; }
h4 { font-size:12px; font-weight:bold; padding:6px 0px 6px 0px; margin:0px; color:#676767; }
h5 { font-size:11px; font-weight:bold; padding:4px 0px 4px 0px; margin:0px; color:#676767; }
h6 { font-size:10px; font-weight:bold; padding:2px 0px 2px 0px; margin:0px; color:#676767; }

p { margin:5px 0px 5px 0px; }
fieldset
{
	width:98%;
	margin:10px 0px 10px -19px;
	padding:5px 15px 5px 15px;
	border:1px solid #dbdcdd;
	display:block;
}
fieldset img { margin:10px 10px 10px 0px; float:left; }
ol,ul { margin:10px 0px 10px 0px; list-style-position:inside; }
li { margin:2px 10px 2px 0px; }
option, optgroup { font-weight:normal; text-decoration:none; }

a:link { text-decoration:underline; }
a:visited { text-decoration:underline; }
a:active { text-decoration:underline; }
a:hover { text-decoration:underline; }
a:focus { text-decoration:underline; }

h2 a:link, h2 a:hover, h2 a:visited, h2 a:active, h2 a:focus { font-size:14px; font-weight:bold; color:#676767; }

/*---------------------------------------------------------------------------*/

div#page
{
	position:relative;
	width:832px;	
	margin:12px auto 12px auto;
}

/*HEADER*/
div#header
{
	height:438px;
	background-color:#ebeced;
	background-image:url('/public/_img/bg_header.jpg');
	background-repeat:repeat-x;
}
div#header_sub
{
	height:159px;
	background-color:#ebeced;
	background-image:url('/public/_img/bg_header_sub.jpg');
	background-repeat:repeat-x;
}
div#logo
{
	position:absolute;
	top:0px;
	left:20px;
	width:282px;
	height:145px;	
	z-index:1;
}
div#graphical_teaser
{
	position:absolute;
	top:53px;
	left:568px;
	width:224px;
	height:158px;
	overflow:hidden;
	z-index:1;	
}
div#knee
{
	position:absolute;
	top:194px;
	left:572px;
	width:54px;
	height:18px;
	background-image:url('/public/_img/bg_knee.png');
	z-index:3;	
}
div#quickfinder
{
	position:absolute;
	top:208px;
	left:20px;
	width:236px;
	height:213px;
	background-image:url('/public/_img/bg_quickfinder.gif');
}
div#quickfinder_you_are
{
	position:absolute;
	top:53px;
	left:16px;	
	height:20px;
	z-index:3;
}
div#quickfinder_distribute
{
	position:absolute;
	top:126px;
	left:16px;
	height:20px;
	z-index:3;
}
div#quickfinder_find
{
	position:absolute;
	top:178px;
	left:16px;
	height:20px;
	z-index:3;
}
div#quickfinder select { width:170px; height:17px; border:0px none #000000; }

div#header_ad { position:absolute; top:302px; left:570px; }
div#header_ad, div#header_ad img { width:225px; height:115px; }

/*Navigation*/
div#navigation
{
	position:absolute;
	top:5px;
	left:240px;
	width:4px;
	height:29px;
	z-index:2;
}
div#navigation a:link, div#navigation a:hover, div#navigation a:visited, div#navigation a:active, div#navigation a:focus
{
	text-decoration:none;
	font-family:Arial,Verdana,Helvetica,'sans serif';
	font-size:11px;
	color:#ffffff;
}
div#navigation_left { position:absolute; left:0px; width:4px; }
div#navigation_0 { position:absolute; left:4px; width:162px; }
div#navigation_1 { position:absolute; left:166px; width:106px; }
div#navigation_2 { position:absolute; left:272px; width:93px; }
div#navigation_3 { position:absolute; left:365px; width:111px; }
div#navigation_4 { position:absolute; left:476px; width:91px; }
div#navigation_right { position:absolute; left:565px; width:4px; }

div#subnavigation_0 { position:absolute; top:26px; left:4px; width:162px; z-index:4; }
div#subnavigation_1 { position:absolute; top:26px; left:166px; width:106px; z-index:4; }
div#subnavigation_4 { position:absolute; top:26px; left:427px; width:140px; z-index:4; }

div.subnavigation_top_0 { height:1px; background-color:#171717; line-height:0px; font-size:0px; overflow:hidden; display:none; z-index:4; }
div.subnavigation_top_1 { height:6px; background-color:#9399a3; line-height:0px; font-size:0px; overflow:hidden; display:none; z-index:4; }
div.subnavigation_top_2 { height:1px; background-color:#ffffff; line-height:0px; font-size:0px; overflow:hidden; display:none; z-index:4; }
div.subnavigation_top_3 { height:1px; background-color:#b5b8c0; line-height:0px; font-size:0px; overflow:hidden; display:none; z-index:4; }
div.subnavigation_item
{
	height:18px;
	background-color:#989ca7;	
	display:none;
}
div.subnavigation_item_over
{
	height:18px;
	background-color:#6d7179;		
	cursor:pointer;
}
div.subnavigation_item p, div.subnavigation_item_over p
{
	margin:0px;
	padding:3px 0px 0px 15px;
	font-family:Arial,Verdana,Helvetica,'sans serif';
	font-size:11px;
	color:#ffffff;
}
div.subnavigation_spacer_0 { height:1px; background-color:#a9adb7; line-height:0px; font-size:0px; overflow:hidden; display:none; }
div.subnavigation_spacer_1 { height:1px; background-color:#d0d2d8; line-height:0px; font-size:0px; overflow:hidden; display:none; }
div.subnavigation_spacer_2 { height:1px; background-color:#8c8f95; line-height:0px; font-size:0px; overflow:hidden; display:none; }
div.subnavigation_bottom_0 { height:1px; background-color:#969ca6; margin:0px 1px 0px 1px; line-height:0px; font-size:0px; overflow:hidden; display:none; }
div.subnavigation_bottom_1 { height:1px; background-color:#969ca6; margin:0px 2px 0px 2px; line-height:0px; font-size:0px; overflow:hidden; display:none; }

/*MAIN*/
div#main_top
{
	height:12px;
	line-height:0px;
	font-size:0px;
	background-image:url('/public/_img/bg_main_top.gif');
	background-repeat:no-repeat;
}
div#main
{	
	background-image:url('/public/_img/bg_main.gif');
	background-repeat:repeat-y;
}
div#main_bottom
{
	height:12px;
	line-height:0px;
	font-size:0px;
	background-image:url('/public/_img/bg_main_bottom.gif');
	background-repeat:no-repeat;
}

div#main_left { width:364px; margin:0px 0px 0px 6px; float:left; }

div#main_right { width:380px; margin:0px 30px 0px 0px; float:right; }
div.teaser { margin:12px 0px 0px 0px; }
div.teaser_image
{
	width:93px;	
	margin:0px 16px 0px 20px;
	background-image:url('/public/_img/teaser/bg_teaser_shadow.gif');
	background-position:left bottom;
	background-repeat:no-repeat;
}
img.teaser_image
{	
	margin:0px 0px 0px 12px;	
	border:1px solid #c8c8c8;	
}
div.teaser_content
{
	width:255px;
	color:#5f636a;
	float:right;	
}
h3.teaser
{
	font-size:11px;
	padding:0px 0px 2px 0px;
	font-weight:bold;
	color:#BCDB00;
}
h3.teaser a:link, h3.teaser a:hover, h3.teaser a:visited, h3.teaser a:active, h3.teaser a:focus { text-decoration:none; font-weight:bold; color:#BCDB00; }
	
/*SUB*/
div#sub
{
	width:820px;
	background-image:url('/public/_img/bg_sub_right.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	margin:0px 6px 0px 6px;
}

div#sub_left { width:199px; min-height:100%; margin:0px 5px 0px 8px; }
div#sub_center { width:389px; min-height:100%; margin:0px 5px 0px 5px; float:right; }
div#sub_center_right { width:587px; min-height:100%; margin:0px 5px 0px 12px; float:right; }
div#sub_center_all { width:798px; min-height:100%; margin:0px 5px 0px 0px; float:right; }
div#sub_right { width:193px; margin:0px 0px 0px 12px; float:right; }

/*Revenue Model Box*/
div.revenue_model_top
{
	position:relative;
	width:193px;
	height:12px;
	background-image:url('/public/_img/bg_revenue_model_top.gif');
	background-repeat:no-repeat;
	margin:10px 0px 0px 0px;
	line-height:0px;
	font-size:0px;
}
div.revenue_model
{
	position:relative;
	width:193px;
	height:auto;
	background-image:url('/public/_img/bg_revenue_model.gif');
	background-repeat:repeat-y;	
}
div.revenue_model_bottom
{
	position:relative;
	width:193px;
	height:11px;
	background-image:url('/public/_img/bg_revenue_model_bottom.gif');
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	line-height:0px;
	font-size:0px;
}
div.revenue_model h2
{
	position:relative;	
	left:15px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding:4px 0px 8px 0px;
}
div.revenue_model div
{
	width:auto;
	color:#BCDB00;
	padding:0px 0px 6px 15px;
}
div.revenue_model a:link, div.revenue_model a:visited, div.revenue_model a:active, div.revenue_model a:focus { text-decoration:underline; color:#BCDB00; }
div.revenue_model a:hover { text-decoration:underline; color:#ffff66; }

/*Menu*/
div#menu
{
	font-family:Arial,Verdana,Helvetica,'sans serif';
	font-size:12px;
}
/*div#menu a:link { color:#ffffff;}
div#menu a:hover { color:#ffffff;}*/
div#menu_header
{ 
	width:179px;
	height:27px;
	background-image:url('/public/_img/menu/bg_menu_header.gif');
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
}
div#menu_header p
{
	margin:0px;
	padding:3px 0px 0px 0px;
	font-family:Helvetica,Arial,Verdana,'sans serif';
	font-size:17px;
	color:#ffffff;
	float:left;
}
div#menu_header h2
{
	margin:0px;
	padding:4px 0px 0px 5px;
	font-family:Helvetica,Arial,Verdana,'sans serif';
	font-size:17px;
	color:#6d7179;
}
div#menu_top
{
	width:192px;
	height:10px;
	background-color:#e1e1e1;
	background-image:url('/public/_img/menu/bg_menu_top.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	margin:7px 0px 0px 0px;
	line-height:0px;
	font-size:0px;
}
div.menu_item
{
	width:162px;
	height:21px;
	background-color:#e1e1e1;
	background-image:url('/public/_img/menu/bg_menu_item.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:2px 0px 0px 30px;
	font-family:Arial,Verdana,Helvetica,'sans serif';
	font-size:12px;
	color:#ffffff;
}
div.menu_item_over
{
	width:162px;
	height:21px;
	background-color:#e1e1e1;
	background-image:url('/public/_img/menu/bg_menu_item_over.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:2px 0px 0px 30px;
	font-family:Arial,Verdana,Helvetica,'sans serif';
	font-size:12px;
	color:#6d7179;	
	cursor:pointer;
}
div.menu_spacer
{
	width:192px;
	height:4px;
	background-color:#e1e1e1;
	background-image:url('/public/_img/menu/bg_menu_spacer.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	line-height:0px;
	font-size:0px;
}
div#menu_bottom
{
	width:192px;
	height:10px;
	background-color:#e1e1e1;
	background-image:url('/public/_img/menu/bg_menu_bottom.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	line-height:0px;
	font-size:0px;
}

div.menu_item a:link, div.menu_item a:hover, div.menu_item a:active, div.menu_item a:focus, div.menu_item a:visited
{
	font-family:Arial,Verdana,Helvetica,'sans serif';
	font-size:12px;
	color:#ffffff;
}
div.menu_item_over a:link, div.menu_item_over a:hover, div.menu_item_over a:active, div.menu_item_over a:focus, div.menu_item_over a:visited
{
	font-family:Arial,Verdana,Helvetica,'sans serif';
	font-size:12px;
	color:#6d7179;
}

/*CONTENT*/
div#path
{
	height:27px;
	font-family:Arial,Verdana,Helvetica,'sans serif';	
	float:left;
}
div.path_left
{
	width:6px;
	height:27px;
	background-color:#ebeced;
	background-image:url('/public/_img/bg_path_left.gif');
	background-repeat:no-repeat;	
	float:left;
}
div.path_center_short
{
	width:359px;
	height:27px;
	background-image:url('/public/_img/bg_path.gif');
	background-repeat:repeat-x;
	padding:5px 5px 0px 13px;
	float:left;
}
div.path_center_long
{
	width:557px;
	height:27px;
	background-image:url('/public/_img/bg_path.gif');
	background-repeat:repeat-x;
	padding:5px 5px 0px 13px;
	float:left;
}
div.path_center_all
{
	width:768px;
	height:27px;
	background-image:url('/public/_img/bg_path.gif');
	background-repeat:repeat-x;
	padding:5px 5px 0px 13px;	
	float:left;
}
div.path_right
{
	width:6px;
	height:27px;
	background-color:#ebeced;
	background-image:url('/public/_img/bg_path_right.gif');
	background-repeat:no-repeat;
	float:right;
}
div#path a:link, div#path a:hover, div#path a:visited, div#path a:active, div#path a:focus, div#path div { font-size:11px; color:#6e7179; } 

div#content { width:565px; min-height:400px; height:auto !important; height:400px; padding:0px 0px 30px 19px; }
div#content p { line-height:160%; }

div#sub_center div#content { width:368px; }
div#sub_center_all div#content { width:778px; }
div#content img { margin:10px 10px 10px 0px; border:1px solid #cccdce; float:left; }
div#content img.no_border { margin:10px 11px 10px 1px; border:0px none transparent; }
div#content img.right { margin:10px 1px 10px 11px; float:right; }
div#content div.content_right { width:356px; float:left; }
div#content div.content_left { width:192px; float:left; }

div.download_icon { width:auto; height:27px; margin:10px 0px 10px 0px; float:left; }
div.download_text { width:auto; height:27px; padding:10px 0px 10px 0px; }

/*FOOTER*/
div#footer 
{
	font-size:10px;
	color:#b1b1b1;
	text-align:center;
}
div#footer_copyright
{	
	width:40%;
	float:right;
	margin:0px 0px 0px auto;
	text-align:right;
	padding-right:20px;
}
div#footer_address
{
	width:52%;
	padding-left:20px;
}

div#footer a:link { font-size:10px; color:#b1b1b1; }
div#footer a:visited { font-size:10px; color:#b1b1b1; }
div#footer a:active { font-size:10px; color:#b1b1b1; }
div#footer a:hover { font-size:10px; color:#b1b1b1; }
div#footer a:focus { font-size:10px; color:#b1b1b1; }

/*SLIDER*/
div#slider { padding-left:30px; }

/*---------------------------------------------------------------------------*/

div.clear { width:auto; clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; }
div.spacer { height:12px; line-height:0px; font-size:0px; }
div.p { width:auto; margin:10px 5px 10px 0px; line-height:160%; }
fieldset div.p { width:auto; margin:0px 0px 0px 0px; }
div.top { margin:0px 0px 0px 0px; text-align:right; }