/* @group General */

.panel .submit input[type=submit] {
	background: url(../img/update_basket.png) no-repeat;
	display: inline;
	font-size: 84%;
	color: #f1f1f1;
	margin: 0;
	padding: 0;
	width: 53px;
	height: 19px;
	border: none;
}

ul#update_basket li {
	display: inline;
}

body,html {
	background: url(../img/gradient.png) repeat-x #095000;
	font-family: 'lucida grande', 'lucida sans unicode', verdana, arial;
}

#bd {
	background: #fff;
	color: #000;
	margin-bottom: 0.625em;
	padding: 0.5em 1.9em 0 1.9em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
p.copyright{
	font-size: 88%;
	padding: 1em 0 0 2em;
}

.page {
	padding: 0 0 1.5em 0;
}

.page p, ul li, address {
	line-height: 1.8em;
}

.page ul {
	margin-bottom: 1.5em;
}

.page h1 {
	font-size: 190%;
}

.testimonial {
	margin: 0;
	padding: 1em 0;
}

.testimonial p {
	margin: 0;
	padding: 0;
}

p.testimonial_short a {
	text-decoration: none;
}

p.testimonial_short a:hover {
	text-decoration: underline;
}

#terms_and_conditions h2 {
	padding: 0.5em 0;
}

p {
	padding-bottom: 1em;
}

strong {
	font-weight: bold;
}

strong, em, b, i {
	font-family: 'lucida grande', 'lucida sans', 'lucida sans unicode', verdana, arial;
}

body#flyers li#menu_flyers a,
body#business_cards li#menu_business_cards a,
body#leaflets li#menu_leaflets a,
body#compliment_slips li#menu_compliment_slips a,
body#letterheads li#menu_letterheads a,
body#posters li#menu_posters a,
body#stickers li#menu_stickers a {
	background: #009900;
	color: #fff;
	width: 93.5%;
}

body#flyers li#menu_flyers,
body#business_cards li#menu_business_cards,
body#leaflets li#menu_leaflets,
body#compliment_slips li#menu_compliment_slips,
body#letterheads li#menu_letterheads,
body#posters li#menu_posters,
body#stickers li#menu_stickers {
	background: #009900;
}

body#flyers a#menu_home,
body#business_cards a#menu_home,
body#leaflets a#menu_home,
body#compliment_slips a#menu_home,
body#letterheads a#menu_home,
body#posters a#menu_home,
body#stickers a#menu_home,
body#about_us a#menu_about_us,
body#terms_conditions a#menu_terms_conditions,
body#contact a#menu_contact,
body#order_info a#menu_order_info,
body#testimonials a#menu_testimonials,
body#sample_requests a#menu_request_a_sample_pack {
	text-decoration: underline;
}

/* @group Typography */

h1 {
	font-size: 180%;
	padding-bottom: 0.3em;
	color: #71bf44;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
}

/* @end */

/* @end */

/* @group Header */

#hd {
	background: #000;
	margin-top: 2em;
	padding: 1.6em 0 1em 2em;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius-topright: 4px;
}

a#logo {
	background: url(../img/logo.png) no-repeat #000;
	width: 192px;
	height: 32px;
	display: block;
	line-height: 350px;
	overflow: hidden;
}

/* @group Basket */

ul#basket_nav {
	float: right;
	padding-right: 1.79em;
	font-size: 118%;
}

ul#basket_nav li a {
	background: inherit;
	color: #fff;
	text-decoration: none;
}

ul#basket_nav li a:hover {
	background: inherit;
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @group Masthead Image */

.masthead {
	width: 920px;
	height: 300px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000;
	margin: 25px 0;
	background: url(../img/masthead/text.png) no-repeat #000 right;
}

.masthead img {
	display: block;
	width: 372px;
	height: 300px;
}

/*

 @end */

/*

 @end */

/* @group Navigation */

#nav {
	background: #dcddde;
	margin-bottom: 0.625em;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-radius-bottomright: 4px;
}

ul.main-nav {
	margin: 0;
	padding: 1.2em 0 1.2em 1.3em;
	text-align: left;
}

ul.main-nav li {
	border-left: 1px solid #000;
	display: inline;
	padding: 0 0.5em 0 0.7em;
}

ul.main-nav li.no_divider {
	border: none;
}

ul.main-nav li a {
	color: #000;
	text-decoration: none;
}

ul.main-nav li a:hover {
	padding-bottom: 0.3em;
	text-decoration: underline;
}

#order_link {
	text-align: right;
	padding-right: 1.55em;
}

/* @end */

/* @group Panels */

#col1,#col2,#col3,#col {
	border: 1px solid #000;
	height: 24em;
	margin-bottom: 2em;
	-moz-border-radius: 4px;


/* Firefox */
	padding: 0;
	-webkit-border-radius: 4px

;
	/* Safari */
	z-index: 10;
}

#col {
	height: inherit;
}

#col1 {
	width: 172px;
}

#col2 {
	width: 172px;
}

#col3 {
	width: 58%;
}

#col3 p {
	color: #333;
	font-size: 88%;
	line-height: 1.4em;
}

#col3 h3 {
	padding: 0;
	padding-left: 0.5em;
	font-weight: bold;
	margin-top: 0.9em;
	font-size: 88%;
}

.panel h2 {
	background: #000;
	color: #f1f1f1;
	font-size: 132%;
	height: 30px;
	-moz-border-radius-topleft: 3px;

/* Firefox */
	-moz-border-radius-topright: 3px;
	padding: 0.4em 0 0 0.3em;
	-webkit-border-radius-topleft: 3px

;
	/* Safari */
	-webkit-border-radius-topright: 3px;
	z-index: -1;
}

a {
	color: #333;
}

}
a:hover {
	color: #fff;
}

.panel ul.options {
	font-size: 88%;
	width: 100%;
}

.panel ul.options li a {
	display: block;
	padding: 0.4em 0.4em;
	text-decoration: none;
	width: 88%;
}

.panel ul.options li:hover {
	background: #009900;
	width: 100%;
}

.panel ul.options li a:hover {
	background: #009900;
	color: #fff;
	width: 93.5%;
}

.panel ul.options li a.current {
	background: #009900;
	color: #fff !important;
	width: 95.5%;
}

.panel p {
	padding: 0 0.6em;
}

.panel table {
	font-size: 88%;
	width: 100%;
}

.panel table th, td {
	color: #333;
	padding: 0.5em;
}

#col .panel table th, td {
	color: #000;
	padding: 0.5em;
	font-weight: bold;
}

.panel table tr.header th {
	background: #009900;
	color: #f1f1f1;
	padding: 0.7em 0 0.7em 0.7em;
}

.panel table td a {
	color: #000;
	padding: 0.3em;
	text-decoration: underline;
}

.panel table td a:hover {
	background: #009900;
	color: #f1f1f1;
}

.panel table tr.odd {
	background: #cdffcc;
}

/* @end */

/* @group Footer */

ul#ft_info li {
	display: inline;
	font-size: 85%;
	height: 30px;
}

ul#ft_info li#text {
	padding: 0 10em 1.9em 0;
	vertical-align: middle;
}

#ft .content {
	padding: 1.63em;
}

#ft .content h3 {
	padding-bottom: 0.3em;
	font-weight: bold;
}

#ft .content p {
	font-size: 104%;
	line-height: 1.4em;
}

#ft {
	color: #fff;
}

#ft .yui-u {
	background: #000;
	margin-bottom: 0.6em;
	height: 128px;
	padding: 0 0.17em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#ft2 .yui-u {
	margin-top: 0.5em;
}

#ft2 .content {
	color: #fff;
	font-size: 88%;
	height: 32px;
	padding-left: 1.63em;
}

#ft2 .content p{
	margin-top: 9px;
	padding-left: 0.4em;
}

#ft2 .second .content {
	padding-right: 2.3em;
	text-align: right;
}

/* @group Testimonial */

#testimonial p {
	margin: 0;
	padding: 0;
}

#testimonial a {
	color: #fff;
}

/* @end */

/* @end */

/* @group Forms */

form {
	clear: both;
	padding: 0;
}

fieldset {
	border: none;
	width: 100%;
}

fieldset em {
	background: inherit;
	color: #FF0000;
}

fieldset legend {
	padding: 0.5em 0;
}

form div.input {
	color: #444;
}

form div.required {
	color: #333;
	font-weight: 700;
}

label {
	display: block;
	padding-top: 0.4em;
}

input,textarea {
	clear: both;
	font-family: "lucida grande", "verdana", sans-serif;
	font-size: 120%;
	padding: 2px;
	width: 100%;
}

#paypal {
	float: right;
	padding-bottom: 1em;
}

#paypal .submit input {
	width: 160px;
}

.form input[type=submit] {
	background: #71bf44;
	border: none;
	color: #f2f2f2;
	cursor: pointer;
	font-family: Arial;
	font-size: 110%;
	font-weight: 700;
	float: right;
	height: 22px;
	text-align: center;
	width: 98px;
	margin: 0.6em 0;
	border-radius: 0.9em;
	-moz-border-radius: 0.9em;
	-webkit-border-radius: 0.9em;
}

input#ProductNoItems {
	width: 2.5em;
}

/* @group Flash Message */

#messages {
	margin-bottom: 2em;
}

.message {
	background: #ED8C75;
	border: 1px solid #DA3812;
	margin-bottom: 1em;
	padding: 0.6em;
	-moz-border-radius: 0.3em;
	font-weight: bold;
}

.message, .info, .success, .warning, .error {
	border: 1px solid;
	margin: 0.5em 0;
	padding: 0.7em 0.1em 0.9em 2.8em;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 100%;
	-moz-border-radius: 3px;
	font-weight: bold;
	border-color: #ccc;
	background-color: #ebebeb;
}

.info {
	background-image: url('../img/info.png');
}

.success {
	background-image: url('../img/success.png');
}

.warning {
	background-image: url('../img/warning.png');
}

.error {
	background-image: url('../img/error.png');
}

.form .error {
	background: #fff;
	border: none;
	margin: 0;
	padding: 0;
}

.form .error-message {
	color: #EF5A2C;
}

/* @end */

/* @end */