/* Main Stylesheet */

body {
   background-color:#FFCCFF;
   margin: 10px;
   padding: 0;
   text-align: center;
   font-family: verdana,arial,helvetica,sans-serif;
}

div {
   margin: 0 auto;
}

p {
   margin-top: 0;
}

h1 {
	font-size: 18px;
 	color: #CC0033;
 	margin-top: 8px;
 	text-align: center;
}

img {
   margin: 0;
   padding: 0;
}

/* Container */
.container {
   position: relative;
   width: 1007px;
   height: 900px;
   background-color:#FFFFFF;
}

/* Title Graphic */
.title-colour {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 1007px;
   height: 150px;
}

/* Left Container */
.left-container {
   position: absolute;
   left: 0px;
   top: 150px;
   width: 180px;
   height: 750px;
   background-color:#991122;
}
.left-part1 {
   position: absolute;
   left: 10px;
   top: 160px;
   width: 160px;
   height: 40px;
   background-image: url('../images/menutop.jpg');
   background-repeat: no-repeat;
   z-index: 2;
}
.left-part {
   position: absolute;
   left: 10px;
   top: 200px;
   width: 160px;
   height: 370px;
   background-color:#000000;
   border-top: 1px solid #FFFFFF;
   z-index: 2;
}
.left-part3 {
   position: absolute;
   left: 10px;
   top: 570px;
   width: 160px;
   height: 10px;
   background-image: url('../images/menubottom.jpg');
   background-repeat: no-repeat;
   z-index: 2;
}
.left-part11 {
   position: absolute;
   left: 10px;
   top: 600px;
   width: 160px;
   height: 40px;
   background-image: url('../images/menutop.jpg');
   background-repeat: no-repeat;
   z-index: 2;
}
.left-partt {
   position: absolute;
   left: 10px;
   top: 640px;
   width: 160px;
   height: 225px;
   background-color:#000000;
   border-top: 1px solid #FFFFFF;
   z-index: 2;
}
.left-partt a {color: #FFFFFF}
.left-part33 {
   position: absolute;
   left: 10px;
   top: 865px;
   width: 160px;
   height: 10px;
   background-image: url('../images/menubottom.jpg');
   background-repeat: no-repeat;
   z-index: 2;
}

/* Top Text Area */
.text-area {
   position: absolute;
   left: 190px;
   top: 160px;
   width: 810px;
   height: 90px;
   text-align: left;
   p {
   		text-align: left;
   		margin-right: 10px;
   		margin-top: 0px;
   		line-height: 17px;
   		font-family: Arial,Helvetica,Sans-Serif;
   		color: #000000;
   		font-size: 14px;
   		span {
   			font-size: 18px;
   			font-weight: bold;
   		}
   }
   img { 
   		margin-right:15px;
   		float:left;
   }
   
}

/* Widget Area */
.widget {
   position: absolute;
   left: 190px;
   top: 310px;
   height: 550px;
   width: 810px;
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 1;
   text-align: left;
   table {
   		background-color: #FFFFFF;
   		margin: -8px 0 0 0;
   		padding: 0;
   		border-spacing: 8px;
   		border: 0;
   }
   td { 
   		width: 188px;
   		max-width: 188px;
   		height: 200px;
   		padding: 0px;
   		background-image: url('../images/cellback.gif');
   		background-repeat: no-repeat;
   		img { 
   			height: 100%;
   			max-width: 170px;
   			border-radius: 5px;
   		}
   		a {
   			text-decoration: none;
   		}
   		div.title {
   			padding: 0px 10px 0 10px;
   			margin: 0px 0px 7px 0px;
   			height: 40px;
   			color: #cc0000;
   		}
   		div.image { 
   			width: 100%;
   			height: 100px;
   			text-align: center;
   			margin-top: 0px;
   		}
   		div.price { 
   			position: relative;
   			margin-top: 10px;
   			margin-left: 50px;
   			width: 80px;
   			padding: 5px;
   			text-align: center;
   			background-color: pink;
   			border-radius: 5px;
   			border: 1px solid #aa0000;
   			font-weight: bold;
   		}
   	}
   	p.page_numbers {
   		text-align: right;
   		margin-right: 5px;
   		a { 
   			width: 30px;
   			display: inline-block;
   			background-color: pink;
   			text-align: center;
   			text-decoration: none;
   			border-radius: 5px;
   			margin-right: 5px;
   			color: #000;
   			&.grey {
   				background-color: #eee;
   			}
   		}
   	}
}
#search_message {
   position: absolute;
   left: 340px;
   top: 330px;
   width: 460px;
   height: 300px;
   z-index: 1;
   p {
   		text-align: center;
   		margin: 0px;
   		font-family: arial,helvetica,sans-serif;
   		font-size: 18px;
   		color: #CC0033;
   }
}

/* Widget Image (on Hover) */
#WidgetImageContainer {
   position: absolute;
   margin: 0;
   padding: 0;
   display: none;
   z-index: 5;
   img { 
   		border: 1px solid black;
   		border-radius: 5px;
   }
}

/* Table Header */
.obscure {
   position: absolute;
   left: 191px;
   top: 250px;
   height: 50px;
   width: 809px;
   z-index: 2;
   form { 
   		margin-top: 0px;
   }
   table {
   		width: 800px;
   		margin-top: 0px;
   		#header_row {
   			td {
   				vertical-align: top;
   				font-family: Arial,Helvetica,Sans-Serif;
   			}
   			td:first-child {
   				width: 480px;
   				text-align:left;
   				color: #330000;
   				font-size: 16px;
   				font-weight: bold;
   			}
   			td:nth-child(2) { 
   				width: 310px;
   				text-align: right;
   				span {
  					display: inline-block;
   				}
   				#keywords {
   					color:#CC0033;
   					text-align:left;
   				}
			}
   		}
   		#price_ranges_row td {
   			text-align: left;
   			padding-top: 8px;
   			vertical-align: top;
   			font-family: Arial,Helvetica,Sans-Serif;
   			color: #CC0033;
   			font-size: 12px;
   			font-weight: bold;
   			span {
  				display: inline-flex;
  				align-items: center;
  				input {
  					margin: 3px 5px 3px 10px;
  				}
			}
   		}
   		
   }
}

/* Right Side Vertical Strip (to match with Header) */
.vstrip {
   position: absolute;
   left: 1000px;
   top: 150px;
   width: 7px;
   height: 750px;
   z-index: 2;
   background-color:#FFCCFF;
}

/* Base */
.bottom { 
   position: absolute;
   left: 180px;
   top: 865px;
   width: 820px;
   height: 35px;
   background-image: url('../images/baase.jpg');
   text-align: center;
   font-family: arial,verdana,sans-serif;
   font-size: 10px; 
   color: #FFFFFF;
   p { 
   		margin-top: 3px;
   		line-height: 14px;
   }
}
.bottom a:link {color: #FFFFFF}    
.bottom a:visited {color: #FFFFFF}
.bottom a:hover {color: #FFFFFF}  
.bottom a:active {color: #FFFFFF}