/* 
 * Reset CSS
 * Based on Yahoo reset css version 2.5.2
 *
 */


html {
	color:#000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}


/* 
 * 
 * Redefined top-level HTML tags
 *
 */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6d6d6d;
	background-color: #dcdcce; /* #e9e9db */
	background-image: url(../images/bg_tile.jpg);
	background-repeat: repeat-x;
}

a, a:visited {
	color: #00a5db;
	text-decoration: none;
}

a:hover {
	color: #018fbe;
	text-decoration: underline;
}

h1 {
	color: #565656;
	font-size: 28px;
	letter-spacing: -0.04em;
	line-height: 27px;
	margin-top: 4px;
	margin-bottom: 6px;
}
h2 {
	color: #88cf00;
	font-size: 24px;
	margin-bottom: 2px;
}
h2 a, h2 a:hover, h2 a:visited {
	color: #88cf00;
}
.homepage h2 {
	margin-bottom: 10px;
}
.homepage h2.pink {
	color: #ff5d38;
}
h3 {
	font-size: 15px;
}
h4 {

}
h5 {

}
p {
	line-height: 14px;
}

form {
	background-color: #f6fbeb;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	border-top: 3px solid #ecf6d9;
	border-bottom: 3px solid #ecf6d9;
}
form table {
	width: 100%;
	border-spacing: 0px;
}
form table th {
	padding-top: 5px;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	text-align: right;
}
form table td {
	vertical-align: top;
}

form .inputs {
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}
form table p {
	font-size: 15px;
	font-weight: bold;
	color: #d9d9c8;
	margin-bottom: 5px;
}
form table input, form table select {
	color: #666666;
	border: 3px solid #e6f5ca;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	vertical-align: top;
	/*margin-bottom: 10px;*/
}
/*
form table input[disabled='disabled'] {
  background-color: #f6fbeb;
}
*/
form table textarea {
	color: #666666;
	border: 3px solid #e6f5ca;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	vertical-align: top;
	width: 510px;
	margin-bottom: 10px;
}
form table .submit-button {
	color: #FFFFFF;
	background-color: #88cf00;
	padding: 3px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-width: 2px;
	border-style: solid;
	border-bottom-color: #7dbf00;
	border-right-color: #7dbf00;
	border-left-color: #adde4f;
	border-top-color: #adde4f;
	cursor: pointer;
}
form table .submit-button:hover {
	background-color: #9ad627;
}
form td.inputs.error input, form td.inputs.error textarea {
	border: solid 2px #f07a7a;
}
form table .image-border {
	border: 1px solid #EEEEEE;
}
form table .cancel {
	line-height: 30px;
}

img {
	border: 0px;
	margin: 0px;
}

/* 
 * 
 * Wrapper
 *
 */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}

/* 
 * 
 * Header
 *
 */

#header {
	height: 100px;
}
#header .logo {
	float: left;
	width: 248px;
}
#header ul {
	display: block;
	overflow: hidden;
	float: left;
	margin-top: 68px;
	margin-left: 10px;
	width: 430px;
	height: 32px;
}
#header li {
	float: left;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.02em;
	
}
#header ul li a:link, #header ul li a:visited {
	display: block;
	float: left;
	padding-top: 6px;
	padding-left: 13px;
	padding-right: 13px;
	height: 26px;
}
#header ul li a:hover {
	background: url(../images/tab_hover_tile.jpg) repeat-x;
	color: #95958a;
	text-decoration: none;
}
#header ul li a:link.selected, #header ul li a:visited.selected, #header ul li a:hover.selected {
	padding-left: 14px;
	padding-right: 14px;
	background: none;
	background-color: #f9f9f1;
	color: #adada3;
	border-right: 1px solid #e6e6d8;
	border-left: 1px solid #e6e6d8;
}
#header ul li a:hover.selected {
	color: #95958a;
}
#header .utils {
	float: left;
	margin-top: 72px;
	width: 295px;
	height: 28px;
	text-align: right;
	
}
#header .utils .txt {
	
}


/* 
 * 
 * Page title
 *
 */
#page-title {
	padding: 13px 20px 13px 20px;
	background: url(../images/page_title_tile.jpg) repeat-x;
	background-color: #f6f6ea;
	clear: both;
}
#page-title .image {
	float: left;
	width: 40px;
	margin-right: 8px;
	margin-top: 5px;
	border: 1px solid #EEEEEE;
}
#page-title .title {
	display: block;
	float: left;
	width: 580px;
}
#page-title .title p {
	margin-top: -3px;
	color: #999999;
}
#page-title .title strong {
	font-weight: normal;
	color: #88cf00;
}

#page-title .call-to-action {
	float: right;
	width: 300px;
	margin-top: 7px;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
}
#page-title .call-to-action a {
	padding-left: 29px;
	background: url(../images/pencil_icon.gif) no-repeat;
}
#page-title .breadcrumb-sep {
	padding-left: 14px;
	padding-right: 10px;
	background: url(../images/breadcrumbs_separator.gif) no-repeat center;
}
#page-title-home {
	background: url(../images/page_title_home_tile.jpg) repeat-x;
	background-color: #eeeedb;
	height: 200px;
}
#page-title-home .intro {
	background: url(../images/homepage_intro.png) no-repeat;
	float: left;
	padding-left: 45px;
	padding-top: 150px;
	width: 630px;
}
#page-title-home .steps {
	margin-left: 30px;
	width: 205px;
	float:left;
	color: #a2a496;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#page-title-home .steps a {
	color: #a2a496;
}
#page-title-home .steps a:hover {
	color: #95958a;
}
#page-title-home .call-to-action {
	float: right;
	width: 300px;
	margin-top: 7px;
	text-align: left;
	font-size: 22px;
	font-weight: bold;
}
#page-title-home .call-to-action p {
	margin-top: 32px;
	margin-bottom: 8px;
}
#page-title-home .call-to-action li {
	padding-left: 31px;
	margin-top: 3px;
	background: url(../images/pencil_icon.gif) no-repeat;
}
#page-title-home .call-to-action li.explore {
	background: url(../images/eye_icon.gif) no-repeat;
}
/* 
 * 
 * Messages
 *
 */

.error-message {
	background-color: #fdf7f7;
	border: 3px solid #CC0000;
	margin-bottom: 20px;
	background-image: url(../images/message_error_icon.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 46px;
}
.error-message ul {
	margin-left: 5px;
	padding-left: 10px;
}
.error-message li {
	list-style: disc;
}
.success-message {
	background-color: #dbeec2;
	border: 3px solid #52a03e;
	margin-bottom: 20px;
	background-image: url(../images/message_tick_icon.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 46px;
}
.login-prompt-message {
	background-color: #effafd;
	border: 3px solid #00a5db;
	margin-bottom: 20px;
	background-image: url(../images/message_warn_blue_icon.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 49px;
}
.login-prompt-message h3 {
	font-size: 18px;
	font-weight: bold;
	color: #555555;
}
.login-prompt-message p {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #888888;
}


/* 
 * 
 * Main content area
 *
 */

#main {
	padding: 20px 20px 40px 20px;
	background-color: #ffffff;
	clear: both;
}
#main.no-padding {
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	clear: both;
}
/* Main 2 col grid (8,4) */
#main .grid1-c1 {
	width: 630px;
	float: left;
}
#main .grid1-c2 {
	width: 300px;
	float: right;
	padding-left: 20px;
}
#main .grid1-c2.pink-arrow {
	background: url(../images/box-pink-left-arrow.gif) no-repeat;
}
#main .grid1-c2.green-arrow {
	background: url(../images/box-green-left-arrow.gif) no-repeat;
}
/* Split first col into 2 cols (4,4) */
#main .grid2-c1 {
	width: 310px;
	float: left;
}
#main .grid2-c2 {
	width: 300px;
	float: left;
	margin-left: 20px;
}
/* Two col grid - nearly both as wide as each other (6,6) used in shop */
#main .grid3-c1 {
	width: 482px;
	float: left;
}
#main .grid3-c2 {
	width: 448px;
	float: left;
	margin-left: 20px;
}
.doc h3 {
	margin-top: 12px;
	margin-bottom: 10px;
}
.doc p {
	line-height: 17px;
	margin-bottom: 10px;
}
.doc ul {
	margin-left: 5px;
	padding-left: 10px;
}
.doc li {
	margin-top: 5px;
	list-style: disc;
}
.sortby {
	margin-top: 8px;
	margin-bottom: 16px;
	font-size: 24px;
	color: #e3e3d0;
	letter-spacing: -0.04em;
}
.sortby span {
	margin-left: 4px;
	margin-right: 4px;
}
.sortby .selected, .sortby .selected a {
	color: #999999;
}
.sortby .selected {
	background: url(../images/sort_arrow.gif) no-repeat bottom center;
	padding-bottom: 6px;
}
.drawings {
	clear: both;
}
.drawings .thumb {
	margin-right: 10px;
	float: left;
	width: 150px;
	height: 200px;
	overflow: hidden;
}
.drawings .thumb.last {
	margin-right: 0px !important;
}
.drawings .thumb .image {
	height: 110px;
	border: solid 1px #EEEEEE;
	background: url(../images/thumb_no_preview.png) no-repeat;
}
.drawings .thumb h3 {
	margin-top: 2px;
	font-size: 15px;
}
.drawings .thumb h3 .suffix {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}
.drawings .thumb p {
	font-size: 11px;
}
.drawings .thumb .details {
	color: #88cf00;
}
.pagination {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 13px;
	border-top: 3px solid #f4f9eb;
	border-bottom: 3px solid #f4f9eb;
	font-size: 24px;
	color: #999999;
	letter-spacing: -0.04em;
	clear: both;
}
.pagination .page-num {
	float: left;
}
.pagination .page-nav {
	float: right;
}
.pagination .center {
	text-align: center;
}

.login-prompt {
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #999999;
	margin-bottom: 10px;
}
.login-prompt strong {
	color:#333333;
}

.media {
	border: solid 1px #EEEEEE;
	background-color: #FFFFFF;
}
.media .description {
	padding: 9px 10px 8px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #b8b9a8;
	background-color: #52554a;
}
.dropshadow-wide {
	height: 6px;
	background: url(../images/media_dropshadow_wide.gif) no-repeat;
	margin-bottom: 27px;
}
.dropshadow-medium {
	height: 6px;
	background: url(../images/media_dropshadow_medium.gif) no-repeat;
	margin-bottom: 10px;
}
.comments {
	margin-bottom: 30px;
}
.comments .comment {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 3px solid #f4f9eb;
}
.comments .comment .image {
	float: left;
	width: 40px;
	height: 40px;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
}
.comments .comment .description {
	float: left;
	margin-left: 10px;
	width: 578px;
}
.comments .comment h3 {
	font-size: 15px;
	color: #d9d9c8;
}
.comments .comment p {
	font-size: 12px;
	
}

.suggestions {
	margin-bottom: 20px;
}
.suggestion {
	margin-bottom: 40px;
}
.suggestion .votes {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	color: #ffffff;
	background-color: #89cb00;
}
.suggestion .votes strong {
	font-size: 40px;
	line-height: 30px;
	font-weight: bold;
	display: block;
	margin-top: 8px;
}
.suggestion .description {
	float: left;
	margin-left: 10px;
	width: 560px;
}
.suggestion h3 {
	font-size: 18px;
	color: #d9d9c8;
	font-weight: normal;
}
.suggestion p {
	font-size: 12px;
	line-height: 16px;
}
.suggestion .details {
	color: #a8a992;
	margin-top: 5px;
}
.suggestion .details .comments {
	color: #88cf00;
}
.suggestions .suggestion {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 3px solid #f4f9eb;
}
.suggestions .suggestion .votes {
	background-color: #ffffff;
	width: 40px;
	height: 40px;
	color: #89cb00;
}
.suggestions .suggestion .votes strong {
	font-size: 24px;
	line-height: 24px;
	margin-top: 0px;
	
}
.suggestions .suggestion .description {
	width: 580px;
}

.people {
	clear: both;
}
.people .thumb {
	margin-right: 20px;
	padding-bottom: 20px;
	float: left;
	width: 300px;
	height: 90px;
	overflow: hidden;
}
.people .thumb.last {
	margin-right: 0px !important;
}
.people .thumb .image {
	float: left;
	height: 90px;
	width: 90px;
	border: solid 1px #EEEEEE;
}
.people .thumb .description {
	float: left;
	margin-left: 10px;
	width: 190px;
}
.people .thumb h3 {
	font-size: 15px;
}
.people .thumb p {
	font-size: 11px;
}
.people .thumb .details {
	color: #88cf00;
}


.profile h2 {
	color: #f8591c;
}
.profile .grid2-c1 {
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.profile .grid2-c2 {
	padding-bottom: 10px;
	letter-spacing: -0.05em;
}
.profile .grid2-c2 h3 {
	color: #d0d0c0;
	font-size: 24px;
}
.profile .grid2-c2 p {
	color: #565656;
	font-size: 24px;
	font-weight: bold;
}
.profile .grid2-c2 p strong {
	font-size: 36px;
	line-height: 38px;
	letter-spacing: -0.06em;
}
.profile .edit-profile-pic-link {
	text-align: center;
}


/* 
 * 
 * Shop styles
 *
 */

.shop h2 {
	margin-bottom: 10px;
}

.shop .products {
	border-bottom: 3px solid #f4f9eb;
}
.page-centered {
	text-align: center;
}
.page-centered h2 {
	padding-left: 16px;
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: normal;
	color: #AAAAAA;
}
.prodcats {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
}
.prodcats .prodcat {
	width: 160px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.prodcats .prodcat .thumb {
	height: 150px;
	margin-bottom: 6px;
}
.prodcats .prodcat .description {
	
}
.prodcats .prodcat h3 {
	font-size: 16px;
}

.products {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	padding-bottom: 18px;
	
}
.products .product {
	width: 160px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}
.products .product.last {
	margin-right: 0px;
}
.products .product .thumb {
	height: 150px;
	margin-bottom: 6px;
	background-repeat: no-repeat;
	background-position: 5px;
	
}
.products .product .description {
	
}
.products .product h3 {
	font-size: 16px;
}
.products .product .price {
	margin-top: 3px;
	color: #88cf00;
	font-weight: bold;
	font-size: 14px;
}


.item h2 {
}
.item .description {
	margin-top: 6px;
	margin-bottom: 4px;
	line-height: 17px;
}
.item .author {
	margin-bottom: 10px;
	color: #999999;
	line-height: 17px;
}
.item .price {
	color: #88cf00;
	font-size: 36px;
}
.item .price .decimals {
	font-size: 18px;
}
.item .payment-info {
	margin-top: 6px;
	color: #999999;
	font-size: 11px;
}
.item .media {
	width: 480px;
	height: 480px;
}
.item .loader {
	position:absolute;
	z-index: 2;
	display: none;
	width: 480px;
	padding: 10px;
}
.item .preview-thumbs {
	margin-top: 12px;
	margin-bottom: 30px;
}
.item .preview-thumbs .thumb {
	float: left;
	margin-top: 1px;
	margin-right: 10px;
	margin-left: 1px;
	width: 50px;
	height: 50px;
	border: 1px solid #c9c9c9;
}
.item .preview-thumbs .thumb-selected {
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	border: 2px solid #88cf00;;
}
.item .preview-thumbs .warning {
	float: left;
	width: 280px;
	color: #999999;
	font-size: 11px; 
}

.item form {
	background-color: #f6fbeb;
	
	margin-top: 0px;
	border-top: 3px solid #ecf6d9;
	border-bottom: 3px solid #ecf6d9;
	padding: 0px;
	padding-top: 10px;
}
.item form.hidden {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: none;
}
.item form table {
	width: 100%;
	border-spacing: 0px;
}
.item form table th {
	padding-top: 5px;
	vertical-align: middle;
	color: #777777;
	padding: 0px;
	padding-bottom: 10px;
	width: 100px;
}
.item form table td {
	vertical-align: middle;
	padding: 0px;
}

.item form .inputs {
	padding-right: 20px;
	padding-bottom: 10px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.item form table input, .item form table select {
	padding: 2px;
}

.item form table .submit-button {
	padding: 3px 8px;
	margin-bottom: 6px;
}
.item form table label {
	padding-right: 10px;
}
.item form table span input {
	border: none;
}
.item form table .buy-btn {
	float: left;
	width: 100px;
	margin-right: 40px;
}
.item form table .viewcart-btn {
	padding-top: 10px;
	float: left;
	width: 150px;
}
/*
.item .Light-blue {
	padding: 3px;
	background-image: url(../images/item_color_lightblue.png);
	background-repeat: no-repeat;
}
.item .Light-blue input {
	margin-right: 5px;
	border: none;
}
*/


/* 
 * 
 * Coloured side panel boxes
 *
 */

.c-box {
	margin-bottom: 20px;
}
.c-box h3 {
	color: #FFFFFF;
	padding: 6px 10px 4px 10px;
	font-size: 16px;
}
.c-box .content {
	padding: 12px 10px 10px 10px;
}
.c-box li {
	padding: 0px 0px 0px 0px;
	list-style: disc;
	margin-left: 15px;
}
.c-box form {
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
}
.c-box input {
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 6px;
	background-color: #fffdfc;
	border: 3px solid #fde8e0;
}
.c-box .send-mail {
	padding-top: 2px;
	height: 16px;
	background: url(../images/email_drawing_icon.png) no-repeat;
}
.c-box .send-mail a {
	padding-left: 20px;
}
.c-box .more {
	padding-left: 80px;
	padding-bottom: 10px;
	font-size: 11px;
}
.c-box .comment {
	margin-bottom: 10px;
}
.c-box .comment .image {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #EEEEEE;
}
.c-box .comment .description {
	float: left;
	margin-left: 8px;
	width: 230px;
	overflow: hidden;
}
.c-box .comment p {
	font-size: 11px;
}
.c-box .comment .details {
	color: #a4a4a4;
}
.c-box .thumb {
	margin-bottom: 10px;
	background: url(../images/small_thumb_bg.png) no-repeat;
	padding-bottom: 4px;
}
.c-box .thumb .image {
	float: left;
	width: 68px;
	height: 52px;
	border: solid 1px #EEEEEE;
}
.c-box .thumb .description {
	float: left;
	margin-left: 10px;
	width: 200px;
}
.c-box .thumb h4 {
	font-size: 15px;
	line-height: 16px;
}
.c-box .thumb p {
	font-size: 11px;
}
.c-box .thumb strong {
	color: #88cf00;
	font-weight: normal;
}
.c-box .twocols {
	float: left;
	width: 130px;
}
.c-box .zazzle-link {
	margin-bottom: 7px;
}

.pink-box {
	background-color: #fff1eb;
}
.pink-box h3 {
	background-color: #ff5d38;
}
.pink-box .content {
	background: url(../images/box-pink-arrow.gif) no-repeat;
}
.pink-box .no-arrow {
	background: none;
}

.green-box {
	background-color: #f0f8d9;
}
.green-box h3 {
	background-color: #a6d81b;
}
.green-box .content {
	background: url(../images/box-green-arrow.gif) no-repeat;
}
.green-box .no-arrow {
	background: none;
}

.cyan-box {
	background-color: #eafbfe;
}
.cyan-box h3 {
	background-color: #7ce4f7;
}
.cyan-box .content {
	background: url(../images/box-cyan-arrow.gif) no-repeat;
}

.blue-box {
	background-color: #e5f6fb;
}
.blue-box h3 {
	background-color: #00a5db;
}
.blue-box .content {
	background: url(../images/box-blue-arrow.gif) no-repeat;
}
.blue-box input {
	background-color: none;
	border: 1px solid #00a5db;
}



/* 
 * 
 * Footer
 *
 */

#footer {
	padding: 16px 20px 18px 20px;
	background-color: #f6f6ea;
	color: #818180;
	clear: both;
}
#footer .c1, #footer .c2 {
	float: left;
	margin-bottom: 9px;
	width: 240px;
	font-size: 16px;
}
#footer .c3 {
	float: right;
	width: 470px;
	text-align: right;
	line-height: 17px;
}
#footer .copyright {
	padding-top: 9px;
	border-top: 3px solid #e9e9db;
}



/* 
 * 
 * Misc
 *
 */
 
.clearboth {
	clear: both;
	font-size: 0.01px;
	line-height: 0.01px;
	height: 0.01px;
}



/* 
 * 
 * Profiler - used for debugging only
 *
 */

.profiler {
	background-color: #FFFFFF;
	padding: 10px;
}
.profiler fieldset {
	border: 1px solid rgb(0, 153, 0);
	margin: 0pt 0pt 20px;
	padding: 6px 10px 10px;
	background-color: rgb(238, 238, 238);
}
.profiler fieldset legend {
	color: rgb(0, 153, 0);
}
.profiler table {
	color: #000000;
	width: 100%;
}
.profiler table th, .profiler table td {
	background-color: rgb(221, 221, 221);
	text-align: left;
	padding: 3px;
}
.profiler table th {
	width: 10%;
}
.profiler table td {
	width: 90%;
}