/*
Client: Codehook
Author: Lee Turver
Copyright: @leeturver.co.uk
Site: http://www.codehook.com/
*/

body {
	margin: 0;
	padding: 0;
	background: url('http://ccp.codehook.com/images2/bg_top.png') top left repeat-x #99c0c5;
	font-family: Tahoma, Verdana;
	color: #666;
	font-size: 0.7em;
}

html { overflow-y: scroll; }
img { border: 0;}

a { color: #9c9c9c; }
h1 { color: #8be00b; font-size: 1.4em; }
h2, h2 a { text-decoration: none; color: #ff6633; font-size: 1.1em; }
h3 { color: #99c0c7; font-size: 1.25em; }
h4 { color: #8be00b; font-size: 1.2em; }


/* Custom Generic Styles */
a.blue { color: #1f97b2; font-weight: bold; text-decoration: none; }
a.orange { color: #ff6633; font-weight: bold; }

div#container {
	width: 910px;
	margin: 0 auto;
	background: #fff;
}

	div#header {
		width: 100%;
		height: 145px;
		float: left;
		position: relative;
		background: url('http://ccp.codehook.com/images2/bg_top.png') top left repeat-x #99c0c5;

	}

		div#header div#logo {
			width: 245px;
			height: 105px;
			position: absolute;
			left: 0;
		}

		div#header div#statistics {
			width: 665px;
			height: 105px;
			text-align: right;
			float: right;
		}
			div#header div#statistics div.stats {
				width: 250px;
				height: 105px;
				text-align: left;
				float: right;
				margin-top: 30px;
				margin-right: 25px;
			}
		
		div#header div#statistics h5 {
			color: #8de00a;
			font-size: 8pt;
			margin: 0;
			padding-bottom: 5px;
		}
		div#header div#statistics p {
			color: #9cbec7;
			font-size: 8pt;
			margin: 0;
		}
		div#header div#statistics span, div#header div#statistics a {
			color: #8de00a;
			text-decoration: none;
		}

div#content {
	width: 910px;
	height: 100%;
	background: url('http://ccp.codehook.com/images2/main_bg.png') top left repeat-y;
	float: left;
}	

div#footer {
	/*background-image: url('http://ccp.codehook.com/images2/footer.png');*/
	background-color: #99C0C4;
	width: 910px;
	margin: 0 auto;
	height: 179px;
	color: #1677ED;
}

ul#leftnav {
	font-size: 10px;
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-right: 20px;
}
	ul#leftnav li {
		list-style-type: none;
		display: block;
		margin: 0;
	}
		ul#leftnav li a:link, ul#leftnav li a:visited {
			background-color: inherit;
			color: #051B34;
			text-decoration: none;
			display: block; 
			height: 16px;
			padding: 4px 0 3px 20px;
		}
		ul#leftnav li a:hover, ul#leftnav li a:active, ul#leftnav li a.selected {
			background:	#99c0c4 url('http://ccp.codehook.com/images2/nav_hoverbg.png') left repeat-y;
			display: block;
			height: 16px;
			color: #FFFFFF;
		}
		
div#topbox {
	width: 100%;
	float: left;
	background: url('http://ccp.codehook.com/images2/main_bg.png') top left repeat-y;
	clear: both;
}

div#topbox div#topLeft {
	width: 165px;
	float: left;
}

div#topbox div#topRight {
	float: left;
	width: 725px;
}
	div#topbox div#topRight h3 { margin: 0; padding: 0; }
	
div.tpBx {
	background: url('http://ccp.codehook.com/images2/main_top.png') top left no-repeat;
	display: block;
	width: 910px;
	height: 23px;
}	
div.btBx {
	background: url('http://ccp.codehook.com/images2/main_bot.png') top left no-repeat;
	display: block;
	width: 910px;
	height: 14px;
	clear: both;
}

div#content {
	width: 910px;
	float: left;
}

div#colLeft {
	width: 245px;
	padding-left: 20px;
	float: left;
	color: #9c9c9c;
}
	div#colLeft h4 { margin: 0; padding: 0; padding-top: 10px; }

div#colRight {
	width: 605px;
	float: left;
	padding: 0 10px 0 30px;
}
	
div#randomScreenshot{
	padding-top: 10px;
}
	div#randomScreenshot p.view { text-align: right; }
div#randomScreenshot img {
	border: 4px solid #cdcdcd;
	margin: 0 auto;
	display: block;
}
	
/* Left Col form Styles */
.frmLbl { color: #9abfc7; font-weight: bold; padding-right: 5px; }
.frmLgn { width: 47px; height: 22px; background: url('http://ccp.codehook.com/images2/frm_login.png'); border: 0; text-indent: -1000px; cursor: pointer; }
.text { color: #9c9c9c; }

div.hack-banner { border-bottom: 1px dashed #666; margin-bottom: 65px; }

div.hack-img {
	width: 130px;
	float: left;
	padding: 0 15px 15px 0;
}
div.hack-img img {
	border: 3px solid #bdbdbd;
}
div.hack-img p {
	text-align: center;
}

div.blogdate {
	margin-top: -5px;
}

span.hack-price { color: #8be00b; font-weight: bold; font-size: 1.3em; }
div.hack-detailed-right { width: 460px; float: left;}
div.hack-grouped { clear: both; margin: 10px 0 10px 0; }

ul#photos, ul#photos li { list-style-type: none; margin: 0; padding: 0; }
ul#photos li img { border: 3px solid #ccc; }
ul#photos li { float: left; padding: 5px; height: 130px; }

ul.galleryHolder, ul.galleryHolder li { list-style-type: none; margin: 0; padding: 0; }
ul.galleryHolder li img { border: 3px solid #ccc; margin-top: 5px; }
ul.galleryHolder li { text-align: center; float: left; padding: 5px; height: 130px; }


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


ul.productList, ul.productList li { margin: 0; padding: 0; list-style-type: none; }
ul.productList li { width: 190px; float: left; padding-bottom: 15px; }
ul.productList li:last-child { border-bottom: none; }
ul.productList li div.productImage { border-right: 1px solid #dddddd; padding: 15px 0 15px 0;  }
ul.productList li div.productImage img.hackImg { border: 3px solid #ebebeb; }
ul.productList li div.lastRow { border-right: none !important; }
ul.productList li div.productImage img { margin: 0 auto; display: block;  }
ul.productList li div.productInfo {
	border-top: 1px solid #ddd;
	padding: 10px 5px 0 5px;
	text-align: center;
}
ul.productList li div.productInfo a.productTitle { color: #ff4001; font-weight: bold; text-decoration: none; }
ul.productList li div.productInfo a { color: #666666; }
span.priceTxt { color: #666666; font-weight: bold; font-size: 1.1em; }
span.productPrice { color: #8be00b; font-weight: bold; font-size: 1.2em; }

div#productimages {
	float: left;
	width: 210px;
	padding-right: 16px;
	clear: both;
	margin-bottom: 20px;
}

div#productimages div#mainproductimage {
	border: 1px solid #DADADA;
	padding: 15px 0 15px 0;
}
div#productimages div#mainproductimage img {
	display: block;
	margin: 0 auto;
}
div#productimages div#mainproductimage img {
	display: block;
	margin: 0 auto;
}

div#productoverview {
	float: left;
	width: 360px;
}

div#productoverview div#quicktitle {
	color: #FE5B00;
	font-size: 10px;
	padding-bottom: 6px;
	font-weight: bold;
}

div#productoverview div#quickcontent {
	font-size: 10px;
	color: #333333;
}

div#productoverview div.pad {
	height: 16px;
}

div#productoverview div#orderbox {
	background-color: #F6F6F6;
	border: 1px solid #DADADA;
	color: #666666;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
}

div#productoverview div#availability {
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	color: #333333;
	border-bottom: 1px dotted #DADADA;
}

form, table {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#descriptiontitle, div#specificationtitle, div#payment_title {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	background-color: #003A74;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 5px;
	clear: both;
}

div#specificationtitle {
	background-color: #FE5B00;
}

div#description, div#specification, div#payment_text {
	color: #333333;
	font-size: 11px;
}

div#specification div.left {
	float: left;
	padding-left: 10px;
}

div#specification div.leftb {
	float: left;
	padding-left: 10px;
	font-weight: bold;
}

div#specification div.clearborder {
	clear: both;
	padding-top: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dotted #DADADA;
}

select.paySelect { font-size: 8pt; margin: 0 3px 0 3px; }

.ghostsbtn {
	margin-right: 28px;
	-moz-box-shadow: 0px 0px 22px 1px #5279a8;
	-webkit-box-shadow: 0px 0px 22px 1px #5279a8;
	box-shadow: 0px 0px 22px 1px #5279a8;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #28619e), color-stop(1, #103570) );
	background:-moz-linear-gradient( center top, #28619e 5%, #103570 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28619e', endColorstr='#103570');
	background-color:#28619e;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #2867bf;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:100px;
	text-decoration:none;
	text-align:center;
}
.ghostsbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #103570), color-stop(1, #28619e) );
	background:-moz-linear-gradient( center top, #103570 5%, #28619e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#103570', endColorstr='#28619e');
	background-color:#103570;
}.ghostsbtn:active {
	position:relative;
	top:1px;
}

.bo2btn {
	margin-right: 28px;
	-moz-box-shadow: 0px 0px 22px 1px #ffb27f;
	-webkit-box-shadow: 0px 0px 22px 1px #ffb27f;
	box-shadow: 0px 0px 22px 1px #ffb27f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #525252), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #525252 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252', endColorstr='#000000');
	background-color:#525252;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #616161;
	display:inline-block;
	color:#ff7d19;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:128px;
	text-decoration:none;
	text-align:center;
}
.bo2btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #525252) );
	background:-moz-linear-gradient( center top, #000000 5%, #525252 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#525252');
	background-color:#000000;
}.bo2btn:active {
	position:relative;
	top:1px;
}

.mw3btn {
	margin-right: 28px;
	-moz-box-shadow: 0px 0px 22px 0px #b2ff73;
	-webkit-box-shadow: 0px 0px 22px 0px #b2ff73;
	box-shadow: 0px 0px 22px 0px #b2ff73;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7fc94e), color-stop(1, #68b044) );
	background:-moz-linear-gradient( center top, #7fc94e 5%, #68b044 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fc94e', endColorstr='#68b044');
	background-color:#7fc94e;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:100px;
	text-decoration:none;
	text-align:center;
}
.mw3btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #68b044), color-stop(1, #7fc94e) );
	background:-moz-linear-gradient( center top, #68b044 5%, #7fc94e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b044', endColorstr='#7fc94e');
	background-color:#68b044;
}.mw3btn:active {
	position:relative;
	top:1px;
}

.bobtn {
	margin-right: 28px;
	-moz-box-shadow: 0px 0px 22px 0px #aac6cf;
	-webkit-box-shadow: 0px 0px 22px 0px #aac6cf;
	box-shadow: 0px 0px 22px 0px #aac6cf;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72939e), color-stop(1, #3d4c52) );
	background:-moz-linear-gradient( center top, #72939e 5%, #3d4c52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72939e', endColorstr='#3d4c52');
	background-color:#72939e;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #92c1d1;
	display:inline-block;
	color:#f0f0f0;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:114px;
	text-decoration:none;
	text-align:center;
}
.bobtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d4c52), color-stop(1, #72939e) );
	background:-moz-linear-gradient( center top, #3d4c52 5%, #72939e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d4c52', endColorstr='#72939e');
	background-color:#3d4c52;
}.bobtn:active {
	position:relative;
	top:1px;
}

.mw2btn {
	margin-right: 28px;
	-moz-box-shadow: 0px 0px 22px 0px #d1bb80;
	-webkit-box-shadow: 0px 0px 22px 0px #d1bb80;
	box-shadow: 0px 0px 22px 0px #d1bb80;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bf9928), color-stop(1, #99781f) );
	background:-moz-linear-gradient( center top, #bf9928 5%, #99781f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf9928', endColorstr='#99781f');
	background-color:#bf9928;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #967721;
	display:inline-block;
	color:#ceffb5;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:100px;
	text-decoration:none;
	text-align:center;
}
.mw2btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99781f), color-stop(1, #bf9928) );
	background:-moz-linear-gradient( center top, #99781f 5%, #bf9928 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99781f', endColorstr='#bf9928');
	background-color:#99781f;
}.mw2btn:active {
	position:relative;
	top:1px;
}

.cod4btn {
	margin-right: 28px;
	-moz-box-shadow: 1px 0px 22px 0px #87bd7b;
	-webkit-box-shadow: 1px 0px 22px 0px #87bd7b;
	box-shadow: 1px 0px 22px 0px #87bd7b;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #575757), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #575757 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#000000');
	background-color:#575757;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #3c9637;
	display:inline-block;
	color:#34b828;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:100px;
	text-decoration:none;
	text-align:center;
}
.cod4btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #575757) );
	background:-moz-linear-gradient( center top, #000000 5%, #575757 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#575757');
	background-color:#000000;
}.cod4btn:active {
	position:relative;
	top:1px;
}