body{
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #888;
	margin: 0;
	padding: 0;
	background: #FFF;
	text-align: center;
}

div{
	text-align: left;
}

a{
	color: #555;
	text-decoration: none;
}

a:hover{
	color: #000;
}

.button, form input.button{
	background: #EEE;
	color: #333;
	border: 1px solid #334;
	padding: 2px 4px;
	line-height:1em;
	font: 10px Verdana, sans-serif;
}

form input.button{
	padding: 1px 2px;
}


/* CLEAR FIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* PAGE CONTAINER */
div#pageContainer{
	width: 760px;
	margin: 30px auto;
	position:relative;
}



/* CONTENT */

div#content{
	border: 1px solid #DDD;
	background: url(../images/girl-main.gif) bottom left no-repeat #FFF;
	padding-left: 150px;
	min-height: 360px;
	position:relative;
	padding-bottom: 50px;
}

/* for Internet Explorer */
/*\*/
* html div#content {
height: 400px;
}
/**/

div#content h2, div#content h3, div#content h4{
	text-align: left;
	text-transform: uppercase;
	margin: 0.6em 0 0.3em;

}


div#content h3{
	font-size: 1.7em;
	text-align: right;
	padding-right: 6px;
}


/* HEADER */

div#header h1{
	background: url(../images/world_of_found.gif) top right no-repeat;
	margin: 0 0 0.2em;
	padding: 0;
	height: 32px;
}

div#header h1 a{
	display: block;
	height: 29px;
}

div#header h1 span{
	display: none;
}



p#statusBar{
	margin:0;
	float: left;
	font-size: 0.9em;
	margin-top: -1.5em;
	color: #999;
}

p#statusBar a{
	color: #CCC;
}

p#statusBar a:hover{
	color: #666;
}

/* MENU */

div#mainMenu{
	font-size: 1.1em;
	text-align: center;
	margin:0 0 10px;
	position:absolute;
	bottom: 4px;
	right: 10px;
	z-index: 50;
}

html>body div#mainMenu{
	bottom: 6px;
}

div#mainMenu ul, div#mainMenu ul ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#mainMenu ul li{
	float: left;
}
div#mainMenu ul ul li{
	float: none;
	margin: 0 0 0.5em 0;
}
div#mainMenu ul a {
	display: block;
	padding: 2px 4px 6px;
	text-decoration: none;
	margin: 0 0.6em;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

div#mainMenu ul a:hover, div#mainMenu ul a.active{
	padding-bottom: 2px;
	border-bottom: 4px solid #DDD;
	color: #000;
}

div#mainMenu ul ul {
	position: absolute;
	width: 10em;
	z-index: 500;
	background: #FFF;
	text-align: left;
	padding-top: 0.5em;
	border: 1px solid #DDD;
}

div#mainMenu ul ul a{
	display: inline;
}

div#mainMenu ul ul ul {
	position: absolute;
	padding-top: 0;
	top: 0;
	left: 100%;
}

div#mainMenu ul ul,
div#mainMenu ul li:hover ul ul,
div#mainMenu ul ul li:hover ul ul
{display: none;}

div#mainMenu ul li:hover ul,
div#mainMenu ul ul li:hover ul,
div#mainMenu ul ul ul li:hover ul
{display: block;}



/* FOOTER */
div#footer p{
	margin: 0 2em 0 0;
	font-size: 0.8em;
	color: #BBB;
}



/* FORM */


form{
	margin: 0;
	padding: 0;
}
p.formLine{
	margin:2px 0 2px 130px;
}

p.formLine strong{
	position: absolute;
	margin-left: -120px;
	width: 110px;
}

form input, form textarea{
	border: 1px solid #333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.9em;
}

p.formLine.required input.textbox{
	background: #FFE;
	border-color: #900;
}

html>body form input, html>body form textarea{
	font-size: 1em;
}

.submitButtons{
	text-align:right;
	padding:0 6px 0 0;
	margin: 2px 0 3px;

}



/* TABLE */
table{
	font-size:1em;
	width: 100%;
}

table th{
	font-weight: bold;
}

table td, table th{
	padding: 2px 6px 2px 0;
}

table td{
	border-top: 1px solid #E8E8E8;
}


table .figure{
	text-align: right;
}

table tr.total{
	font-weight: bold;
}

table a.deleteButton{
	background: url(../images/delete-button.gif) top left no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
}

table a.deleteButton span{
	display:none;
}

table a.deleteButton:hover{
	background: url(../images/delete-button-over.gif) top left no-repeat;
}

p.norecords{
	margin-top: 10em;
}


/* DYNAMIC CONTENT */

div#content img{
	float: right;
	margin: 6px;
}


/* GALLERY */
div#gallery{
	text-align: right;
}


div#footerMenu ul{
	list-style-type: none;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
}

div#footerMenu ul li{
	display: inline;
	padding: 1em;
}

div#footerMenu ul li a{
	text-transform: uppercase;
	color: #777;
	font-size: 0.8em;
}

div#footerMenu ul li a:hover{
	color: #333;
}


/* CONTACT */

body.contact div#content h3{
	background: url(../images/girlface.gif) top center no-repeat;
	padding-top: 140px;
	margin-top: 60px;
}

body.contact div#content p{
	text-align: center;
	margin-bottom: 100px;
}

/* SHOW ALL */

div#content ul.listing img{
	float: none;
	margin: 0;
}

ul.listing, ul.listing ul{
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0;
}

ul.listing li ul li{
	float: left;
	width: 180px;
	text-align: center;
	margin: 1em 0.5em 0 0.5em;
}

div#content ul.listing li h4{
	margin: 2em 10px 0 0;
	padding-bottom: 0.2em;
	font-size: 1.4em;
	border-bottom: 1px solid #DDD;
}

div#content ul.listing li ul li h4{
	text-align: center;
	font-size: 1em;
	margin: 0.5em 0 0;
	border: none;
}

ul.listing li a{
	display: block;
}

ul.listing li a img{
	border: none;
}

ul.listing li a.orderbutton{
	font-size: 0.9em;
}

/* INDEX */

body.index2 h2{
	text-align: center;
	margin-top: 40px;
}
body.index2 h2 a{
	display: block;
	background: url(../images/enter.gif) top center no-repeat;
	padding-top: 380px;
	color: #DDD;
	text-transform: uppercase;

}

body.index #content .dynamicContent{
	width: 190px;
	float: right;
	font-size: 12px;
	padding: 0 8px;
	padding-top: 20px;
}

body.index #content .dynamicContent h3{
	display: none;
}

body.index2 div#content object, body.indextmp div#content object{
	float: right;
	margin: 0 10px;
}

body.indextmp div.dynamicContent h3{
	display: none;
}

body.found div#content h3{
	position: absolute;
	height: 360px;
	width: 560px;
	background: url(../images/about-bg.gif) top center no-repeat #FFF;
	margin: 0;
}


body.found div#content h3 a{
	display: block;
	height: 360px;
	width: 560px;
}
body.found div#content h3 span{
	display: none;
}

body.found div#content p{
	color: #999;
	position:relative;
	clear: both;
	padding:20px 400px 0 15px;
	margin: 0;
	font-weight: bold;
}

body.found div#content p.intro{
	color: #C00;
	margin-top: 80px;
	padding:40px 15px 0 360px;
	margin-bottom: 40px;
	text-align: right;
}
body.found div#content p.intro strong{
	color: #000;
}

body.showcategory div#pageContainer div#content{
	text-align: right;
}




/* REGISTER PAGE */

body.register form{
	margin: 6px;
	padding: 12px;
	border: 1px solid #CCC;
	background: #E8E8E8;
}

body.register div#content h3{
	text-align: left;
	padding-left: 6px;
}

body.register .submitButtons{
	float:right;
}

/* ORDER PAGE */

body.order div#content h3{
	margin-bottom: 1.5em;
}


/* CONTACT */
div#pageContainer.contact div#content div.dynamicContent *{
	text-align:center;
}

div#pageContainer.contact div#content div.dynamicContent{
	background: url(../images/girlface.gif) top center no-repeat;
	padding-top: 120px;
	margin-top: 60px;
}

/* SHOW ITEM */

body.showitem div#content img{
	float: none;
	margin-top: -2em;
}

body.showitem div#content table img{
	margin: 0;
}

body.showitem div#content a img{
	border: none;
}

body.showitem div#content, body.order div#content, body.cart div#content, body.showpage div#content{
	padding-right: 1em;
	padding-left: 170px;
}

body.showitem div#content div#mainMenu, body.order div#content div#mainMenu, body.cart div#content div#mainMenu, body.showpage div#content div#mainMenu{
	right: 0;
	width: 600px;
}