/* 
  -----------------------------------
  Deja Vu Interior - 04 Sidebar Left
  by Project Seven Development
  www.projectseven.com
  -----------------------------------
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #1b1b1b;
	background-color: #FFFFFF;
	min-width: 950px;	
}

#logo {
	background-image: url(../css_images/dj_logo_bg.jpg);
	background-repeat: repeat-x;
	width: 950px;
}


#tagline {
	margin: 3px 0 30px 20px;
	font-size: 0.65em;
	letter-spacing: .6em;
	font-weight: bold;
}
#wrapper {
	width: 950px;
	background-image: url(../css_images/dj3_layout_grad.jpg);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#layoutcrown {
	background-image: url(../css_images/header_reformers.jpg);
	background-repeat: no-repeat;
	height: 100px;
	line-height: 0.0;
	font-size: 0;
	width: 950px;
	height: 121px;
}
#leftcolumn {
	float: left;
	width: 190px;
	font-size: 0.75em;
	
}
#tabcolumn {
	/*width: 948px;*/
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	/*margin-left: 223px;*/
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 190px;
	height: 30px;
	background-image: url(../css_images/bk2.jpg);
	font-size: .80em;
}

#tab_menu a {
	float: right;
	width: 135px;
	height: 30px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../css_images/button_135_red.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.80em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	
}

#tab_menu a:active {
	color: #FFFF00;
	font-size: 80em;
}

#tab_menu a:hover {
	color: #000000;
	background-image: url(../css_images/button_135_yel.jpg);
	background-repeat: no-repeat;
	font-size: .80em;
}


#midcolumn {
	float: right;
	width: 725px;
	font-size: 0.8em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

#rightcolumn {
	float: left;
	width: 190px;
	font-size: .75em;
}
#layoutbottom {
	clear: both;
	background-image: url(../css_images/dj3_bottom_narrow.jpg);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}

.clear {
	clear: both;
	}
	

#searchbar {
	padding-left: 400px;
}



#searchbar form input[type="text"] {
	width:160px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #895519;
	height: 30px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}	

#searchbar form input[type=submit] {
	background-color: #CCCCCC;
	border: thin solid #666600;
}



#searchbox {
	padding-left: 0px;
	background-color: #ffffff;
	width: 188px;
	margin-left: 0px;
	border: thin solid #000000;
}



#searchbox form input[type="text"] {
	width:167px;
	height: 20px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #895519;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
	font-size: 95%;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 2px;
}	

#searchbox form input[type=submit] {
	width:95px;
	color: #000000;
	background-color: #FFC20F;
	border: 1px solid #333333;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 48px;
	font-size: 95%;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
	font-size: .99em;
}

#searchboxmessage {
	font-size: 90%;
	color: #00FF00;
	margin-left: 40px;
}
	
.featuredbooks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-align: justify;
}


.featuredbooksprice {
	font-size: 80%;
	color: #FF0000;
	text-align: left;
	font-weight: bold;
}

.featuredbooks h1 {
	font-size: 110%;
	color: #333333;
	text-transform: capitalize;
	font-weight: bold;
	}

.featuredbooks h2 {
	font-size: 105%;
	color: #333333;
	text-transform: capitalize;
	}
	
.featuredbooks h3 {
	font-size: 90%;
	color: #000000;
	text-transform: capitalize;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	letter-spacing: 0.1em;
	}

.featuredbooks_sub {
	font-size: 90%;
	color: #000000;
	text-transform: capitalize;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	letter-spacing: 0.1em;
	}
		
		

.featuredbooks h4 {
	font-size: 80%;
	color: #0000FF;
	text-transform: uppercase;
	}
	
	
.featuredbooks p {
	font-size: 100%;
	color: #000000;
	text-transform: none;
	}
	
.featuredbooks a {
	font-size: 100%;
	color: #0000FF;
	text-transform: none;
	}
		
.featuredbooks a:link {
	color: #000033;
	text-decoration: none;
	}

.featuredbooks a:visited {
	color: #000066;
	text-decoration: none;
}

.featuredbooks a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.featuredbooksimgLeft {
	float: left;
	padding-right: 100px;
	margin: 0px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.featuredbooksimgRight {
	float: right;
	padding-right: 50px;
	margin: 0px;
	padding-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.featuredbooksimgMid {
	float: none;
	margin-right: 0px;
	text-align: center;
	vertical-align: middle;
}

img {
border:hidden;
}


div.pageheading {
	font-size: 150%;
	color: #333333;
	border-bottom-width: none;
	border-bottom-style: none;
	
	padding-bottom: 10px;
	margin: 0;
	padding-top: 10px;
	font-weight: bold;
}



.pageheading h1 {
	font-size: 90%;
	color: #333333;
	text-transform: capitalize;
	font-weight: bold;
	text-align: left;
	}

.pageheading h2 {
	font-size: 60%;
	color: #333333;
	text-transform: none;
	font-weight: normal;
	margin-top: 4px;
	padding-top: 4px;
	text-align: left;
	letter-spacing: 0em;
	line-height: 2em;
	}
	
.pageheading h3 {
	font-size: 60%;
	color: #333333;
	text-transform: none;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	letter-spacing: 0em;
	line-height: 1.5em;
	}	

.pageheading h4 {
	font-size: 80%;
	color: #0000FF;
	text-transform: uppercase;
	}




div.usefullinks {
	font-size: 100%;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
}


div.usefullinks a:link {
	color: #333333;
	text-decoration: none;

}

div.usefullinks a:active {
	color: #333333;
	text-decoration: none;
}

div.usefullinks a:visited {
	color: #333333;
	text-decoration: none;
}

div.usefullinks a:hover {
	color: #000066;
	text-decoration: underline;
}



h1 {
	font-size: 110%;
	color: #333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	margin: 0;
	padding-top: 10px;
}
	
	
h2 {
	font-size: 110%;
	color: #333333;
	margin: 1.5em 0 0 0;
}

h2.top {
	margin: 1em 0 0 0;
	font-size: 100%;
	letter-spacing: 0.3em;
	font-weight: bold;
	color: #333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
h3 {
	font-size: 100%;
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
	padding-top: 10px;
}


h4 {
	font-size: 100%;
	margin: 1.5em 0 0 0;
}


.content {
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-align: left;
	
	
}
.content p {
	margin: 6px 0 12px 0;
	line-height: 1.3em;
}
.content ul {
	margin: .75em 0 1em 1.35em;
	padding-left: 1.35em;
}
/*Explicitly set dark blue link colors for IE7 Vista*/
.content a, .p7AB p a, #footer a {
	color: #0000FF;
	text-decoration: none;
}
.content a:hover, .p7AB p a:hover, #footer a:hover {
	color: #000000;
}
.note {
	font-size: 0.95em;
	padding: 12px;
	border: 1px dotted #333;
}


.notenoborder a {
	font-size: 0.95em;
	color: #CCCCCC;
	text-decoration: none;
}

.notenoborder {
	font-size: 0.95em;
	padding: 12px;
	border: 1px none #333;
}


.notenoborder a {
	font-size: 0.95em;
	color: #CCCCCC;
	text-decoration: none;
}


.newbutton {
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
	background-color: #981C1E;
	height: 30px;
	background-image: url(../NewButtons/quickmenu.jpg);
}


.mailinglist {
	font-size: 85%;
	padding: 12px;
	color: #000000;
	text-decoration: none;
}


.mailinglist a:link {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
}

.mailinglist a:visited {
	color: #000000;
	text-decoration: none;
}

.mailinglist a:hover {
	color: #000000;
	text-decoration: none;
}


#footerbox {
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer {
	font-size: .7em;
}
#footer p {
	margin: 12px 20px 6px 6px;
	text-align: right;
}
/*The bottom content - below the Accordion Panel menu*/
.grayed {
	margin: 0;
	font-size: .9em;
	color: #CCCCCC;
	background-color: #666666;
	padding: 4px 12px 4px 16px;
	border-top: 1px solid #7a7a7a;
	border-bottom: 1px solid #333333;
	letter-spacing: .5em;
}
#cancel_background {
	background-image: none;
	margin: 0;
	padding-top: 12px;
	padding-left: 20px;
}



.menulist {
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	list-style-type: none;
	line-height: normal;
	font-size: 10pt;
}
.menulist li {
	margin: 0 0 4px 0;
}

.menulist a {
	text-decoration: none;
	display: block;
	padding: 3px 6px;
	border: 1px solid #999;
	color: #333333;
	background-image: url(../css_images/dj3_Button.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFFFFF;
	font-size: .80em;
}
.menulist a:hover {
	color: #333333;
	border-color: #505050;
	background-position: 0px -100px;
	text-decoration: none;
	background-image: url(../css_images/dj3_Button_Hover.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: .80em;
}
/*
The YOU are HERE link assigned by the Accordion Panel script
to mark the current page link
*/
.p7ap_currentmark {
	font-weight: bold;
	border-color: #505050 !important;
	background-position: 0px -200px !important;
	cursor: default;
}
/*Affects only the Accordion Panel component that houses the nav menu. 
We turn off borders, padding, and background color, 
and assign a left margin of 1px to nudge the accordion over
to clear and reveal the column border
*/
#p7ABW1 {
	border: 0;
	background-color: transparent;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.p7ABtrig h3, .p7ABtrig h4 {
	font-size: 0.9em !important;
	font-weight: bold;
	}
#p7ABW1 .p7ABtrig a {
	border-bottom: 1px solid #333 !important;
	height: 20px;
}
#p7ABW1 .p7ABtrig .p7ABtrig_down {
	background-color: #CCCCCC !important;
	background-image: url(../css_images/acc_buttons_on.jpg);
	color: #CCCCCC;
	letter-spacing: 0.2em;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.panel_list {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 15px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
}

.imgRight {
  float: right;
  margin-right: 0px;
}

.imgMid {
	float: none;
	margin-right: 0px;
	text-align: center;
	vertical-align: middle;
}



/*Remove these styles 

form {  
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 80%;
  max-width: 100%;
  width: 90%; 
}

form fieldset {
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;       
  margin: 0;
}

form fieldset legend {
	font-size:1em; 
}

form label {
	display: block;  
	float: left;
	width: 90px;
	padding: 0;
	margin: 5px 0 0;
	text-align: right;
	color: #000000;
	font-size: 90%;
}

form fieldset label:first-letter { 
	text-decoration:underline;    
}

form small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}

form .required{
	font-weight:normal;
} 

form br {
	clear:left; 
}



	
form input[type=submit] {
	margin-left: 10px;
	margin-top: 16px;
	width: 120px;
	padding-top: 2px;
	padding-bottom: 5px;
	height: 25px;
	}
	
form input[type=reset] {
	margin-left: 10px;
	margin-top: 12px;
	width: 80px;
	padding-top: 2px;
	padding-bottom: 5px;
	height: 25px;
	}

form input {
	width:auto;      
	margin:5px 0 0 10px;
	color: #333333;
	background-color: #CCCCCC;
	border: 1px solid #895519;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10;
	padding: 2px;
	height: 20px;
}



.radio_b{
    padding:15px 25px 15px 25px;
    background-color:#000000;
    cursor: default;
}


textarea { overflow: auto; }

form textarea {
	width:auto;      
	margin:5px 0 0 10px;
	color: #333333;
	background-color: #CCCCCC;
	border: 1px solid #895519;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
  	scrollbar-3dlight-color : #F1E3D3;
  	scrollbar-arrow-color : #895519;
  	scrollbar-darkshadow-color : #F1E3D3;
  	scrollbar-face-color : #F1E3D3;
  	scrollbar-highlight-color : #895519;
  	scrollbar-shadow-color : #895519;
  	scrollbar-track-color : #F1E3D3; 
  	}

*/

.labelText {
	display: block;  
	float: left;
	width: 80px;
	padding: 0; 
	text-align: left;
	color: #000000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.message {
	color: #CCCCCC;
}

.searchmessage {
	color: #000000;
}

.contactusform {
	font-family: "Times New Roman", Times, serif;
	color: #999999;
}


.formlayout {
	height: auto;
	width: 650px;	
}

.formlayout h2 {
	font-size: 115%;
	font-weight: bold;
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 15px;
}

.formlayout h3 {
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	letter-spacing: .1em;
}

.formlayout300 {
	width: 300px;
	display: inline;
	font-size: 100%;
	font-weight: normal;
	margin-left: 10px;
	padding-left: 29px;
}


.formlayout100 {
	width: 100px;
	display: inline;
	text-align: center;
}



.formlayoutdetails {
	width: 600px;
	display: inline;
	font-size: 100%;
	font-weight: normal;
}


	
.formlayout form input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}	


.formlayout form input[type=submit] {
	width:95px;
	margin:5px 0 0 10px;
	color: #333333;
	background-color: #CCCCCC;
	border: 1px solid #895519;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10;
	padding: 2px;
	height: 30px;
}

.formlayout form input[type=reset] {
	width:95px;
	margin:5px 0 0 10px;
	color: #333333;
	background-color: #CCCCCC;
	border: 1px solid #895519;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10;
	padding: 2px;
	height: 30px;
}


.formlayout form input[type=radio] {
	height: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

	

.formlayout form fieldset {
	border-color: #000;
	border-width: 0px;
	border-style: solid;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10;
}

.formlayout form fieldset legend {
	font-size:1em; 
	padding-left: 10px;                       
	margin-left: 10px;
	font-weight: bold;
}

.formlayout form label {
	display: block;  
	float: left;
	padding: 0;
	margin: 0px 0 0; 
	text-align: right;
	color: #000000;
	font-size: 90%;
}

.formlayout form input {
	height: 20px;

}


formlayout form small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}



.checkout_wrap label {
	width: auto;
	font-size: 100%;

}


.checkout_wrap form {
	width: 100%;
}

.checkout_wrap input[type=submit] {
	margin: 0pt;
	width: auto;
}

table.checkout_border input[type=submit] {
	margin: 0pt;
	width: auto;

}


.productbrowser_button {
	width:120px;
	color: #000000;
	background-color: #999999;
	border: 1px solid #CCCC33;
}
	

table.checkout_tbl_padding {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(../css_images/dj3_layout_bkg.jpg);
	}

.back_to_list_btn input[type=submit] {
	margin: 0pt;
	width: auto;
}

.button input[type=submit] {
	margin: 0pt;
	width: auto;
}


#product_details_div input[type=submit] {
	margin: 0pt;
	width: auto;
}


#shop_pannel form input[type="text"] {
	width:120px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #895519;
}



form select {
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #895519;
}



#search_bar form input[type="select"] {
	width:120px;
	color: #999999;
	background-color: #FFFFFF;
	border: 1px solid #895519;
}	

#shop_pannel form input[type=submit] {
	width:110px;
	color: #000000;
	background-color: #999999;
	border: 1px solid #CCCC33;
}

#basket form input[type=submit] {
	width:110px;
	color: #000000;
	background-color: #999999;
	border: 1px solid #CCCC33;
}

#basket form input[type="text"] {
	width:120px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #895519;
}