body, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li{margin:0;padding:0}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt}

a#bookmarkUs{
	position:absolute;
	top:0;
	left:0}

table#header{
	width:100%}
	
	table#header tr.top td.middle{
		height:120px;
		background:#0d5a93 url(images/header_top_middle.gif) 0 0 repeat-x}
		
	table#header tr.bottom td.middle{
		padding-top:9px;
		padding-left:15px;
		height:31px;
		background:#0c4066 url(images/header_bottom_middle.gif) 0 0 repeat-x}
		
		#header tr.bottom td.middle span{
			margin-left:5px;
			color:#dbe6ee;
			font-size:1em;
			font-weight:bold;
			text-transform:capitalize}
		
		#header tr.bottom td.middle a{
			margin-left:15px;
			color:#fff;
			font-size:1em;
			font-weight:bold;
			text-transform:capitalize;
			text-decoration:none}
			
			table#header tr.bottom td.middle a:hover{
				color:#dbe6ee;
				border-bottom:solid 1px #dbe6ee}
	
	table#header td.left,
	table#header td.right{
		width:5px}

table#body{
	margin:10px 15px;
	width:930px}
	
	table#body td.left{
		width:425px}
		
		table#showLayout{
			width:425px;
			height:750px;
			background:#d8eaf8 url(images/layout_background.png) 0 0 no-repeat}
			
			table#showLayout td.title{
				padding-left:10px;
				paddint-top:5px}
			
			table#showLayout td.rating{
				padding-top:5px;
				padding-right:1px;
				text-align:right}
			
			table#showLayout td.added,
			table#showLayout td.numbers{
				padding-left:10px;
				color:#0b3a5c;
				font-size:.8em}
			
			table#showLayout td.thumb{
				padding-top:10px;
				padding-left:20px}
				
				table#showLayout td.thumb img{
					border:none}
			
			table#showLayout td.description{
				padding-top:10px;
				padding-left:10px;
				padding-right:10px}
			
			table#showLayout td.copycode{
				padding-bottom:15px;
				text-align:center}
				
				table#showLayout td.copycode input{
					font-family:"Courier New", Courier, monospace;
					width:400px;
					color:#0b3a5c;
					background-color:#ebf4fb;
					border:solid 1px #0b3a5c}
		
	table#linkColumns{
		width:100%}
		
		table#linkColumns td.left h3{
			margin:30px 10px 10px 0;
			padding:0 0 10px 0;
			color:#14587d;
			font-size:1.1em;
			text-transform:capitalize;
			border-bottom:solid 1px #bbcedd}
		
		table#linkColumns td.left ul{
			margin-right:10px;
			list-style:none;
			width:215px;
			overflow:hidden}
		
		table#linkColumns td.right h3{
			margin:30px 0 10px 10px;
			padding:0 0 10px 0;
			color:#14587d;
			font-size:1.1em;
			text-transform:capitalize;
			border-bottom:solid 1px #bbcedd}
		
		table#linkColumns td.right ul{
			margin-left:10px;
			list-style:none;
			width:190px;
			overflow:hidden}
		
		table#linkColumns p{
			margin-left:10px}
			
		table#linkColumns .textbox{
			width:135px;
			border:solid 1px #9cb2c4}
		
		table#linkColumns .submit{
			cursor:pointer;
			font-weight:bold}
		
			table#linkColumns a{
				display:block;
				overflow:hidden;
				padding-top:.2em;
				padding-bottom:.1em;
				height:1.3em;
				line-height:1.3em;
				color:#0e4d78;
				text-decoration:none;
				border-bottom:solid 1px #e4eef7}
				
				table#linkColumns a:hover{
					background-color:#eef4fa}

	table#body td#layoutList{
		padding-left:15px}
		
		table#body td#layoutList h3{
			margin-bottom:20px;
			padding-bottom:5px;
			color:#14587d;
			font-size:1.1em;
			text-transform:capitalize;
			border-bottom:solid 1px #bbcedd}

			table.searchForm{
				margin-bottom:15px;
				width:100%}
				
				table.searchForm th{
					width:410px;
					text-align:left}
					
					table.searchForm th input{
						width:400px;
						border:solid 1px #9cb2c4}	
					
					table.searchForm td input{
						font-weight:bold;
						cursor:pointer}			
			
			table.adInList{
				margin-bottom:5px;
				width:100%}
			
			table.layoutInList{
				width:100%;
				padding-bottom:5px;
				margin-bottom:5px;
				border-bottom:dotted 1px #bbcedd}
				
				{ default = 106x74 }
				table.layoutInList .image{
					width:100px;
					height:80px}
				
					table.layoutInList .image img{
						padding:4px;
						width:80px;
						height:64px;
						background:#fff url(images/layout_in_list_img_bg.gif) 0 0 no-repeat}
						{ default = 88x66 }
				
				table.layoutInList .title{
					color:#0a395a;
					font-weight:bold}
				
				table.layoutInList  .added{
					color:#a2a2a2;
					font-size:.75em}
				
				table.layoutInList  .numbers{
					color:#0e4D78;
					font-size:.8em}
				
				table.layoutInList  .rating{
					color:#0e4D78;
					font-weight:bold}
				
				table.layoutInList .view,
				table.layoutInList .download {
					width:25px}
				
					table.layoutInList .preview img{
						border:none}
					
					table.layoutInList .download img{
						border:none}
		
		table#showContent{
			width:100%}

table.pagination{
	width:100%}
	
	table.pagination .left{
		width:30%;
		text-align:left}
		
	table.pagination .right{
		width:70%;
		text-align:right}
	
table#footer{
	color:#0e4d78;
	margin:30px 15px;
	width:930px;
	background-color:#eff6fa}
	
	table#footer th{
		padding:10px;
		text-align:left}
	
	table#footer td{
		padding:10px;
		text-align:right}
	
	table#footer a{
		color:#0e4d78;
		padding:5px;
		text-decoration:none}
		
		table#footer a:hover{
			text-decoration:underline}

.popuplayoutHeader{
	display:none}

.popuplayoutBody{
	padding:3px;
	width:350px;
	height:74px;
	background:#fff;
	border:solid 2px #898989}
	
	.popuplayoutBody table.layoutInList{
		margin:0;
		padding:0;
		border:none}
		
		
/*star ratings */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: right top;
}
.star-rating li{
	display: inline;
}
.star-rating li span{
	display: none;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(images/star_small.gif);
	line-height: 10px;
	height: 10px;
}