/* @override 
	http://techweb.pianodisc.net/magento/skin/frontend/default/modern/css/custom.css
	http://avenueverve.com/clients/pianodisc/magento/skin/frontend/default/wng/css/custom.css
	http://techweb.pianodisc.net/magento/skin/frontend/default/wng/css/custom.css
	http://test2013.wessellnickelandgross.com/skin/frontend/default/wng/css/custom.css
*/

html,body{
	height:100%;
}

body {
	padding:0px;
	margin:0px;
	background:url(../images/backtile.png) repeat-x #040404;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	line-height:1.5em;
	color:#e6e6ea;
}

.main { width:auto; margin:0 auto; min-height:400px; padding:0 8px 8px 8px; background:transparent !important; text-align:left; }

.col1-layout .main {
	padding:0 30px 40px 30px;
}


p {
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	line-height:1.5em;
	color: #e6e6ea;
}


.product-options dt label,
label {
	color: #FADD85 !important;
}

.highlight {
        color: #FADD85;
        font-weight: bold;
}
		
img{
	border:0px;
}

.header {
	height: auto;
	background-color: black;
	padding: 0;
	width: 980px;
}

#nav { width:auto; margin:0 auto; padding:0 0 0 15px; }
#nav a { float:left; padding:0; }

.center{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.container{
	width:980px;
	height:100%;
	margin: 0 auto;
	clear:none;
	margin-top: 0;
}

/*Header starts here*/

.header_container{
	width:100%;
	float:left;
	clear:none;
}

.logo_container{
	width:100%;
	height:74px;
	float:left;
	clear:none;
	text-align:center;
	background:url(../images/headerbg.gif) top left repeat-x;
	padding:5px 0 5px 0;
	border: 0px;
	border-style: solid;
	border-color: #040404;
	border-bottom-width: 3px;
}

.header .logo{
	display: block;
	margin:0 auto !important;
	float: none;
}

.logo a {
	background:url(../images/wng.png) top left no-repeat;
	display: block;
	width:492px;
	height:74px;
    margin-left: auto;
    margin-right: auto;
	text-decoration:none;
}

.logo a span {
	visibility: hidden;
}

.toplinks-bar {
	overflow: auto;
	width: auto;
}

.toplinks-bar .form-language {
	float: left;
}
.toplinks-bar > strong,
.toplinks-bar ul.links {
	float: right;
	margin-right: 12px;
}

/* FORM ELEMENTS */
button.form-button,
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.form-button,
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.form-button span,
button.button span { 
	display:block; 
	height:22px; 
	border:1px solid #bbbbbb; 
	background:#ffffff !important; 
	padding:1px 16px 0 16px; 
	font:bold 12px/22px Arial, Helvetica, sans-serif; 
	text-align:center; 
	white-space:nowrap; 
	color:#333333; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
button.form-button span span,
button.button span span { border:0; padding:0; }
button.disabled span { border-color:#bbb !important; background:#bbb !important; color: #777 !important; }


/*Body starts here*/

.body_container{
	width:100%;
	height:80%;
	float:left;
	clear:none;
}

.leftbar{
	float:left;
	clear:right;
	background-color:#CC3300;
}

/* leftbar menu starts here */
.left_menu{
		width:165px;
		float:left;
		clear:none;
		padding:10px 0 0 20px;
		background:#8e0d0d url(../images/vstripe.png) repeat-x;
		border: 0px;
		border-style: solid;
		border-color: #444444;
		border-right-width: 5px;
		border-bottom-width: 5px;
	}
	.left_menu ul {
		margin:0px;
		padding:0px;
	}
	.left_menu ul li{
		margin:0px;
		padding:0px 0px 15px 0px;
		list-style-type:none;
	}
	.left_menu ul li a, left_menu ul li a:hover{
		margin:0px;
		padding:0px;
		font:bold 13px tahoma;
		color:#ffffcc;
		text-decoration:none;
		text-align:left;
		width:140px;
		display:block;
		}
	.left_menu ul li a:hover{
		background:url(../images/hover-bg.png) left center no-repeat;
		
	}
	.left_menu ul li a.current{
		color:#f3cc18;		
	}
	.left_menu ul li ul{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	.left_menu ul li ul li{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	.left_menu ul li ul li a, left_menu ul li ul li a:hover{
		font:normal 12px tahoma;
		color:#e2c49f;
		text-decoration:none;
		padding:3px 0px 3px 10px;
		text-align:left;
	}
	.left_menu ul li ul li a:hover{
		font:normal 12px tahoma;
		color:#e2c49f;
		text-decoration:underline;
		padding:3px 0px 3px 10px;
	}

/* leftbar menu ends here */

.rightbar{
	float:left;
	clear:none;
	width:65%;
	padding:0 0 0 20px;
	height:100%;
}

.rightbar_body{
	float:left;
	clear:none;
	width:100%;
	padding:5px 25px 5px 5px;
	background-color:#040404;
}

.index_content_instrument{
	width:350px;
	height:250px; /* dh was 395 */
	float:right; 
	clear:none;
	background:url(../images/repetition.png) left top no-repeat;
}

.page-title { border: 0; }

h1, .rightbar_body h1 { font:normal 18px  Georgia, "Times New Roman", Times, serif; color:#dcbb5d !important; padding:0px; margin:0 0 10px 0; border: 0;
}

h2, .rightbar_body h2 { font:normal 20px  Georgia, "Times New Roman", Times, serif; color:#FADD85; padding:0px; margin:0 0 15px 0;}

h3, .rightbar_body h3 { font:normal 16px Georgia, "Times New Roman", Times, serif; color:#FADD85; padding:0px; margin: 10px 0px 0px 0px;}

/* DH Index left content box */
.rightbar_body p{
			font:normal 14px Georgia, "Times New Roman", Times, serif;
			color:#cecece;
			padding:5px 0 5px 0;
			margin:0px;}

.container_body{
	width:100%; 
	height:100%; 
	float:left; 
	clear:none; 
	background-color:#0e0e0e;
	padding:10px;
}

.container_body a:link, container_body a:visited{
	color:#ffffcc;
	text-decoration:underline;
}

/*Action parts*/
.action_left{
	float:left; clear:right; width:55%; height:100%; 
}
.action_right{
	float:right; clear:left; width:45%; clear:none; height:100%;
}
.body_bottom_link{
			float:left; 
			clear:none; 
			width:100%;
		}
		.body_bottom_link a, body_bottom_link a:hover{
		font: bold 14px Georgia;
		color:#ffffcc;
		text-decoration:none;
		display:block;
		width:100%;
		min-width:100%;
		text-align:left;
		padding: 5px 0px 5px 0px;
		}
		.body_bottom_link a:hover{
			color:#ffffff;
			text-decoration:underline;
		}
.black_box{
	width:221px;
	float:right;
	clear:none;
}
.black_box_top{
	width:221px;
	height:14px;
	float:left;
	clear:none;
	background:url(../images/right-box-top.gif) bottom left no-repeat;
}
.black_box_middle{
	width:167px;
	float:left;
	clear:none;
	background:url(../images/right-box-body.gif) top left repeat-y;
	padding:10px 27px 10px 27px;
}
.black_box_middle a, black_box_middle a:hover{
	font: bold 14px Georgia;
	color:#ffffcc;
	text-decoration:none;
	display:block;
	width:180px;
	text-align:left;
}
.black_box_middle a:hover{
	text-decoration:underline;
}
.black_box_bottom{
	width:221px;
	height:26px;
	float:left;
	clear:none;
	background:url(../images/right-box-bot.gif) top left no-repeat;
}

.product-options-bottom {
	background-color: #000000;
}

/*new index*/
.indexaction_left{
	float:left; clear:right; width:41%; height:100%; 
}
.indexaction_right{
	float:right; clear:none; width:59%; clear:none; height:100%;
}
	
.indexblack{
	width:400px;
	float:right;
	clear:none;
}

.indexblack_box_top{
	width:400px;
	height:13px;
	float:left;
	clear:none;
	background:url(../images/indexrighttop.gif) bottom left no-repeat;
	}

.indexblack_box_battom{
	width:400px;
	height:13px;
	float:left;
	clear:none;
	background:url(../images/indexrightbattom.gif) top left no-repeat;
	}
	.indexblack_box_middle{
	width:346px;
	float:left;
	clear:none;
	background:url(../images/indexrightmiddle.gif) top left repeat-y;
	padding:10px 27px 10px 27px;
	
	}

.indexblack_box_middle a, indexblack_box_middle a:hover{
	font: bold 14px Georgia;
	color:#FFFFCC;
	display:block;
	width:320px;
	text-align:left;
	height:30px;
	line-height:18px;
}
.indexblack_box_middle a:hover{
	color:#ffffff;
	text-decoration:none;
} 
 .index_content_box{
	width:55%; /*dh was 80*/
	float:left; 
	clear:right; 
	margin-right:5px; 
	border:2px solid #666666; 
	text-align:center; 
	padding:10px; 
	color:#e6e6ea;
	line-height:25px;
	font-weight:bold;
}
.index_content_box_bot{
	width:95%;
	float:left; 
	clear:right; 
	margin-right:5px; 
	text-align:center; 
	padding:10px; 
	color:#e6e6ea;
	font: 14px Georgia;	
	line-height:25px;
	letter-spacing:2px;
	float:left;
	clear:none;
} 


/* Account Login/Create Pages ============================================================ */
.account-login .content { min-height:245px; padding:0; background:transparent; border:0; }
.addresses-list h2,
.account-login .content h2 { margin-bottom:12px; background:#222222; padding:6px 10px; border: 1px solid #444444; font-weight: normal; text-transform: none; font-size: 14px; color: #fff; }
.account-login .new-users h2 { background-image:none;}
.account-login .registered-users h2 { background-image:none; }
.account-login .buttons-set,
.buttons-set { border: 0;
	border-top: 1px solid #444 !important; margin:0; padding:12px 0 0 0;background:transparent; background-image: none !important; }
label { font-weight: normal !important; }
.addresses-list h3 { color: #ffffff; }

.account-create {}

/* CONTACT FORM */
.fieldset {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}
.fieldset .legend { 
	float: none; 
	font-weight: normal; 
	font-size: 16px; 
	border: 1px solid #444; 
	background: #151515; 
	color: #ffffff; 
	margin: 12px 0px; 
	padding: 4px 8px; 
	position: relative; 
}


#contactForm h2.legend {
	display: none;
}
#contactForm textarea {
	width: 98%;
}
#contactForm .buttons-set {
	border-top: 1px solid #333;
}

.footer p.bugs {
	display: none;
}

.footer .block-subscribe { border: 0; }
.footer .block-subscribe .block-title { display: none; }
.footer .block-subscribe .block-content { background: transparent; padding: 0;
}
.footer .block-subscribe .block-content button,
.footer .block-subscribe .block-content input,
.footer .block-subscribe .block-content label {
	display: block !important;
	float: left;
	margin-right: 12px;
}
.footer .block-subscribe .block-content label {
	line-height: 38px;
	font-size: 12px;
	font-weight: normal;
}
.footer .block-subscribe .block-content button {
	margin-top: 4px;
}
.footer .block-subscribe .block-content input {
	line-height: 1em !important;
}
.price-notice .price {
	color: #FADD85;
}