/* global */
* { margin: 0; padding: 0; }
a img, fieldset { border: 0 none; }
code, samp, kbd, pre, tt { font-size: 115%; font-family: "courier new", courier, monaco, monospace; }
pre code, code pre { font-size: 100%; }
acronym, abbr { border-bottom: 1px dotted #999; cursor: help; }
dfn { font-style: italic; }
ol, ul { list-style: none; }
th, caption { text-align: center; }
legend { font-weight: bold; }
input, select, textarea { font-size: 100%; font-family: Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; }
label { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
hr { display: none; }
	
.clear { clear: both; font-size: 0; height: 0; line-height: 0; position: relative; }
.h { display: block; font-size: 1px; height: 1px; left: 0; overflow: hidden; position: absolute; text-indent: -9990px; top: -9900px; width: 1px; }
.right { text-align: right; }
.left { text-align: left; }
.fleft { float: left; padding-right: 12px; padding-bottom: 12px; }
.fright { float: right; padding-left: 12px; padding-bottom: 12px; }
.center { text-align: center; margin: 0 auto; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
p { margin-bottom: 12px; }

a:link, a:visited, a:active { text-decoration: none; color: #85854f; background: transparent; }		
a:hover { text-decoration: none; color: #f04d83; }

body {
	background: #f1e5d5;
	color: #4a0505;
	font: 100% Georgia, "Times New Roman", Times, serif;
	text-align: center; }

	
/* top */
div.top {
	width: 848px;
	padding-top: 11px;
	text-align: center;
	margin: 0 auto; }
		
	div.top div.logo,
	div.top div.nav {
		float: left; }
		
		div.top div.nav ul.nav1 {
			padding-right: 21px;
			padding-left: 89px; }
		
		* html div.top div.nav ul.nav1 {
			width: 206px; }
			
		div.top div.nav ul.nav2 {
			padding-left: 21px;
			padding-right: 74px; }
			
		* html div.top div.nav ul.nav2 {
			width: 221px; }
		
		div.top div.logo {
			float: left;
			position: relative;
			width: 216px;
			height: 54px; }
	
			div.top div.logo h1 {
				font-size: 125%;
				font-weight: bold;
				overflow: hidden;
				left: 0;
				position: absolute;
				top: 0;
				height: 54px;
				width: 216px; }

				div.top div.logo h1 a,
				div.top div.logo h1 a:link,
				div.top div.logo h1 a:visited,
				div.top div.logo h1 a:active {
					display: block;
					height: 54px;				
					text-decoration: none !important;
					width: 216px; }
			
				div.top div.logo h1 a:hover {
					text-decoration: none !important;
					cursor: pointer; }
				
			div.top div.logo h1 span {
				background: url(../images/dyn/logo.gif) no-repeat top left;
				cursor: pointer;
				display: block;
				overflow: hidden;
				position: absolute;
				left: 0;
				top: 0;
				height: 54px;
				width: 216px; }
		
	div.top ul {
		height: 16px;
		margin-top: 27px;
		border-top: 1px solid #cbcc66;
		border-bottom: 1px solid #cbcc66; }
		
		div.top ul li {
			float: left;
			margin-top: 4px; }
			
			div.top ul li a,
			div.top ul li a:link,
			div.top ul li a:visited,
			div.top ul li a:active {
				background: url(../images/dyn/nav.gif) no-repeat top left;
				display: block;
				text-indent: -9999em;
				overflow: hidden;
				height: 8px; }
				
			div.top ul li.albumsamples a,
			div.top ul li.albumsamples a:link,
			div.top ul li.albumsamples a:visited,
			div.top ul li.albumsamples a:active {
				width: 114px;
				background-position: 0 0; }
				
			div.top ul li.albumsamples a.current,
			div.top ul li.albumsamples a.current:link,
			div.top ul li.albumsamples a.current:visited,
			div.top ul li.albumsamples a.current:active,
			div.top ul li.albumsamples a:hover,
			div.top ul li.albumsamples a.current:hover {
				width: 114px;
				background-position: 0 -8px; }
				
			div.top ul li.ourservices a,
			div.top ul li.ourservices a:link,
			div.top ul li.ourservices a:visited,
			div.top ul li.ourservices a:active {
				width: 92px;
				background-position: -114px 0; }
				
			div.top ul li.ourservices a.current,
			div.top ul li.ourservices a.current:link,
			div.top ul li.ourservices a.current:visited,
			div.top ul li.ourservices a.current:active,
			div.top ul li.ourservices a:hover,
			div.top ul li.ourservices a.current:hover {
				width: 92px;
				background-position: -114px -8px; }
				
			div.top ul li.aboutpinkpenny a,
			div.top ul li.aboutpinkpenny a:link,
			div.top ul li.aboutpinkpenny a:visited,
			div.top ul li.aboutpinkpenny a:active {
				width: 136px;
				background-position: -206px 0; }
				
			div.top ul li.aboutpinkpenny a.current,
			div.top ul li.aboutpinkpenny a.current:link,
			div.top ul li.aboutpinkpenny a.current:visited,
			div.top ul li.aboutpinkpenny a.current:active,
			div.top ul li.aboutpinkpenny a:hover,
			div.top ul li.aboutpinkpenny a.current:hover {
				width: 136px;
				background-position: -206px -8px; }
				
			div.top ul li.pennyblog a,
			div.top ul li.pennyblog a:link,
			div.top ul li.pennyblog a:visited,
			div.top ul li.pennyblog a:active {
				width: 85px;
				background-position: -342px 0; }
				
			div.top ul li.pennyblog a.current,
			div.top ul li.pennyblog a.current:link,
			div.top ul li.pennyblog a.current:visited,
			div.top ul li.pennyblog a.current:active,
			div.top ul li.pennyblog a:hover,
			div.top ul li.pennyblog a.current:hover {
				width: 85px;
				background-position: -342px -8px; }
				
				
/* container */
div.container {
	width: 868px;
	text-align: center;
	margin: 0 auto; }
	
div.container div.con-top {
	background: url(../images/dyn/top.gif) no-repeat top left;
	height: 20px;
	width: 868px;
	overflow: hidden; }
	
div.container div.con-content {
	background: url(../images/dyn/bg.gif) repeat-y top left;
	text-align: left;
	position: relative;
	height: 1%;
	padding: 0 11px; }
	
	div.container div.con-content h2 {
		font-size: 200%; 
		letter-spacing: 2px;
		padding-left: 83px;
		padding-bottom: 26px;
		height: 1%;
		background: url(../images/dyn/titlebg.gif) no-repeat bottom left; }
		
	div.container div.con-content div.text {
		padding: 15px 24px;
		font-size: 90%; }
	
div.container div.con-btm {
	background: url(../images/dyn/btm.gif) no-repeat top left;
	height: 20px;
	width: 868px;
	overflow: hidden; }
	
	
/* search */
div.search {
	background: url(../images/dyn/searchbg.gif) no-repeat bottom left;
	padding: 2px 29px 8px 0;
	height: 27px; }
	
	div.search form {
		float: right; }
		
		* html div.search form {
			width: 570px; }

		div.search form label.clientlogin {
			background: url(../images/dyn/clientlogin.gif) no-repeat top left;
			display: block;
			text-indent: -9999em;
			overflow: hidden;
			height: 10px;
			width: 124px;
			float: left;
			margin-top: 7px;
			margin-right: 6px; }
	
		div.search form label.password {
			background: url(../images/dyn/password.gif) no-repeat top left;
			display: block;
			text-indent: -9999em;
			overflow: hidden;
			height: 9px;
			width: 64px;
			float: left;
			margin-top: 7px;
			margin-left:12px;
			margin-right: 6px; }
	
		div.search form input.txt {
			float: left;
			border-bottom: 1px solid #85854f;
			border-left: 1px solid #85854f;
			border-right: 1px solid #a1a157;
			border-top: 1px solid #a1a157;
			padding: 2px 4px;
			font-size: 80%;
			color: #4b0507;
			margin-right: 6px;
			width:auto; }
	
		div.search form input.go {
			float: left;
			vertical-align: middle;
			border-style: none;
      padding: 0px;
      margin: 0px;
      margin-top: 2px;
      width:auto; }


/* footer */
div.footer {
	padding-top: 5px;
	width: 856px;
	margin: 0 auto;
	text-align: center; }
	
	div.footer p {
		font-family: georgia, tahoma, arial, helvetica, verdana, sans-serif;
		font-size: 60%; 
		text-align: right;
		text-transform: uppercase; }
		
		
/* sidebar */	
div.sidebar {
	width: 160px;
	margin-right: 20px;
	float: left; }
	
	div.sidebar ul.links {
		margin-bottom: 12px;
		font-size: 90%;
		font-family: tahoma, arial, helvetica, verdana, sans-serif; }
	
  	div.sidebar ul.links li {
  		padding-left: 35px;
  		margin-bottom: 5px;
  		text-transform: uppercase; }

  	div.sidebar ul.links li.current {
  		background: url(../images/dyn/bullet.gif) no-repeat 0 4px; 
  		padding-left: 35px;
  		margin-bottom: 5px;
  		text-transform: uppercase;
  		color:#85854F; }
		
		div.sidebar ul.links li a,
		div.sidebar ul.links li a:link,
		div.sidebar ul.links li a:visited,
		div.sidebar ul.links li a:active {
			color: #85854f;
			text-decoration: none; }

		div.sidebar ul.links li.current a,
		div.sidebar ul.links li.current a:link,
		div.sidebar ul.links li.current a:visited,
		div.sidebar ul.links li.current a:active {
			color: #f04d83;
			text-decoration: none; }
			
		div.sidebar ul.links li a:hover {
			color: #f04d83; }
		
	
/* content area */
div.content {
	width: 614px;
	float: left; }
	
	div.col1 {
		width: 48%;
		float: left; }
	
	div.col2 {
		width: 48%;
		float: right; }
	
	
/* subtext */
div.subtext {
	position: absolute;
	right: 24px;
	top: 11px;
	font-size: 90%;
	text-transform: uppercase;
	text-align: right;
	font-family: tahoma, arial, helvetica, verdana, sans-serif; }
	
	div.subtext h3 {
		color: #85854f; }

	div.subtext p {
		color: #f04d83; 
		font-size: 80%; }
	
		div.subtext p a,
		div.subtext p a:link,
		div.subtext p a:visited,
		div.subtext p a:active {
			color: #f04d83; }

/* announcement */
#announcement {
  background-color:#fbf2f4;
  border:2px solid #f04d76;
  font-size: 90%;
  line-height: 1em;
  margin:10px 200px 25px 0px;
  padding: 10px;
/*  width: 400px;*/ }

  #announcement p.hide-link {
      margin-bottom: 0;
      text-align: right;  }

#announcement_message {
    width: 350px;
}
			
/* flash */
div.content div.flash {
  background-color:#fbf2f4;
  border:2px solid #f04d76;
  font-size: 90%;
  line-height: 1em;
  margin:10px 0px 25px;
  padding: 10px;
/*  width: 400px;*/ }

  div.content div.flash div {
    margin: 0px; }

div.content div.error {
  background-color:#fbf2f4;
  border:5px solid red; }

  div.content div.error h1 {
    font-size: 110%;
    color:red;
  	padding-bottom: 10px; }

div.content div.flash, div.content div.error {
	margin:10px 200px 25px 0px; }

/* inner errors */
div.content div.errorExplanation {
  color:red; }

  div.content div.errorExplanation ul {
    /*list-style-type: disc;*/ }

div.content p.large {
  padding-right: 80px; }
	
/* table.list */
table.list {
  border-spacing: 1px;
  font-size: 95%; }

  table.list caption {
    color: #f04d76;
    font-size: 110%;
    text-transform: uppercase;
    padding: 10px; }

  table.list td, th {
    padding: 4px 8px; }

  table.list thead th {
    text-align: center;
    color: #85854f;
    text-transform:uppercase; }
    
    table.list tbody th {
      text-align: center; }

    table.list tbody tr {
      text-align:left; }

    table.list tbody tr.odd {
      background: #fbf2f4; }

    table.list tbody tr.odd td {
      background: #fbf2f4; }

/*    table.list table td a:link, table td a:visited { }*/

/*    table.list table td a:hover { }*/

/* form/fieldset */
fieldset {
  border-color: #000000 -moz-use-text-color -moz-use-text-color;
  border-style: solid none none;
  border-width: 1px 0pt 0pt;
  margin:0pt 0pt 25px;
  padding: 15px;
  width:580px;
}

fieldset.seperator {
  margin-bottom: 0px;
  padding-bottom: 0px;
  width:480px;
}

  fieldset hr {
    display: block;
    border-color: #000000 -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px 0pt 0pt;
  }
  
  fieldset legend {
    font-size: 110%;
    font-weight: bold;
    padding: 0pt 5px;
  }

  form input, form textarea, fieldset input, fieldset textarea {
  	border-bottom: 1px solid #85854f;
  	border-left: 1px solid #85854f;
  	border-right: 1px solid #a1a157;
  	border-top: 1px solid #a1a157;
/*    padding: 2px 4px;*/
  	font-size: 90%;
  	color: #4b0507;
  	margin-right: 6px;
    margin-bottom:3px;
    padding: 3px;	
  	width: 250px;
	}

    form input.checkbox, fieldset input.checkbox {
      margin-top: 6px;
      width: auto;
    }

    form input.number, fieldset input.number {
      width: 50px;
    }
    
    form input.file {
      width:auto;
    }

/*    form input.button, fieldset input.button, form.button-to input {
      margin-bottom:3px;
      padding: 3px 8px;
      width: auto;
    }
*/
  form select, fieldset select {
  	margin-bottom:3px;
  	width: 250px;
  }
  form select.normal, fieldset select.normal {
  	width: 150px;
  }

  form input.short, fieldset input.short {
    width: 125px;
  }

  form input.normal, fieldset input.normal {
    width: auto;
  }

fieldset table tr th {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-align:right;
  white-space: nowrap;
  vertical-align: top;
}

fieldset table td {
  padding-bottom: 5px;
}

  fieldset table td span.help-questionMark {
    font-weight: bold;
    font-size: 120%;
    margin-left: 10px;
  }

fieldset table td.studio-logo {
  text-align: center; }

  fieldset table td.studio-logo img {
    padding: 15px 10px 10px 10px; }

fieldset.error {
  border-top: 5px solid red;
}

fieldset.error legend, fieldset table th.error {
  color: red;
  font-weight: bold;
}

fieldset .error_message {
  color: red;
  font-weight: bold;
}

fieldset .field_with_errors, fieldset .fieldWithErrors {
  display: inline;
}
	
/* order display */

#orderDisplay th, #orderDisplay td {
  vertical-align: top;
}

#orderDisplay, #orderDisplay table {
  border-style: none;
  text-align:left;
}

#orderDisplay table.section {
/*  border-bottom: 2px solid #cccc66;*/
}

  #orderDisplay table.section table.column th {
    padding:2px 7px 3px 3px;
    font-size: 90%;
    text-align:right;
  }

  #orderDisplay table.section table.column td {
    padding:2px 25px 3px 0px;
    font-size: 90%;
    text-align:left;
  }

#orderDisplay table.comments {
  margin-top: 10px;
  border-top:2px solid #CCCC66;
  width: 450px;
}
  #orderDisplay table.comments th {
    padding: 5px 0px 10px 0px;
    font-size: 90%;
    text-align:left;
  }
  #orderDisplay table.comments td {
    padding-left: 10px;
    font-size: 90%;
    text-align:left;
  }

/* table layout */

dl.tableLayout {
/*  width: 41.1em;*/
  margin: 0;
  padding: 0;
/*  font-family: georgia, times, serif;*/
}

dl.tableLayout dt {
  width: 10em;
  float: left;
  margin: 0 0 0 0;
  padding: .5em;
/*  border-top: 1px solid #999;*/
  font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dl.tableLayout dd {
  float: left;
/*  width: 24em;*/
  margin: 0 0 0 0;
  padding: .5em;
/*  border-top: 1px solid #999;*/
}

  dl.tableLayout dd div.studioLogo {
    padding: .5em;
    text-align: center;
  }

/* designer info */
dl.designerInfo {
/*  width: 41.1em;*/
  margin: 0;
  padding: 0;
/*  font-family: georgia, times, serif;*/
}

dl.designerInfo dt {
  width: 10em;
/*  float: left;*/
  margin: 0 0 0 0;
  padding: 0 .5em;
/*  border-top: 1px solid #999;*/
  font-weight: bold;
}

dl.designerInfo dd {
  float: left;
/*  width: 24em;*/
  margin: 0 0 0 15px;
  padding: .5em .5em .3em .5em;
/*  border-top: 1px solid #999;*/
}

/* bullet list */
ul.bulletList {
  list-style-type: disc;
  padding-left: 20px;
}

  ul.bulletList li {
    padding-bottom: 5px;
    font-size:95%;
  }

/* invoice */
#invoice {
}
  #invoice table.invoice-table div.invoice-name {
    font-size:100%;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: right;
  }

  #invoice table.invoice-table table.invoice-items td {
    padding: 0px 5px 5px 5px;
  }

  #invoice table.invoice-table td.total {
    padding-top: 20px;
    padding-right: 5px;
    text-align: right;
  }

  #invoice table.invoice-table td.total span.row-name {
    padding-right: 10px;
    font-size:100%;
    font-weight: bold;
  }

/* upload images */
#uploadImages {
  margin-right: 190px;
}
  #uploadImages span.title {
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 20px;
  }
  #uploadImages div div.instructions {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
  }
  #uploadImages div div.applet {
    text-align: center;
    margin-left: 110px;
    margin-bottom: 30px;
  }
  #uploadImages div div.complete {
    margin-left: 0px;
    height: 150px;
  }
    #uploadImages div div.complete span {
      display: block;
      padding-top: 30px;
      font-size: 110%;
      font-weight: bold;
    }
  #uploadImages div div.failed {
    font-size: 100%;
    height: 150px;
  }
    #uploadImages div div.failed span {
      display: block;
      padding-top: 30px;
      font-weight: bold;
    }

/* button */
a.button, input.button {
  margin: 0pt;
  padding: 0pt;
}
a.button, input.button {
  padding: 2px 5px;
  margin: 0px 3px;
  border: 1px solid #cccc99;
  text-decoration: none;
  background-color: transparent;
  color: #85854F;
	font: 100% Georgia, "Times New Roman", Times, serif;
	width: auto;
}
a.button:hover, a.button:active, input.button:hover, input.button:active {
  border: 1px solid #85854F;
  color: #F04D83;
}
a.button {
  padding: 3px 7px;
}