@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url('/store/fonts/webfonts/ChunkFiveRegular.css');

html			{ height:100%; }
body			{ margin: 0px; padding: 0px; font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; color: #666; 
				  background:  white url(../images/signup/light-bk.jpg) repeat 0 0; height:100%; }
.body-home		{ background: none; }

div				{ margin:0; padding:0;}


/*1				{ font-family: "century gothic", Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 24px;	color: #6fbd00; }
h2				{ font-family: "century gothic", Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 18px;	color: #ff9900; }
*/

h1, h2, h3		{ font-weight: normal; margin-top: 5pt; margin-bottom:10pt; padding:0;}
h1				{ color: #222; font-size: 18pt; text-align: left; font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }
h2				{ color: #222; font-size: 12pt; text-align: left; font-weight:normal; font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }
h3				{ font-size: 11pt; text-align: left; color:#888; font-weight:bold;  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;}

#headerbar      {   min-width: 960px;  background-color: #000; width: 100%; } 
#menu           { height: 50px;  max-width: 960px; margin: 0 auto; padding: 0 25px;  *width:960px; }
#logo	        { padding-top: 5px; float: left }
a #logo:hover	 { opacity:.5; }

#menu-home          { text-align: right; line-height: 50px; font-size: 15px; color: #fff; margin-left: 170px;}
#menu-home  a       { color: #adafae; text-decoration: none; }
#menu-home  a:hover   { color: #fff; }

#wrapper		{ margin: 0px auto 0; padding: 0px 0px 0px 0px; width: 960px;	 height:auto;  }
* html #wrapper { height:100%; }/* ie6 and under*/

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

#top				{ height: 120px; }
#top-left			{ float: left; width: 220px; height: 120px;	/*background: url(../images/signup/top_left_g.png) no-repeat #000;*/ }
#top-right			{ min-width: 980px;	height: 120px; width: 100%; background: url(../images/signup/banner-bk.jpg) 0px 0px no-repeat #000;/	position: relative; }
#top-nav-wrapper	{ text-align: right; padding: 0px 20px 0px 0px; }
#top-nav a			{ color: #fff; }
#top-nav a:hover	{ color: #b7ff4f; }
#top-left-nav		{ padding: 0px 25px 0px 0px; }
.hmenu				{ padding: 0px; margin: 0px; list-style: none; display:block; float: right; }	
.hmenu li			{ float: left;	display: block; padding: 8px 10px 0px 0px; color: #fff;	line-height: 18px; font-size: 13px }
.hmenu li a			{ color: #FFF; text-decoration: none; }
.hmenu li a:hover	{ color: #b7ff4f; text-decoration: none; }
#befriend			{ width: 170px; text-align: left; }

.icons				{ float: right; }
.icons a			{ padding: 0px 10px 0px 0px }
.icon				{ border: 0px; }	

/* Main **************************************************************************/

#page			{ width: 960px; }
#main			{ padding: 20px 10px; text-align:center; }
#content		{ width:850px; margin: 0 auto; }

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

#footer			{ font-size: 11px; text-align: right; color: #666; padding: 0px 0px 30px 0px; }
#footer-nav li	{ color: #666;  padding: 20px 0px 0px 7px; }
#footer-nav a	{ color: #666; text-transform: lowercase; }
#footer a		{ color: #666; text-decoration: none; }
#footer-nav a:hover, 
#footer a:hover { color: #6fbd00; }
#footer .separator { padding: 0px 7px 0px 7px;	}
#footer .hmenu li { font-size:11px;	}

/* header content *********************************************************************/

#titleContainer		{ padding:0; margin:0; }	
#titleContainer h1	{ float:left; width:50%; }
#titleContainer h2	{ float:left; color:#888; width:50%; text-align:right; padding-top:7px;}

hr 
{
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #fff;
}
hr.tight { margin: 0; }

/* General **************************************************************************/

a				{ color: #666; }
a:hover			{ color: #6fbd00; }
.clear			{ clear: both; font-size: 1px; height: 1px; line-height: 1px; }

input.text		  { border: solid 1px #ccc; color:#666; background-color: #fff; padding: 2px 2px; height :auto; font-family: tahoma, helvetica, Sans-Serif;  }
input.text:focus  { border: solid 1px #000; height:auto; }
select			  { border: solid 1px #ccc; color:#666; background-color: #fff; padding: 1px; height:auto; font-family: tahoma, helvetica, Sans-Serif;  }
select			  { border: solid 1px #ccc; color:#666; background-color: #fff; padding: 1px; height:auto; font-family: tahoma, helvetica, Sans-Serif;  }
select:focus	  { border: solid 1px #000; }
textarea  		  { border: solid 1px #ccc; color:#666; background-color: #fff; padding: 3px 2px; font-family: tahoma, helvetica, Sans-Serif; }
textarea:focus	  { border: solid 1px #000; }

p.sepParagraph 	  { margin-top: 0px; border-top: none; padding-top: 0px; clear:both; }
p.sepTopParagraph { margin-top: 0px; border-top:none; padding-top: 10px; clear:both; }

/* User Accont Form ******************************************************************/

.userAccount 			{ text-align: left;  /* background-color:#fff; */ }
.userAccount label		{ display:inline-block; padding-top:10px; font-size: 90%; color:#888; width:90px; text-align:right;}
.userAccount input.text	{ width: 290px; color:#666; }
.userAccount select		{ width: 296px; color:#666;}
.userAccount .note		{ display:block; font-size: 90%; color:#999; text-align:left; text-indent:95px;}
.userAccount img		{ }
.userAccount .btn		{ width: 100px; } 	
div.heading				{ margin-bottom: 15px;}
div.store				{}
div.photographerInfo	{ overflow:auto; width:100%;}
div.photographer		{ float:left; width:50%; }
div.name				{ }
div.contactElectronic	{ }
div.contactAddress		{ float:left;  width:48%; margin-left:10px }
div.userpassword		{ margin-top:10px;  }
div.url					{ margin-top:10px; }
div.buttons				{ clear:both; margin-top: 20px;  border-top: 0; padding-top: 20px; text-align:center;}
#countryNotListedContainer 
{ 
	background: url(../Images/northamerica.gif) no-repeat; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;	
	text-align: right;
	width: 693px;
	height: 693px;
}
#countryNotListedContainer .homeH1  
{
	font-size: 18px;
	color: #6fbd00;/*#6fbd00;6fbd00;*/
	text-transform: lowercase;
	border-bottom: 1px solid #6fbd00;
	padding: 0px;
	margin: 0px;
}
#countryNotListedContainer .style1 { font-size: 30px; font-weight: bold; }
#countryNotListedContainer .style4 {color: #666}
	
/* Credit Card Info Form ******************************************************************/

.creditCardInfo						{ text-align: left;  background-color:transparent; }
.creditCardInfo div.description		{ margin-bottom: 1em; }
.creditCardInfo label				{ display:inline-block; padding-top:10px; font-size: 90%; color:#888; width:90px; text-align:right;}
.creditCardInfo input.text			{ width: 290px; color:#666; }
.creditCardInfo select				{ width: 296px; color:#666;}
.creditCardInfo select.month		{ width: auto; color:#666;}
.creditCardInfo select.year			{ width: auto; color:#666;}
.creditCardInfo .note				{ display:block; font-size: 90%; color:#999; text-align:left; text-indent:95px;}
.creditCardInfo img					{ }
.creditCardInfo .btn				{ width: 100px; }
.creditCardInfo div.userInfo		{ float: left; width: 50%; }
.creditCardInfo div.cardInfo		{ float: left; width: 50%; }
.creditCardInfo div.buttonContainer	{ clear: both; padding-top: 1px; }
.creditCardInfo div.buttons			{ border-top:none; margin-top: 19px; padding-top: 20px; text-align:center;}
.ccheader							{ font-size: 11pt; text-align: left; color:#222;  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;}
img.imgFloatLeft                    { float:left; padding:0 0.5em 0 0 ; margin-top:0; }

	
/* Mktg Agrrement ******************************************************************/

div.EmailSentContent	{ text-align:left; font-size:110%; }
div.ConfirmationContent	{ text-align:left; } 
div.MktAgreementContent {}

.MktAgreementContent table p  { margin:0; padding:0; }
.MktAgreementContent table	  { border: solid 1px #888; width:90%;  border-collapse:collapse; margin-bottom: 25px; }
.MktAgreementContent table td { border: solid 1px #888; padding: 5px; }

.notice { color: #666; }