/**
 *	Base Style Sheet For FabNewFaces [Backend] (c) 2009
 *	http://www.fabnewfaces.co.uk
 *
 */

* {
	margin:0;
	padding:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/**
 * General CSS to control the presentation of the layout of the site
 *	
 */

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: candara, sans-serif;
	font-size: 0.75em;
	color: #000;
	background: #f1f0f0 url(../images/bg.gif) top left repeat-x;
	line-height: 1.3;
}

body#nobg {
	background: #f1f0f0;
}

#wrapper {
	position: relative;
	min-height: 100%;
	margin: 0 auto; 
}

* html #wrapper {
	height: 100%;
}

#inner-wrapper {
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
 	overflow: hidden;
}

#content {
	position: relative;
	background: #fff;
	width: 914px;
	padding: 20px;
	border: 1px solid #f3a6d4;
}

#content h4 {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 20px;
}

#header {
	position: relative;
	width: 960px;
    z-index: 9999;
}

#footer {
	position: relative;
	padding: 10px 0 0 0;
	height: 50px;
	width: 960px;
	margin: 0 auto;
} 

/**
 * Styles to be applied globally (e.g. strong)
 *	
 */
 
.ui-tabs .ui-tabs-hide {
     display: none;
}

strong {
	font-weight: bold;
}

#content h5.dropdown {
	border: 1px solid #f9d2e9;
	padding: 8px 5px;
	color: #000;
	text-decoration: none;
	margin-bottom: 15px;
	font-weight: bold;
}

#content h5.button { 
	margin-bottom: 15px;
}

#content h5.button-pos {
	position: absolute;
	top: 20px;
	right: 20px;
}

#content h5.button  a {
	background: #e8edff;
	border: 1px solid #f9d2e9;
	padding: 5px;
	color: #000;
	text-decoration: none;
}

#content h5.button a img {
	float: left;
}

#content table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	margin-bottom: 25px;
}

#content th {
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #f9d2e9;
	border-top: 4px solid #F06BBA;
	border-bottom: 1px solid #fff;
	color: #887781;
}

#content td {
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #666;
	border-top: 1px solid transparent;
	vertical-align: middle;
}

#content tr.sub td {
	background: #fefefe;
	vertical-align: middle;
}

#content tr.sub td img {
	float: left;
	padding-right: 10px;
}

#content tr:hover td {
	background: #F1F0F0;
	color: #887781;
}

/**
 * Form Elements
 *	
 */

input.text {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 200px;
}

input.date {
	cursor: pointer;
}

select{
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
}

option{
	padding: 0 5px;
	color: #666;
}

input.text-long {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
}

textarea {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
	height: 150px;
}

input.text-small {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 100px;
}

input.checkbox {
	margin-left: 15px;
}

input.submit {
	border: 0px;
	background: #EC008C;
	padding: 5px;
	color: #fff;
}

/**
 * Login Elements
 *	
 */

#login-outer {
	position: relative;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	padding: 20px;
	width: 360px;
	height: 220px;
	background: #fff;
	border: 1px solid #ccc;
}

#login-outer table{
	position: relative;
	padding-top: 20px;
}

#login-outer td{
	padding-bottom: 10px;
}

#login-outer td.label{
	width: 75px;
}

#login-outer input.text {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 200px;

}

#login-outer input.submit {
	border: 0px;
	background: #EC008C;
	padding: 5px;
	color: #fff;
}

/**
 * Blank Elements
 *	
 */

#blank-outer {
	position: relative;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	padding: 20px;
	width: 360px;
	height: 220px;
	background: #fff;
	border: 1px solid #ccc;
}

#blank-outer h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 10px;
}

#blank-outer p {
	padding-bottom: 10px;
}

#blank-outer p a {
	color: #EC008C;
}
 
 
/**
 * Header elements
 *	
 */

#navigation {
	position: relative;
	top: 28px;
	height: 50px;
	margin-bottom: 40px;
}

#navigation li {
	display: inline;
	float:left; 
	margin-right: 1px;
	text-align: center;
	line-height: 2.6;
	font-weight: bold;
	text-transform: uppercase;
	font-family: tahoma, verdana, arial, helvetica;
}

#navigtion li ul {
    clear:both;
}

#navigation li ul li {
    display: block;
    clear:both;
}

#navigation li a {
	display:block;
	width: 112px;
	height:34px;
	background: #f9d2e9;
	color: #887781;
	text-decoration: none;
}

#navigation li a:hover {
		background: #f1f0f0;
}

#navigation li.active a {
	background: #f06bba;
	color: #fff;
}
 
#site-header h1 {
	position: relative;
	background: url(../images/logo.png) top left no-repeat;
	width: 226px;
	height: 54px;
	top: 30px;
	text-indent: -5000em;
}

#site-header h1 a {
	display: block;
	width: 226px;
	height: 54px;
}

#site-header h2 {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 1.6em;
	font-weight: bold;
}

#site-header h3 {
	position: absolute;
	top: 58px;
	right: 0;
	font-size: 1.2em;
	font-weight: bold;
}

#site-header h3 a {
	color: #ec1c97;
	text-decoration: none;
}

#page-description {
	position: relative;
	margin-bottom: 20px;
    z-index: -1;
}

#page-description h3 {
	color: #61595e;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 5px;
}

#page-description img {
	position: relative;
	top: 5px;
	float: left;
	margin-right: 15px;
}

#page-description a {
	color: #61595E;
}

#site-header p {
	color: #7b6f76;
}

h5.switch {
	position: relative;
	top: -40px;
	float: right;
	padding-left: 15px;
}

h5.frontend-link {
	position: relative;
	top: -40px;
	float: right;
}

/**
 * Model elements
 *	
 */

#model-container div {
	position: relative;
	margin-top: 10px;
}

a {
	color: #7b6f76;
}

#model-container div td{
	vertical-align: top;
}

#model-container div h5 {
	font-size: 1.1em;
	padding-bottom: 20px;
}

#model-container div input.text {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 200px;
}

#model-container div select{
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
}

#model-container div option{
	padding: 0 5px;
	color: #666;
}

#model-container div input.text-long {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
}

#model-container div textarea {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 400px;
	height: 150px;
}

#model-container div input.text-small {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 100px;
}

#model-container div input.checkbox {
	margin-left: 15px;
	
}

#model-container div h6.button {
	border: 0px;
	background: #EC008C;
	width: 70px;
	padding: 5px;
	color: #fff;
	margin-bottom: 5px;
	cursor: pointer;
}

#model-container div input.submit {
	border: 0px;
	background: #EC008C;
	padding: 5px;
	color: #fff;
}

#conversion-tool {
	position: absolute;
	right: 10px;
	top: 132px;
	width: 400px;
	height: 15px;
	padding: 10px;
	background: #FfF0F0;
	z-index: 2;
	border: 1px solid #ddd;
	overflow: hidden;
}

#conversion-tool input.text {
	border: 1px solid #ccc;
	padding: 5px;
	color: #666;
	width: 60px;
}

#models-album-container {
	position: relative;
}

#models-album-container div.models-album {
	position: relative;
	float: left;
	border: 1px solid #aaa;
	margin-right: 28px;
	margin-bottom: 30px;
	text-align: center;
}

#models-album-container a {
	font-weight: bold;
	color: #61595E;
}

#models-album-container p {
	padding-bottom: 10px;
}

#models-album-container img {
	padding: 20px 35px;
}

/* SEARCH */

div.selector {
padding-bottom: 20px;
}

#form-wrapper {
	position: relative;
}

div.inches-form {
	position: relative;
}

div.cm-form {
	position: relative;
	display: none;
}