/*	
	Copyright (c) 2006 HMV
	All rights reserved
	
	$ Revision date: 11/04/06
	
	Page style CSS Selectors 	 

	CONTENTS
	1. Headings
	2. General text
	3. Link styles
	4. Form styles
	5. Img styles

*/

* { padding:0; margin:0; }

/* headings */	

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	text-align: center;
	font-size:62.5% /* reduces font-size to 10px */;
	background-color: #fff;
	}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 3.6em;
	color: #000;
	padding: 0;
	margin: 0;
	font-weight: normal;
	}
h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 3.6em;
	color: #aaa;
	margin: 0 0 25px 0;
	padding: 0;
	font-weight: normal;
	}

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 175%; /* 130%; */
	margin: 0 0 15px 0;
	border-bottom:0;
	color: #aaa; /* #549534; */
	font-weight: normal;
	}
h4 {
	font-family: arial, helvetica, sans-serif;
	color: #aaa;
	font-size: 15px; /* 12px; 14px; */
	font-weight: normal;
	margin: 0;
	padding: 0px 3px 7px 0px;
	}



/* general text  */	
	
/* first, make sure nested elements don't get smaller */
LI, LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}	
	
#content p {
	font-family: arial, helvetica, verdana, sans-serif;
	color: #666;
	font-size: 1.2em;
	line-height: 1.25em;
	margin: 0px 0px 11px 0px;
	}
#content input, #content select, #content textarea {
	font-family: arial, helvetica, verdana, sans-serif;
	color: #666;
	line-height: 1.25em;
	margin: 0px 0px 11px 0px;
}
#content h2 {
	padding-left: 9px;
	margin-bottom: 11px;
}
#para ul {
	list-style: square;
	margin: auto 20px auto 25px;	
	}
#para ul li {
	font-family: arial, helvetica, verdana, sans-serif;
	color: #666;
	font-size: 1.2em;
	line-height: 1.25em;
	position: relative;
}
#para ol {
	margin: auto 20px auto 25px;
	}	
#para ol li { 
	font-family: arial, helvetica, verdana, sans-serif;
	color: #666;
	font-size: 1.2em;
	line-height: 1.25em;
	position: relative;
}



.stdfield {	width: 350px; }

input.button  {
    width: auto; /* 68px; */
    background: #fff;
    border: 0;
    color: #F6901E !important;
    padding: 0px !important;
		margin: 0px !important;
		font-size: 100%;
		text-align: left;
}
input.stdfield  {
    margin: 5px 0;
    _margin: 5px 0 5px -8px;
    width: 318px;
    border: 1px solid #ccc;
		font-size: 120%;
}
select.stdfield  {
    margin: 5px 0;
    _margin: 5px 0 5px -8px;
    border: 1px solid #ccc;
		font-size: 100%;
}
textarea.stdfield {
		margin: 5px 0;
		_margin: 5px 0 5px -8px;
		width: 610px;
		height: 98px;
		border: 1px solid #ccc;
		font-size: 100%;
}



p.green {
	color: #549534 !important;
	}

p.alignCenter {
	text-align:center;
	}
	

/* success/error messages  */
.error {
	color: #f00 !important;
	font-weight: bold;
	display:block;
	padding-bottom: 4px;
	}

.loginerror {
	color: #549534;
	font-size: 1.2em;
	padding-top: 13px;
	padding-left: 9px;
}

.greenerror {
	color: #549534;
	font-size: 1.2em;
	padding-bottom: 4px;
}


.clear { margin:0; padding:0; clear: both; }

hr {
	margin: 0;
	padding: 0;
 	border: none 0; 
	border-top: 1px dotted #ccc;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	}		


/* Link styles  */	

a			{ color: #E5659c; text-decoration: none; }
a:link		{ text-decoration: none; }
a:visited	{ color: #E5659c; }
a:hover		{ color: #0a0a0a; text-decoration: underline; outline: none; }
a:active	{ text-decoration: underline; outline: none; }	

#content a { color: #F8AB56; }

img, .imglink, .imglink:hover, imglink:visited { border: 0; }

/* Login area styles */

h2.login {float: left; display: inline; margin:0 0 10px 0px; }

#login {
    float: right;
    width: 244px;
    margin: 0 72px 0 0;
    _margin: 0 33px 0 0;
    padding: 0;
   }
p {font-size: 120%;}    

#login fieldset {border: 0;}
#login label {float: left; text-align: right; width: 50px;  margin: 0 10px 0 0;}	
#login input {float: left; width: 125px; margin:0 4px 4px 0; border: 1px solid #9D9FA1; padding: 0; font-size: 110%;}
#login input.button {border: 0; background: #fff; width: 36px; float: left; padding: 0; color: #9D9FA1 !important;}
#login hr {margin: 0;}

.formfield {
	border: 1px #E5659c solid;
	padding: 1px;
	width: 190px;
	margin: 1px 0 3px;
	background-color: #FBEBF4;
	}
.smlinput {
	border: 0px #DFD8CC solid;
	padding: 3px 1px 3px;
	float: left;
	width: 118px;
	margin: 0px 2px 3px 0;
	background-color: #DFD8CC;
	}
.smlinputsubmit {
	width: 25px;
	float: left;
	}
.smlformfielderror { 
	padding: 1px;
	float: left;
	width: 190px;
	margin: 1px 0 3px;
	background-color: #FBEBF4;
	border: 1px #c39 solid; 
	}

.errorText {
	font-weight: bold;
	color: #c39;
	}



label	{
	font-weight: normal;
	color: #9D9FA1;
	font-size: 110%;
	
	}


/* list styles */

ul {
	margin: 0 16px 5px 16px;
	}
ul li {
	color: #333;
	position: relative;
	}

ol {
	font-family: arial, helvetica,  verdana, sans-serif;
	color: #363088;
	margin: 0px 0 2px 35px;
	padding: 1px 0 5px 0; 
	}	
ol li { margin: 5px 0; }


.skip { position: absolute; top: -70%; left: 0px; font-size: 9px; color: #fff; }