/**
 * Screen Stylesheet
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 29 Nov 2007
 */
 
 @import "thickbox.css";
 
 body {
 	margin: 0;
 	padding: 0;
 	background: #464646;
 	color: #0d2746;
 	font: 62.5% "Arial Narrow", Arial, Helvetica, sans-serif;
 	}
 	
 	
 	/* links */
 	a {
 		color: #0d2746;
 		}
 	a:hover {
 		text-decoration: none;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 		
 		
 	/* headings */
 	h1, h2, h3, h4, h5, h6 {
 		margin: 0;
 		}
 		
 	h2 {
 		font-size: 1.66em;
		margin: .3em 1.2em;
 		}
	h2 span {
		color: #d7001b;
		}	
 		
 		
 		
 		/* container
 		--------------------*/
 		#container {
 			width: 1000px;
 			margin: 15px auto;
 			background: #fff url(../webimages/bg-container3.gif) bottom left no-repeat; 
 			}
 			
 			.clearfix:after {
 				display: block;
 				clear: both;
 				height: 0;
 				content: ".";
 				visibility: hidden;
 				}
 			
 			
 		/* header
 		--------------------*/
 		#header {
 			position: relative;
 			background: #fff;
			height: 115px;
 			}
 		#header h1 {
			float: left;
 			padding: 30px 20px 0;
			margin: 0;
 			}	
 		
 			/* top navigation */
 			ul#nav {
 				position: absolute;
 				bottom: 0px;
 				right: 15px;
 				list-style: none;
 				margin: 0;
 				padding: 0;
				background: url(../webimages/divider.gif) right 2px no-repeat;
 				}
 			#nav li {
 				display: block;
 				float: left;
 				padding: 0;
				margin: 0;
 				}
 			#nav li a {
 				font-size: 1.5em;
 				text-decoration: none;
				text-transform: uppercase;
				padding: 0 15px;
				font-weight: bold;
				background: url(../webimages/divider.gif) 0 2px no-repeat;
 				}
			#nav li a:hover, #nav li a.home {
 				color: #d7001b;
 				} 				
 			
 			/* login status */
 			#login_status {
 				position: absolute;
 				top: 28px;
 				right: 260px;
				font-size: 1.2em;
 				}

 				
 				
 		/* content
 		-------------------*/
		
 		#content-sub {
 			float: left;
 			width: 250px;
 			}
		#content-main {
 			float: left;
 			width: 710px;
			padding: 0 0 0 15px;
			margin: 12px 0 0;
			min-height: 560px;
 			height: auto !important;
  			height: 560px;			
			background: url(../webimages/bg-line.png) 0 0 repeat-y;
 			}
			
			#content-main div#random {
			background: #fff url(../webimages/bg-random.gif);
			width: 722px;
			height: 219px;
			padding: 6px 0;
			overflow: hidden;
			}	
			
			#content-sub #contact {
				margin: 15px 0;
				}
 			
			/* side nav */
			ul#side-nav {
				list-style: none;
				margin: 0 5px;
				padding: 0;
				}
			#side-nav li {
				margin: 0;
				padding: 0 0 0 5px;
				}
			#side-nav li a {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 1.2em;
				text-decoration: none;
				background: transparent;
				width: 230px;
				cursor: pointer;
				text-indent: -999em;
				}
				
			#side-nav li a.offset {
				background: url(../webimages/btn-blank-labels-offset.jpg);
				height: 96px;
				}
				
			#side-nav li a.digital {
				background: url(../webimages/btn-blank-labels-digital.jpg);
				height: 95px;
				}
			
			#side-nav li a.stationery {
				background: url(../webimages/btn-stationery-labels.jpg);
				height: 94px;
				}
				
			#side-nav li a.rolls {
				background: url(../webimages/btn-label-rolls.png);
				height: 82px;
				}	
				
			#side-nav li a.quote {
				background: url(../webimages/btn-quote-request.png);
				height: 102px;
				}

			#side-nav li a.download {
				background: url(../webimages/Downlaod.gif);
				height: 45px;
				width: 155px;
				}							
 			
			/* Catalogue Nav */
			ul#catalogue-nav {
                                list-style: none;
                                margin: 10px 5px;
                                padding: 0;
                                }
                        #catalogue-nav li {
                                margin: 0;
                                padding: 0 0 0 5px;
				font-size: 1.8em;
                                }

	
 			/* advantage logo */
 			#advantage {
 				float: right;
				padding: 30px;
 				}
 			
 			/* welcome */
 			#welcome {
 				float: right;
 				width: 646px;
 				padding: 25px 20px 25px;
 				font-size: 1.2em;
 				line-height: 1.6;
 				}
 			
 				h2#content-title {
 					margin: 0 0 5px;
 					color: #006;
 					font-size: 1.6em;
 					}
 				h3.h3-labels-title {
 					margin: 0 0 5px;
 					color: #006;
 					font-size: 1.4em;
 					}
 				h4.h4-labels-title {
 					margin: 0 0 5px;
 					color: #006;
 					font-size: 1.2em;
 					}
 					
 				table.labels-table-list, table.roll-shapes, table.roll-shapes-list {
 					width: 100%;
 					}
 				table.labels-table-list td, table.roll-shapes td {
 					width: 200px;
 					padding: 0 0 15px;
 					border-bottom: 1px solid #ddd;
 					}
 				table.roll-shapes td {
 					width: 300px;
 					}
 				table.labels-table-list td td, table.roll-shapes table td {
 					padding: 0;
 					border: 0;
 					}
 					
 				#shape_list {
 					border: 1px solid #ddd;
 					}
 					
 				table.order-form {
 					margin: 10px 0 5px;
 					border-collapse: collapse;
 					border-top: 1px solid #ddd;
 					border-left: 1px solid #ddd;
 					}
 				table.roll-shapes-list {
 					margin: 0;
 					}
 				table.order-form th, table.order-form td {
 					padding: 3px;
 					border-right: 1px solid #ddd;
 					border-bottom: 1px solid #ddd;
 					}
 				th.order-form-title {
 					background: #eee;
 					}
 					
 					
 					
 				/* forgot password */
 				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;
 					display: block;
 					width: 100px;
 					margin: 0 5px 0 0;
 					text-align: right;
 					}
 				form#passwordForm button {
 					cursor: pointer;
 					display: block;
 					width: 54px;
 					height: 27px;
 					margin-left: 105px;
 					border: 0;
 					background: url(../webimages/btn-submit.gif) no-repeat;
 					text-indent: -999em;
 					}
 				
 			
 			
 		/* footer
 		-------------------*/
 		#footer {
 			width: 1000px;
 			margin: 0 auto;
 			padding: 0;
 			color: #fff;
 			font-size: 1.2em;
 			}
 		#footer a {
 			color: #fff;
 			}
 		#footer p {
 			margin: 0;
 			}
 		#footer #left {
 			float: left;
 			padding: 0 20px 15px;
 			}
 		#footer #right {
 			float: right;
 			padding: 0 20px 15px;
 			}
 						
						
						div.display_images {
							position: relative;
							}
						div.background_image {
							position: absolute;
							bottom: -60px;
							right: -30px;
							width: 126px;
							height: 105px;
							z-index: 99;
							}
						div.image {
							position: absolute;
							top: -1px;
							left: 0;
							z-index: 1;
							border: 1px solid #ddd;
							padding: 3px;
							}
						

						table.car_display {
								width: 100%;
								border-collapse: collapse;
								}
						table.car_display td {
								width: 100%;
								}
						table.car_display table {
								width: 100%;
								margin: 0 0 15px;
								border-collapse: collapse;
								border-top: 1px solid #ddd;
								border-left: 1px solid #ddd;
								}
						table.car_display td.car_display_border table td {
								width: auto;
								padding: 2px 3px;
								border-right: 1px solid #ddd;
								border-bottom: 1px solid #ddd;
								}
						table td.car_display_title {
								font-size: 1.2em;
								font-weight: bold;
								background: #eee;
								}
						table.car_display td.car_display_no_border, table.car_display td.car_display_no_border table {
							border: 0;
							}
						table td.car_display_color {
								background: #336300;
								color: #fff;
								}
						
						
						
						form#request-form,
						form#request-form fieldset {
							margin: 0;
							padding: 0;
							border: 0;
							}
						form#request-form legend {
							display: none;
							}
						form#request-form ol,
						form#request-form ul {
							margin: 0;
							padding: 0;
							list-style: none;
							}
						form#request-form li {
							clear: both;
							margin: 0 0 1em;
							padding: 0;
							}
						form#request-form label {
							float: left;
							display: block;
							width: 120px;
							font-weight: bold;
							margin-right: 10px;
							text-align: right;
							}
						form#request-form label:after {
							content: ":";
							}
						form#request-form fieldset fieldset li {
							float: left;
							margin: 0 5px 0 0;
							clear: none;
							}
						form#request-form fieldset fieldset label {
							display: inline;
							width: auto;
							margin: 0;
							font-weight: normal;
							}
						form#request-form fieldset fieldset label:after {
							content: "";
							}
						form#request-form button {
							margin-left: 130px;
							width: 50px;
							}