div/* klixo/try css (c) Klixo Limited. daniel@klixo.net.nz 
  Unauthorised copying or use is prohibited. Customers of Klixo.net.nz may freely
  use this script.
*/
/* ********************* ONLY ADVANCED USERS SHOULD CHANGE THE RULES BELOW THIS LINE ********************* */

/* ********************* General Stylesheet for common web elements ********************* */
html, body, body.home 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #02458D; /* primary font color */
	padding: 0px;
	margin: 0px;
	background-image: url(../pics/wishing-chair-background.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
}
body.home{
background: none;
}
/* Heading colours and styles */
h3, h5
{
	color: #02458D;
}
h4, h6
{
	color: #DE27BB;
}
h1, h2
{
	font-weight: bold; 
	line-height: 18px; 
	word-spacing: 4px; 
	border-spacing: 0px;
	margin-top: 0px; 
}
h1
{
	color: #02458d; 
	font-size: 2.0em; 
	letter-spacing: 1px; 
	margin-bottom: 20px;
}
div#prod_details h1{
	color: #02458d; 
	font-size: 2.0em;  
	margin-bottom: 20px;
	letter-spacing: 0px; 
	line-height:0.9em;
}
h2 {
	color: #02458d; 
	font-size: 1.6em; 
	letter-spacing: 0px; 
	margin-bottom: 10px;
}
/* Slideshow */
img.slideshow
{
	filter: progid:DXImageTransform.Microsoft.Fade(duration=1);
}
.clear
{
	clear: both;
}
/* ********************* // End of General Stylesheet for common web elements // ********************* */

/* ********************* General Stylesheet for ALL pages ********************* */
#divMain  
{
  margin: 10px auto 10px auto;
  visibility: visible;
  width: 800px;
  position: relative;
}
#divMainHome
{
  position: relative;
  width: 600px;
  margin: 10px auto 10px auto;
}
/* Masthead of the page */
div#title
{
	width: 800px;
	height: 200px;
	position: relative;
}
div#title_logo
{
	position: absolute;
	top: 30px;
	left: 140px;
	width: 175px;
	height: 153px;
}
div#title_text
{
	position: absolute;
	top: 50px;
	left: 330px;
}
div#title img
{
  border: none;
}
/* Client Menu (Table-based Tab) */
div#menu_bar
{
  width: 790px;
  text-align: center;
  padding: 20px 5px 60px 5px;
}
div#menu_bar img
{
	margin-right: 60px;
	border: none;
}
/* Main Body */
div#leftbg
{
	background-image: url(../pics/bg_left.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 800px;
	height: auto;
}
#divBody
{
  width: 800px;
  height: auto;
  padding: 0px;
  background-image: url(../pics/bg_menu_left2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#divBodyHome
{
  width: 600px;
  height: auto;
  padding: 0px;
}
img.bed
{
	position: absolute;
	top: 200px;
	left: -400px;
}
div#homeMenu
{
	padding-top: 20px;
	width: 300px;
	text-align: right;
	float: left;
	position: relative;
}
div#homeMenu img
{
	border: none;
	margin-bottom: 20px;
}
/* side panel */
#divPanel
{
	width: 200px;
	float: left; /* panel postion = left or right */
	font-size: 80%;
	position: relative;
	z-index: 900;
}
#chair
{
	height: 0px;
	width: 200px;
	position: relative;
	top: -160px;
	left: 0px;
}
div#side_menu
{
	padding-right: 3px;
}
div#side_menu li
{
	list-style: none;
	font-weight: bold;
	font-size: 1.15em;
	color: #DD34BC;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
div#side_menu li ul
{
	margin-top: 5px;
}
div#side_menu li ul li
{
	font-size: 1em;
	margin: 0px 0px 7px -25px;
	padding: 0px;
	font-weight: normal;
	list-style-image: url(../pics/li_child.gif);
}
div#side_menu a:link, div#side_menu a:visited
{
	color: #02458D;
	text-decoration: none;
}
div#side_menu a:hover, div#side_menu a:active
{
	color: #02458D;
	text-decoration: underline;
}
input.menu
{
	color: #02458D;
	border: none;
	background-color: transparent;
	font-weight: bold;	
	text-align: left;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-left: -3px;
	padding: 0px;
}
input:hover.menu
{
	text-decoration: underline;
}
/* Main Story Body */
div.story
{
	width: 566px;
	padding: 0px 0px 0px 34px;
	float: right;
	min-height: 500px;
}
div.storyHome
{
	width: 253px;
	padding-left: 47px;
	float: right;
	font-size: 1.1em;
}
div#prod_details
{
	float: left;
	width: 295px;
	padding-left: 5px;
}
div#prod_gallery
{
	float: right;
	width: 266px;
}
div#thumbs
{
	background-color: #F8D4F1;
	margin-top: 3px;
	padding: 5px;
	padding-right: 0px;
}
div#thumbs p{
	margin: 0px;
	font-size: 80%;
}
div#thumbs img
{
	cursor: pointer;
	border: none;
}
div.thumb_img{
	float: left;
	width: 123px;
	height: 90px;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 5px;
}
div#bottom_story
{
	width: 566px;	
	padding-left: 234px;
	padding-top: 23px;
}
div#bottom_story a:link, div#bottom_story a:visited, div#bottom_story a:hover, div#bottom_story a:active
{
	color: #DD34BC;
}
/* Footer of webpages */
div#footer
{
	width: 800px;
	text-align: center;
	padding: 10px 20px;
	color: #02458D;
}
div#footer a:link, div#footer a:visited
{
	color: #DD34BC;
	text-decoration: none;
}
div#footer a:hover, div#footer a:active
{
	color: #DD34BC;
	text-decoration: underline;
}
/* Paragraph text in footer */
div#footer p
{
	font-size: 77%;
	margin: 0px 0px 10px 0px;
}
div#footer p.pink
{
	font-size: 100%;
	color: #DD34BC;
}

/* ********************* // End of General Stylesheet for ALL pages // ********************* */

/* ********************* Stylesheet for Specific Pages (Gallery/List/List Archive/Contact, etc.) ********************* */
/*LIST ITEM*/

div.list_item
{
	width: 566px;
	margin-bottom: 26px;
}
div.item_left
{
	float: left;
	width: 130px;
}
div.item_right
{
	float: right;
	width: 426px;
}
div.item_right a:link, div.item_right a:visited, div.item_right a:hover, div.item_right a:active
{
	color: #DD34BC;
}
p.name a:link, p.name a:visited
{
	color: #02458D;
	text-decoration: none;
}
p.name a:hover, p.name a:active
{
	color: #02458D;
	text-decoration: underline;
}
div.item_right td
{
	vertical-align: top;
}
p.more
{
	margin: 0px;
	margin-top: 5px;
}
div.list_item form, div#side_menu form
{
	margin: 0px;
}
div.item_right a:link.pink, div.item_right a:visited.pink, div.item_right a:hover.pink, div.item_right a:active.pink{
color: #DD34BC;
text-decoration: underline;
}
span.right{
	
}
input.add
{
	margin: 0px;
	font-size: 0.70em;
	border: none;
	padding: 0px;
	height: 20px;
	width: 56px;
	background-color: #fff;
	color: #DD34BC;
	cursor: pointer;
}
input:hover.add
{
	text-decoration: underline;
}
.nomargin
{
	margin: 0px;
}
div#location
{
	position: relative;
	border: solid 2px #000;
	width: 516px;
	color: #000;
}
/* Form specific styling */
textarea
{
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
}
/* Table specific styling */
table.form
{
	width: 566px;
	border-top: solid 1px #D9B2D1;
	border-left: solid 1px #D9B2D1;
	margin-bottom:5px;
}
table.form caption
{
	background-color: #D9B2D1;
	font-size: 1.0em;
	text-align: left;
	padding: 3px;
	font-weight: bold;
}
table.form td, table.form th
{
	text-align: left;
	font-size: 0.9em;
	border-right: solid 1px #D9B2D1;
	border-bottom: solid 1px #D9B2D1;
	padding: 3px;
	vertical-align: top;
}
table.form th
{
	background-color: #F9EFF7;
	font-weight: normal;
}
table.form td
{
	padding-left: 5px;
}
/* Gallery Table Style */
td.gallery_img
{
  vertical-align: bottom;
}
/* Newsletter */
.inline
{
	display: inline;
}
/* ********************* // End of Stylesheet for specified pages (Gallery/List/List Archive/Contact, etc.) // ********************* */