/*******************************
---------- HTML 5 --------------
*******************************/


header, section, article, footer, nav, aside {
	display:block;
}


/*******************************
---------- Basic --------------
*******************************/

body {
	background:url(../img/bg.jpg);
}

a {
	text-decoration: none;
	color:black;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,a,li {
	font-family: Courier, helvetica, arial, sans-serif;
	font-weight: normal;
}

.page-title {
	color:#f2f6f9;
	font-size: 40pt;
	text-decoration: none;
	border-bottom:3px solid #fbffff;
}

.page-title:hover {
	text-decoration: none;
	-moz-text-shadow: 1px 1px 1px white;
	-webkit-text-shadow: 1px 1px 1px white;
}

.gold {
	color: #f6e6bb;
}

.title-underline {
	border-bottom:3px solid #f8e7bc;
}

h1 {
	font-size: 27pt;
	color: #5b5b5b;
	text-shadow: 1px 1px #f1e1b7;
}

h1.h2 {
	font-size: 24pt;
	color: #d36642;
	text-shadow: 1px 1px #e0d1b0;
	border-bottom:1px dashed #efbc00;
	line-height: 30pt;
}

h2 {
	font-size: 24pt;
	color: #d36642;
	text-shadow: 1px 1px #e0d1b0;
	border-bottom:1px dashed #efbc00;
	line-height: 30pt;
}

h3 {
	font-size: 14pt;
	color:black;
	text-align: center;
	line-height: 16pt;
}

h6 {
	font-size: 8pt;
	color:black;
}

ul {
	overflow: hidden;
}

li {
	margin-left:0px;
	list-style: none;
}

#page-wrapper{
   height:100%;
   position:relative;
}

.container_24 {
	padding:0px 5px 0px 5px;
}

.rounded {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


.content{
	font-family: 'museo_slab_500regular', Courier,Helvetica,Arial;
	font-size:120%;
	color:#404040;
}

.content a{
	font-family: 'museo_slab_500regular', Courier,Helvetica,Arial;
	color:#d3854c;
}

/*******************************
---------- Header---------------
*******************************/

#super-header {
	background: url(../img/superheader.jpg) repeat-x;
	height:33px;
	}
	
#header-wrapper {
	background: url(../img/header.png) repeat-x;
	overflow: hidden;
	
	}
	
#header-logo {
	background: url(../img/logo.jpg);
	background-repeat: no-repeat;
	height: 70px;
	margin:2px 0px 0px 140px;
	}

/*******************************
---------- Nav------------------
*******************************/

header nav {
	overflow: hidden;
	float: left;
	margin-top: 5px;
	}


header nav li {
	float:left;
	margin-right:10px;
	text-shadow: 1px 1px #ffffff;
	}
	
	header nav li a {
		color: #3e3e3e;
		font-size:113%;
	}
	
		header nav li a:hover, nav .selected {
		color: #cb5b00;
		border-bottom: 1px solid #cb5b00;
		text-decoration: none;
		}
	
.cart {
	margin:-5px 5px 0px -2px;
}

/*******************************
---------- Title----------------
*******************************/

#title-wrapper {
	background: url(../img/titlebanner.png) repeat-x;
	margin-top:-10px
}

#patch-title {
	padding-top: 10px;
}

/*******************************
---------- Home Area-----------
*******************************/
#home_text{
	float:left;
	width:65%;
}

#home_image{
	float:right;
	width:35%;
	padding-top:20px;
	text-align:center;
}

#home_image img{
	border:1px solid #86818d;
}

#flash_app {
	/*padding: 60px 20px 20px 20px;*/
	padding: 20px;
	border: 5px solid #87818C;
	background:#fff;
	margin: 0 0 15px 0;
	position: relative;
}


#flash_app .AuthorizeNetSeal {
	position:absolute;
	top:120px;
	left:40px;
}

/*******************************
---------- Patch Area-----------
*******************************/

#patch-details {
	background-color: #fff;
	border:10px solid #f9f9f9;
	-webkit-outline: 1px dashed #efbb00;
	-moz-outline: 1px dashed #efbb00;
	outline: 1px dashed #efbb00;
}

#patch-image {
	padding:10px;
}

/*******************************
---------- Patch Tables---------
*******************************/

#patch-details-inner table td, th {
	border:1px solid #343434;
	padding:2px 5px 2px 2px;
}

#patch-details-inner table th {
	background:#787878;
	background-image: -webkit-gradient(linear, left top, left bottom, from (#787878), to(#5a5a5a));
	background: -moz-linear-gradient(top, #787878, #5a5a5a);
	text-align:center;
	font-size: 9pt;
	color: #fff;
	text-shadow: 1px 1px #000;
	border-bottom: 0px solid #5d473e;
}


#patch-details-inner {
	overflow: hidden;
	float: left;
	}


#patch-details-inner table {
	float:left;
	margin-right:20px;
	}
	


/*******************************
---------- Patch Buttons-------
*******************************/

#customise-button {
	overflow: hidden;
	float: left;
	}
	
	#customise-button button{
		float: left;
		width:306px;
		height:46px;
		margin-left:110px;
		background:url(../img/btn.png);
		background-repeat: no-repeat;
		border:none;
		}
		
		#customise-button a button:hover{
			background: url(../img/btnOver.png);
			background-repeat: no-repeat;
			}
	
#like-button {
	overflow: hidden;
	float: left;
	}
	
	#like-button button{
		float: left;
		width:45px;
		height:21px;
		margin:15px 0 0 200px;
		background:url(../img/icons/like.png);
		background-repeat: no-repeat;
		border:none;
		}
		
		#like-button a button:hover{
			border:1px solid #c9c9c9;
		}

#send-button {
	overflow: hidden;
	float: left;
	}
	
	#send-button button{
		float: left;
		width:48px;
		height:21px;
		margin:15px 0 0 5px;
		background:url(../img/icons/send.png);
		background-repeat: no-repeat;
		border:none;
		}
		
		#send-button a button:hover{
			border:1px solid #c9c9c9;
		}
		
#facebook-button {
	overflow: hidden;
	float: left;
	}
	
	#facebook-button button{
		float: left;
		width:11px;
		height:11px;
		margin:20px 0 0 5px;
		background:url(../img/icons/facebook.png);
		background-repeat: no-repeat;
		border:none;
		}
		
		#facebook-button a button:hover{
			border:1px solid #c9c9c9;
		}
	
/*******************************
-------- Suggested Patches -----
*******************************/

#suggested-patches {
	overflow: hidden;
	float: left;
	margin-top: 15px;
	}

#suggested-patches table{
	background-color: #fff;
	border:10px solid #f9f9f9;
	-webkit-outline: 1px dashed #efbb00;
	-moz-outline: 1px dashed #efbb00;
	outline: 1px dashed #efbb00;
}

#suggested-patches td {
    bottom: 0; 
	float:left;
	margin-right:10px;
	margin-bottom: -10px;
	text-shadow: 1px 1px #ffffff;
	width:200px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	}
	
	#suggested-patches td a {
		color: #3e3e3e;
	}
	
		#suggested-patches td a:hover {
		color: #cb5b00;
		border-bottom: 1px solid #cb5b00;
		text-decoration: none;
		}

#suggested-patch {
	overflow: hidden;
	float: left;
	}
	
	#suggested-patch button{
		float: left;
		width:164px;
		height:46px;
		margin-left:15px;
		background:url(../img/btn2.png);
		background-repeat: no-repeat;
		border:none;
		}
		
		#suggested-patch a button:hover{
			border:1px solid #c9c9c9;
		}
		
		#suggested-patches img{
		 padding-bottom: 13px;
		}
		
/*******************************
-------- Search  ---------------
*******************************/

aside {
	float: left;
	margin-top: 15px;
	text-align: center;
	}
	
aside #search-area{
	background-color: #fff;
	border:10px solid #f9f9f9;
	-webkit-outline: 1px dashed #efbb00;
	-moz-outline: 1px dashed #efbb00;
	outline: 1px dashed #efbb00;
	}
	
	aside #search-criteria{
	background-color: #fcfbfa;
	border:6px solid #f7fafa;
	-webkit-outline: 1px solid #dadddc;
	-moz-outline: 1px solid #dadddc;
	outline: 1px solid #dadddc;
	width:240px;
	margin:10px 10px 0px 10px;

	}
	
		aside #search-area p{
			color:#fa6526;
			font-family: arial;
			font-weight: bold;
			font-size: 11pt;
			margin-bottom: 0;
		}
		
		aside #search-area select{
			font-size:10pt;
			color:#106ab7;
			border:1px solid #dad9d9
			background:none;
		}
	
	aside #search-area  button{
		float: left;
		width:110px;
		height:30px;
		background:url(../img/btn3.png);
		background-repeat: no-repeat;
		border:none;
		margin:23px 0px 0px 82px;
		}
		
		aside #search-area button:hover{
			border:1px solid #c9c9c9;
		}
		
		aside #search-area img{
		 padding-bottom: 13px;
		}
		
/*******************************
---------- About ---------------
*******************************/

#about-header {
	margin-top:30px;
	background:url(../img/footerbg01.jpg) repeat-x;
	height:40px;
	box-shadow: 0px 0px 5px #010101;
}

#about-header-patch {
	background:url(../img/aboutpatch.png);
	background-repeat: no-repeat;
	height:67px;
	width:67px;
	margin-top: -20px;
	float:left;
}

#about-wrap {
	background:url(../img/footerbg02.jpg);
}

#about-wrap h3 {
	margin-top:30px;
	text-shadow: 1px 1px 0px white;
}

/*******************************
---------- Site Info ----------
*******************************/

#siteinfo-wrapper {
	background:#87818e;
	min-height: 100px;
}

#site-info {
	overflow: hidden;
	/*float: left;*/
	font-size:8pt;
	color:white;
	}

#site-info li {
	float:left;
	margin-right:10px;
	margin-top:10px;
	}
	
	#site-info li a {
	color:white;
	font-size:115%;
	}
	
	#site-info li a:hover {
		color: #cb5b00;
		border-bottom: 1px solid #cb5b00;
		text-decoration: none;
		}
		
#contact {
	text-align: center;
	margin-bottom: 10px;
	margin-left: -90px;
}

/*******************************
---------- Footer Image -------
*******************************/

div#footer_wrapper{
	position:absolute;
	bottom:0;
	width:100%;
	height:100px;
}

#super-footer {
	background: url(../img/superheader.jpg) repeat-x;
	height:33px;
	}



/*******************************
-----  REQUEST INFO PAGE ------
*******************************/

#request-info-container{
	background-color: #fff;
	border:10px solid #f9f9f9;
	-webkit-outline: 1px dashed #efbb00;
	-moz-outline: 1px dashed #efbb00;
	outline: 1px dashed #efbb00;
}

#request-info-container h3{
	font-size:16pt;
	font-weight:bold;
	text-align:left;
	font-family: 'museo_slab_500regular', Courier,Helvetica,Arial;
}

#request-info-form{
	width:50%;
	float:left;
}


#status{
	color:#090;
	font-weight:bold;
}

#request-info-form table th{
	border:0;
	padding:5px 3px;
	text-align:right;
}

#request-info-form table td{
	padding:5px 3px;
	text-align:left;
}

#form h3 {
	font-size: 23px;
	text-align: left;
	color: #87818c;
	text-shadow: 1px 1px white;
	font-family: arial;
	font-weight: bolder;
	text-shadow: 1px 1px white;
}

#request-info-form h2 {
	text-shadow: 0 1px 0 white;
	color: #524F56;
	margin-bottom: 10px;
	font-size: 32px;
}



	#request-info-form input {
		color: #a9abae;
		font-size: 10pt;
		width:180px;
		padding:5px 8px;
		background:#f9f9f9;
		border:1px dashed #f0c840;
	}
	
	#request-info-form button {
		color: #efdfb6;
		font-size: 11pt;
		/*padding:8px 10px;*/
		width:80px;
		height:38px;
		background:#86818d;
		border:0;
	}
	#request-info-form button:hover {
		border:2px solid #c9c9c9;
	}

#request-info-contact{
	width:50%;
	float:left;
}
	
	
/*******************************
---------- SEARCH PAGE ----------
*******************************/

section#search-results{}

div#search-results {
	background-color: #fff;
	border:10px solid #f9f9f9;
	-webkit-outline: 1px dashed #efbb00;
	-moz-outline: 1px dashed #efbb00;
	outline: 1px dashed #efbb00;
	margin-bottom:15px;
}
	
#search-page-criteria {
	overflow:hidden;
	float: left;
	margin-top: 15px;
	text-align: center;
	}	
		#search-page-criteria select {
			float:left;
			margin-bottom:3px;
			width:150px;
			margin-left:45px;
		}
		
		#search-page-criteria option {
			text-align: center;
		}
		
	#search-box {
		background-color: #fcfbfa;
		border:6px solid #f7fafa;
		-webkit-outline: 1px solid #dadddc;
		-moz-outline:1px solid #dadddc;
		outline:1px solid #dadddc;
		width:235px;
		height:160px;
		margin:10px 10px 10px 50px;

	}
	
			#search-box, #currently-viewing p{
			color:#fa6526;
			font-family: arial;
			font-weight: bold;
			font-size: 11pt;
			margin-bottom: 0;
		}
		
		 #search-box select{
			font-size:10pt;
			color:#106ab7;
			border:1px solid #dad9d9;
			background:none;
		}
				
		 #search-box textarea{
			font-size:10pt;
			color:#3e3e3e;
			height:92px;
		}
		
	#search-page-criteria button{
		width:110px;
		height:32px;
		background:url(../img/btn3.png);
		background-repeat: no-repeat;
		border:none;
		margin:15px 0px 10px -5px;
		}
		
		#search-page-criteria button:hover{
			border:1px solid #c9c9c9;
		}
		
		#search-page-criteria img{
		 padding-bottom: 13px;
		}

			#currently-viewing p{
			margin-top: -20px;
		}
			
#search-results {
	margin-top: 15px;
	}

#search-results table{
	margin-top:25px;
}
#search-results td {
    bottom: 0; 
	float:left;
	margin:0px 70px -10px 0px;
	text-shadow: 1px 1px #ffffff;
	width:250px;
	text-align: center;
	line-height: 12px;
	font-weight: bold;
	}
	
	#search-results td a {
		color: #3e3e3e;
	}
	
		#search-results td a:hover {
		color: #cb5b00;
		border-bottom: 1px solid #cb5b00;
		text-decoration: none;
		}

#search-results p {
	overflow: hidden;
	float: left;
	}
	
#search-results img{
	padding:13px 0px 13px 0px;
	}

#search-results #like-button {
 margin:0px 0px 20px -135px;
}

/*******************************
---------- PAGINATION ---------
*******************************/	

#pagination ul{border:0; margin:0; padding:0;}

#pagination li{
	border:0; margin:0; padding:0;
	font-size:18px;
	font-family: Courier;
	list-style:none;
	margin-right:2px;
}

#pagination a{
	border:solid 1px #bcbfc2;
	margin-right:2px;
}

#pagination .previous-off,
#pagination .next-off {
	color:#babdc0;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}

#pagination .next a,
#pagination .previous a {
	font-weight:bold;
	background-color: white;
} 

#pagination .active{
	background:#bcbfc2;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

#pagination a:link,
#pagination a:visited {
	color:#fa6526;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#pagination a:hover{
	border:solid 1px #fa6526;
}