/*****************/
/* global stuff */
/***************/
h1, h2, h3, h4, p, a, form, input, li, ul, body, fieldset{
	margin:0;
	padding:0;
}

a{
	outline: none;	
	text-decoration: none;
	color: #FFFFFF;
}

p a{
	outline: none;	
	text-decoration: none;
	font-weight:bold;
	color:#000000 !important;
}

a:hover{
	text-decoration: underline;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;	
}

h2{
	font-size: 24px;
	font-weight: bold;
}

hr{
	width: 90%;
	text-align: center;
	border:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

p, label, li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

img {
	behavior: url(iepngfix.htc);
	border: none;
}


/******************/
/* Site specific */
/****************/
html,body{
	text-align: center;
	background-color: #FFFFFF;

}

#body2{
	
	/*background-image: url(images/bg-grad.png);
	background-repeat: repeat-x;*/
	
}

* html #body2{	
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-grad.png',sizingMethod='scale');
}

#wrapper{
	position:relative;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	border-right-width: 1px;
	border-left-width: 1px;
	margin-bottom: 22px;

	background-color: #FFFFFF;	
}

#header{
	height: 130px;
	background-color: #151515;
}
#header #logo{
	z-index: 5;
	position: absolute;

}
#block{
	height: 200px;
	z-index: 0;
}



#menu{
	width: 686px;
	position: absolute;
	background-color: #ED1C24;
	
	height: 42px;
	left: 75px;
	top: 41px;
	z-index: 0;
}

#menu ul{
	list-style-type: none;
	text-align: center;
	padding-top: 12px;
}

#menu li{
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;

}

#menu li a{
	color: #FFFFFF;
	padding-left: 38px;
	padding-right: 0px;
}

#menu li a:hover{
	color: #FFBBBB;

}

#menu .selected a,
#menu .selected a:hover{
	color: #006600;
	cursor:default;	
}

#main{
	width: 100%;	
	
		min-height:390px;
	height:auto !important;
	height:390px;
	
}


#main h2,
#main h3,
#main h4{
	padding-left: 22px;	
	padding-top:22px;
	padding-bottom:8px;	
}
#main h3 a{
	color: #0066FF;
	font-weight: normal;	
}
#main h3 a:hover{
	color: #0066FF;
}

#main p{
	padding-right: 12px;
	padding-left: 22px;
}

#main ul{
	padding-top: 22px;
	padding-left: 44px;	
}

#main li{
	
}

#main .centerBox{
	text-align: center;
	padding-top: 11px;
}

#main .lCol{
	width:40%;
	float:left;
}

#main .rCol{
	width:60%;
	float:right;
}

#main #redBold{
	color:#FF0000; 
	font-weight: bold;
}

#main #userPic{
	float: right;
	margin-right: 33px;
	margin-left: 11px;
	margin-top: 4px;
	margin-bottom: 6px;
}

#main #userPicL{
	float: left;
	margin-right: 11px;
	padding-left: 44px;
	margin-top: 4px;
	margin-bottom: 6px;
}


#main #home{
	background-image: url(images/main-bg-book.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height:390px;
	height:auto !important;
	height:390px;
	padding-top: 22px;
	position: relative;	
}

#main #home h2{
	width: 335px;	
	padding-bottom: 22px;
	padding-left: 15px;
	padding-top:0px;
	margin-right: 15px;	
}

#main #home p{
	width: 380px;
	position: absolute;	
	top: 213px;
	right: 2px;	
	font-size:16px;
}

#main #home img{
	float: right;
	position: absolute;	
	top: 11px;
	right: 0px;
}

#main #bottomBar{
	
}

#main #product-overview{	
	padding-left:30px;
	margin-top:20px;
}

#main #product-overview .prodBox{
	margin:0;
	padding:0;
	
	border-color: #ED1C24;
	border-width: 3px;
	border-style: solid;
	width: 160px;
	/*height:150px;*/
	text-align:center;
	float:left;
	margin: 4px;
}

#main #product-overview .prodBox p{
	margin:0;
	padding:0;
	background:#ED1C24;
	width: 100%;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 16px;
	padding-top:3px;
}

#main #product-overview .prodBox img{
	
}

#main #item{
	
}


#main #product-range{
	
}

#main #product-range #mainRange{
	position: relative;
	float: right;
	width: 400px;
	margin-bottom: 22px;
}

#main #product-range #sub{
	margin-bottom: 22px;
}


#main #product-range #sub2{
	position: relative;		
	margin-bottom: 22px;
}

#main #product-range #sub2 .more{
	text-align: right;		
}
#main #product-range #sub2 .more h3{
	padding-right: 26px;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;   	
}

#main #order{

}

#main #order fieldset{
	
	
	padding-left:10px;
	padding-bottom:10px;	
	
	margin-left:19px;
	margin-right:153px;
	margin-top:16px;
	
	padding-top:11px;
	
	background-color: #F5F5F5;
	border: 1px solid #C1C1C1;
}

#main #order fieldset h3.error{
	color:#FF0000;
	margin: 0px;
	padding: 0px;
}

#jsError{
	color:#FF0000;
	margin: 0px;
	padding: 0px;
}

#main #order fieldset #embossText{
	padding-top: 6px;
	width:200px;
}

#main #order fieldset #numPages{
	padding-top:3px;
}

#main #order fieldset #colour{

}

#main #order fieldset input{
	
}

#main #order fieldset label{
	margin-right: 12px;
	font-weight: bold;	
	
}
#main #order fieldset p{
	padding-left: 0px;
	padding-top:5px;
}
#main #order fieldset a{
	color: #0066FF;	
}

#main #price p{
	font-size: 18px;
	padding-top: 22px;
}

#main #price fieldset{
	border:none;
	padding-left:36px;
	margin-top:8px;
}

#main #price ul{

	padding-left: 40px;
}

#main #price li{
	font-size: 16px;
	color: #333333;
	list-style-type: none;
	margin-top: 6px;
}

#main #contact{
	padding-top: 22px;	
}

#main #contact .lCol p{
	padding-left: 44px;	
}

#main #contact .rCol{
	
}


#clearBox{
	clear:both;
}

#footer{
	height: 75px;
	padding-top: 5px;
	margin-top: 33px;
	
	width: 100%;
	
	
	position: relative;
}

#footer #contact{
	background-color: #EAEAEA;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#footer #contact p{
	font-size: 10px;
	color: #333333;
	padding-bottom: 4px;
	padding-top: 4px;
}

#footer P,
#footer a{
	color:#666666;
	text-align: center;
	font-size: 10px;
	
}

#footer p{
	padding-right: 33px;
	padding-left: 33px;
}

#footer a:hover{
	color:#E88920;
}

.mailwrapper {
	text-align: left;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}



/********************/
/* Mail form stuff */
/******************/
.maildiv {
	width: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
	display: block;
	float: left;
	clear: left;	
}
.maildiv a {
	
}
.maildiv h2 {
	
	
}
.maildiv input {
	margin-bottom: 10px;
}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: right;
	padding-right: 19px;
} 
.maildiv .fmrequired {
	
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	margin-bottom: 15px;
	font-weight: bold;
	
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	
	font-size: 120%;
}

/********************/
/* Flash heading stuff */
/******************/

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/*.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
.sIFR-active h5#pullquote {
	visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
}*/

.sIFR-active h2{ 
	visibility: hidden;
  	/*font-family: Verdana;*/
  	line-height: 1em;
}


/*
.sIFR-active h1 {
  padding-bottom: 0;
  font-size: 36px;
}*/

.sIFR-active h2 {
	/*font-size: 18px;*/
  display: block;
}


/*.sIFR-active h3 {
	
	 display: block;	 
}

.sIFR-active h4 {
	font-size: 21px;
	font-weight: normal;
}

.sIFR-active h5#pullquote {
	font-size: 24px;
}
*/