/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/*added to original HTML5 reset by JSD 24/8/09*/

/*always vertical scrollbars for FF only */
html>/**/body{
  overflow-y: scroll;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}


body{
  font:0.813em/1.23 "Times New Roman", Times, serif;
	background:URL(/images/bg.gif) 0 0 repeat;
	color:#000;
}

body.bg_1 { background:URL(/images/bg_1.png) 0 0 repeat; }
body.bg_2 { background:URL(/images/bg_2.png) 0 0 repeat; }
body.bg_3 { background:URL(/images/bg_3.png) 0 0 repeat; }

/*always vertical scrollbars for FF only */
html>/**/body{
  overflow-y: scroll;
}

.container{
	text-align:left;
	width:930px;
	margin:0 14px;
}

a, .highlight{
	color:#ee403d
}

.bg_1 a, .bg_1 .highlight, .bg_2 a, .bg_2 .highlight{
	color:#0dac4a
}

a:hover{
	color:#000;
}

#main .content p, #main .content ul, #main .content ol{
	margin-bottom:1.25em;
}

footer, .cols, #main, .book{
	overflow:hidden;
	height:1%;
}

aside{
	font-size:0.923em;
	line-height:1.333;
}

#logo img{
	display:block;
}

#main .content form ul{
	margin-bottom:0;
}

form ul li{
	list-style:none;
}

#nav ul li a, .raster {
	text-indent:-9999em;
	background-repeat:no-repeat;
	background-position:0 -216px;
}

.bg_1 #nav ul li a, .bg_1 .raster, .bg_2 #nav ul li a, .bg_2 .raster {
	background-position:0 -72px;
}

#logo{
	float:left;
	margin-top:15px;
	background:#FFF;
	padding:18px 6px 25px 14px;
}

header{
	height:149px;
}

header #basket{
	float:right;
	margin-top:15px;
}

header #nav{
	float:right;
	margin-top:14px;
	width:572px;
	
}

header #nav ul{
	padding:0 9px 0 15px;
	height:52px;
	background:#FFF;
}

header #nav ul li{
	float:left;
	position:relative;
	height:31px;
	padding:14px 0 7px 26px;
}

header #nav ul li.first{
	padding-left:0;
}


header #nav ul li a{
	display:block;
	float:left;
	height:34px;
	overflow:hidden;
}

header #nav ul li#nav-home a {
	width:67px;
	background-image:URL(/images/home.gif);
}

header #nav ul li a:hover, header #nav ul .active a{
	background-position:0 0 !important;
}

header #nav ul #nav-visual-writing a {
	background-image:URL(/images/visual-writing.gif);
	width:167px
}

header #nav ul #nav-our-books a {
	background-image:URL(/images/our-books.gif);
	width:121px
}


header #nav ul #nav-about-us a {
	background-image:URL(/images/about-us.gif);
	width:105px
}


header #nav ul li ul{
	position:absolute;
	left:18px;
	top:52px;
	background:#ee403d;
	color:#FFF;
	height:auto;
	padding:0 11px 10px;
	width:110px;
	font-size:1.077em;
	line-height:1;
	z-index:99;
}

.bg_1 header #nav ul li ul, .bg_2 header #nav ul li ul{
	background:#0dac4a;
}

header #nav ul li.active ul{
	display:block;
}

header #nav ul li ul li{
	float:none;
	height:auto;
	padding:10px 20px 0 0;
	margin-top:10px;
	border-top:1px solid #FFF;
}

header #nav ul li ul li.first{
	margin-top:0;
	border-top:0;
}

header #nav ul li ul li a{
	display:inline;
	float:none;
	height:auto;
	text-decoration:none;
	color:#FFF;
	font-style:italic;
	font-size:1.077em;
	line-height:1;
	background-image:none !important;
}

header #nav ul li ul li a:hover{
	color:#000;
}

footer{
	padding:14px;
	margin:0 0 20px;
	background:#FFF;
}

.with-bk-vert{
	background:URL(/images/div_vert.gif) repeat-y 100% 0;
}

footer .col{
	min-height:110px;
}

.signup input.text{
	border:1px solid #000;
	padding:0.35em 0.5em;
	font:1em/1.25 "Times New Roman", Times, serif;
	width:255px;
	margin-right:6px;
}

.signup input.button{
	display:inline-block;
	margin-top:0;
	border:0;
}

footer .signup input.text{
	width:268px;
}

.signup li{
	display:inline;
}

#main{
	clear:both;
}

h1.raster{
	padding:15px 15px 0;
	background:#FFF no-repeat 15px -201px;
}

.bg_1 h1.raster, .bg_2 h1.raster{
	background-position:15px -55px;
}

footer h1.raster{
	padding-bottom:0.5em;
}

section{
	margin-bottom:15px;
}

section .content{	
	padding:14px;
	background:#FFF;
}

section.first{
	margin-top:0;
}

.col{
	float:left;
	width:444px;
	padding-left:14px;
	position:relative;
}

.col.first{
	padding-left:0;
	clear:left;
}

.col_202{
	width:202px;
}

.col_215{
	width:315px;
}

.col_350{
	width:340px;
}

.col_326{
	width:326px;
}

.col_330{
	width:230px;
}

.col_673{
	width:573px;
}

.with-bk{
	background:URL(/images/div_horiz.gif) repeat-x 0 100%;
	margin-bottom:20px;
	padding-bottom:20px;
}

.price.with-bk, .highlight.with-bk{
	background-position:0 0;
	margin-top:0.5em;
	margin-bottom:0;
	padding-top:0.5em;
	padding-bottom:0;
}

.col.with-bk{
	background-position:0 0;
	margin-top:20px;
	margin-bottom:0;
	padding-top:20px;
	padding-bottom:0;
}

.with-bk.first-row{
	background:none;
	margin-top:0;
	padding-top:0;
}

aside .with-bk{
	margin-bottom:1.25em;
	padding-bottom:1.25em;
}

.home article{
	width:570px;
	float:left;
}

.home aside, .col_344{
	width:344px;
	float:right;
}

h1.blog{
	background-image:URL(/images/blog.gif);
	height:45px; 
	width:64px
}

h1.latest-books{
	background-image:URL(/images/latest-books.gif);
	height:45px; 
	width:194px;
	background-position:15px -128px;
}

.bg_1 h1.latest-books{
	background-position:15px -128px;
}

.bg_2 h1.latest-books{
	background-position:15px -273px;
}

h1.about-ve{
	background-image:URL(/images/about-ve.gif);
	height:45px; 
	width:133px;
}

h1.submissions{
	background-image:URL(/images/submissions.gif);
	height:45px; 
	width:191px
}

h1.newsletter-sign-up{
	background-image:URL(/images/newsletter-sign-up.gif);
	height:45px; 
	width:299px;
}

h1.sign-up{
	background-image:URL(/images/sign-up-for-our-newsletter.gif);
	height:21px; 
	width:194px;
	background-position:0 -216px;
	padding:0;
}

.bg_1 h1.sign-up, .bg_2 h1.sign-up{
	background-position:0 -72px;
}


h1{
	font:italic 1.846em/1.25 "Times New Roman", Times, serif;
	padding-bottom:0.625em;
}

h1 span{
	font-weight:bold;
	display:block;
}

.book{
	position:relative;
}

.book .img{
	float:left;
	width:543px;
}

.book .details{
	float:right;
	width:325px;
}

li .book .details{
	padding-bottom:70px;
}

.col .book .details{
	width:215px;
}

.book .details .links{
	position:absolute;
	bottom:4px;
	left:229px;
	margin-bottom:0 !important;
}

.book .details .links li{
	list-style:none;
}

aside .book .details h2{
	font-weight:normal;
	margin-bottom:0;
	font-style:normal;
}

.button{
	display:block;
	width:100px;
	height:27px;
	cursor:pointer;
	overflow:hidden;
	margin-top:0.35em;
	background-color:#FFF;
}

input.button{
	border:none;
	text-indent:-9999em;
}

.microsite{
	background-image:URL(/images/microsite.gif);
}

a.button:hover, input.button:hover{
	background-position:0 0;
}

.buy-now{
	background-image:URL(/images/buy-now.gif);
}

.add-to-basket{
	background-image:URL(/images/add-to-basket.gif);
}

.buy{
	background-image:URL(/images/buy.gif);
	float:left;
}

.pre-order{
	background-image:URL(/images/pre-order.gif);
	float:left;
}

.more-info{
	background-image:URL(/images/more-info.gif);
}

.coming-soon{
	background-image:URL(/images/coming-soon.gif);
	width:124px;
	height:27px;
	margin-left:0 !important;
}

p.coming-soon{
	cursor:default;
}

.send{
	background-image:URL(/images/send.gif);
	width:35px;
	height:25px;
}

.book .details h2{
	font:italic 1.846em/1.25 "Times New Roman", Times, serif;
}

.book .price{
	font:italic bold 1.385em/1.667 "Times New Roman", Times, serif;
	margin-bottom:0 !important;
}

.book .buttons{
	width:365px;
	font:italic 1.385em/1.667 "Times New Roman", Times, serif;
	margin:0.5em 0 0 !important;
	list-style:none;
	float:left;
}

.book .buttons li{
	position:relative;
	background:URL(/images/div_horiz.gif) repeat-x 0 0;
	padding:0.2em 0;
}

.book_lg .buttons li.bot-bk{
	background-position: 0 100%;
	padding-bottom:1em;
	margin-bottom:1em;
}

.book .buttons li .button{
/*	right:40px;
	position:absolute;
	top:0;*/
}

.paypal_form .button{
	float:none !important;
}

.tl{
	position:absolute;
	right:0;
	top:0;
	margin-top:0;
}

.subtitle{
	font:italic 1.385em/1.25 "Times New Roman", Times, serif;
	margin-bottom:0.5em !important;
}

.pagination li, .inline li{
	display:inline;
}

.pagination li a.active, .pagination li a:hover{
	color:#FFF;
	background:#000;
}

.js_pagination{
	margin-bottom:1.25em;
	display:inline;
}

.js_pagination a, .next{
	margin-left:4px;
	background:URL(/images/slash.gif) no-repeat 0 0.2em;
	padding-left:8px;
}

.prev, .next{
	display:inline;
}

.js_pagination a.activeSlide, .js_pagination a:hover{
	color:#000;
}

footer dl{
	font-style:italic;
	font-size:0.923em;
}

footer dt{
	clear:both;
	float:left;
	width:115px;
}

.intro, .blog h2{
	font-size:1.385em;
	line-height:1.2;
}

.caption{
	margin:-1.2em 0 1.2em;
}

.caption p:last-child{
	margin-bottom:0 !important;
}


.hr{
	height:2px;
	background:URL(/images/div_horiz.gif) repeat-x 0 0;
	margin-bottom:1.23em;
}

.hr hr{
	visibility:hidden;
}

aside .book .details{
	width:90px;
	padding-right:110px;
	padding-bottom:0;
	min-height:58px;
}

aside .book .details .links{
	left:202px;
	width:113px;
}

aside .book .details .links .button{
	margin-left:13px;
}


.blog h2{
	font-weight:normal;
	font-style:italic;
}

.blog li{
	background:URL(/images/div_horiz.gif) repeat-x 0 100%;
	margin-bottom:1.23em;
	padding-bottom:1.18em;
	list-style:none;
}

#main .content .slideshow{
	list-style:none;
	margin-bottom:0;
	min-height:384px;
	padding-bottom:3em;
}

#main .content .slideshow .next{
	cursor:pointer;
}

#main .content .slideshow img{
	max-height:384px;
}


.home #main .content .slideshow, .home #main .content .slideshow img{
	height:364px;
}

.ve-logo_sm{
	background:URL(/images/logo_ve-small.gif) no-repeat 0 -216px;
	height:29px;
	width:186px;
	margin-bottom:22px;
}

.great-looking-stories{
	margin-top:8px;
	height:32px;
	width:233px;
	background:URL(/images/great-looking-stories.gif) 0 -143px no-repeat;
}

.bg_1 .great-looking-stories{
	background-position: 0 -143px;
}

.bg_2 .great-looking-stories{
	background-position: 0 -288px;
}
.basket{
	background-image:URL(/images/basket.gif);
	width:113px;
	height:51px;
}

span.price{
	margin-left:6px;
}



li.col{
	list-style-type:none;
}

#main .content .book_sm .book_code, #main .content .book .strap{
	font-size:0.846em !important;
	line-height:1.2 !important;
}

#main .content .book .book_code{
	font:italic 1.231em/1.375 "Times New Roman", Times, serif;
	margin-bottom:0;
}

#main article .content .book h2, #main article .content .book .special{
	font:italic 1.538em/1.1 "Times New Roman", Times, serif;
	margin-bottom:0;
}

article h2 a{
	color:#000 !important;
	text-decoration:none;
}

article h2 a:hover{
	text-decoration:underline;
}

#main .content .book .author{
	font:italic 1.231em/1.375 "Times New Roman", Times, serif;
	margin-bottom:0.35em;
}

#main aside .book_sm .book_code{
	font-size:0.923em;
}

#main aside .book h2{
	font-size:1em;
}

.credits{
	position:absolute;
	left:14px;
	bottom:0;
}

.credits li{
	display:inline;
	font-style:italic;
}

.credits li a{
	text-decoration:none;
}

.sm{
	overflow:hidden;
	*display:inline-block;
	background:URL(/images/div_horiz.gif) repeat-x 0 0;
	padding-top:16px;
	font-size:1.091em;
	line-height:16px;
}

.sm li{
	float:left;
	display:block;
	margin-right:6px;
}

.sm li.subscribe{
	float:right;
	margin-right:0px;
	vertical-align:middle;
}

.sm li.subscribe img{
	vertical-align:text-top;
	margin-left:6px;
}