/* CSS Document för www.4soundstockholm.se, Author Fredo Production*/
/*BODY*/
*{
	padding: 0; 
	margin:0;
}
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFF; background-color: #2e2c2d;
}
/*DIV*/
.wrapper {
	width: 1000px; 
	margin:auto;
}
#bg_top {
	width: 1000px;
	margin: 10px 0 0 0;
	height: 165px;
	padding: 0;
	background: url(../bg_images/top_logo.jpg) repeat-x;
}
#bg_top_divider {
	width: 1000px;
	margin: 0;
	height: 5px;
	padding: 0;
	background-image: url(../bg_images/top_divider.jpg);
}
#bg_nav {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 100%;
	background-color: #000;
	overflow: hidden;
}
#nav_container{
	margin:0px 17px 0px 0px; 
	padding: 0;
	height: 30px; 
	text-align: right; 
	width: 710px; 
	float: right; 
	
}
#login_container{
	color: #ff3f30; 
	font: bold 13px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0; 
	padding: 8px 4px 0px 10px; 
	height: 22px; 
	text-align: left; 
	width: 254px;
	float: left;
}
#bottom_nav_container{
	height: 30px; 
	width: 1000px; 
	font: bold 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	text-align: center; 
	color: #999; 
	margin-top: 130px;
}
#content_container{
	width: auto; 
	float: left; 
	background: #61130d url(../bg_images/bg_left_col.jpg) no-repeat;
}
#content_container2{
	width: auto; 
	float: right; 
	background: url(../bg_images/shadowbg.jpg) repeat-y right;
}
#main_banner {
	width: 785px; 
	padding: 0; 
	float: left;
}
#bg_bottom {
	width: 1000px; 
	height: 132px; 
	float: left; 
	background: url(../bg_images/bg_bottom.jpg) no-repeat;
}
#shop_button{
	float: right; 
	margin-top: 22px;
}
#loginform{
	color: #ededed; 
	margin: 20px 0 0; 
	float: none; 
	text-align: left; 
	width: 700px; 
	font: 10px/12px Verdana, "Lucida Grande", Lucida, sans-serif; 
	overflow: hidden;
}
div.col_left {
	width: 178px; 
	float: left; 
	padding-top: 280px;
}
div.col_left div.content {
	width: 178px; 
	margin: 15px; 
	overflow: hidden;
}
div.col_right {
	width: 785px; 
	float: right; 
	padding-right: 17px;
}
div.col_right div.content_left{
	width: 475px; 
	float: left; 
	text-align: left;
}
div.col_right div.content_right{
	width: 300px; 
	float: right; 
	overflow: hidden;
	}
div.headline_banner{
	color: #fff; 
	font: bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	width: 300px; 
	height: 30px; 
	background: url(../layout_img/headline_bg.jpg) no-repeat 0 top; 
	padding-top: 5px; 
	padding-left: 10px;
}
div.product_content{
	width: 300px;
}
div.newsdate{ 
	color: #a2a2a2; 
	font: 9px Verdana, "Lucida Grande", Lucida, sans-serif; 
	width: 100%; 
	padding: 10px;
}
div.news_headline{ 
	width: 100%; padding-bottom: 10px;
}
div.newsletter_header{ 
	background: url(../bg_images/newsletter_header.jpg) no-repeat left top; 
	width: 785px;
	height: 182px;
}
div.contentdivider{ 
  	width: 100%; 
 	height: 6px; 
  	background: url(../layout_img/content_divider.png) no-repeat left top; 
  	margin-top: 2px; 
  	margin-bottom: 3px;
}
div.contentdivider_black{ 
  width: 100%; 
  height: 6px; 
  background: url(../layout_img/content_divider_black.png) no-repeat left top; 
  margin-bottom: 8px; 
  margin-top: 2px;
}
div.margin_top{ 
  	width: 100%; 
  	height: 10px;
}
div.margin_left{
	width: 775px; 
	margin-left: 10px;
	}
div.contentwrapper{
	background: url(../bg_images/content_bg.jpg) repeat-y;
	}
div.contentwrapper div.content{ 
	padding: 3px 10px 3px 15px;
}

/*---NAVIGERING & LÄNKAR----------------------------------------------------------------------------------------------------------------------------------------------*/

/*NAVIGERING*/
div.solidblockmenu{
	height: 30px;
	margin: 0px;
	padding:9px 0 0 0;
	
	}
.solidblockmenu li{
	display: inline;
	}
.solidblockmenu li a{
	font: bold 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #999; 
	text-decoration: none; 
	border-right: 1px solid #999; 
	padding: 9px 10px 9px 10px ; 
	margin: 0;
	}
.solidblockmenu li a:visited{
	color: #999;
	}
.solidblockmenu li a.current, .solidblockmenu li a:hover{
	color: #fff; 
	background: #ff3f30 url(../layout_img/blockactive.jpg) repeat-x center top;
	}

/*BOTTOM_NAVIGERING*/
.bottom_nav li{
	display: inline;
	}
.bottom_nav li a{
	color: #999; 
	text-decoration: none;
	height: 12px; 
	padding: 9px;}
.bottom_nav li a:visited{
	color: #999;
	}
.bottom_nav li a.current, .bottom_nav li a:hover{
	color: #fff;
	}

/*STANDARD LÄNKAR*/
a{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-style: normal; 
	color: #ededed; 
	text-decoration: none;
} 
a:link {
	text-decoration: none; color: #d2d5d5;
	}
a:visited {
	text-decoration: none; color: #d2d5d5;
	}
a:hover {
	text-decoration: underline; color: #d2d5d5;
	}
a:active {
	text-decoration: none; color: #d2d5d5;
	}
/*LEFT CONTACT BAR LÄNKAR*/
a.left_col_contact{
	font-size: 14px; color: #FF3F30; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin: 4px 2px 2px 0px;
	}
a.left_col_contact:link{
	color: #FF3F30; 
	text-decoration: none;
	}
a.left_col_contact:visited{
	color: #FF3F30; 
	text-decoration: none;
	}
a.left_col_contact:hover{
	color: #FF3F30; 
	text-decoration: underline;
	}
a.left_col_contact:active{
	color: #FF3F30; 
	text-decoration: none;
	}
/*HEADLINE NEWS LÄNKAR*/
a.large{
	color: #fff; 
	font: normal normal 32px/31px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	word-spacing: -1px; 
	letter-spacing: -1px; 
	padding-bottom: 6px;}
a.large:link{
	color: #fff; 
	text-decoration: none;}
a.large:visited{
	color: #fff; 
	text-decoration: none;
	}
a.large:hover{
	color: #adaeae; 
	text-decoration: none;
	}
a.large:active{
	color: #fff; 
	text-decoration: none;
	}

/*PRODUCT BANNER LÄNKAR*/
a.medium{
	color: #fff; 
	font: normal normal 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	}
a.medium:link{
	color: #fff; 
	text-decoration: none;
	}
a.medium:visited{
	color: #fff; 
	text-decoration: none;
	}
a.medium:hover{
	color: #fff; 
	text-decoration: underline;
	}
a.medium:active{
	color: #fff; 
	text-decoration: none;
	}

/*COPYRIGHT LÄNKAR*/
#copyright{
	margin-top: 6px; 
	color: #5d5d5d; 
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	}
a.copyright{
	color: #5d5d5d; 
	
	font: 9px Verdana, "Lucida Grande", Lucida, sans-serif;}
a.copyright:link{
	text-decoration: none;
	}
a.copyright:visited{
	text-decoration: none;
	}
a.copyright:hover{
	text-decoration: none;
	}
a.copyright:active{
	text-decoration: none;
	}

/*EDITERINGS LÄNKAR*/
.edit{
	width: 100%; 
	height: 50px; 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #FFF; 
	text-transform: uppercase; 
	vertical-align: middle; 
	padding-bottom: 4px;
	}
	
a.edit{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #FFF;
	}
a.edit:link{
	color: #FFF; 
	text-decoration: none;
	}
a.edit:visited{
	color: #FFF; 
	text-decoration: none;
	}
a.edit:hover{
	color: #33ff00;
	}
a.edit img{
	vertical-align: middle;
	}

/*RADERA*/
.del{
	width: 100%; 
	height: 50px; 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #FFF; 
	text-transform: uppercase; 
	vertical-align: middle; 
	padding-bottom: 4px;
	}
a.del{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #FFF;
	}
a.del:link{
	color: #FFF; 
	text-decoration: none;
	}
a.del:visited{
	color: #FFF; 
	text-decoration: none;
	}
a.del:hover{
	color: #FF0000;
	}
a.del img{
	vertical-align: middle;
	}
	
/*IMG Box-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.floatbox{
	width: 100%;
	clear: left;
	}
div.floatbox div.img_container{
	float: left;
	width: 204px;
	}
div.floatbox div.content_container{
	margin-top: 0;
	margin-right: 200px;
	}
	
/*--------------FORM FIELD & MEDDELANDEN----------------------------------------------------------------------------------------------------------------------------*/
.alert{ 
	/*font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; */
	color:#FF3300; 
	text-transform:uppercase;
}
.message{
	/*font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; */ 
	color:#33ff00; 
	text-transform:uppercase;
	}
.headline_edit {
	color: #FFF; 
	font: normal normal 32px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	letter-spacing: -1px; 
	width: 768px; 
	height: 36px; 
	border-style: none; 
	background: #151515 url(../bg_images/headlinebg.jpg) no-repeat center; 
	border-top: 1px solid #535353; 
	border-right: 1px solid #535353; 
	border-left: 1px solid #535353; 
	padding: 5px 5px 5px 10px;
	}
.date_edit {
	color: #FFF; 
	font: normal normal 32px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	letter-spacing: -1px; 
	width: 768px; 
	height: 36px; 
	border-style: none; 
	background: #151515 url(../bg_images/datebg.jpg) no-repeat center; 
	border-top: 1px solid #535353; 
	border-right: 1px solid #535353; 
	border-left: 1px solid #535353; 
	padding: 5px 5px 5px 10px;
	}
.video_edit {
	color: #FFF; 
	font: normal normal 32px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	letter-spacing: -1px; 
	width: 768px; 
	height: 36px; 
	border-style: none; 
	background: #151515 url(../bg_images/youtubebg.jpg) no-repeat center; 
	border-top: 1px solid #535353; 
	border-right: 1px solid #535353; 
	border-left: 1px solid #535353; 
	padding: 5px 5px 5px 10px;
	}
.loginField {
	font: bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; 
	text-decoration: none; 
	color: #FFF; 
	width: 200px; 
	height: 24px; 
	border-style: solid; 
	background: #151515 url(../layout_img/login_form_bg.gif); 
	border-width: 1px; 
	text-align: center; 
	vertical-align: middle; 
	padding: 5px 0 0 0; 
	margin-bottom: 5px;
}
.reg_form{
	padding: 5px;
	}
div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 550px; /*width of form rows*/
	overflow: hidden;
	padding: 5px 0;
	}
div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 150px; /*width of label (left column)*/
	border-bottom: 1px solid #ff3f30;
	margin-right: 15px; border-color: #ff3f30;
	}
div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px; /* space following the field */
	}
div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 250px;
	background: #151515; font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px 0 5px 8px;
	}
div.fieldwrapper div.thefield input[type="password"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 250px;
	background: #151515; font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px 0 5px 8px;
	}
div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
	width: 300px;
	height: 150px;
	background: #151515; font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px 0 5px 8px;
	}
div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
	margin-top: 5px; /*space above buttonsdiv*/
	}
div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
	height:40px;
	width:80px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 1px 2px;
	margin: 0 4px 0 0;
	background:url(../layout_img/contact_form_button_bg.gif) repeat-x left top;
	}

/*--------------BUTTONS-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.sendnewsbutton{
	height:40px;
	width:100%;
	cursor:pointer;
	border: 1px solid #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing: +2px;
	padding: 1px 2px;
	margin: 0 0 15px 0;
	background:url(../layout_img/send_news_button_bg.gif) repeat-x left top;
	}
.editformbutton{
	height:40px;
	width:100%;
	cursor:pointer;
	border: 1px solid #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing: +2px;
	padding: 1px 2px;
	margin: 0 0 15px 0;
	background:url(../layout_img/edit_form_button_bg.gif) repeat-x left top;
	}
.deleteformbutton{
	height:40px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(../layout_img/edit_form_button_bg.gif) repeat-x left top;
	}
.loginformbutton{
	height:24px;
	width:202px;
	cursor:pointer;
	border: 1px solid #ccc;
	background:#999;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 10px 0 0;
	background:url(../layout_img/login_form_button_bg.gif) repeat-x left top;
	}
.regformbutton{
	height:40px;
	width:80px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding: 1px 2px;
	margin: 4px 4px 0 0;
	background:url(../layout_img/contact_form_button_bg.gif) repeat-x left top;
	}