/**
 * Screen Stylesheet Krewards
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 02 Jan 2008
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	background: #f6f6f6;
 	color: #666666;
 	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
 	}
 
	table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }	
	table { border-collapse: collapse; border-spacing: 0; }
 	
 	/* links */
 	a {
 		color: #666666;
 		}
 	a:hover {
 		text-decoration: none;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 		
 		
 	/* headings */	
 	h1, h2, h3, h4, h5, h6 {
 		margin: 0;
 		}
 		
 		
 		/* structure
 		----------------------*/
 		.wrapper {
 			width: 780px;
 			margin: auto;
 			}
 			
 			
 			#container {
 				background: #fff;
 				}
 			
 			.clearfix:after {
 				display: block;
 				clear: both;
 				height: 0;
 				content: ".";
 				visibility: hidden;
 				}
 				
 				
 				/* header */
				#header {
					position: relative;
					}
 				#header h1 {
 					padding: 32px 10px;
 					}
 			
					/* login */
					#login {
						position: absolute;
						top: 0;
						right: 0;
						padding: 5px;
						background: #9e9fa7;
						color: #fff;
						}	
					#login a {
						color: #000;
						text-decoration: none;
						}
					#login p {
						margin: 0;
						}
 			

					/* points */
					#points {
						position: absolute;
						top: 30px;
						right: 0;
						font-size: 1.3em;
						color: #000;
						}
					#points p {
						margin: 0;
						}
						
						
					/* search */
					#search {
						position: absolute;
						top: 35px;
						right: 0;
						}
					#search form,
					#search p {
						margin: 0;
						}
					#search label {
						margin: 0 5px;
						font-size: 1.1em;
						text-transform: uppercase;
						}
					#search button {
						width: 30px;
						height: 20px;
						margin: 0 0 0 5px;
						border: 0;
						background: url(../webimages/btn-go.gif) no-repeat;
						text-indent: -999em;
						cursor: pointer;
						}
						
						
					.search_form form,
					.search_form fieldset {
						margin: 0;
						padding: 0;
						border: 0;
						}
					.search_form legend,
					.search_form label {
						display: none;
						}
					.search_form form button {
						width: 30px;
						height: 20px;
						margin: 0 0 0 5px;
						border: 0;
						background: url(../webimages/btn-go.gif) no-repeat;
						text-indent: -999em;
						cursor: pointer;
						}
							
	
 				/* content */
 				#content {
 					height: 1%;
 					background: url(../webimages/bg-content.gif) repeat-y;
 					}
 				#content .left {
 					float: left;
 					width: 162px;
 					padding: 30px 10px;
 					color: #fff;
 					font-size: 1.1em;
 					}
 				#content .left h2 {
                                        margin: 0 0 25px;
                                        }
                                #content .left h2 strong {
                                        display: none;
                                        }

                                        /* login form */
                                        #content .left form,
                                        #content .left form fieldset {
                                                margin: 0;
                                                padding: 0;
                                                border: 0;
                                                }
                                        #content .left form ol {
                                                margin: 0;
                                                padding: 0;
                                                list-style: none;
                                                }
                                        #content .left form li {
                                                clear: both;
                                                margin: 0 0 1.6em;
                                                padding: 0;
                                                }
                                        #content .left form label {
                                                display: block;
                                                margin: 0;
                                                padding: 0 0 4px;
                                                }
                                        #content .left form input {
                                                width: 156px;
                                                padding: 5px 0;
                                                border: 1px solid #fff;
                                                }
                                        #content .left form button {
                                                display: block;
                                                width: 156px;
                                                height: 32px;
                                                margin: 15px 0 0;
                                                border: 0;
                                                background: url(../webimages/button-presstoenter.gif) no-repeat;
                                                text-indent: -999em;
                                                cursor: pointer;
                                                }	
 					
 				#content .left ul {
 					margin: 0;
 					padding: 0;
 					list-style: none;
 					}
 				#content .left li {
 					margin: 0;
 					padding: 0 0 20px;
 					}
 				#content .left li a {
 					color: #fff;
 					font-size: 1.4em;
 					text-decoration: none;
 					}
 				#content .left li a strong {
 					display: none;
 					}
 				#content .left li ul {
 					margin: 0;
 					padding: 5px 0 0;
 					}
 				#content .left li li {
 					margin: 0;
 					padding: 0;
 					}
 				#content .left li li a {
 					font-size: 1em;
 					}
 					
 					
 					
 				#content .right {
 					float: right;
 					width: 596px;
 					height: 467px;
 					background: url(../webimages/bg-pic.jpg) no-repeat;
 					}
 					
 				body#inner #content .right {
 					float: right;
 					width: 568px;
 					height: 1%;
 					padding: 15px;
 					background: none;
 					font-size: 1.1em;
 					line-height: 1.6;
 					}
 					
 				body#inner #content .right h3#content-title {
 					margin: 0 0 5px;
 					font-size: 1.4em;
 					}
 					
 				body#inner #content .right p.path {
 					margin: 10px 0;
 					}
 					
 			
					p.code, p.price {
						margin: 0;
						}					
	
					/* product category list */
					ul.category_list, .products_list_table ul, ul.cat_list {
						margin: 0;
						padding: 0;
						list-style: none;
						text-align: center;
						}
					.category_list li, .products_list_table ul li, ul.cat_list li {
						float: left;
						display: block;
						width: 180px;
						padding: 15px 0;
						}
					.category_list a, .products_list_table li a, ul.cat_list li a {
						text-decoration: none;
						}
					.category_list p, .products_list_table li p, ul.cat_list li p {
						margin: 0 0 5px;
						}

					/* cart */
					table.cart_table {
						width: 100%;
						border-collapse: collapse;
						border-top: 1px solid #9e9fa7;
						border-left: 1px solid #9e9fa7;
						}
					table.cart_table th, table.cart_table td {
						border-right: 1px solid #9e9fa7;
						border-bottom: 1px solid #9e9fa7;
						padding: 5px;
						}
	
					.fieldset_title, .order_details_header {
						margin: 0 0 5px;
						font-size: 1.3em;
						border-bottom: 1px solid #9e9fa7;
						} 			

					.form table th {
						text-align: right;
						}
	
 				/* footer */
 				#footer {
 					position: relative;
					border-bottom: 1px solid #9f9fa7;
 					}
 				#footer ul {
 					height: 1%;
 					margin: 0;
 					padding: 10px 0 0;
 					list-style: none;
 					text-align: center;
 					}
 				#footer li {
 					display: inline;
 					margin: 0;
 					padding: 0 10px;
 					background: url(../webimages/bg-footer-dot.gif) 0 4px no-repeat;
 					}
 				#footer li.start {
 					background: none;
 					}
 				#footer li a {
 					color: #666666;
 					font-size: 1.1em;
 					font-weight: bold;
 					text-decoration: none;
 					}
 					
 				#footer h2 {
 					margin: 15px 0;
 					text-align: center;
 					}
 				#footer h2 strong {
 					display: none;
 					}
 					
 					
 				
 				/* access */
 				#access {
					padding: 0 0 15px;
 					}
				#access .wrapper {
					position: relative;
					}
 				#access h3 {
 					margin: 15px 0;
 					}
 				#access h4 {
 					margin: 0 0 3px;
 					}
 				#access h3 strong, #access h4 strong {
 					display: none;
 					}
 				#access ul.rewards {
					width: 400px;
 					margin: 0 0 0 -7px;
 					padding: 0;
 					list-style: none;
 					}
 				#access li {
 					display: inline;
 					padding: 0 0 0 7px;
 					background: url(../webimages/bg-access-divider.gif) right 2px no-repeat;
 					}
 				#access li a {
 					padding: 0 7px 0 0;
					color: #000;
 					text-decoration: none;
 					}