@media screen {

	/**
	 * Screen Club Deck
	 * Author Matthew Holmes <www.ivt.com.au>
	 * Created 8 Nov 2007
	 */
	 
	 body {
	 	margin: 0;
	 	padding: 0;
	 	color: #333;
	 	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
	 	}


		/* links */
		a {
			color: #f60;
			}
		a:active {
			color: #000;
			}
		a:hover {
			text-decoration: none;
			}
		a img {
			border: 0;
			}
			
			
		/* headings */
		h1, h2, h3, h4, h5, h6 {
			margin: 0;
			}
		h2#innerTitle,
		h2#content-title {
			font-family: Dom Casual,serif;
			font-style: normal;
			font-variant: normal;
			font-weight: bold;
			font-size: 20pt;
			line-height: 20pt;
			font-size-adjust: none;
			font-stretch: normal;
			color: rgb(241, 106, 34);
			/*font-family: "Comic Sans MS", Times, sans-serif;
			font-size: 1.8em;
			margin: 0;*/
			}
			
		h3#innerTitleSmaller {
			font-family: "Comic Sans MS", Times, sans-serif;
			font-size: 1.5em;
			margin: 0 0 10px;
			}
			
		h3#media-title {
			font-family: "Comic Sans MS", Times, sans-serif;
			font-size: 1.5em;
			padding: 10px;
			margin: 0 0 15px;
			background: #ddd;
			}
			
			
		/* hidden elements */
		#header h2, #display_public_media {
			display: none;
			}
			
			
		
		/* =structure
		-----------------------------------*/
		#container {
			width: 900px;
			margin: 0 auto;
			padding: 0 10px;
			background: #eceded;
			}
			
			
			/* clearfix solution */
			.clearfix:after {
				clear: both;
				display: block;
				height: 0;
				content: ".";
				visibility: hidden;
				}
			
			
			/* -- header -- */
			#header {
				position: relative;
				height: 190px;
				background: url(../webimages/bg-header.png) no-repeat;
				}
				
				/* logo */
				#header h1 a {
					position: absolute;
					top: 89px;
					left: 31px;
					width: 92px;
					height: 60px;
					display: block;
					}
				#header h1 img {
					width: 0;
					}
					
				/* navigation */
				#header ul {
					position: absolute;
					top: 35px;
					left: 15px;
					list-style: none;
					margin: 0;
					padding: 0;
					}
				#header li {
					display: inline;
					}
				#header li a {
					padding: 0 5px;
					color: #002059;
					font-size: 1.2em;
					font-weight: bold;
					text-decoration: none;
					text-transform: lowercase;
					}
					
				/* random image */
				#random {
					float: right;
					padding: 10px 35px 0 0;
					}					
					
				/* login */
				#loginarea {
					position: absolute;
					top: 10px;
					left: 20px;
					}
					
					
			/* -- content -- */
			#content {
				height: 1%;
				margin: 15px 0;
				}
			#content-sub {
				float: left;
				width: 250px;
				padding: 0 0 0 15px;
				}
			#content-main {
				float: right;
				width: 600px;
				padding: 0 15px 0 0;
				font-size: 1.1em;
				line-height: 1.6;
				}
				
				
				/* catlist records */
				.category_list {
					height: 1%;
					padding: 5px 0;
					border-bottom: 1px solid #ccc;
					}	
				.category_list a {
					font-size: 1.2em;
					font-weight: bold;
					}
					
				/* list records */
				.product_list {
					height: 1%;
					padding: 5px 0;
					border-bottom: 1px solid #ccc;
					}
				.product_list a {
					font-size: 1.2em;
					font-weight: bold;
					}
					
				/* detail record */
				.product_detail {
					height: 1%;
					}
					
				
				ul.media-list {
					list-style: none;
					margin: 0;
					padding: 0;
					}
				.media-list li {
					float: left;
					margin: 0 65px 0 0;
					}
				.media-list li.end {
					margin: 0;
					}
					
					
				.image {
					float: right;
					border: 1px solid #ddd;
					padding: 5px;
					margin-left: 5px;
					}
					
					
				/* signup form */
				form#signup_form,
				form#signup_form fieldset,
				form#signup_form legend {
					margin: 0;
					padding: 0;
					border: 0;
					}
				form#signup_form legend {
					display: none;
					}
				form#signup_form fieldset fieldset legend {
					display: block;
					}
				form#signup_form ol {
					list-style: none;
					padding: 0;
					margin: 0;
					}
				form#signup_form li {
					clear: both;
					margin: 0 0 .75em;
					padding: 0;
					}
				form#signup_form label {
					float: left;
					width: 120px;
					margin-right: 5px;
					text-align: right;
					}
				form#signup_form label:after {
					content: ":";
					}
				form#signup_form .state {
					float: left;
					margin: 0 0 .75em;
					}
				form#signup_form .receive_email,
				form#signup_form .security_code_fieldset {
					margin-left: 125px;
					}
				form#signup_form .receive_email legend,
				form#signup_form .security_code_fieldset legend {
					margin: 0;
					padding: 0;
					}
				form#signup_form .receive_email ul,
				form#signup_form .state ul {
					list-style: none;
					margin: 0;
					padding: 0;
					}
				form#signup_form .receive_email li,
				form#signup_form .state li {
					float: left;
					width: 48%;
					margin: 0;
					clear: none;
					}
				form#signup_form .receive_email label:after,
				form#signup_form .state label:after {
					content: "";
					}
				form#signup_form .receive_email label,
				form#signup_form .state label {
					display: inline;
					width: auto;
					margin: 0;
					}
				form#signup_form button {
		 			cursor: pointer;
		 			margin-left: 125px;
		 			}
		 			
		 		
		 		form#info_form,
				form#info_form fieldset,
				form#info_form legend {
					margin: 0;
					padding: 0;
					border: 0;
					}
				form#info_form label {
					float: left;
					display: block;
					width: 120px;
					margin: 7px 5px;
					text-align: right;
					}
				form#info_form select {
					
					margin: 6px 0;
					padding: 0;
					
					}
				form#info_form table td { text-align: left; vertical-align: middle; padding: 0 5px 0 0; }
				form#info_form input.input_large_off, input.input_large_on,
				form#info_form textarea {
					margin: 6px 0;
					padding: 0;
					width: 200px;
					border: 1px solid #bbb;
					}
				form#info_form input:focus,
				form#info_form textarea:focus {
					background: #ddd;
					}
				form#info_form br {
					clear: left;
					}
				form#info_form .cancel {
					display: none;
					}
				form#info_form { padding: 0 0 35px; }
				form#info_form #form_info_buttons {
					position: relative;
					}
				
				form#info_form .submit {
					margin: 10px 0 0 100px;
					border: 0;
					padding: 3px;
					width: 80px;
					background: #bbb;
					}
				*html .submit {
					position: absolute;
					left: 40px;
					}
				.form_title { font-size: 1.6em; }
				
				
					
					
				/* side images */
				.sidepic {
					margin: 15px 0 0 45px;
					}
				
		
		
			/* -- footer -- */
			#footer {
				height: 1%;
				padding: 15px 0;
				border-top: 5px solid #ccc;
				text-align: center;
				line-height: 1.6;
				font-size: 1.1em;
				}
			#footer ul,
			#footer p {
				list-style: none;
				margin: 0;
				padding: 0;
				}
			#footer li {
				display: inline;
				margin: 0 1px 0 0;
				background: url(../webimages/bg-divider.gif) bottom right no-repeat;
				}
			#footer li.end {
				margin: 0;
				background: none;
				}
			#footer li a {
				padding: 0 10px 0 8px;
				}
		

	

form#passwordForm,
form#passwordForm fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
form#passwordForm legend {
	display: none;
	}
form#passwordForm ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}
form#passwordForm li {
	clear: both;
	margin: 0 0 .75em;
	padding: 0;
	}
form#passwordForm label {
	float: left;
	width: 100px;
	margin: 0 5px 0 0;
	text-align: right;
	}
form#passwordForm button {
	margin-left: 105px;
	}




.fieldset_title {
	display: none;
	}
.form table th {
	text-align: right;
	}
}

form#update-form, form#update-form fieldset{ margin:0; padding:0; border:0} form#update-form legend{ display:none} form#update-form fieldset fieldset legend{ display:block} form#update-form textarea{ height:90px} form#update-form ol{ margin:0; padding:0; list-style:none} form#update-form li{ clear:both; margin:0 0 .75em; padding:0} form#update-form label{ float:left; width:110px; margin-right:5px; text-align:right} form#update-form label:after{ content:":"} form#update-form .state{ float:left; margin:0 0 .75em} form#update-form ul{ margin:0; padding:0; list-style:none} form#update-form li li{ float:left; width:48%; margin:0; padding:0; clear:none} form#update-form .receive_email, form#update-form .security_code_fieldset{ margin-left:115px} form#update-form .state label, form#update-form .receive_email label{ display:inline; width:auto; margin:0} form#update-form .state label:after, form#update-form .receive_email label:after{ content:""} form#update-form button{ margin-left:115px;border-color:#999 #333 #333 #999;border-style:solid;border-width:1px 1px 1px 1px;background:#d4d0c8 url(../webimage/bg_btn.gif) repeat-x;width:auto;padding:3px;color:#333;font-weight:bold}