﻿/* ------------- Common Elements (On every page) ------------- */

body
{
	margin: 0 0 0 0;
	padding-top: 0px;
	font-size: 100%;
}

#workable-area
{
	padding: 0;
	width: 737px;
	margin-right:auto; 
	margin-left:auto;
	font-size: 100%;
	font-family: Trebuchet MS;
	color: #8c8c8c;
}

#contact-us
{
	width: 707px;
	margin: 5px 0 0 30px;
	float: left;
}

#header
{
	float: left;
	height: 180px;
	width: 732px;
	background-image: url(../../images/background_header.jpg);
	background-repeat: no-repeat;
	display: none;
	font-size: 75%;
	color: #FFFFFF;
	padding: 0 0 0 7px;
}

#main
{
	width: 717px;
	background-image: url(../../images/background_main.jpg);
	float: left;
	padding: 20px 0 20px 20px;
	font-size: 75%;
}

#main .content-1-1
{
	width: 675px;
	float: left;
	padding: 0 20px 0 10px;
}

#main .content-1-2
{
	width: 210px;
	float: left;
	padding: 0 20px 0 0;
}

#main .content-1-2 img.heading
{
	margin: 0 0 10px 10px;
}

#main .content-1-2 p
{
	padding: 0 0 0 10px;
	margin: 0;
	line-height: 13px;
}

#main .content-1-2 p.padding
{
	padding: 10px 0 0 10px;
	margin: 0;
	line-height: 13px;
}

#main .content-2-2
{
	width: 465px;
	float: left;
}

#main .content-2-2 p
{
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 13px;
}

#main .content-2-2 img.heading
{
	margin: 0 0 10px 0;
}

#main .content-2-2 .service-heading
{
	margin: 3px 0 10px 0;
}

#main .content-2-2 img.faqs-heading
{
	margin: 3px 0 0 0;
}

#main .content-2-2 p.padding-top
{
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 13px;
}

#main .content-2-2 p.no-padding
{
	padding: 0 0 0 0;
	margin: 0;
	line-height: 13px;
}

#service-feature
{
	width: 210px;
	height: 115px;
	background-color: #f5ecf9;
	float: left;
	padding: 10px 0 0 0;
	margin: 20px 0 0 0;
}

#service-feature .button
{
	padding: 15px 0 0 45px;
}

#service-feature-2
{
	width: 210px;
	height: 140px;
	background-color: #f5ecf9;
	float: left;
	padding: 10px 0 0 0;
	margin: 15px 0 0 0;
}

#service-feature-2 .button
{
	padding: 15px 0 0 90px;
}

#footer
{
	width: 717px;
	float: left;
	padding: 10px 0 20px 20px;
	color: #462D51;
	font-size: 70%;
}

#footer a
{
	text-decoration: none;
	color: #462D51;
}

#footer ul
{
	list-style-type: none;
	margin: 0;
	padding:0 ;
}

#footer li
{
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
}

.stretcher 
{
	background-color: #fbfbfa;
}

.small
{
	font-size: 11px;
}

/* ------------- Form Elements ------------- */

input
{
	font-family: Trebuchet MS;
	padding: 0 0 0 2px;
	font-size: 90%;
	color: #707070;
}

select
{
	font-family: Trebuchet MS;
	padding: 0 0 0 2px;
	font-size: 90%;
	color: #707070;
}

textarea
{
	font-family: Trebuchet MS;
	padding: 0 0 0 2px;
	font-size: 90%;
	color: #707070;
}

form
{
	padding: 0;
	margin: 0;
}

/* ------------- Colors ------------- */

.light-purple
{
	color: #9d42c4;
	font-weight: bold;
}

.purple
{
	color: #480061;
}

.red
{
	color: #990000;
}

a.light-purple
{
	color: #9d42c4;
	font-weight: bold;
}

a.light-purple-faq
{
	color: #9d42c4;
	font-weight: bold;
}

a.grey-plain
{
	color: #8c8c8c;
	text-decoration: none;
}

a.light-purple-plain
{
	color: #9d42c4;
	font-weight: bold;
	text-decoration: none;
}

a.purple-plain
{
	color: #480061;
	text-decoration: none;
}

/* ------------- Homepage Sepcific -------------  */


#main .content-1-2-home
{
	width: 316px;
	float: left;
	padding: 0 0 0 0px;
}

#main .content-1-2-home p.home
{
	padding: 10px 0 20px 16px;
	margin: 0;
	width: 300px;
	line-height: 13px;
}

#main .content-1-2-home p.home-news
{
	padding: 10px 0 0 16px;
	margin: 0;
	width: 300px;
	line-height: 13px;
}

#main .content-1-2-home p.home-news-2
{
	padding: 0 0 0 16px;
	margin: 0;
	width: 300px;
	line-height: 13px;
}

#main .content-2-2-home
{
	width: 401px;
	float: left;
	padding: 0 0 0 0;
	text-align: right;
}

#main .content-2-2-home img
{
	margin: 223px 4px 0 0;
}

/* ------------- Online Shop Specific ------------- */

#content-2-2-shop
{
	width: 487px;
	float: left;
	padding: 0 0 0 0;
}

#content-2-2-shop .content-1-2
{
	width: 350px;
	float: left;
}

#content-2-2-shop .content-1-2 img.heading
{
	margin: 3px 0 0 0;
}

#content-2-2-shop .content-1-2 p
{
	margin: 0;
	padding: 5px 0 20px 0;
	width: 190px;
}

#content-2-2-shop .content-2-2
{
	width: 115px;
	float: left;
	text-align: right;
}

#content-2-2-shop .content-2-2 img
{
	margin: 233px 2px 0 0;
}

#main .content-1-2-products
{
	width: 210px;
	float: left;
	padding: 0 30px 10px 0;
}

#main .content-2-2-products
{
	width: 210px;
	float: left;
	padding: 0 0 10px 0;
}

#mini-basket
{
	float: left;
	width: 210px;
	padding: 20px 0 20px 0;
}

#mini-basket table
{
	background-color: #eadbef;
	margin: 10px 0 0 0;
	width: 210px;
	padding: 2px 0 2px 0;
}

#mini-basket td.indent
{
	padding: 0 0 0 10px;
}

table.products
{
	width: 210px;
	height: 180px;
	line-height: 14px;
}

table.product
{
	width: 210px;
	line-height: 13px;
}

table.basket
{
	line-height: 13px;
	padding: 15px 0 0 0;
}

tr.basket-header
{
	background-color: #c38edb;
	color: #FFFFFF;
}

tr.basket-item
{
	background-color: #f2f1f2;
}

tr.basket-header td
{
	padding: 4px;
}

tr.basket-item td
{
	padding: 4px;
	border-top: solid 1px #FFFFFF;
}

table.register
{
	padding: 0;
}

table.register td
{
	padding: 4px;
}

table.contact
{
	padding: 20px 0 0 0;
}

table.contact td
{
	padding: 4px;
}

tr.grey
{
	background-color: #efefef;
}

ul.categories
{
	list-style-type: none;
	font-size: 10px;
	padding: 10px 0 0 0;
	margin: 0;
}

ul.categories li
{
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	display: inline;
}

ul.categories a
{
	color: #8c8c8c;
	text-decoration: none;
	text-transform: uppercase;
}

ul.categories li.sub
{
	padding: 0 0 0 12px;
	height: 13px;
	line-height: 13px;
	display: block;
}

ul.plain
{
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
}

ul.plain-top
{
	list-style-type: none;
	padding: 10px 0 0 0;
	margin: 0;
}

a.purple
{
	text-decoration: none;
	color: #462D51;
}

.quote1
{
	margin-top: 70px;
}

.quote2
{
	margin-top: 33px;
}

.quote3
{
	margin-top: 168px;
}

.quote4
{
	margin-top: 260px;
}

.quote5
{
	margin-top: 115px;
}

p.right
{
	text-align: right;
	width: 100%;
}

p.no-padding
{
	margin: 0;
	padding: 0 0 0 0;
}