/*Global Stylesheet*/

* {
	margin: 0;
	padding: 0;	
}

body {
	background: #AEDFE4 url(../images/assets/clouds.png) no-repeat 50% -49px;	
	font: 62.5% "Century Gothic", Arial, "MS Trebuchet", sans-serif;
	color: #242524;
	
}

img {
	border: none;
	vertical-align: text-bottom;
}

p {
	font-size: 1.4em;
	margin: 10px 0;
	clear: both;
}

ul li {
	list-style: none;
}

div#headerWrapper,
div#contentWrapper,
div#footerWrapper {
	text-align: center;
	overflow: hidden;	
}

div#subHeaderWrapper {
	background: #E0F2EF;
	height: 24px;
	z-index: 1;
}

div#contentWrapper {
	background: #FFF;
}

div#header,
div#content,
div#footer {
	width: 845px;
	margin: 0 auto;
	text-align: left;	
}

div.clear {
	/*line-height: 0;
	height: 0;
	zoom: 1;*/
	clear: both;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/*
*	Header section
*/

div#header {
	z-index: 10;
	position: relative;
}

h1 {
	font-size: 1.4em;
	background: url(../images/assets/title_pangoProductions.png) no-repeat 0 109px;
	width: 161px;
	height: 61px;
	padding: 109px 0 0 0;
	margin: 0 0 0 21px;
	position: relative;
}

h1 a {
	display: block;
	width: 161px;
	height: 61px;
}

h1 span {
	position: absolute;
	top: -100000px;	
}

h2 {
	font-size: 6em;
	font-weight: bold;
	color: #00ADEF;
}

h2#subText {
	position: absolute;
	width: 505px;
	height: 48px;
	background: url(../images/assets/title_greetingCards.png) no-repeat 0 0;
	top: 45px;
	right: 138px;;
}

h2#subText span {
	position: absolute;
	top: -100000px;
}

h2.aboutUs {
	position: relative;
	width: 323px;
	height: 53px;
	background:  url(../images/assets/title_aboutUs.gif) no-repeat 0 0;
}

h2.aboutUs span,
h3.aboutUs span,
h2.contactUs span,
h2.termsAndConditions span {
	position: absolute;
	top: -100000px;
}

h3.aboutUs {
	position: relative;
	width: 273px;
	height: 33px;
	background:  url(../images/assets/title_soWhoArePango.gif) no-repeat 0 0;
}

h2.contactUs {
  position: relative;
  width: 370px;
  height: 48px;
  background: url(../images/assets/title_contactUs.gif) no-repeat 0 0;
}

h2.termsAndConditions {
  position: relative;
  width: 676px;
  height: 55px;
  background: url(../images/assets/title_termsAndConditions.gif) no-repeat 0 0;
}

span#sun {
	position: absolute;
	top: 19px;
	right: 19px;
}

/* Check Navigation.css for nav styles */

/*
*	Content Section
*/

div#content {
	width: 803px;
	padding: 22px 21px;
	background: #FFF;
	position: relative;
}

div#banner,
div.banner,
div#highlight {
	padding: 0 0 20px;
	background: url(../images/assets/line_x.gif) repeat-x 0 100%;
}

div#highlight {
  padding: 20px 0 0;
}

div#highlight h2,
div#news h2 {
	font-size: 1.7em;
}

div#news {
	float: left;
	width: 539px;
	padding: 10px 10px 0 0;
	background: url(../images/assets/line_y.gif) repeat-y 100% 0;
}

div#news a {
  font-size: 1em;
  color: #00ADEF;
  text-decoration: none;
  font-weight: bold;
}

div#notice {
	float: right;
	width: 251px;
	margin: 12px 0 0;
}

div#notice h2 {
	width: 231px;
	height: 20px;
	position: relative;
	background: url(../images/assets/title_onlineShop.gif) no-repeat 0 0;
	margin: 0 0 38px 20px
}

div#notice h2 span {
	top: -100000px;
	position: relative;	
}

div#notice p {
	font-size: 1.3em;	
	margin: 20px;
}

div#notice img.etsy {
    padding: 20px 0 0;
    background: url(../images/assets/line_x.gif) repeat-x 0 0;
}

strong#pango {
	position: relative;
	width: 79px;
	height: 25px;
	background: url(../images/assets/title_pango.gif) no-repeat 0 0;
	float: left;
}

strong#david {
	position: relative;
	width: 72px;
	height: 23px;
	background: url(../images/assets/title_david.gif) no-repeat 0 0;
	float: left;
}

p#signature {
	position: absolute;
	width: 224px;
	height: 52px;
	background: url(../images/assets/title_thePangoTeam.gif) no-repeat 0 0;
	right: 20px;
	top: 55em;
}

strong span,
p#signature span {
	position: absolute;
	top: -100000px;
}

em {
	color: #AEDFE4;
	font-weight: bold;
	font-style: normal;
	
}

ul#products,
ul#collections {
	overflow: hidden;
	margin: 0 -20px;
}

ul#products li,
ul#collections li {
	float: left;
	width: 128px;
	margin: 20px;
}

ul.collection_details li {
  font-size: 1.4em;
}

ul.collection_details li.price {
  margin: 10px 0;
  color: #58B6DD;
}

ul#seasons li {
  margin: 0 0 20px;
}

ul#admin li {
  font-size: 1.4em;
}

p.trade_images {
  overflow: hidden;
  padding: 10px 0 0;
  margin: 0 0 10px;
}

p.trade_images img {
  float: left;
}

p.trade_images img.open_sign {
  float: right;
  margin-top: -11px;
}

div#content ul.trade {
  padding: 0 0 0 30px;
}

div#content ul.trade li {
  list-style-type: disc;
  font-size: 1.4em;
}

/*
* Shopping cart
*/

#cart {
  float: right;
  margin: 33px 0 0;
}

#cart span {
  font-size: 1.4em;
  color: #00ADEF;
  font-weight: bold;
}

#cart a {
  color: #00ADEF;
  text-decoration: none;
  font-weight: bold;
}

#cart a:hover {
  text-decoration: underline;
}

/*
*	Validation and Error handling
*/

div#errorExplanation {
	border: 1px dashed #000;
	padding: 10px;
}

div#errorExplanation h2 {
	font-size: 1.6em;
	color: #F00;
}

div#errorExplanation p {
	font-weight: bold;
}

div#errorExplanation ul {
	list-style: disc inside;
	margin: 0 0 10px 15px;
}

div#errorExplanation ul li {
	font-size: 1.2em;
	line-height: 1.4em;
}

div.fieldWithErrors {
}

div.fieldWithErrors label {
	font-size: 1.4em;
	color: #F00;
}

div.fieldWithErrors input,
div.fieldWithErrors textarea,
div.fieldWithErrors select {
	background: #EEE798;
}

/*
* Forms
*/

fieldset {
  position: relative;
  width: 60%;
  margin: 20px auto 0 auto;
  padding: 20px 20px 10px;
  background: #E0F2EF;
  border: 1px solid #CCC;
  
}

legend {
  font-size: 1.4em;
}

fieldset p {
  clear: both;
}

fieldset p label,
fieldset div.fieldWithErrors label {
  width: 30%;
  float: left;
  text-align: left;
}

textarea {
}

fieldset#login {
  width: 55%;
  border: none;
  background: none;
}

fieldset#login legend {
  display: none;
}

fieldset#login p label {
  width: 20%;
}

fieldset#login span#padlock {
  position: absolute;
  background: url(../images/assets/decor_padlock.gif) no-repeat 0 0;
  width: 25px;
  height: 36px;
  top: 30px;
  left: -40px;
}

fieldset#login input.image {
  float: right;
  margin-top: -24px;
}

p.register {
  width: 55%;
  overflow: hidden;
  margin: 20px auto 0 auto;
  
}

p.register a {
  float: right;
}

ul#products form {
  text-align: center;
}

ul#products form input.image {
  margin: 0 auto 10px;
}

ul#products li img.image {
  display: block;
  margin: 0 auto 10px;
}

/*
* tables
*/

table {
  width: 100%;
  margin: 20px 0;
}

th,
td {
  font-size: 1.4em;
  padding: 0 5px;
}

tr.table_row_odd {
  background: #E0F2EF;
}

tr.table_row_even {
  background: none;
}

td.functions {
  width: 1%;
}

td.total {
  text-align: right;
}

/*
*	Footer section
*/

div#footer {
  width: 803px;
  padding: 0 21px 10px;
  overflow: hidden;
}

div#footer div#links {
	text-align: left;	
	float: left;
	margin: 0;
}

div#footer div {
  float: right;
	text-align: right;	
	padding: 11px 0 0;
}

div#footer p {
	font-size: 1.2em;
	
}

div#footer p, div#footer a {
	color: #FFF;
	text-decoration: none;
}

div#footer a:hover {
	color: #242524;	
}