/***********************************************************
	Basic Markup
***********************************************************/

html, body, * {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

body {
	background: #B8B8B8 url(/images/bg_body.gif) repeat-x top;
	font: 12px Verdana, Arial, serif;
}

h1 {
	color: #656565;
	font-family: Times, serif;
	font-size: 26px;	
	margin: 10px 0 15px;
}

h2 {
	color: #AF73B3;
	font-family: Times, serif;
	font-size: 18px;
	font-weight: normal;
	margin: 30px 0 5px;
}

h1 + H2 {	
	margin-top: 15px;
}

h3 {}

h4 {}

p {
	margin: 10px 0 7px
	line-height: 1.4em;
}

ul {
	margin: 10px 0 7px;
	list-style: none;
}

li {
	background: url(/images/bg_li.gif) no-repeat left 5px;
	padding-left: 5px;
}

table {
	margin: 10px 0 7px;
}

table td {
	padding: 5px 10px;
}

a img {
	border: none;
}

blockquote {
	margin: 10px 0 7px;
	background: url(/images/bg_blockquote.gif) no-repeat left top;
	padding-left: 60px;
}

label {
	cursor: pointer;
}

label.error {
	color: #9e009e;
	width: 190px !important;
	padding: 5px 0 0 80px;
	display: block;
	clear: both;
}

input.error,
textarea.error {
	border-color: #9e009e !important;
}


/***********************************************************
	Buttons
***********************************************************/

.buttonSimple {
	float: right;
	background: url(/images/bg_button-simple.gif) no-repeat right top;
	color: #421D45;
	text-decoration: none;
}

.buttonSimple span {
	background: url(/images/bg_button-simple-span.gif) no-repeat left top;
	display: block;
	padding: 5px 7px;
}

.buttonSend {
	float: right;
	background: url(/images/bg_button-send.gif) no-repeat right top;
	color: #421D45;
	text-decoration: none;
}

.buttonSend span {
	background: url(/images/bg_button-send-span.gif) no-repeat left top;
	display: block;
	padding: 5px 25px 7px 7px;
}

.buttonDownload {
	float: right;
	background: url(/images/bg_button-download.gif) no-repeat right top;
	color: #421D45;
	text-decoration: none;
	font-size: 14px;
}

.buttonDownload span {
	background: url(/images/bg_button-download-span.gif) no-repeat left top;
	display: block;
	padding: 11px 40px 12px 18px;
}

.buttonOpenAddGallery {
	float: right;
	background: url(/images/bg_button-buttonOpenAddGallery.gif) no-repeat right top;
	color: #421D45;
	text-decoration: none;
	font-size: 14px;
}

.buttonOpenAddGallery span {
	background: url(/images/bg_button-download-span.gif) no-repeat left top;
	display: block;
	padding: 11px 40px 12px 18px;
}

.buttonLarge {
	background: url(/images/bg_button-large.gif) no-repeat right top;
	color: #421D45;
	text-decoration: none;
	font-size: 14px;
	display: -moz-inline-box; display: inline-block;
}

.buttonLarge span {
	background: url(/images/bg_button-download-span.gif) no-repeat left top;
	display: block;
	padding: 11px 18px 12px 18px;
}


/* page navigation */

#content .pageNav:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
#content .pageNav {
	height: 1%;
	margin: 15px 0;
}

.previous {
	float: left;
	width: 100px;
	font-size: 11px;
}

.next {
	float: left;
	width: 100px;
	text-align: right;
	font-size: 11px;
}

#content .pageNav ul {
	float: left;
	width: 420px;
	margin: 0;
	text-align: center;
	font-size: 11px;
}

#content .pageNav li {
	display: inline;
}

#content .pageNav a {
	display: inline-block;
	background: url(/images/bg_pageNav-a.gif) no-repeat right top;
	text-decoration: none;
	cursor: pointer;
}

#content .pageNav a span {
	display: inline-block;
	background: url(/images/bg_pageNav-span.gif) no-repeat left top;
	padding: 5px 8px 7px;
}

#content .pageNav strong {
	display: inline-block;
	background: url(/images/bg_pageNav-strong.gif) no-repeat right top;
}

#content .pageNav strong span {
	display: inline-block;
	background: url(/images/bg_pageNav-strong-span.gif) no-repeat left top;
	padding: 5px 8px 7px;
}


/***********************************************************
	Site
***********************************************************/

#upperlayer {
	background: url(/images/bg_grey.gif) repeat-x center 133px;
}

#site {
	background: url(/images/bg_layers.gif) repeat-x bottom;
}


/***********************************************************
	Container
***********************************************************/

#container {
	width: 956px;
	margin: 0 auto;
}


/***********************************************************
	Header
***********************************************************/

#header {
	height: 133px;
	position: relative;
}

#logo {
	position: absolute;
	top: 27px;
	left: 15px;
}


/* Search */

#search {
	position: absolute;
	top: 22px;
	right: 40px;
}

#search input {
	vertical-align: middle;
}

#search #searchText {
	border: none;
	background: transparent url(/images/bg_search.gif) no-repeat left top;
	padding: 4px 20px 6px 40px;
	width: 103px;
	outline: none;
}


/* Header Navigation */

#headerNav {
	position: absolute;
	bottom: 7px;
	right: 20px;
	margin: 0;
}

#headerNav li {
	float: left;
	padding: 0;
	margin-left: 5px;
}

#headerNav li a {
	color: white;
	text-decoration: none;
	display: block;
}

#headerNav li strong a,
#headerNav li a:hover {
	background: url(/images/bg_headerNav-a.gif) no-repeat right top;
}


#headerNav li a span {
	padding: 7px 16px 20px;
	display: block;
}

#headerNav li strong a span,
#headerNav li a:hover span {
	background: url(/images/bg_headerNav-span.gif) no-repeat left top;
	font-weight: normal;
}

#headerNav .arrow {
	background: url(/images/bg_nav-arrow.gif) no-repeat center 31px;
}


/***********************************************************
	Main & divider
***********************************************************/

#main {   
    background: #FFF url(/images/bg_main.jpg) repeat-x top;
    padding: 10px 0 16px;
}

#divider {
	background: url(/images/bg_divider.gif);
	height: 400px; /* IE "min-height" trick */
    min-height: 400px; /* IE "min-height" trick */
}
*>#divider {
    height: auto; /* IE "min-height" trick */
}

#divider:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/***********************************************************
	Sidebar
***********************************************************/

#sidebar {
	float: left;
	width: 285px;
	background: url(/images/bg_main.jpg) repeat-x top;
}

/* Login */

.loginError {
	margin-bottom: 10px;
	text-align: center;
	color: #9E009E;
	font-weight: bold;
}

#loginWrapper {
	background: url(/images/bg_login.jpg);
	height: 152px;
	position: relative;
	width: 285px;
}

#loginWrapper #badgeLogin {
	position: absolute;
	top: -1px;
	left: -1px;
	height: 76px;
	width: 76px;
	background: url(/images/bg_badgeLogin.jpg);
}

#login,
#forgotForm {
	height: 152px;
	width: 285px;
}

#login fieldset,
#forgotForm fieldset {
	border: none;
}

#login input {
	padding: 5px;
	border: 1px solid #C3C3C3;
	width: 180px;
}

#forgotForm input.text {
	padding: 5px;
	border: 1px solid #C3C3C3;
	width: 180px;
}

#login .username,
#forgotForm .username {
	position: absolute;
	top: 30px;
	left: 55px;
}

#login .password,
#forgotForm .password {
	position: absolute;
	top: 70px;
	left: 55px;
}

#login .submitButton {
	position: absolute;
	top: 110px;
	right: 40px;
}

#forgotForm .submitButton {
	position: absolute;
	top: 102px;
	right: 40px;
}

#login .submitInput,
#forgotForm .submitInput {
	display: none;
}

#forgotPassword {
	position: absolute;
	left: 55px;
	top: 115px;
	color: #1B1B19;
	font-size: 11px;
}

#cancelForgot {
	position: absolute;
	left: 55px;
	top: 102px;
	color: #1B1B19;
	font-size: 11px;
}

#forgotForm label {
	position: absolute;
	left: 55px;
	top: 40px;
}

#forgotForm .email {
	position: absolute;
	left: 55px;
	top: 60px;
}


/* Logged */

#logged {
	background: url(/images/bg_login.jpg);
	height: 152px;
	position: relative;
}

#logged #badgeLogged {
	position: absolute;
	top: -1px;
	left: -1px;
	height: 76px;
	width: 76px;
	background: url(/images/bg_badgeLogin.jpg);
}

#logged p.name {
	margin: 0;
	position: relative;
	top: 40px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #575850;
	line-height: 1.8em;
}

#logged p.logout {
	margin: 0;
	position: relative;
	top: 50px;
	left: 0;
	width: 100%;
	text-align: center;
}

#logged p.logout a {
	color: #EE1657;
}


/***********************************************************
	Nav
***********************************************************/

/* lvl 1 */

#nav ul {
	padding: 0 10px 20px;
	margin: 0;
	font-size: 14px;
}

#nav li {
	display: block;
	border-top: 1px solid #E0DFDD;
}

#nav li.nb0 {
	border-top: none;
}

#nav li a {
	display: block;
	padding: 17px 5px 16px;
	color: #1B1B19;
	text-decoration: none;
	background: url(/images/bg_nav_lvl1-a.gif) no-repeat 239px 24px;
}

#nav li a.firstLevelCategory.strong,
#nav li a:hover {
	background: url(/images/bg_nav_lvl1-a-strong.gif) no-repeat right top;
	margin:  0 0 0 -5px;
	padding-left: 10px;
}

/* lvl 2 */

#nav ul ul {
	padding: 5px 0 15px;
	font-size: 12px;
}

#nav ul ul li {
	border: none;
}

#nav ul ul li a {
	background: none;
	padding: 5px 0;
}

#nav ul ul li a:hover {
	background: none;
	margin: 0;
	padding: 5px 0;
	color: #732779;
}

#nav ul ul li a.strong {
	color: #732779;
	font-weight: bold;
}

/* lvl 3 */

#nav ul ul ul {
	padding: 0 0 15px 10px;
	font-size: 12px;
}

#nav ul ul ul li {
	border: none;
	padding-left: 0;
}

#nav ul ul ul li a {
	background: url(/images/bg_nav_lvl3-a.gif) no-repeat left 7px;
	padding: 2px 0 2px 11px;
}

#nav ul ul ul li a:hover {
	background: url(/images/bg_nav_lvl3-a.gif) no-repeat left 7px;
	margin: 0;
	padding: 2px 0 2px 11px;
	color: #732779;
}

#nav ul ul ul li strong a {
	color: #732779;
	margin-left: 0;
}

/* lvl 4 */

#nav ul ul ul ul {
	padding-bottom: 0px;
}


/***********************************************************
	Content
***********************************************************/

#content {
	float: left;
	padding: 10px 25px 20px;
	width: 620px;
	color: #0D0D0D;
    height: 400px; /* IE "min-height" trick */
    min-height: 400px; /* IE "min-height" trick */
}
*>#content {
    height: auto; /* IE "min-height" trick */
}

#content a {
	color: #1B1B19;
}

/***********************************************************
	Footer
***********************************************************/


#footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer {
  height: 1%;
  padding: 10px 0 20px;
  font-size: 11px;
}

#footer a {
	color: black;
}

#siteCopyright {
	float: left;
}

#siteCredits {
	float: right;
}