/*
 *  Petrol Records Website
 *  author:  Simon Nielsen
 *  created: March2007
 */

/* standard elements */


body {
	background: #c8c8c8;
	margin: 0px;
}

html, body, #wrapper{
	min-height:100%;
	max-width:896px;
	margin:auto;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	/*color:#333333;*/
	font-size:11px;
}

#wrapper {
	width:expression((document.body.clientWidth > 896)?"896":"100%");
	background-color: #fff;
	border-right: 10px #fff solid;
	border-left: 10px #fff solid;
	border-bottom: 10px #fff solid;
}


/* text elements */
.toptensmall {
	font: normal 10px Arial, Helvetica, sans-serif;
	vertical-align:top;
}

a.smallblue {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color:#0066ff;
	text-decoration: none;
	margin-left:10px;
	
}
a.smallblue:hover {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color:#0066ff;
	text-decoration: underline;
	margin-left:10px;
}

.StandardButton {
	background-color: #ccc;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#666;
	border: 1px solid #999;
}

/* This sets the style for all DNN items */

a#dnn_dnnLOGIN_hypLogin {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
}
a#dnn_dnnLOGIN_hypLogin:hover {
	text-decoration: underline;
}
a#dnn_dnnUSER_hypRegister {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
}
a#dnn_dnnUSER_hypRegister:hover {
	text-decoration: underline;
}

/* This sets the style for all DNN items */
A.CommandButton:link, A.CommandButton:visited
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #7e7e7e;
	text-decoration: underline;
}

A.CommandButton:hover
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #7e7e7e;
	text-decoration: none;
}

A.CommandButton:active
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #7e7e7e;
	text-decoration: underline
}

.NormalTextBox
{
	background-color: #fff;
}

#txtPassword
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
}


/* DNN items END */


/* Content Middle Table */

.midtable {
	margin-top:10px;
	max-height:500px;
}
* html .midtable {
	height: 500px;
}


/* Top Right Table */

#topright {
	background-color: #dddedf;
	width: 210px;
}

.topbg {
	background-image:url(img/bg_topright.gif);
	background-repeat: no-repeat;
	width: 210px;
	height: 6px;
}

.toprightred {
	background-image:url(img/bg_topright_red.gif);
	background-repeat: no-repeat;
	width: 210px;
	height: 37px;
	text-align: center;
}

/* TOP 10 */

#topteninside {
	border: solid #e8d9bd 2px;
	border-bottom: 0px;

}

.toptenright {
	text-align: right;
	display: inline;

}

.tabcontent { 
	background: #fff;
	line-height: 13px;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 1px;
}

A.toptenlink {
	font-family: Helvetica Neu, Arial, Helvetica, sans-serif;
	font-size:10px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #999999;
	border: dotted 1px #fff;
}

A.toptenlink:visited {
	font-family: Helvetica Neu, Arial, Helvetica, sans-serif;
	font-size:10px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #999999;
	border: dotted 1px #fff;
}

A.toptenlink:active {
	font-family: Helvetica Neu, Arial, Helvetica, sans-serif;
	font-size:10px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #999999;
	border: dotted 1px #fff;
}

A.toptenlink:hover {
	font-family: Helvetica Neu, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: dotted 1px #cccccc;
	background-color:#e4e4e4;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #666666;
}

#toptenunder {
/* 	background-color:#e8d9bd;  */
	width: 360px;
	background-color:#fff;
	border-top: solid 2px #e8d9bd;
/* padding: 2px 6px 6px 6px;  */
}

/* navigation */
.topnav a {
	display: block;
	text-decoration: none;
	font: bold 11px Arial;
	color: #ccc;
	height: 29px;
	float: left;
	display: inline;
	/* margin-right: 5px; */
	/* margin-left: 15px; */
	background-image: url(img/navbutton.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
	text-align:center;
	padding-left: 14px;
	padding-right: 14px;
}

.topnav a:visited {
	display: block;
	text-decoration: none;
	font: bold 11px Arial;
	color: #ccc;
	height: 29px;
	float: left;
	display: inline;
	/* margin-right: 5px; */
	/* margin-left: 15px; */
	background-image: url(img/navbutton.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
	text-align:center;
	padding-left: 14px;
	padding-right: 14px;
}

.topnav a:active {
	display: block;
	text-decoration: none;
	font: bold 11px Arial;
	color: #ccc;
	height: 29px;
	float: left;
	display: inline;
	/* margin-right: 5px; */
	/* margin-left: 15px; */
	background-image: url(img/navbutton.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
	text-align:center;
	padding-left: 14px;
	padding-right: 14px;
}


.topnav a:hover {
	display: block;
	text-decoration: none;
	font: bold 11px Arial;
	color: #fff;
	height: 29px;
	float: left;
	display: inline;
	/* margin-right: 5px; */
	/* margin-left: 15px; */
	background-image:url(img/navbuttonover.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
	text-align:center;
	padding-left: 14px;
	padding-right: 14px;
}

.navtd {
	background-image: url(img/navbutton.jpg);
	background-repeat: repeat-x;
}

/* footer */
.footer {
	color: #7e7e7e !important;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 6px;
	background: #c8c8c8;
	width: 896px;
	margin: 0 auto;
}

A.footlink {
	color: #7e7e7e;
	text-decoration: underline;
}

A.footlink:visited {
	color: #7e7e7e;
	text-decoration: underline;
}

A.footlink:active {
	color: #7e7e7e;
	text-decoration: underline;
}

A.footlink:hover {
	color: #7e7e7e;
	text-decoration: none;
}

.img {
	border: none;
}


/* LOGIN - ADMIN */

.login {
 	font: bold 12px Arial, Helvetica, sans-serif;
 	background-color: #fff;
	color:#666;
	min-height:500px;
}
* html .login {
	height: 500px;
}

/* CONTENT */

.lside {
 	font: bold 12px Arial, Helvetica, sans-serif;
	color:#333;
 	background-color: #e4dad6;
	width: 150px;
	border-right: solid 10px #fff;
	background-image:url(img/bg_browse.gif);
	background-position: top;
	background-repeat: no-repeat;

}
.rside {
 	font: bold 12px Arial, Helvetica, sans-serif;
	color:#333;
 	background-color: #e4dad6;
	width: 150px;
	border-left: solid 10px #fff;
	background-image:url(img/bg_minicart.gif);
	background-position: top;
	background-repeat: no-repeat;

}

h1 {
 	font: bold 14px Arial, Helvetica, sans-serif;
	color: #cc0066;
}

p {
 	font: 12px Arial, Helvetica, sans-serif;
	color:#333;
}

.bread {
 	font: normal 11px Arial, Helvetica, sans-serif;

}

.small {
 	font: normal 10px Arial, Helvetica, sans-serif;

}
.medium {
 	font: normal 11px Arial, Helvetica, sans-serif;

}
.mediumBold {
 	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
}

.formtext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

.myaccount {
 	font: bold 14px Arial, Helvetica, sans-serif;
	color: #cc0066;
	background-color: #fff;
	padding: 10px;
	text-align: left;
}

/* LOGIN PAGE */

.NormalTextBox
{
color: #666;
background-color: #eee;
border: 1px solid #999;
}

.tableLogin
{
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: #fff 1px solid;
	border-collapse: collapse;
	width: 400px;
	background-color: #fff;
	/* background-color: #F0F0F0; */
}

.tableAccount
{
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: #fff 1px solid;
	border-collapse: collapse;
	width: 400px;
	background-color: #fff;
}


/* MODULES */

.dnn_ctr587_ProductPage_ProductName {
 	font: bold 14px Arial, Helvetica, sans-serif;
	color: #cc0066;
}

.cart_text{
	font-weight:normal;
}


.ShopButton {
	border: 1px solid #a31d2c;
	background-color: #b14855;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	height: 21px;
	margin-bottom: 1px;
}


/* free cd form **/
.tbl_freecd_img img{
	border: 1px solid #CCCCCC;
}

.tbl_formfreecd_main{
	width:100% !important;
 	background-color:#f4f4f4;
}
.tbl_formfreecd_main td{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:15px;
	text-align:left;
}
.tbl_freecdform {
	width:500px;
}
.tbl_freecdform td{
	padding:1px 3px 1px 10px;
}

.freecd_list{
	background-color:#FFFFFF;
	font-size:11px;
}
.formfield{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:1px solid #999999;
	background-color:#FFFFFF;
	width:90%
}
.noDisplay{
display:none;
}
/** override the formmodule style **/
.normal{
	color:#333333;
	11px;
}