html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
html {overflow-y: scroll;}
a { text-decoration: none; -webkit-transition: color 0.3s linear;-moz-transition: color 0.3s linear;-o-transition: color 0.3s linear;transition: color 0.3s linear;}

body {
	background: #eee url(../images/bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font: 26px Arial, Helvetica, sans-serif;	
	margin: 0 20px 15px 0;
	padding-bottom: 5px;
	border-bottom: #ccc 1px solid;
}
.col-1 h2, .col-2 h2, .col-3 h2 {margin-right: 0;}
h3 {
	font: 18px/125% Arial, Helvetica, sans-serif;
	padding: 0;
	border: 0;
	margin: 25px 0 8px;
}
h4 {
	font: bold 15px/125% Arial, Helvetica, sans-serif;
	padding: 0;
	border: 0;
	margin-bottom: 4px;
}

p {
	font: 15px/135% Arial, Helvetica, sans-serif;
	margin: 0 0 15px;	
}
p.small {font: 13px/135% Arial, Helvetica, sans-serif;}
a {color: #084076;}
a:hover {color: #4ea8ff;}




hr { width: 80%; border: 0;border-top: #ccc 1px solid; color: #ccc; height: 1px; margin: 30px 0;}

header {
	background: #001f3d url(../images/header-bg.jpg) 50% 0 repeat-x;
	height: 134px;
	border-bottom: #084076 8px solid;
}

#header-inner {
	margin: 0 auto;
	width: 970px;	
}
#header-inner h1 {
	float: left;
	margin: 38px 0 0 0;
}

#header-inner p {
	float: right;
	color: #fff;
	font-size: 22px;
	margin: 35px 14px 0 0;
}
#header-inner a {color: #fff;}
#header-inner a:hover {color: #ff9900}

#header-inner nav {
	float: right;
	margin: 25px 0 0;
	clear: right;
}
#header-inner nav ul li {
	float: left;
	margin-left: 20px;
}
#header-inner nav ul li a {
	display: block;
	float: left;
	padding: 6px 14px 8px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}
#header-inner nav ul li a:hover, #header-inner nav ul li a.on {
	background: #fff;
	color: #084076;
}

#container {
	width: 945px;
	padding: 20px 0 20px 25px;
	background:#fff; 
	overflow: hidden;
	margin: 20px auto 0;
	-moz-box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow: 0 0 8px #ccc;
	border-bottom: #084076 4px solid;
	color: #454545;
}
#container section ul {	
	font: 15px/135% Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
}
#container section ul li {
	padding: 0 0 0 30px;
	margin: 0 0 5px;
	background: url(../images/bullet.png) 18px 7px no-repeat;
}
#breadcrumb {
	margin-bottom: 20px;
	display: block;	
}
#breadcrumb li {
	display: inline;
	font-size: 12px;
	color: #084076;
	padding-right: 11px;
}
#breadcrumb li a {
	padding-right: 20px;
	background: url(../images/arrow-bullet-grey.jpg) 100% 4px no-repeat;
	color: #999;
}

#breadcrumb li a:hover {
	color: #333;
}
#container #left-side {
	width: 705px;
	float: left;	
}
#container #left-side h2 {
	color: #084076;
}
#container #left-side #featured {
	width: 685px;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

#container #left-side #featured h2 {
	border: 0;
	padding: 0;
	color: #fff;	
}
#container #left-side #featured article {
	background: #084076;background: -moz-linear-gradient(top, #084076 0%, #001f3d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084076), color-stop(100%,#001f3d));background: -webkit-linear-gradient(top, #084076 0%,#001f3d 100%);background: -o-linear-gradient(top, #084076 0%,#001f3d 100%);background: -ms-linear-gradient(top, #084076 0%,#001f3d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084076', endColorstr='#001f3d',GradientType=0 );background: linear-gradient(top, #084076 0%,#001f3d 100%);
	height: 255px;
	color: #fff;
}
#container #left-side #featured article .featured-img {
	float: right; 
	width: 215px;
	text-align: center;
	
}
#container #left-side #featured article .featured-text {
	float: right; 
	margin: 0 25px;
	width: 400px;	
	padding: 20px 0 0 0;
}
#container #left-side #featured article a {color: #fff;}
#container #left-side #featured article .botw {
	position: absolute;
}

.buy-btn {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	height: 30px;
	border: 0;
	background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #9b9b9b 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#9b9b9b));background: -webkit-linear-gradient(top, #ffffff 0%,#9b9b9b 100%);background: -o-linear-gradient(top, #ffffff 0%,#9b9b9b 100%);background: -ms-linear-gradient(top, #ffffff 0%,#9b9b9b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9b9b',GradientType=0 );			background: linear-gradient(top, #ffffff 0%,#9b9b9b 100%);
	font: bold 15px Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: #084076;
	padding: 0 8px;
}
.blue-btn {
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px;
	height: 30px;
	border: #fff solid 1px;
	background: #084076;
	font: bold 15px Arial, Helvetica, sans-serif;
	display: block;
	cursor: pointer;
	color: #fff;
	padding: 3px 12px;	
	margin-right: 20px;
	-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
	float: left;
}
.blue-btn:hover {
	border: #084076 solid 1px;
	background: #fff;
	color: #084076;
}
.price {font: normal 17px Arial, Helvetica, sans-serif;}
#container #left-side #featured article .featured-text .price {float: left;	margin: 14px 0 0 15px;}
#container #left-side #featured article .featured-text form {float: left; margin: 10px 0 0 0;}
.price span {font-weight: bold;}

.buy-buttons {
	width: 450px;
	overflow: hidden;
	margin-bottom: 15px;	
}


#books article {
	width: 175px;
	margin: 0 20px 20px 0;
	background: #084076;
	height: 235px;	
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	position: relative;
	padding: 15px 20px;
	color: #fff;
	float: left;
	overflow: hidden;
}
#books article a { color: #fff;}
#books article h3 {
	font-size: 22px;
	padding: 0;
	border: 0;
	margin: 0 0 8px;
}
#books article p {
	font-size: 13px;
	padding: 0;
	border: 0;
	margin-bottom: 8px;
}

#books article p.white-buy-btn {
	position: absolute;
	bottom: 10px;
	left: 20px;
	display: block;
	padding: 3px 10px 4px;
	background: #fff;
	color: #084076;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
#books article p.price {
	position: absolute;
	bottom: 15px;
	right: 20px;
	color: #fff;
}

#books article .bookcover {
	text-align: center;
	height: 265px;
	width: 215px;
	line-height: 260px;
	position: absolute;
	top: 0;
	left: 0;
	background: #eee;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;
}

#books article .bookcover img {margin: 5px; border: 0;}
#books article .bookcover:hover {opacity: 0;filter: alpha(opacity = 0);}

#large-cover {
	text-align: center;	
	padding-top: 10px;
}
#large-cover img {border: #ccc 1px solid;}
.book-title {margin-bottom: 8px;}
.author {font-size: 17px; font-style: italic; color: #888;}
#books .price strong {color: #084076;}

#container aside {
	float: left;
	width: 215px;
}
#container aside .block {margin-bottom: 20px;}
#container aside h2 {
	display: block;
	padding: 12px 15px 0;
	height: 30px;
	background: #084076;
	width: 185px;
	-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;
	margin:0;
	font-size: 18px;
	color: #fff;
	border: 0;
}
#container aside .block .inner {
	border: #ccc 1px solid;	
	-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;
	padding: 12px 15px 20px;
}
#container aside .block #sidenav {
	background: #084076;	
	-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;
	padding: 5px 15px 20px;
}
#container aside .block #sidenav li {
	margin: 0 0 8px;
	padding: 0 0 0 13px;
	font-size: 13px;
	line-height: 17px;
	background: url(../images/arrow-bullet-white.png) 0 5px no-repeat;
}
#container aside .block #sidenav li a {color: #fff; display: block; }
#container aside .block #sidenav li a span {display: block;color: #ccc; font-style: italic; font-size: 11px;line-height: 14px;}
#container aside .block #sidenav li a:hover {color: #aad5ff;}

#container aside .block .inner h3 {
	font: normal 15px/19px Arial, Helvetica, sans-serif;
	color: #084076;
	margin: 0 0 10px 0;
}
#container aside .block .inner .date {
	font-size: 12px;
	margin: 10px 0 10px;
	display: block;
	color: #666;	
	font-style: italic;
}
#container aside .block .inner p {font: 13px/19px Arial, Helvetica, sans-serif;}

#container aside .block#news .inner p {margin-bottom: 0;}

#container aside .block .inner .readmore {
	display: block;
	margin: 10px 0 10px 0;	
}
#container aside .block#free-delivery {
	padding: 12px 0 14px 15px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	background: #084076;background: -moz-linear-gradient(top, #084076 0%, #001f3d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#084076), color-stop(100%,#001f3d));background: -webkit-linear-gradient(top, #084076 0%,#001f3d 100%);background: -o-linear-gradient(top, #084076 0%,#001f3d 100%);background: -ms-linear-gradient(top, #084076 0%,#001f3d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084076', endColorstr='#001f3d',GradientType=0 );background: linear-gradient(top, #084076 0%,#001f3d 100%);
	font: bold 15px/17px Arial, Helvetica, sans-serif;
	color: #fff;
}
#container aside .block#free-delivery img {
	float: left;	
	margin-right: 10px;
}

#order-by-post {
	width: 300px;
	padding: 30px;	
}

.col-1, .col-2, col-3 {
	float: left;
	margin: 0 20px 20px 0;
}
.last {margin-right: 0 !important;}
.col-1 {width: 215px;}
.col-2 {width: 450px;}
.col-3 {width: 685px;}


footer {
	width: 945px;
	padding: 20px 0 20px 25px;
	margin: 0 auto;
	overflow: hidden;	
}

footer h4 {
	font-size: 20px;
	font-weight: normal;	
	color: #666;
	margin-bottom: 15px;
}

footer ul li {
	margin: 0 0 8px; 
	font: 13px Arial, Helvetica, sans-serif;
}

footer ul li a {
	padding-left: 11px; 
	background: url(../images/arrow-bullet.png) 0 5px no-repeat;
	display: block;
}
footer p {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #454545;	
}
footer label, .form label {
	padding: 10px 0 0 8px;	
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #888;
}
footer .textinput, .form .textinput {
	width: 205px;
	padding: 7px 0 7px 8px;	
	font: 13px/19px Arial, Helvetica, sans-serif;
	background:#f4f4f4;
	border: #ccc 1px solid;
	-webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;-o-transition: background 0.3s linear;transition: background 0.3s linear;
}
.form .textinput {width: 285px;}
footer input:focus.textinput, .form input:focus.textinput, .form textarea:focus {background: #fff;outline: none;border-color: #084076;}
.form .textarea {
	margin-top: 2px;
	width: 285px;
	height: 100px;
	padding: 7px 0 7px 8px;	
	font: 13px/19px Arial, Helvetica, sans-serif;
	background:#f4f4f4;
	border: #ccc 1px solid;
	-webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;-o-transition: background 0.3s linear;transition: background 0.3s linear;
}

footer form p, .form p {margin-bottom: 5px;position: relative;}
.form .blue-btn { margin-top: 10px;}
footer form .btn {
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;
	height: 30px;
	border: 0;
	background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc));background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%);background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%);background: -ms-linear-gradient(top, #ffffff 0%,#9b9b9b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );			background: linear-gradient(top, #ffffff 0%,#cccccc 100%);
	font: bold 13px Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: #666;
	padding: 0 8px;
}

footer #page-foot {
	padding: 30px 0;
	clear: both;
	font-size: 12px;
	color: #888;	
}
footer #page-foot .designby {float: right;}
footer #page-foot a {color: #888;}
footer #page-foot a:hover {color: #084076;}

#mce-error-response {margin: 5px 0; font: 13px Arial, Helvetica, sans-serif; color: #990000;}
#mce-success-response {margin: 5px 0; font: 13px Arial, Helvetica, sans-serif; color: #009900;}