body {
	background-color: #dfdfdf;
	text-align: center;
	margin: 0;
	padding: 0;
}
#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: absolute;
	width: 950px;
	height: 135px;
	background-image: url(../images/design/bkg_header.gif);
	background-repeat: no-repeat;
}
#header div#logo {
	float: left;
	width: 156px;
	padding: 5px 0 0 0;
}
#header div#strapline {
	float: left;
	width: 562px;
	height: 91px;
	text-align: center;
}
html>body #header div#strapline {
	height: 90px;
}
#header div#strapline img {
	margin: 15px 4px 0 0;
}

#header #frm_search div#bookButLine {
	padding: 14px 0 10px 0;
}
#header #frm_search div#bookButLine img.flag {
	float: right;
	margin: 11px 0 0 10px;
}

#header #frm_search {
	float: left;
	padding: 0 0 0 0;
}
#header #frm_search input.text {
	width: 118px;
	padding: 3px 4px 2px 4px;
	height: 16px;
	background-image: url(../images/design/bkg_searchbox.gif);
	border: 0;
}
#header #frm_search input.button {
	border: 0;
	background-color: #FFF;
	color: #bcbdc0;
}

/* header second line */

#topMenu {
	width: 750px;
	float: left;
}
#topMenu ul {
	margin: 0;
	padding: 0 0 0 246px;
	list-style: none;
	list-style-image: none;
}
#topMenu ul li {
	float: left;
	padding: 0;
	margin: 11px 0 0 5px;
}
#topMenu ul li a {
	display: block;
	height: 20px;
	width: 114px;
	background-image: url(../images/design/bkg_topmenubutton.gif);
	text-align: center;
	color: #000;
	text-decoration: none;
	padding: 4px 0 0 0;
	font-weight: bold;
}
#topMenu ul li a.active {
	background-image: url(../images/design/bkg_topmenubutton_over.gif);
}
#topMenu ul li a:hover {
/*	color: #a44100;		*/
	text-decoration: underline;
}

#topDate {
	width: 190px;
	float: left;
}
#topDate p {
	padding: 2px 0 0 0;
	color: #FFF;
	font-size: 1.1em;
}

/* main content area */

#content {
	position: absolute;
	top: 135px;
	width: 950px;
	background-image: url(../images/design/bkg_main.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFF;
}

#colLeft {
	float: left;
	width: 655px;
	margin: 20px 0 0 0;
}
#colLeft div#menuFixed {
	width: 136px;
	float: left;
}
#colLeft div#menuFixed ul {
	margin: 0 0 0 21px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#colLeft div#menuFixed ul li {
	padding: 0;
	margin: 0 0 5px 0;
	height: 100%;
}
#colLeft div#menuFixed ul li a {
	display: block;
	height: 21px;
	width: 114px;
	background-image: url(../images/design/bkg_leftmenubutton.gif);
	text-align: center;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 0 0 0;
}
#colLeft div#menuFixed ul li a.active {
	background-image: url(../images/design/bkg_leftmenubutton_over.gif);
}
#colLeft div#menuFixed ul ul {
	list-style: disc;
	margin-top: 6px;
	padding-left: 2px;
}
#colLeft div#menuFixed ul ul li {
	color: #FFF;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	height: auto;
}
#colLeft div#menuFixed ul ul li a {
	width: auto;
	height: auto;
	background-image: none;
	text-align: left;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 0;
}
#colLeft div#menuFixed ul li a:hover {
	text-decoration: underline;
}
#colLeft div#menuFixed ul ul li a.active {
	background-image: none;
	color: #f1af81;
}

#colLeft div#colInfo {
	width: 490px;
	float: right;
}

#colRight {
	float: right;
	margin: 20px 0 0 0;
	width: 231px;
	height: 480px;
	background-image: url(../images/design/bkg_right.gif);
}
#colRight div#photo1 {
	height: 250px;
}
#colRight div#photo1 img {
	margin: 4px 0 0 5px;
}
#colRight div#photo2 {
	height: 145px;
}
#colRight div#photo2 img {
	margin: 0 0 0 5px;
}
#colRight div#photo3 img {
	margin: 0 0 0 4px;
}

#footer ul {
	margin: 0;
	padding: 0 0 10px 330px;
	list-style: none;
	list-style-image: none;
}
#footer ul li {
	display: inline;
	font-size: 0.9em;
	padding: 0 5px;
}
#footer ul li a {
	color: #000;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}

.tableBorderBlack td, .tableBorderBlack th {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.tableBorderBlack a {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
.tableBorderBlack a:hover {
	text-decoration: none;
}

#frm_contact {
	background-color: #000;
	padding: 26px;
}
#frm_contact .red {
	color: #FFF;
}
#frm_contact .button {
	margin: 128px 0 0 12px;
	padding: 0 6px;
}
div.paddLeft {
	padding: 0 0 8px 130px;
	display: block;
}
div.paddLeft label {
	text-align: left;	
}

/* common styles */

html>body .clear {
	height: 1px;
	display: block;
}
.red {
	color: #FF0000;
}
.accessStyle {
	text-decoration: underline;
}

/* form styling */

form {
	padding: 0 0 15px 0;
}
input {

}
input.text, select, textarea {
/*	width: 260px;			*/
	color: #000;
	border: 1px solid #bbbbbb;
	font: 1em Arial, Helvetica, sans-serif;
	padding: 1px;
}
input.button, .formLine input.button {
/*	width: 70px;				*/
	padding: 1px 0;
	font: 1em Arial, Helvetica, sans-serif;
}
input.buttonSmall {
	width: 40px;
	margin: 0 0 0 10px;
	font: 1em Arial, Helvetica, sans-serif;	
}
input.buttonLarge {
	font-size: 1em;
	width: 210px;
}

label {
	color: #FFF;
	font-weight: bold;
	padding: 2px 10px 0 0;
	text-align: right;
}
.formLine {
	height: 28px;
	clear: both;
}
.formLineLarge {
	height: 150px;
	clear: both;
}
.formLine label, .formLineLarge label {
	float: left;
	width: 120px;
}
.formLine input.text, .formLineLarge select, .formLine select {
	float: left;
	
	width: 220px;
}
.formLine select.date {
	width: 70px;
	margin: 0 8px 0 0;
}
input.check {
	border: 0;
	width: 20px;
	float: left;
}
textarea {
/*	width: 470px;			*/
	width: 200px;
	
	margin: 6px 0 10px 0;
	border: 1px solid #819ab3;
}
.formLineLarge textarea {
	float: left;
	width: 220px;
/*	height: 65px;		*/
}
.formLabelLong {
	width: 380px;
}

.formLinePadded {
	padding: 3px 0 3px 0;
}
.formLinePadded input.text, .formLinePadded textarea {
	width: 300px;
}
.formLinePadded label {
	display: block;	
}
.formLinePadded span {
	display: block;
	font-size: 0.9em;
	color: #6f6d6e;
}
.button {
	font-family: Arial, Verdana, sans-serif;
}
input.questionnaireButton {
	font-family: "Trebuchet MS", "Times New Roman", Arial, sans-serif;
	font-size: 0.9em;
	margin-top: 15px;
}
.questionnaireHeading {
	padding-top: 20px;
}

.formBoxLeft {
	float: left;
	width: 305px;
}
.formBoxLeft span {
	float: right;
}
.formBoxRight {
	float: left;
	width: 152px;
	padding: 0 0 0 40px;
}

/* newsbox */

.newsBox  {
	padding: 0 0 0 0;
	border-bottom: 1px dotted #000;
	margin: 0 0 15px 0;
}
.newsBox h2 {
	margin: 0;
	padding: 0 0 0 0;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}
.newsBox h3 a {
	text-decoration: none;
}
.newsBox h3 a:hover {
	text-decoration: underline;
}
.newsBox img {
	float: left;
	margin: -2px 10px 0 0;
}
.newsBox p {
/*	font-size: 0.9em;
	padding: 2px 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	line-height: 1.2em;				*/
}
.newsBox span {
	color: #333333;
}
.newsBox a {
	display: block;
	padding: 0 0 0 15px;
	background-image: url(../images/design/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 6px 0 0 0;
}
.newsBox a:hover {

}

.newsBoxRandom img {
	float: left;
	margin: 0 20px 0 0;
}

/* news styles */

div.newsEntry {
	border-bottom: 2px solid #f6f6ec;
	padding: 10px 0 10px 0;
	height: 100%;
}

h2.newsHead {
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 1em;
}
p.newsStory {
	margin: 0;
	padding: 0 0 2px 0;
/*	font-size: 0.9em;			*/
}
p.info {
	display: block;
	font-size: 0.8em;
	margin: 0 0 0x 0;
	padding: 0 0 0 0;
}
p.info a {
	background-image: url(../images/but_next.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 12px;

}
p.newsBase {
	color: #9a3333;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 6px;
	border-top: 1px solid #CCCCCC;
}

p.error {
	color: #FF0000;
}

div.searchnav {
	border-top: 1px solid #e6e6e6;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	text-align: right;
}
div.searchnav a {
/*	color: #206E2E;			*/
	background-image: none;
	padding: 0;
}
.photoFeat {
	float: left;
	margin-right: 10px;
	border-bottom: 8px solid #FFF;
}

/* product styles */

/* product styles */

.prodBox {
	float: left;
	width: 270px;
	background-image: url(../images/design/featureblock_background.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 15px 18px 20px 20px;
	height: 305px;
}
.prodBox div.photo {

}
.prodBox div.info {

}
.prodBox div.ref, .prodBox h2 {

}
.prodBox p {
/*	color: #595959;
	font-size: 0.9em;
	line-height: 1.3em;			*/
	padding: 15px 0 25px 0;
}
p.prodTiny {
	font-size: 0.8em;
	padding: 6px 0 0 0;
	color: #817f80;
}

div.prodPrice {
	font-size: 2.6em;
	color: #817f80;
}
div.prodPrice img {
	float: right;
}

table.prodPrices {
	margin: 0;
}
table.prodPrices td, table.prodPrices th {
	border-top: 3px solid #f7f7f7;
	padding: 2px 6px;
	background-color: #e1e1e1;
	color: #040057;
	text-align: left;
	font-weight: normal;
}
table.prodPrices td {
	padding-bottom: 4px;
}
table.prodPrices a {
	color: #040057;
	font-weight: bold;
}
table.prodPrices img {
	margin: 0 0 -4px 5px;
}
.prodBox h3 {
	padding: 0 0 5px 0;
}
.prodBox p.clickLink {
	padding: 10px 0 0 0;
}

#prodPhotoGallery {
	float: right;
	width: 280px;
	text-align: right;
}
.prodThumb {
	margin: 0 0 15px 0;
	border: 1px solid #CCC;
}

#cart p.success, #cart p.error {
	font: 0.8em/1.2em Tahoma, Arial, sans-serif;
}
#cart table {
	margin: 0;
	font: 0.8em/1.2em Tahoma, Arial, sans-serif;
}
#cart table input {
	font: 0.9em Arial, Verdana, sans-serif;
	width: 12px;
	text-align: center;
}
#cart table th, #cart table td {
	padding: 3px 3px;
	border-bottom: 1px solid #ebebeb;
}
#cart table th {
	background-color: #ebebeb;
	color: #4e4c4d;
	padding-top: 6px;
	padding-bottom: 6px;
}
#cart table th.totalRow {
	background-color: #FFF;
}

/* Cart form processing page */

form#frm_cart {
	padding: 0 0 15px 0;
	clear: both;
}
form#frm_cart table {
	padding: 2px;
	margin: 0;
}
form#frm_cart table th, form#frm_cart table td {
	font: 1em Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	padding: 2px 4px;
}
form#frm_cart table th {
	font-weight: bold;
	background-color: #ebebeb;
	color: #4e4c4d;
}
form#frm_cart table .right {
	text-align: right;
}
form#frm_cart input.button {
	color: #666666;
	margin-left: 5px;
	width: 75px;
	font-size: 0.8em;
/*	border: 1px solid #999;			*/
}
form#frm_cart input.small {
	border: 1px solid #666666;
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #666666;
	width: 20px;
	margin: 0 0 1px 5px;
}
form#frm_cart table tr.total th, form#frm_cart table tr.total td {
/*	border-top: 1px solid #CCCCCC;			*/
	border-bottom: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	padding: 3px;
	background-color: #CCCCCC;
	color:#FFFFFF;
}
div.proceed {
	text-align: left;
	padding: 10px 0 0 0;
}

#frm_proceed input#pTerms {
	margin: 0 0 0 0;
	width: 20px;
}
#frm_proceed input.buttonPayment {
	margin: 10px 0 0 0;
	font-size: 1em;
}

table#payTable {
	width: 560px;
}
table#payTable th, table#payTable td {
	padding: 10px 10px;
}
table#payTable table {
	width: 540px;
}
table#payTable p {
	padding-left: 15px;
}
table#payTable table th, table#payTable table td {
	padding: 2px;
}
table#payTable img {
	margin-top: 10px;
}
