/*________ Main Elements ________*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font: 75% Arial,Helvetica,sans-serif; color: #FFFFFF; text-decoration: none;
	text-align: center;
}
a, a:visited {
	color: #6ebe44;
	text-decoration: underline;
}
a:hover {
	color: #858789;
	text-decoration: underline;
}

img {
	display: block;
	border: 0px;
}

#container {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

}
#container.catalogues {
width: 1000px;
}

#container.catalogues #buttons {
overflow: hidden;
margin-left: 165px;
}

#container.catalogues #siteAreas {
margin-left: 100px;
}

/*________ Header ________*/

#header {
text-transform: uppercase;
height: 125px;
margin-bottom: 8px;
}
#logo {
float: right;
}
#header img {
float: right;
}
#header h2 {
color: #97999b;
padding-top: 45px;
margin-left: 35px;
font-size: 140%;
}
#mainNav {
clear: both;
list-style-type: none;
height: 23px;
padding-top: 7px;
background-color: #606163;
padding-left: 40px;
}
#mainNav li {
display: inline;
padding: 6px;
}
#mainNav li a {
color: #ffffff;
font-weight: bold;
text-decoration: none;

font-size: 95%;
}

/*________ Content ________*/

#content {
width: 577px;
float: right;
color: #606163;
margin: 0 0 70px 0;
}

#content.home {
margin: 0 0 10px 0;
}

#sideNav {
width: 184px;
text-transform: uppercase;
clear: none;
}
#sideNav li a {
background-color: #858789;
width: 171px;
display: block;
margin-bottom: 3px;
height: 19px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
font-size: 90%;
padding-left: 13px;
padding-top: 4px;
}
#sideNav li a:hover {
background-color: #a4a6a9;
}

#content h1, #content2 h1 {
	font-size: 180%;
	color: #6ebe44;
	letter-spacing: -0.04em;
	margin: 15px 0px 10px 10px;
clear: left;
}
#content h2 {
	font-size: 130%;
	margin: 15px 0px 10px 10px;
}
#content p {
	margin: 0px 30px 15px 10px;
	line-height: 1.5;

}
#content p a {
	color: #6ebe44;
	text-decoration: underline;
}
#content p a:hover {
	color: #000000;
	text-decoration: underline;
}
#content ol, #content ul {
	margin: 0px 30px 15px 50px;
	line-height: 1.5;
}
#content dl {
	margin: 0px 30px 15px 30px;
	line-height: 1.5;
	width: 255px;
overflow: hidden;
}
#content dl dt {
font-weight: bold;
float: left;
clear: left;
width: 75px;
margin-bottom: 7px;
}
#content dl dd {
float: left;
margin-bottom: 7px;
width: 170px;
}

#content #squareOne li {
float: left;
width: 275px;
}

#content .clearList {
clear: left;
padding-top: 20px;
}

/*________Contact Us Form _____ */

#contactUs {
width: 275px;
float: right;
}
#contactUs h1 {
margin-left: 0;
}
#contactUs fieldset {
border: 0;
}
#contactUs legend {
display: none;
}
#contactUs label {	
	width: 90px;
	float: left;	
	display: inline;
	clear: left;
	text-align: right;
	margin-right: 5px;
} 
#contactUs fieldset input {
	float: left;	
	display: inline;
	margin-bottom: 5px;
	padding: 2px;
	width: 140px;
	border: 1px solid #d0d0d0;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
} 
#contactUs textarea {
	float: left;	
	display: inline;	
	padding: 2px;
	width: 140px;
height: 100px;
	border: 1px solid #d0d0d0;	
	overflow: auto;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
}
#contactUs #verification {
clear: left;
overflow: hidden;
width: 200px;
padding: 5px 0 0 95px;
}
#contactUs #verification label {
width: auto;
padding: 3px 0;
}
#contactUs #verification input {
clear: left;
}
#contactUs #submitButton {	
	display: block;
	margin-left: 95px;
	background-color: #6ebe44;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 3px 8px;
margin-top: 5px;
clear: left;
}
#contactUs .errorText p, #contactUs .errorText ul {
color: #ff0000;
}

/*________Enquiry Form _____ */

#enquiryForm {
background-color: #535353;
border: 2px solid #616163;
width:240px;
position: absolute;
top: 0;
right: 0;
padding: 0px 5px;
}

#enquiryForm h1 {
	font-size: 180%;
	color: #6ebe44;
	letter-spacing: -0.04em;
	margin: 5px 0px 5px 0px;
}
#enquiryForm p {
	margin-bottom: 10px;
	line-height: 1.5;
	color: #eeeeee;
font-size: 80%;
}


#enquiryForm #contactForm {
	width: 250px;
margin-bottom: 15px;
}


#enquiryForm #contactForm label {	
font-size: 80%;
	width: 90px;
	float: left;	
	display: inline;
	clear: left;
	text-align: right;
	margin-right: 5px;
} 

#enquiryForm #contactForm fieldset { 
	margin-top: 10px;
	border: 0; 
} 
#enquiryForm #contactForm fieldset input {
	float: left;	
	display: inline;
	margin-bottom: 5px;
	padding: 2px;
	width: 140px;
	border: 1px solid #d0d0d0;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
} 
#enquiryForm #contactForm fieldset select {
float: left;
display: inline;
	margin-bottom: 5px;
	width: 140px;
	border: 1px solid #d0d0d0;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
}

#enquiryForm #contactForm fieldset legend {
	font-size: 120%;
font-weight: bold;
margin:0;
padding:0;
	margin-bottom: 10px;
	color: #ffffff;
}
#enquiryForm #contactForm textarea {
	float: left;	
	display: inline;
	
	padding: 2px;
	width: 140px;
height: 50px;
	border: 1px solid #d0d0d0;	
	overflow: auto;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
}

#enquiryForm #contactForm #verification {
clear: both;
overflow: hidden;
width: 150px;
padding: 5px 0 0 95px;
}

#enquiryForm #contactForm #verification label {
width: auto;
padding: 3px 0;
}

#enquiryForm #contactForm div p {
margin: 0;
padding: 0;
padding-left: 20px;
width: 71px;
float: left;
}
#enquiryForm #checkboxes {
float: left;
width: 145px;
list-style-type: none;
margin: 0;
margin-bottom: 5px;
}
#enquiryForm #contactForm #checkboxes input {
width: 20px;
float: none;
padding: 0;
border: 0;
margin: 0;
}
#enquiryForm #contactForm #checkboxes label {
text-align: left;
clear: none;
float: none;
}


#enquiryForm #submitButton {	
	display: block;
	margin-left: 95px;
	background-color: #6ebe44;
	color: #444446;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 3px 8px;
margin-top: 5px;
clear: left;
}

/*________ New Book Page ________*/

#newBook {
float: right;
width: 250px;
padding-bottom: 50px;
margin: 0 0 10px 30px;
}

h4.newBook {
color: #ff0000;
font-weight: bold;
width: 120px;
font-size: 13px;
text-align: center;
float: right;
}

img.newBook {
margin: 0 0 3px 0;
}

#content p.caption {
margin: 0 0 10px 32px;
font-size: 11px;
}

#content p.newBook {
font-weight: bold;
font-size: 13px;
margin: 0;
}

/*________ Need Help ________*/

#popProducts {
margin: 12px 0 0 0;
}

#needHelp {
float: right;
clear: right;
margin: 0 0 0 0;
width: 585px;
}

#needHelp h2 {
padding-top: 7px;
height: 22px;
width: 577px;
margin-left: auto;
background-color: #606163;
font-size: 120%;
text-align: center;
}

#siteAreas {
list-style-type: none;
margin: 10px 0 0 0;
height: 81px;
}

#siteAreas li#book {
width: 170px;
color: #6d6e76;
font-weight: bold;
overflow: hidden;
margin-right: 8px;
}

#siteAreas li#book a {
font-size: 90%;
}

#siteAreas li {
margin: 0 5px 0 0;
float: left;
}

#siteAreas li.noRightMargin {
margin: 0;
}

#siteAreas li#book span {
color: #231f20;
font-size: 14px;
display: block;
padding: 2px 0;
}

#siteAreas li#book a {
text-decoration: none;
color: #91278f;
font-weight: bold;
}

/*________ Footer ________*/

#footer {
clear: both;
text-align: center;
padding-top: 10px;
}

#footer p {
font-size: 90%;
color: #858789;
width: 600px;
margin: auto;
margin-top: 10px;
padding-top: 5px;
}
#footer p a {
color: #858789;
text-decoration: none;
}
#footerNav {
border-top: 29px solid #606163;
list-style-type: none;
padding-top: 10px;
}
#footerNav li {
display: inline;
}
#footerNav li a {
color: #858789;
text-decoration: none;
padding: 0px 5px;
font-size: 90%;
}
#footerNav li a:hover {
color: #73c04f;
}

#buttons {
margin-left: 60px;
}

#buttons img {
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

/*_________Product Details________*/

#productMainImage {
float: left;
padding-top: 15px;
margin-right: 10px;
width: 190px;
}

#content table td {
border: 0;
padding: 2px 5px;
border-bottom: 1px solid #929294;
border-right: 1px solid #929294;
}

#content table {
margin-bottom: 15px;
text-align: center;
border: 1px solid #929294;
border-bottom: 0;
border-right: 0;
}

.tableHeaders {
background-color: #73c04f;
color: #ffffff;
font-weight: bold;
}

#productDetails {
float: left;
width: 200px;
font-size: 90%;
margin-right: 10px;
}
#productDetails p, #productDetails h2 {
margin-left: 0;
margin-right: 0;
}
#productDetails ul {
margin-right: 0;
margin-left: 15px;
}


/*________Purchase Form _____ */

#purchaseForm {
float: left;
background-color: #e5e6e7;
width:140px;
padding: 10px;
margin-top: 15px;
}

#purchaseForm p {
margin: 0;
	margin-bottom: 10px;
	line-height: 1.5;
	
font-size: 90%;
font-weight: bold;
}



#purchaseForm #contactForm label {	
font-size: 80%;
	width: 70px;
	float: left;	
	display: inline;
	clear: left;
	margin-right: 5px;
} 

#purchaseForm #contactForm fieldset { 
	margin-top: 10px;
	border: 0; 
} 
#purchaseForm #contactForm fieldset input {
	float: left;	
	display: inline;
	margin-bottom: 5px;
padding: 2px;
	width: 132px;
	border: 1px solid #d0d0d0;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
} 

#purchaseForm #contactForm fieldset legend {
display: none;
}

#purchaseForm #submitButton {	

	display: block;
	margin-left: 75px;
	background-color: #73c04f;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #929294;
	padding: 3px 8px;
margin-top: 5px;
clear: left;

font-size: 90%;
}

/*________Popular Products _____ */

#productList {
margin-left: 15px;
}

#productList div {
width: 130px;
float: left;
text-align: center;
margin-right: 10px;
}

#productList div div {
width: 110px;
height: 110px;
padding: 10px;
background-color: #ffffff;
border: 0;
margin-bottom: 5px;
}

#productList div div img {
margin: auto;
}

/*________Specials _____ */

.specialsListBoxContents {
margin-left: 15px;
text-align: center;
width: 130px;
float: left;
}

.specialsListBoxContents div {
width: 110px;
height: 110px;
padding: 10px;
background-color: #ffffff;
border: 0;
margin-bottom: 5px;
}

.specialsListBoxContents div img {
margin: auto;
}

.normalprice {
text-decoration: line-through;
color: #ff0000;
}

/*_______Stuck for ideas Form _____ */

#stuckForm {
margin-left: 15px;
margin-top: 25px;
width: 320px;
}

#stuckForm label {	
font-size: 80%;
	width: 100px;
	float: left;	
	display: inline;
	clear: left;
	text-align: right;
	margin-right: 5px;
} 

#stuckForm fieldset input {
	float: left;	
	display: inline;
	margin-bottom: 5px;
	padding: 2px;
	width: 200px;
	border: 1px solid #d0d0d0;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
} 

#stuckForm fieldset { 
	border: 0; 
} 

#stuckForm fieldset legend {
display: none;
}
#stuckForm textarea {
	padding: 2px;
	width: 200px;
height: 100px;
	border: 1px solid #d0d0d0;	
	overflow: auto;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
}

#stuckForm #verification {
overflow: hidden;
width: 200px;
clear: both;
padding: 5px 0 0 105px;
}

#stuckForm #verification a {
display: block;
padding: 3px 0;
}

#stuckForm #verification label {
width: auto;
float: none;
display: block;
text-align: left;
padding-bottom: 2px;
}

#stuckForm #submitButton {	
	display: block;
margin-left: 105px;
	background-color: #6ebe44;
	color: #444446;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 3px 8px;
margin-top: 5px;
}


#catalogueList p {
clear: both;
}
#catalogueList img {
float: left;
margin-right: 10px;
margin-bottom: 15px;
}

/*________ Misc ________*/


#content .errorText {

	padding: 5px;
	margin-bottom: 15px;
	color: #ff0000;
border: 3px double #ec6e6e;
}
#content .errorText p {
margin: 0;
	margin-bottom: 5px;
	font-weight: bold;
font-size: 90%;
}
#content .errorText ul {
	margin-left: 20px;
font-size: 90%;
margin-bottom: 0;
}

#content .success {
	padding: 10px;
	text-align: center;
	font-weight: bold;
font-size: 90%;
border: 3px double #c5f9be;
}

.imgRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.imgLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a.rtf { background-image: url(media-icons/icon_rtf.gif) }
a.doc { background-image: url(media-icons/icon_doc.gif); }
a.xls { background-image: url(media-icons/icon_xls.gif); }
a.ppt { background-image: url(media-icons/icon_ppt.gif); }
a.vsd { background-image: url(media-icons/icon_visio.gif); }
a.mpp { background-image: url(media-icons/icon_project.gif); }
a.xml { background-image: url(media-icons/icon_xml.gif); }
a.pdf { 
background: url(/media-icons/icon_pdf.gif) no-repeat; 
padding-left: 20px;
}
a.audio { background-image: url(media-icons/icon_audio.gif); }