﻿body {
	margin: 0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #7C7C7B;
	font-size: 62.5%;
	background: #FFFFFF url(/images/bg.jpg) no-repeat top center;
}

p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
/*	color:#595959;*/
}

h1, h2, h3, h4, h5 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#0064A6
}

h1 {
	font-size: 2.9em;
	font-weight: normal;
	color:#0064A6
}

h2 {
	font-size: 1.4em;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#0064A6
}

.red {
	color: #CC0000 !important;
}

.white {
	color: #FFFFFF;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border:0;
}

input.text, select, textarea {
	border-collapse:collapse;
    border:1px solid #dfdfe0;
    padding:2px 4px;
    color:#121212;
    background:#FFF;
    font-family:Arial, Helvetica, sans-serif;
}

a {
	color: #0064A6;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

.clearer {
	clear:both;
}

.inputStyle {
	font-size: 1em;
	line-height: 0.9em;
	color: #818282;
	border:1px solid #CCC; 
	height:18px;
}

.blue { color:#0064A6 }
.darkblue { color:#003671 }
.bold { font-weight:bold }

#shadowHolder {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: url(/images/bg_shadow.png) no-repeat scroll center;	
}

#pageContainer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size:1.2em;
}

/** top nav styles **/
#topContainer {
	height: 122px;
	width:960px;
	margin:40px 0 40px 0;
	padding:0;
	position:relative;
}

#logo {
	position:absolute; 
	top:-16px; 
	left:-55px; 
	z-index:999
}

#topContainer h1 
{
    font-size:2em;
    color:#003671;
    font-weight:bold;
    position:absolute;
    top:39px;
    left:100px;
}

#topContainer h1 a { color:#003671 }

ul#topNav 
{
    position:absolute; 
	top:4px;
	right:0;
	list-style-type:none;
	color:#003671;
	margin:0;
	padding:0;    
}

ul#topNav li 
{
    float:left;
    padding:36px 15px 0 15px;
    margin:0;
    font-weight:bold;
}

ul#topNav a  
{
    color:#0064A6; 
    font-weight:normal; 
}

ul#topNav a.home  
{
    color:#003671; 
    font-weight:bold
}

ul#topNav li.contact  
{
    background:url(/images/bg_topnav_contact.png) no-repeat top left;
    padding-left:17px;
}

ul#mainNav 
{
    position:absolute; 
	top:90px;
	right:0;
	list-style-type:none;
	color:#003671;
	margin:0;
	padding:0; 
}

ul#mainNav li 
{
    float:left;
    padding:0 0 12px 0;
    margin:0 20px 0 0;
    border-bottom:4px solid #003671;
    font-size:1.2em
}

ul#mainNav li.last { margin-right:0 }
ul#mainNav li a { color:#003671 }

/** login styles **/
#landingTop 
{
    width:845px;
    min-height:87px;
    margin:40px auto 70px auto;
    background:url(/images/bg_logintop.png) no-repeat 420px -3px;
}

#landingTop h2 
{
    width:425px;
    float:left;
    font-size:2.5em;
    color:#0064A6;
    font-weight:100;
    line-height:1.3em;
    padding-top:13px;
}

#landingTop p 
{
    width:365px;
    float:right;
    color:#0064A6;
    font-size:1.2em;   
    line-height:1.6em;
    padding-top:10px;
}

#landingTop a { font-weight:bold }

#landingBottom 
{
    padding:0 57px;
    background:#FFF url(/images/bg_loginbottom.jpg) repeat-x top left;
}

#landingBottom #loginArea 
{
    width:762px;
    height:221px;
    padding:30px 36px 30px 48px;
    background:url(/images/bg_loginarea.jpg) repeat-x top left;
    color:#FFF;
}

#landingBottom #loginArea.request 
{
    height:330px;
    background-color:#019EE3 !important
}
#landingBottom #loginArea h3 
{
    font-size:1.8em;
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:6px solid #FFFFFF;
    font-weight:100;
    color:#FFF;
}

#landingBottom #loginArea h3 span { font-weight:bold }

#landingBottom #loginArea .username 
{
    width:212px;
    height:140px;
    padding-right:62px;
    float:left;    
}

#landingBottom #loginArea .password 
{
    width:212px;
    height:140px;
    padding:0 54px 0 26px;
    float:left;    
}

#landingBottom #loginArea .username.change  
{
    padding-right:40px; 
    padding-top:30px 
}

#landingBottom #loginArea .username.change.last { padding-right:0 }

#landingBottom #loginArea .alter 
{
    width:175px;
    height:140px;
    float:left;    
}

#landingBottom #loginArea a  
{
    color:#FFF;
    font-size:1.3em;
    font-weight:bold;
}

#landingBottom #loginArea label 
{
    display:block;
    font-size:1.3em;
    padding-bottom:6px;
}

#landingBottom #loginArea input.text
{
    font-size:1.1em;
    padding:4px 5px;
    margin-bottom:15px;
}

#landingBottom #loginArea input.login
{
    font-size:1.2em;
    padding:4px 5px;
    margin-bottom:15px;
    color:#FFFFFF;
    text-align:left;
    background:#004080;
    border-collapse:collapse;
    border:1px solid #004080;
    cursor:pointer;
    margin-top:25px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#landingBottom #loginArea .alter p { padding-top:20px }

#landingBottom #loginArea .loggedin 
{
    padding-top:50px; 
    margin-top:15px; 
    font-size:1.5em; 
    font-weight:bold; 
    background:url(/images/shadow_login.jpg) no-repeat top center
}

#landingBottom #loginArea .loggedin span 
{
    color:#05afe0; 
    padding-right:40px    
}

#landingBottom #loginArea a.action 
{
    font-size:1.3em; 
    color:#FFF; 
    padding-right:40px; 
    background:url(/images/icon_login.png) no-repeat top right;
}

/*#landingBottom #loginArea span.welcome 
{
    font-size:1.3em; 
    color:#05afe0; 
    padding-right:15px
}*/

#landingBottom #loginArea.request textarea { font-size:1em }

#landingBottom #loginArea.request .errorcontainer  
{
    padding-top:23px;
    height:77px 
}

#landingBottom #loginArea.request .errorcontainer .message { font-weight:bold }


span.welcome 
{
    font-size:1.1em; 
    font-weight:bold;
    padding-right:15px
}

#landingBottom #loginArea a.artwork { margin-right:20px; }
#landingBottom #loginArea a.order { padding-left:20px; }

/* contact us styles on login page layout */
#landingBottom #loginArea .username.contact 
{
    padding-right:20px; 
    line-height:1.3em;
}

#landingBottom #loginArea .password.contact { line-height:1.3em; }
#landingBottom #loginArea .username.contact label, #landingBottom #loginArea .password.contact label { padding-bottom:15px; }
#landingBottom #loginArea .password.contact a { font-size:1em } 

#landingBottom #loginArea .password.contact span  
{
    display:block; 
    float:left; 
    width:50px
} 

/** footer styles **/
#footerContainer {
	width:100%;
	margin:0 auto;
}

#footerShadow {
	width:100%;
	background:#0164a7 url(/images/footerShadow.jpg) no-repeat scroll center -20px;
}

#footerContent {
	width:960px;
	margin:20px auto 0 auto;
	padding:30px 15px 0 15px;	
	/*min-height:300px;
    height:auto !important;
    height:300px;*/
    background:url(/images/bg_footer.jpg) no-repeat top center;
}

#footerContent div.links 
{
    width:960px;    
	border-top:2px solid #AFB6C2;
	border-bottom:1px solid #AFB6C2;
	padding:10px 0 11px 0;
	height:13px;
	margin-bottom:50px;
	position:relative;
}

#footerContent p.copyright {
	font-size:1.4em;
	width:500px;
	color:#5E748A;
	float:left;
}

#footerContent p.copyright a {
	color:#5E748A;
}

#footerNav 
{
	list-style-type:none;
	margin:0px;
	padding:0;
	font-size: 1.1em;
	position:absolute;
	top:-6px;
	right:0px;
}

#footerNav li {
	float:left;
	padding:16px 7px 0 7px;
}

#footerNav li.last {
	padding-right:0px;
}

#footerPayment {
	padding:60px 0 10px 0 ;
	height:40px;
	margin:0px;
	list-style-type:none;
	width:700px;
}

#footerContent p {
	color:#FFF;
	width:960px;
	font-size:1em;
	text-align:justify;
}

.validator 
{
    color:#CC0000;
    font-weight:bold;
}

#disclaimerContent  
{
    padding:0 57px;
    min-height:450px;
}

#disclaimerContent h2 
{
    font-size:2.5em; 
    padding:0 0 30px 0;
}

/* NEW LANDING PAGE */
#landingBottom .general_section
{
    width:400px;
    float:left;
    margin-right:20px;
    cursor:pointer;
}

#landingBottom .general_section h3
{
    height:52px;
    padding:25px 20px 11px 20px;
    margin:0 0 9px 0;
    color:#FFF;
    font-size:2.1em;
}

#landingBottom .general_section img
{
    display:block;
    margin:0;
    padding:0;
}

#landingBottom .general_section a
{
    display:block;
    padding:4px 0 4px 20px;
    margin:0;
     color:#FFFFFF;
    background:#05afe0;
    font-size:0.9em;
    font-weight:bold
}

#landingBottom .general_section#section_artwork h3  { background:url(/images/ordering/bg_title_section_pending.jpg) repeat-x top left }
#landingBottom .general_section#section_order h3 { background:url(/images/ordering/bg_title_section_approved.jpg) repeat-x top left }
/* END */

a.admin_portuguese  
{
    position:absolute;
    top:40px;
    right:0px;
    padding:0 0 12px 0;
    margin:0 20px 0 0;
    border-bottom:4px solid #003671;
    font-size:1.2em;
    display:inline-block;
    color:#003671
}

#languages {
	position:absolute; 
	right:15px; 
	top:-28px; 
	font-size:1.2em; 
	color:#FFF;
}

#languages a { margin-left:5px; }

.messageContainer
{
    background:red; 
    color:#FFF; 
    padding:20px 0 5px; 
    font-size:14px;
}

.messageContainer .inner
{
    width:960px; 
    margin: 0 auto;
}

.messageContainer a
{
    color: #FFF;
}

.noteContent
{
    display:block; 
    padding:5px 0 0 4px; 
    width:658px; 
    border:1px solid #dfdfe0; 
    border-bottom:none;
}