/*
Colours:
Dark grey #344652
Medium grey #a3abae
Light grey #d3d6db
Pink #e73990
*/

body {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:9pt;
	line-height:1.1em;
	background-color:#fff;
	margin:0;
	padding:0;
	color:#344652;
}
h1, h2, h3, h4 {
	font-family:Helvetica, Arial, Sans-Serif;
	font-weight:normal;
	letter-spacing:0.03em;
}
h1{font-size:1.8em;font-weight:normal;}
h2{font-size:1.5em;font-weight:normal;}
h3{font-size:1.2em;}
h4, h5, h6{font-size:1em;}
a {
	text-decoration:none;
	color:#344652;
}
a:hover { color:#e73990; }
a img { border:none; }
#content_medium p a, a.selected { color:#e73990; }
#content_medium p a:hover { text-decoration:underline; }
.right { text-align:right; }
.center { text-align:center; }
.error { color:#c00; }
.no_top { margin-top:0; }
.hr, .hr_spaced, .hr_white {
	border:none;
	height:1px;
	background-image:url(../images/hr.gif);
	margin:14px 0;
	clear:both;
}
.hr_spaced { margin:20px 0; }
.hr_white { background-image:url(../images/hr_white.gif); }
.hr hr, .hr_spaced hr, .hr_white hr { display:none; }
fieldset { border:1px dotted #a3abae; }
legend { color:#e73990; }
#wrap {
	width:932px;
	margin:0 28px;
}

/*** HEADER ***/
#nav_area {
    height:100px;
    clear:both;
}
#cart {
    margin-right:38px;
    float:right;
    border-right:1px solid #a3abae;
    width:278px;
    height:75px;
    background-image:url(/images/shoppingbag.jpg);
    background-repeat:no-repeat;
    background-position:0px 20px;
}
#cart p {
    margin:40px 0 0 50px;
    font-size:8pt;
}
#cart p span { padding-left:6px; }
#nav { float:right; }
#nav ul {
	margin:40px 0 0 0;
	padding:0;
	list-style:none;
}
#nav ul li {
	display:inline;
	text-transform: lowercase;
	font-size:8.7pt;
}
#nav ul li a, #nav ul li a.selected {
    text-decoration:none;
	padding:0 13px;
	color:#344652;
}
#nav ul li a.selected { color:#e73990; }
#nav ul li a:hover { color:#e73990; }
#header {
    height:56px;
    clear:both;
    padding-right:2px;
}
#page_title {
    float:left;
    margin:15px 0 0 140px;
	color:#344652;
}
#logo { float:right; }

/*** LEFT NAV ***/
#left_nav {
    float:left;
    width:130px;
    padding-bottom:20px;
}
#left_nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#left_nav ul li { margin:0 0 6px 0; }
#left_nav a {
	text-decoration:none;
	color:#344652;
}
#left_nav a.selected {
	text-decoration:none;
	color:#e73990;
}
#left_nav a:hover {
	text-decoration:none;
	color:#e73990;
}
#left_nav h2 {
    text-transform:lowercase;
    margin:0 0 12px 0;
	line-height:1.2em;
}
#collections_nav { margin-bottom:30px; }
#collections_nav ul ul { margin-top:4px; }
#collections_nav ul ul a { color:#344652; }
#products_nav { }

/*** CONTENT ***/
#home_content { }
#home_content p {
    width:510px;
    font-size:8.5pt;
    font-style:italic;
    color:#a3abae;
}
#content { }
#content_medium { margin-left:140px; }
#content_narrow {
	margin-left:140px;
	width:450px;
	line-height:1.3em;
}
#content_medium p { line-height:1.3em; }
#right_content {
    float:left;
    width:792px;
    margin-left:10px;
    padding-bottom:20px;
}
#right_content h2, #right_content h3 {
    margin-top:10px;
    text-transform:lowercase;
}
.colour_para {
	padding-left:2px;
	padding-bottom:2px;
}
.colour_para img { }
.product_thumb { margin-left:2px; }
.colour_thumb {
	padding-left:2px;
	width:125px;
    height:125px;
}
.colour_thumb img { border:0; }
.swatch, .swatch_selected, .product_swatch, .product_swatch_end {
	float:left;
	height:140px;
	width:97px;
	padding-right:2px;
	margin-bottom:2px;
}
.swatch a img, .swatch_selected a img { border:0; }
.swatch p, .swatch_selected p, .product_swatch p, .product_swatch_end p {
	padding-right:4px;
	margin:4px 0 6px 0;
}
.product_swatch table, .product_swatch_end table {
	border-collapse:collapse;
	margin-top:4px;
}
.swatch_selected { }
.swatch_selected p { color:#e73990; }
.product_swatch {
	height:200px;
	padding-right:100px;
	background-image:url(../images/hr_vertical_long.gif);
	background-position:147px 0;
	background-repeat:no-repeat;
}
.product_swatch_end { height:200px; }
.product_swatch img, .product_swatch_end img {
	width:97px;
	height:97px;
}
.product_table {
	border-collapse:collapse;
	margin-bottom:26px;
	width:394px;
	float:left;
}
.product_cell_left {
	padding:0 50px 0 0;
	width:96px;
	background-image:url(../images/hr_vertical_long.gif);
	background-position:147px 0;
	background-repeat:no-repeat;
}
.product_cell_right {
	padding:0;
	vertical-align:top;
}
.product_description {
	position:absolute;
	width:200px;
	padding:10px;
	background-color:#ffc;
	border:1px solid #ccc;
}



/*** FOOTER ***/
#footer {
	height:100px;
	clear:both;
	margin-top:20px;
}
#footer_details {
    margin-top:10px;
    float:left;
    font-size:8pt;
}
#byline {
    margin-top:10px;
	font-size:14pt;
	color:#d3d6db;
	text-transform:lowercase;
	float:right;
}

/*** FORMS ***/
.small_form, .medium_form, .large_form, .large_white_form {
    padding:20px;
    border:1px solid #a3abae;
    background-color:#eee;
}
.small_form { width:100px; }
.medium_form { width:350px; }
.large_form, .large_white_form { width:100%; }
.large_white_form { background-color:#fff; }
.small_form td, .medium_form td, .large_form td {
    font-family:Arial, helvetica, sans-serif;
    font-size:8pt;
    vertical-align:top;
    padding:4px 0;
}
textarea, .textinput, .textinput_med, .textinput_small, .textinput_tiny, select, .large_textarea {
    border:1px solid #a3abae;
    font-family:Verdana, Arial, sans-serif;
    font-size:8pt;
    padding:1px 4px;
}
.large_textarea { height:800px; }
select { padding:0; }
.image_thumb {
	width:40px;
	height:40px;
	vertical-align:bottom;
}
.textinput { width:200px; }
.textinput_med { width:100px; }
.textinput_small { width:50px; }
.textinput_tiny { width:20px; }
textarea {
	width:100%;
    height:80px;
    padding:0;
}
form table table th {
    vertical-align:bottom;
    font-weight:normal;
    font-style:italic;
}
form table table td { padding-right:4px; }

/*** BUTTONS ***/
.add_btn, .information_btn, .continue_btn, .checkout_btn, .place_btn, .subscribe_contact_btn, .subscribe_btn, .secure_btn {
    display:block;
    height:17px;
    background-repeat:no-repeat;
}
.add_btn {
    width:67px;
    background-image:url(../images/add_btn.gif);
}
.information_btn {
    width:17px;
    background-image:url(../images/information_btn.gif);
}
.continue_btn {
    width:106px;
    background-image:url(../images/continue_btn.gif);
}
.checkout_btn {
    width:116px;
    background-image:url(../images/checkout_btn.gif);
    float:right;
}
.place_btn {
    width:70px;
    background-image:url(../images/place_btn.gif);
    float:right;
    margin-top:10px;
}
.subscribe_contact_btn {
    width:62px;
    background-image:url(../images/subscribe_contact_btn.gif);
}
.subscribe_btn {
    width:62px;
    background-image:url(../images/subscribe_btn.gif);
    float:right;
    margin-top:10px;
}
.secure_btn {
    width:124px;
    background-image:url(../images/secure_btn.gif);
    float:right;
    margin-top:10px;
}
.add_btn:hover, .information_btn:hover, .continue_btn:hover, .checkout_btn:hover, .place_btn:hover, .subscribe_contact_btn:hover, .subscribe_btn:hover, .secure_btn:hover { background-position:0 -17px; }
.add_btn span, .information_btn span, .continue_btn span, .checkout_btn span, .place_btn span, .subscribe_contact_btn span, .subscribe_btn span, .secure_btn span { display:none; }

/*** ADMIN ***/
.thumbnail {
	width:112px;
	padding:0px;
	height:130px;
	text-align:center;
	border:1px solid #ccc;
	float:left;
	margin:6px 6px 0 0;
}
.thumbnail p {
	margin:0 0 6px 0;
	padding:2px 0;
	background-color:#aaa;
	font-size:8pt;
	color:#fff;
}
.thumbnail .delete_btn {
	margin-left:6px;
	position:absolute;
}
table.plain {
	border:0px;
	border-collapse: collapse;
	margin-bottom:20px;
}
table.plain th, table.plain td {
	text-align: left;
	vertical-align: top;
	padding:2px 6px;
	font-weight:normal;
	padding:6px;
}
table.plain th {
	background-color:#fff;
	border-bottom:2px solid #ccc;
}
.new_btn, .edit_btn, .delete_btn, .duplicate_btn, .show_btn, .down_btn, .up_btn, .up_btn_lonely {
    display:block;
    height:16px;
    background-repeat:no-repeat;
}
.new_btn {
    width:35px;
    background-image:url(../images/icons/new_btn.png);
}
.edit_btn {
    margin-right:2px;
    float:left;
    width:16px;
    background-image:url(../images/icons/edit_btn.png);
}
.delete_btn {
    float:left;
    width:16px;
    background-image:url(../images/icons/delete_btn.png);
}
.duplicate_btn {
    margin-right:2px;
    float:left;
    width:16px;
    background-image:url(../images/icons/duplicate_btn.png);
}
.show_btn {
    margin-right:2px;
    float:left;
    width:16px;
    background-image:url(../images/icons/show_btn.png);
}
.down_btn {
    float:left;
    width:16px;
    background-image:url(../images/icons/down_btn.png);
}
.up_btn, .up_btn_lonely {
    float:left;
    width:16px;
    background-image:url(../images/icons/up_btn.png);
    margin-left:2px;
}
.up_btn_lonely { margin-left:17px; }
.new_btn:hover, .edit_btn:hover, .delete_btn:hover, .duplicate_btn:hover, .show_btn:hover, .down_btn:hover, .up_btn:hover, .up_btn_lonely:hover { background-position:0 -16px; }
.new_btn span, .edit_btn span, .delete_btn span, .duplicate_btn span, .show_btn span, .down_btn span, .up_btn span, .up_btn_lonely span { display:none; }
.carttable {
	border-collapse: collapse;
	margin-top:20px;
}
.carttable td, .carttable th { padding-right:10px; }
.carttable th { text-align:left; }
th .right { text-align:right; }
.plaintable {
    border:3px solid #d3d6db;
    border-collapse: collapse;
    margin: 5px 0 10px 0;
}
.plaintable caption {
    margin-top:10px;
    text-align:left;
}
.plaintable tr { border-bottom:1px solid #d3d6db; }
.plaintable th {
    text-align:left;
    background-color: #dfdfdf;
    color:#344652;
    padding: 4px 10px;
    font-weight:normal;
}
.plaintable td {
    vertical-align:top;
    padding: 4px 10px;
    background-color: #fff;
}
.plaintable td.right, .plaintable th.right { text-align:right; }

/*** CART ***/
.payment_options {
	padding:1px 10px;
	background-color:#fff;
	margin:10px 0;
}
.borderless td { padding:0 4px 0 0; }



/*** OTHER PAGES ***/
#content_about .banner, #content_contact .banner, #content_faqs .banner, #content_stockists .banner, #content_terms .banner {
	background-repeat:no-repeat;
	width:932px;
	height:262px;
	margin-bottom:40px;
	color:#fff;
}
#content_about .belowbanner, #content_faqs .belowbanner, #content_stockists .belowbanner, #content_terms .belowbanner {
	margin-left:140px;
	width:450px;
	line-height:1.3em;
}
#content_about .banner p {
	width:400px;
	font-size:15pt;
	line-height:1.8em;
	margin:0 0 0 140px;
	padding-top:40px;
}
#content_terms .banner p {
	width:460px;
	font-size:13.5pt;
	line-height:1.9em;
	margin:0 0 0 140px;
	padding-top:40px;
}
#content_contact .banner .header {
	padding-top:30px;
	margin:0 0 15px 140px;
	line-height:1.2em;
}
#content_stockists .banner table { margin-left:140px; }
#content_stockists .banner h3 { margin:0 0 4px 0; }
#content_stockists .banner table td {
	padding-right:20px;
	line-height:1.3em;
}
#content_contact .banner table, #content_contact .belowbanner table {
	margin-left:140px;
	width:400px;
}
#content_contact .banner table td,  #content_contact .belowbanner table td { vertical-align:top; }
#content_stockists .belowbanner .hr { margin:0; }
#content_stockists .belowbanner h3 { margin-bottom:4px; }
#content_stockists .belowbanner p { margin-top:4px; }
#content_contact .banner a, #content_stockists .banner a {
	color:#fff;
	text-decoration:none;
}
#content_contact .banner a:hover, #content_stockists .banner a:hover { text-decoration:underline; }
#content_faqs .banner p {
	width:400px;
	font-size:15pt;
	line-height:1.8em;
	margin:0 0 0 140px;
	padding-top:40px;
}
#content_stockists .banner td { vertical-align:top; }
#content_about .banner { background-image:url(../images/about.jpg); }
#content_terms .banner { background-image:url(../images/terms.jpg); }
#content_contact .banner {
	background-image:url(../images/contact_us.jpg);
	margin-bottom:30px;
}
#content_faqs .banner { background-image:url(../images/faqs.jpg); }
#content_stockists .banner {
	background-image:url(../images/stockists.jpg);
	padding-top:30px;
	margin-bottom:10px;
}
#content_stockists .v_line {
	background-image:url(../images/hr_white_vertical.gif);
	background-repeat:repeat-y;
}

/*** COLOURATIONS ***/
.dark { color:#344652; }
.med { color:#a3abae; }
.light { color:#d3d6db; }
.pink { color:#e73990; }
.green { color:#090; }
.red { color:#f00; }