/* CSS Document */
body {
	/*background-color: #2F5E7C;*/
	background-color: #000026;
	scrollbar-face-color: #dee3e7;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #dee3e7;
	scrollbar-3Dlight-color: #d1d7dc;
	scrollbar-arrow-color: #313187;
	scrollbar-track-color: #efefef;
	scrollbar-darkshadow-color: #98aab1;
	font-size: 	11px;
	margin: 0px;
	padding: 0px;
}
h2 {
	background-color: #98aab1;
	font-weight: bold;
	font-size: 12px;
	color: #3E647E;
	padding-left: 3px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
	margin: 0px;
	padding: 0px;
}
.flashHeader {
	padding-right: 4px;
	padding-bottom: 0px;
}
.pageContent {
	background-color: #FFFFFF;
	width: 755px;
	font-size: 	13px;
}
.OutlineOne {
	border: #98aab1 1px solid;
	background-color: #ffffff;
	padding: 3px;
	margin: 3px;
	text-align: left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}
.OutlineOne p{
	padding: 5px;
	padding-bottom: 0px;
	margin: 0px;
}
.boxContent {
	padding: 5px;
	padding-bottom: 0px;
	margin: 0px;
	/*text-align: left;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	/*color: #666666;*/
	line-height: 16px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	margin-left: 20px;
	line-height: 14px;	
}
li {
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
.menuColumn {
	width: 180px;
	vertical-align: top;
}
.contentColumn {
	width: 571px;
	vertical-align: top;
}
.errorTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	line-height: 16px;
}
.errorCell {
	color: #FFFFFF;
	background-color: #990000;
}
.errorCell a{
	color: #FFFFFF;
}
.errorCell a:visited {
	color: #FFFFFF;
}
.hintTable {
	padding: 3px;
	margin: 0px;
	margin-top: 3px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	background-color: #FFFFCC;
	border: 2px solid #FFFF00;
}
.successTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006600;
	line-height: 16px;
}
.hostingTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
.cartTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	border: 1px solid #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}
.packageOutline {
	border: 1px solid #CCCCCC;
}
.boxOutline {
	padding: 5px;
	padding-bottom: 0px;
	margin: 0px;
	/*text-align: left;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	border: 1px solid #CCCCCC;
}
.wideInput {
	width: 525px;
}
.footersection {
	/*background-image: url(/images/footer_corners.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	background-color: #ccc;
	height: 25px;
	width: 755px;
	text-align: center;
	/*margin-top: 1px;*/
	padding-top: 3px;
	padding-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #999999;
}
.footersection a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.footersection a:hover {
	text-decoration: underline;
}
#menu {
	border: 1px solid #2F5E7C;
	margin: 3px;
	width: 175px;
	padding: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #98aab1;
}
#menu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-indent: -1em;
}
#menu li {
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #E2E2E2;
}
#menu a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;
}
#menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#menubox {
	border: 1px solid #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
	margin-right: 3px;
	width: 175px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #E9E9E9;
}
.promo {
	float: right;
	width: 135px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding: 0px;
}
.promo td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.promo a {
	border: 1px solid #666666;
	margin: 1px;
	background-color: #E6E6E6;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	color: #000000;
}
.promo a:link {
	text-decoration: none;
	color: #000000;
}
.promo a:hover {
	border: 1px solid red;
	background-color: #FFFFCC;
	text-decoration: none;
	color: #000000;
}
.button {
	border: 1px solid #666666;
	margin: 1px;
	background-color: #E6E6E6;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	color: #000000;
}
.button:hover {
	border: 1px solid red;
	background-color: #FFFFCC;
	text-decoration: none;
	color: #000000;
}
.whiteText a {
	color: #FFFFFF;
	text-decoration: none;
}
.whiteText a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.whiteText a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
fieldset {
  margin-top: 10px;
  padding: 5px;
  font:100%/1 sans-serif;
  border: 1px solid #CCC;
  }
label {
  float:left;
  width:135px;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}
fieldset #header {
	padding-left; 50px;
	font-weight: bold;
	font-size:14px;
}

/*CSS for templates*/
#template_search {
	margin: 0;
	padding: 0;
}
#template_search form {
	overflow: auto;
}
#template_search p {margin: 0; padding: 0; margin-bottom: 3px;}
#template_search form p:first-child {}
#template_search #left {
	float: left;
	width: 300px;
}
#template_search #right {
	float: left;
	width: 225px;
}
#template_search label {
	clear: both;
	float: left;
	width: 65px;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	text-align:left;
	font-weight:bold;
	font-size: 12px;
}
#template_search #right label {
	width: 95px;
}
#template_search select {font-size: 12px; width: 175px;}
#template_search #right select {font-size: 12px; width: 115px;}

/*
#template_search form p.fc input {width: 150px;}
#template_search form p input[name="keyword"] {width: 165px;}
#template_search form p input[type="submit"],
#template_search form p input[type="submit"]:hover,
#template_search form p input[type="submit"]:active {
	width: 114px;
	height: 49px;
	border: none !important;
	background: url('img/bg_input_search.png') no-repeat scroll 50% 0;
	
	text-indent: -100em;
}
#template_search form p input[type="submit"]:hover,
#template_search form p input[type="submit"]:active {background-position: 50% -49px;}
#template_search form p select {width: 175px;}
#template_search form p #right select {width: 116px;}
#template_search form p.submit {
	float: right;
	margin: 0 5px 0 0;
	
	text-align: right;
}
*/

/* template info */
.template_info {
	float: left;
	width: 175px;
	margin: 0 5px 5px 0;
	border: 1px solid #98aab1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fff;
	overflow: visible;
}
	.template_info p {
		margin: 0;
		
		text-align: center;
	}
		.template_info p a {
			display: block;
			padding: 10px 0;
		}
			.template_info p a img {
				display: block;
				height: 125px;
				width: 145px;
				margin: 0 auto;
				background: no-repeat scroll 50% 0;
				border: none;
			}
	.template_info ul {margin: 10px 0 7px 0;}
		.template_info ul li {
			margin: 0 10px;
			overflow: auto;
			
			list-style: none;
			text-indent: 0;
		}
		.template_info ul .type {

			/*height: 35px;
			margin: 0 0 5px 0;*/
			
			text-align: center;
			font-size: 1.15em;
			font-weight: bold;
			line-height: 1.4em;
			color: #3e647e;
		}
		.template_info ul .id {}
		.template_info ul .author {}
		.template_info ul .downloads {}
		.template_info ul .date {}
		.template_info ul .price {
			clear: both;
			margin-top: 10px;
			padding-top: 8px;
			border-top: 1px solid #98aab1;
		}
		.template_info ul .unique {}
			.template_info ul li strong {
				clear: both;
				float: left;
				
				font-weight: normal;
			}
			.template_info ul li span {float: right;}
	.template_info .details {
		margin: 0 0 2px 0;
		padding: 5px;
		background: #98aab1;
		
		text-align: center;
	}
		.template_info .details li {
			display: inline;
			padding: 0 9px;
		}
		.template_info .details li:first-child {
			margin-right: -10px;
			border-right: 1px solid #fff;
		}
			.template_info .details li a {
				position: relative;
				top: -1px;
				
				color: #fff !important;
			}
			.template_info .details li a:hover,
			.template_info .details li a:active {color: #000 !important;}

/* template_info classes */
.template_info.remote-sm {}
.template_info.remote-md {background-color: #eee;}
	.template_info.remote-sm a {}
	.template_info.remote-md a {}
		.template_info.remote-sm a img:first-child,
		.template_info.remote-md a .img_md {
			margin: -1px auto;
			border: 1px solid #98aab1;
			background-color: #fff;
		}

/* template details */
#details {clear: both;}
	#details h3 {
		width: 425px;
		margin: 10px 5px;
	}
	#details #img_links {
		position: relative;
		z-index: 10;
		width: 444px;
		margin: 10px 3px -22px 3px;
		border-left: 1px solid #98aab1;
	}
		#details #img_links li {
			float: left;
			margin: 0;
			border-left: 0px solid #98aab1;
			background: #fff;
			
			list-style: none;
			text-indent: 0;
		}
		#details #img_links .placeholder,
			#details #img_links li a {
				display: block;
				padding: 2px 5px 3px 5px;
				padding-right: 0;
				border-top: 1px solid #98aab1;
				
				text-decoration: none;
			}
			#details #img_links li a:hover {
				text-decoration: underline;
				
			}
			#details #img_links li:first-child a {padding-left: 6px;}
	#details #img_md {
		clear: left;
		float: left;
		width: 444px;
		margin: 0 3px;
	}
		#details #img_md li {
			float: left;
			margin: 0;
			padding: 22px 6px 6px 6px;
			border: 1px solid #98aab1;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
			list-style: none;
			text-indent: 0;
		}
			#details #img_md li img {
				display: block;
				width: 430px;
				margin: 0 auto;
				background: no-repeat scroll 50% 0;
			}
	#details .actual,
	#details .preview,
	#details .templatemonster {
		position: relative;
		z-index: 11;
		float: left;
		width: 85px;
		margin: 0 3px 3px 0;
		
		text-align: center;
	}
	#details .actual,
	#details .preview,
	#details .templatemonster {}
		#details .actual a,
		#details .preview a,
		#details .templatemonster a {
			display: block;
			height: 100%;
			padding: 3px 0 5px 0;
			border: 1px solid #98aab1;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
			text-decoration: none;			
			font-weight: bold;
		}
		#details .actual a:hover,
		#details .preview a:hover,
		#details .templatemonster a:hover {
			margin: -1px;
			border-width: 2px;
		}
	/*#details .templatemonster {display: none;}*/
	#details .specs {
		float: left;
		width: 192px;
		margin: 15px 10px 8px 16px;
	}
		#details .specs li {
			margin-left: 0;
			
			list-style: none;
			text-indent: 0;
		}
		#details .specs .price {
			margin: 10px 0 0 0;
			padding-top: 8px;
			border-top: 1px solid #98aab1;
		}
			#details .specs li span {float: right;}
	
	#details .sources,
	#details .keywords,
	#details .software {margin: 0 10px 10px 10px;}
	#details .keywords,
	#details .sources {
	 	float: left;
		width: 210px;
	}
	#details .sources {margin-top: 15px;}
	#details .software {
		clear: both;
		margin: 8px 16px 10px 16px;
		padding-top: 10px;
		border-top: 1px solid #98aab1;
	}

/* tooltip */
#WzTtDiV table {border-spacing: 0 !important}
#WzTtDiV img {
	display: block;
	background: #fff no-repeat scroll 50% 0;
}
#WzBoDy {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* navigation */
.navigation {
	clear: both;
	margin: 0 0 10px 60px;
}
	.navigation li {
		float: left;
		width: 100px;
		margin: 5px 5px 5px 5px;
		
		list-style: none;
		text-indent: 0;
	}
		.navigation li a {
			display: block;
			height: 100%;
			padding: 3px 0 5px 0;
			border: 1px solid #98aab1;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background: no-repeat scroll 50% 0;
			
			text-align: center;
			text-decoration: none;
			font-weight: bold;
			font-size: 1.25em;
		}
		.navigation li a:hover {
			margin: -1px;
			border-width: 2px;
		}
/*		.navigation li a:hover,
		.navigation li a:active {background-position: 50% -32px;}
		.navigation .first a {background-image: url('img/bg_navigation_first.png');}
		.navigation .last a {background-image: url('img/bg_navigation_last.png');}
		.navigation .previous a {background-image: url('img/bg_navigation_previous.png');}
		.navigation .next a {background-image: url('img/bg_navigation_next.png');} */
		
#menu2 {
	border: 1px solid #2F5E7C;
	margin: 3px;
	width: 175px;
	padding: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #98aab1;
}
#menu2 ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	/*text-indent: -1em;*/
}
#menu2 li {
	list-style-image: url(../images/arrow_right.gif);
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #E2E2E2;
	list-style-position: inside;
	border-bottom: 1px solid #FFF;
	margin-left: -20px;
	padding-left: 0px;
}
#menu2 ul li.subitem {
	list-style-type: none;
	list-style-image: none;
	margin-left:-20px;
	padding-left: 20px;
	/*background-color: #7A929A;*/
	background-color: #C8D1D5;
	color: #333;
	text-transform: none;
	border-bottom: 1px solid #FFF;
	display:block;
}
#menu2 #singleitem {
	list-style-type: none;
	list-style-image: none;
	border-bottom: 1px solid #FFF;
}
html>body #menu2 #singleitem {padding-left: 20px;}
#menu2 #expandeditem {
	list-style-image: url(../images/arrow_down.gif);
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
}
#menu2 #lastsingleitem {
	list-style-type: none;
	list-style-image: none;
	border-bottom: 0px;
}
html>body #menu2 #lastsingleitem {padding-left: 20px;}
#lastitem {
	border-bottom: 1px solid #FFF;
}
#menu2 a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;
}
#menu2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}