body {
	color: #666666;
	font-family: Arial, sans-serif;
	background: #fff url(../images/papercrane_background.gif) repeat; 
	margin: 0;
}

ul.topnav1,ul.topnav2 {
	width: 900px;
	margin: 0 0 0 0;
	list-style: none;
	padding: 0 0 0 0;
}
.topnav1 li
{
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style: none;
}
ul.topnav2
{
	margin: 0 0 0 0;
	list-style: none;
	padding: 0 0 0 0;
}

.toplogo {
	float: left;
}
img { border: 0; }

#nav{

	float: left;
	border-left: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	
}

#wrap {
 	width: 900px;
 	margin: 0 auto 0 auto;
 	background: #CBEBFB;
}

.col1 	{ width: 230px; float: left; }
.col2 	{ width: 350px; float: left; }
.col3 	{ width: 240px; float: left; margin-left: 10px; }
.col2-3 { width: 650px; float: left; height: 120px; background: #eee; }
.toprow { width: 880px; padding: 0 0 10px 0;}
.midrow { width: 630px; float: left;}

#papercrane {
	width: 880px;
	padding: 10px;
}

#articlebox {
	background: #fff;
	border: 1px dotted #CCCCCC;
	border-top: none;
	width: 397px;
}

#article {
	width: 356px;
   	padding: 10px 5px 10px 30px;	
}

.little-stars  {
	background: #fff url(../images/little_star.gif) no-repeat 0 5px;
}
.line {
	border-bottom: 1px dotted #CCCCCC;
}

#article h1 {
	margin: 0;
	font-size: 20px;
	color: #FBBF0A;
}
#article h2 {
	font-size: 14px;
	color: #36B5F4;
}
#article h1.inv, #article h3.inv {
	color: #FFFFFF;
	padding: 0.4em;
	background-color: #FBBF0A;
}
#article h2.inv {
	color: #FFFFFF;
	padding: 0.4em;
	background-color: #36B5F4;
}

#article h3 {
	font-size: 14px;
	color: #FBBF0A;
}

#article img {
	margin: 20px 0 0 0;
}

/*  sub nav	 */

.hide { display: none; }
.show { display: block; }

ul.subnav, ul.subnav2 {
	width: 225px;
	background: #fff;
	margin: 0 0 0 0;
	list-style: none;
	padding: 5px 0 5px 5px;
}

ul.subnav2 {
	padding: 5px 0 5px 0px;
}

ul.subnav li, ul.subnav2 li {
	line-height: 2em;
	text-indent: 12px;
	font-size: 12px;
	background-color: #F5F5F5;
	border-bottom: 5px solid #FFFFFF;
	border-right: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.subnav a {
	display: block;
	color: #666666;
	text-decoration: none;
	background-color: #F5F5F5;
}

ul.subnav a:hover {
	color: #F5F5F5;
	text-decoration: none;
	background-color: #FBBF0A;
}

a.actuator {
	background: url(../images/submenu-arrow.gif) no-repeat 0 #F5F5F5;
}
a.actuator:hover {
	background: #FBBF0A;
}


ul.subnav a.sel {
	background: url(../images/subnav-sel-arrow.gif) no-repeat 0 #CBEBFB;
	color: #36B5F4;
}
ul.subnav a.sel:hover {
	background: url(../images/subnav-sel-arrow-hover.gif) no-repeat 0 #36B5F4;
	color: #FEF3DF;
}

/*  colours	 */
.oldblue 		{ color: #8ADBFF;}
.blue		{ color: #36B5F4;}
.lblue 		{ color: #F0F9FE;}
.orange 	{ color: #FBBF0A;}
.lorange 	{ color: #FEF3DF;}

/*  sizes	 */
.s { font-size: 10px;}
/*  links	 */
a 		{ color:  #36B5F4; } 
a:hover { color:  #000; } 

/*  sizes	 */
p, .bluebox, #article {
	font-size: 13px;
}
p.caption {
	font-style: italic;
}

p.top {
	margin-top: 0px;
}
h3.top {
	margin-bottom: 0px;
}

/*  boxes	 */

.bluebox, .orangebox, .bluearrowbox, .searchbox { 
	width: 220px;
	margin: 0;
	padding: 0;
}
.searchbox { margin: 0 0 10px 0; } 
.searchbox input { margin: 0; } 
.rbluebox, .rorangebox { 
	width: 240px;
	margin: 0;
	padding: 0;
}

.bluebox h2, .cornerbox h2, .orangebox h2, .bluearrowbox h2, .rbluebox h2, .rorangebox h2 { 
	text-align: center;
	text-shadow: #999999 2px 2px 2px;
	color: #FFFFFF;
	font-weight: bold; font-size: 14px;
	line-height: 1.5em;
	height: 1.5em;
	margin:0px;
}

.bluebox input { 
	border: 1px solid #999999;
}
.bluebox h2 {
	background-color: #36B5F4;
}

.bluebox p, .orangebox p, .rbluebox p{ 
	margin:0px;
	padding: 5px;
	border: 1px dotted #CCCCCC;
	border-top: none;
	background-color: #fff;
	width: 208px;
}

.rbluebox p {
	width: 228px;
}

.cornerbox { 
	width: 230px;
	margin: 0;
	padding: 0;
}

.cornerbox h2 {
	background: #36B5F4 url(../images/corner_sml.gif) no-repeat left top;
}

.orangebox { 
	margin: 10px 0 0 0;
}

.orangebox h2, .rorangebox h2 {
	background: #FBBF0A url(../images/arrow_white.gif) no-repeat left 50%;
}

.bluearrowbox { background: #fff; } 
.bluearrowbox h2, .rbluebox h2{
	background: #36B5F4 url(../images/arrow_white.gif) no-repeat left 50%;
}

.bluearrowbox-inner  {
	padding: 8px;
	border: 1px dotted #CCCCCC;
	border-top: none;
}
.bluearrowbox p  {
	margin: 0;
	padding: 10px; 
	background: url(../images/blue-stripe-tile.gif) repeat;
}
.star {
	position: relative; 
	z-index: 1;
	left: 185px;
	top: 29px;
}

#shopbox {
	width: 218px;
	/* height: 220px;
	overflow: auto;*/
	border: 1px dotted #CCCCCC;
	border-top: none;
	background: #ffffff url(../images/shop_image.gif) repeat-y;
	padding: 10px 10px 10px 10px;
}

#shopbox img {
	margin-right: 10px;
}

.bigcornerbox {
	width: 400px;
	margin: 0;
	padding: 0;
	background: #36B5F4 url(../images/corner_big.gif) no-repeat left top;
	height: 44px;
	float:left;
}

.bigcornerbox  h2 {
	color: #FFFFFF;
	text-shadow: #444444 2px 2px 2px;
	font-size: 18px;
	text-indent: 60px;
}

.mid {position: absolute; top: 50%;} /* for explorer only*/
.mid[class] {display: table-cell; vertical-align: middle; position: static;}
.inner {position: relative; top: -50%} /* for explorer only */


.kimono {
	background: #CBEBFB url(../images/kimono_pattern.gif) no-repeat;
	width: 230px;
	height: 44px;
	float: left;
}
.paperclip {
	position: relative; 
	z-index: 1;
	left: 196px;
	top: 22px;
}

.photo {
	border: 1px solid #ddd;
	padding: 10px;
}

table.pricelist th {

background: #CBEBFB;
color: #666;
align: left;

}

table.pricelist td {

border-top: 1px solid #ccc;
padding: 6px 3px 12px;
line-height: 1.5em;

}