/****************
**** Colours ****
****************/

/* Pink = #eb80ac
   Brown = #baa59b;
 */


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 180px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -180px; /* negative value of footer height */
	height: 180px;
	background-color: #666;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


address {
	font-style: normal;
}

.keyline {
	padding: 1px;
	border: 1px solid #ccc;
}

.signature {
	font-size: 18px;
	color: #000;
}

.clear
{ clear:both; } 

#skip {
	display: none;
}

/** Layout Styles **/

body {
	background: url(../layoutimages/background-layout.gif) repeat-x top left;
}

/** Horizontal Rule **/

div.hr {
  height: 26px;
  background: #fff url(../layoutimages/hr_spacer.gif) no-repeat scroll center;
  margin-bottom:5px;
}
div.hr hr {
  display: none;
}

/** Header **/

#header {
	margin-top: 30px;
	height: 190px;
}

#logo a img {
	margin:20px 0px;
}

/**  Styles **/

.print_invoice {
	text-align: right;
	padding-top:10px;
}

.button {
	background-color: #eb80ac;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 5px;
}

.cart_button {
	background-color: #eb80ac;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 5px;
	width: 140px;
	margin: 0;
}

.checkout_button {
	background: #000 url(../layoutimages/checkout_arrow_black.gif) no-repeat 0 50%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 5px 5px 5px 20px;
	margin: 0 0 0 100px;
	border:none;
	text-transform: uppercase;
	width: 200px;
	text-decoration: none;

}

.review_button {
	background: #000 url(../layoutimages/checkout_arrow_black.gif) no-repeat 0 50%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 5px 5px 5px 20px;
	text-transform: uppercase;
	border: none;	
}


.button_top_search {
	background-color: #eb80ac;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 3px;
}

.button_internal {
	background-color: #eb80ac;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 5px;
	width: 100px;
	text-decoration: none;
}

.wishlist_button_internal {
	background: #eb80ac url(../layoutimages/heart_on_pink.gif) no-repeat 0 50%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 5px 10px 5px 25px;
	margin: 0;
	text-decoration: none;
	display: block;
	width: 140px;
}

.more_info {
	padding-right: 20px;
	float: left;
}

#infowrapper {
	margin-left: 60px;
}

.plain_text {
	border:1px solid #ccc;
	padding:5px;
}

.qty_plain_text {
	border:1px solid #ccc;
	padding:5px 2px;
	width: 24px;
}

.sml_text {
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:5px;
	width: 138px;
}

.really_sml_text {
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:5px;
	width: 90px;
}

.formField, .formSelect, .formFieldSml {
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:5px;
	width: 150px;
}

#review_form input {
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:5px;
	width: 150px;
}


.formFieldSml {
	height: 50px;
}

.formField {
	display: block;
}

.formFieldLong {
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:5px;
	width: 250px;
	display: block;
}

.formFieldEnq {
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:5px;
	width: 300px;
}

.formTextarea {
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:5px;
	width: 300px;
	height: 100px;
}

input.formTextarea:focus,
input.formFieldLong:focus,
input.sml_text:focus,
input.formField:focus,
textarea:focus,
.quantity:focus,
.formField.comments:focus	{
	background: #fff;
	border: 1px solid #aaa;
	}

.comments {
	height: 50px;
}


#button_spacer {
	margin-left: 130px;
}

.button_push_right {
	margin-left: 10px;
}


/** Account Box Title **/


#totals {
	margin: 20px 0 0 0;
	padding: 0;
	background: #676767 url(../layoutimages/account_big_heart.gif) no-repeat 0 50%;
	height: 32px;
}


#totals p {
	color: #fff;
	font-size: 11px;
	line-height: 32px;
	padding-left: 40px;
	margin: 0;
}

#totals p b {
color: #baa59b;
}

#totals p a {
	color: #eb80ac;
}

#totals p a:hover {
	color: #fff;
}

/**

#totals ul {
	padding-left: 40px;
	margin: 0;
	width: 150px;
}

#totals ul li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	line-height: 32px;
	font-family: Times, serif;
}

#totals ul li a {
	color: #eb80ac;
}

#totals ul li a:hover {
	color: #fff;
}

#totals ul li b {
	color: #baa59b;
	margin: 0;
	padding: 0;
}

.total_spacer {
	padding-left: 10px;
}
**/

#account {
	margin: 0 0 0 17px;
	padding: 0;
	width: 150px;
	display:inline;
}

#account ul {
	margin: 0 0 0 23px;
	padding: 10px 0;
	background-color: #fce1f0;
	width: 167px;	
}

#account ul li {
	margin: 0;
	padding: 3px 15px;
	list-style-type: none;
	display: block;
}

#account ul li a {
	color: #666;
	text-decoration: none;
	background: url(../layoutimages/account_sml_heart.gif) no-repeat 0 50%;
	padding-left: 15px;
}

#account ul li a:hover {
	color: #000;
}

/** Content **/

.spacer_bottom {
	padding-bottom: 20px;
}

#content {
	margin: 10px 0 30px 0;
}

/*#content img {
	border: 1px solid #ccc;
	padding: 1px;
}*/

#content legend {
	display: none;
}

#content fieldset {
	border: none;
	padding: 0;
}

/*** Images ***/

#content .right {
	float: right;
	margin-left: 10px;
}

#content .left, {
	float: left;
	margin-right: 10px;
}

#content .center {
	display: block;
	margin: 5px auto;
}


/** Homepage **/

#download_button a img {
	padding-top: 5px ;
}

#featuredleft {
	font-family: Georgia;
	font-size: 18px;
	line-height: 24px;
	color: #993803;
}

/** Portfolio **/

#toprow {
	height: 400px;
	margin-bottom: 10px;
}

ul#portfolio {
	margin: 0;
	padding: 0;

}

#portfolio li {
	list-style:none;
	height: 402px;
	width: 560px;
}

#portfolio li a img {
	padding: 1px;
	border: 1px solid #ccc;
}

/** Latest News **/

h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
}

h4 a:link, h4 a:visited {
	color: #333;
	text-decoration: none;
	
}

h4 a:hover {
	color: #666;
	text-decoration:underline;
}

/** Breadcrumb Trail **/

#breadcrumbs {
	color: #444;
	font-weight: bold;
	font-size: 11px;
	display: inline;
	margin:0px 0 20px 42px;
	padding: 10px 0;
	width: 100%;
}

#breadcrumbs p {
	display: block;
}

#breadcrumbs a {
	color: #eb80ac;
}

#breadcrumbs a:hover {
	color: #111;
	}

/** Navigation **/
#navigation ul {
	margin:20px 0 10px 30px;
	padding: 0;
}

#navigation ul li {
	display: inline;
	list-style: none;
}

#navigation li a {
	font-size: 18px;
	line-height: 24px;
	color: #eb80ac;
	padding: 10px 10px;
	text-decoration: none;
}

#navigation li a:hover {
	color:black;
}

/*** Banner Top ***/

.banner_txt {
	font: 14px/16px Georgia, sans-serif;
	color: #333;
	margin: 10px;
}

#bannertop {
	background: url(../layoutimages/banner_top2.jpg) no-repeat top left;
	width: 560px;
	height: 97px;
	margin: 0 0 4px 40px;
}

#banner_left {
	float:left;
	width: 390px;
	height: 97px;
}

#banner_left a, #banner_left a:hover {
	color: #000;
}

#banner_right {
	float:left;
	width: 170px;
	height: 97px;
}

#newsletter_form {
	width: 160px;
	margin: 5px;
}

#newsletter_form .error {
	margin:1px 0;
	padding: 2px;

}

/* Top box */


.search_by_float {
	width:220px; float:left; margin:0 10px;padding:0;
}

.search_float {
	width:90px;
	display:inline;
	margin:0 5px  0px;
	padding:0;
}

.search_button_float {
	width:35px; 
	display:inline;
	margin:0 0px;
	padding:0;
}

.search_box_top {
	margin:1px 0;
	padding: 3px;
	border:1px solid #ccc;
}

.hide {
	display: none;
}


#newsletter_form p {
	width: 160px;
	margin: 0;
}


#newsletter_form p .button {
	text-align: right;
	background-color: #000;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: none;
	margin-left: 110px;
	padding:3px 0 0 0px;
	width: 40px
}

#newsletter_form p input {
	margin:1px 0;
	padding: 2px;
	border:1px solid #ccc;
	width: 144px;
	font-size: 11px;
}


/** Main **/

h1, h2 {
	 color: #eb80ac;
}

h1, #side h2 {
	font-size: 24px;
	line-height: 28px;
	margin-left: 0;
	padding-left: 0;
}

h1 span {
	color: #ccc;
}

h1.homepage {position:absolute; top:1120px; left: 205px;  font-size:20px;}
h1.department {margin-top:20px; font-size:20px;}

h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 16px;
	line-height: 22px;
}

h3 .formRadio {
	margin-right: 5px;
}


a {
	 color: #eb80ac;
	 text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}


/** Side **/

#side {
	margin-bottom: 30px;
}

#side h3 {
	color: #666;
	font-size: 16px;
	line-height: 18px;
	padding: 0;
	margin: 0 0 5px 0;
}

.sidespacer {
	margin-top: 20px;
}

#side ul {
margin:10px 0 30px;
padding:0;
}
#side ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#side dt a:link, #side dt a:visited  {
color:#666;
display:block;
font-size: 14px;
line-height: 18px;
margin:0;
padding:10px 10px 10px 24px;
text-decoration:none;
background: url(../layoutimages/heart_on_white.gif) no-repeat 0 50%;
}
#side dt a:hover {
color:#000;
}

/** suvb nav **/
#side dd ul {
	margin: 0;
	padding:0;
}

#side dd ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 ;
padding: 0;
}
#side dd ul li a:link, #side dd ul li a:visited  {
color:#666;
display:block;
margin:0;
text-decoration:none;
padding: 10px 5px;
font-size: 12px;
width: 105px;
}
#side dd ul li a:hover, .active {
background-color:#f7f7f7;
color:#666;
}

/*** Articles ***/

#articles ul {
	margin: 0;
	padding: 0;
}

#articles ul li {
	list-style-type: none;
}

#articles ul li h2 {
	padding-bottom: 10px;
}

#articles ul li a img {
	float: left;
	margin: 0px 10px 10px 0;
	padding: 1px;
	border: 1px solid #ccc;
}

#articles ul li a:hover img {
	border: 1px solid #eb80ac;
}

/*** Contact Us ***/

form fieldset {
	margin-bottom: 0;
}

/*** Styling for bill ship info pages ***/

table.user {
	margin-bottom: 10px;
}

/*.billing_table tr td {
	padding: 0;
	margin: 0;
}*/

.billing_table .formField, .billing_table .formSelect {
	margin:0.5em 0 0 0;
	border:1px solid #ccc;
	padding:5px;
	width: 150px;
}

.cv_icon {
	background: url(../layoutimages/mini_cvv2_sml.jpg) no-repeat 0 50%;
	padding-left: 40px;
	line-height: 24px;
}

/*** Twitter **/

#twitter-link {
	background: url(../layoutimages/twitter_icon.jpg) no-repeat 0 50%;
	line-height: 25px;
	height: 25px;
	padding:5px 0 5px 40px;
	text-align: center;
}

#twitter_update_list {
	margin: 0;
	padding: 0;
	width: 270px;
}

#twitter_update_list li {
	list-style: none;
	margin-bottom: 10px;
	width: 270px;
	padding: 0 0 0 30px;
	background: url(../layoutimages/twitter_bubble.jpg) no-repeat 0 5px;
}

#twitter_update_list li a{
	width: 270px;
}

/** Ribbons **/

.ribbons tbody tr td img {
	border: 1px solid #ccc;
	padding: 1px;
}

/* error */

label.error {
	display: none;
	white-space: nowrap;
	font-size: 11px;
	padding: 0;
	background: none;
	border: none;
}


/*** WE Love **/

#love {
	margin: 10px 0;
	padding: 0;
}

#love li {
	list-style: none;
	margin: 0 0 5px;
	padding: 0 0 0 20px ;
	background:#fff url(../layoutimages/heart_on_white_sml.jpg) no-repeat 0 50%;
}

.love_padding_left {
 margin-left:20px;
}

/** Next Chapter **/

#chapter {
	margin: 10px 0;
	padding: 0;
}

#chapter li {
	list-style: none;
	margin: 0 0 5px;
	padding: 0 0 0 20px ;
	background:#fff url(../layoutimages/heart_on_white_sml.jpg) no-repeat 0 5px;
}

.chapter_padding_left {
 margin-left:20px;
}



/*** Hallmark ***/

#hallmarks {
	margin: 0;
	padding: 0;
}

#hallmarks li {
	margin: 10px 0;
	list-style: none;
	height: 30px;
	line-height: 30px;
}

#purity {
	background:#fff url(../layoutimages/puritymark.jpg) no-repeat 0 50%;
	padding-left: 45px;
}

#year {
	background:#fff url(../layoutimages/yearmark.jpg) no-repeat 0 50%;
	padding-left: 45px;
}

#castle{
	background:#fff url(../layoutimages/castlemark.jpg) no-repeat 0 50%;
	padding-left: 45px;
}

#ttmark {
	background:#fff url(../layoutimages/tt_hallmark.jpg) no-repeat 0 50%;
	padding-left: 45px;
}

#lion {
	background:#fff url(../layoutimages/lionrampant.jpg) no-repeat 0 50%;
	padding-left: 45px;
}

/*** Press ***/

#press ul {
	margin: 0 15px 30px 15px ;
	padding: 0;
}

#press ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0 16px 10px 0;
	padding: 0;
}

#press ul li a img {
	border: 1px solid #ccc;
	padding: 1px;
}

#press ul li a:hover img {
	border: 1px solid #000;
}

/*** Testimonials ***/

#quote {
	margin:20px 0 0 0;
	font-size: 16px;
	width: 590px;
	font-family: Georgia, sans-serif;
	color: #333;
	
	background: transparent url(../layoutimages/quote_top.gif) no-repeat top left;
}

#quote p {
		padding: 24px 5px 5px 35px;
		margin: 0;
}

#quote_wrapper {
		background: #fff url(../layoutimages/quote_btm.gif) no-repeat bottom right;
}

#author {
	margin: 0 10px 0 0;
	padding: 0px 35px 0 0;
	line-height: 35px;
	text-align: right;
	font-style: italic;
	color: #666;
	width: 555px;
}

/** Wholesale Benefits List **/

#wholesale_list {
	margin: 0 0 20px 0;
	padding: 0;
}

#wholesale_list li {
	list-style: none;
	padding-left: 20px;
	background: #fff url(../layoutimages/star.gif) no-repeat 0 50%;
	margin: 0 0 10px 0;
}


/** Pagination - CI **/

.pagination {
text-align:right;
}
.pagination strong, .pagination a {
border:1px solid #CCCCCC;
padding:5px;
}
.pagination strong {
background-color:#000;
color:#FFFFFF;
}

/** Nice Buttons **/
a.button {
    /* Sliding right image */
    background: transparent url('button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('button_left.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.button:hover span{
text-decoration:underline;
}

/** Sitemap **/

ul#sitemap {
	margin: 0;
	padding: 0;
}

ul#sitemap li {
	list-style: none;
}

ul#sitemap li h3 {
	color: #666;
	font-size: 18px;
	line-height: 24px;
	padding: 0;
	margin: 20px 0 5px 0;
}

ul#sitemap li ul {
	margin-left: 30px;
}

ul#sitemap li ul li {
	list-style: circle;
	margin-bottom: 5px;
}

/** My Account STyles **/

#summary tr th {
	background-color: #f7f7f7;
	font-weight: bold;
}

/** Footer Wrapper **/

#footer_wrapper {
color:#fff;
}

#footer_wrapper h3 {
	color: #ccc;
	font-size: 14px;
	line-height: 18px;
	padding: 15px 0 5px 0;
}

#footer_wrapper ul {
	margin: 0;
	padding: 0;
}


#footer_wrapper ul li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	display: block;
	list-style: none;
}

#footer_wrapper ul li a {
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

#footer_wrapper ul li a:hover {
	color: #baa59b;
}

/*** Footer Icons ***/

#facebook_footer_link {
	background: url(../layoutimages/facebook_footer_icon_blue.jpg) no-repeat 85% 50%;
}

#twitter_footer_link {
	background: url(../layoutimages/twitter_footer_icon.jpg) no-repeat 85% 50%;
}


/** Paging **/

.paging  {
	clear: both;
	float: right;
	margin:5px 0;
	padding-right:0;
}

.paging li {
	float: left;
	display: block;
	list-style: none;
	margin-right: 5px;
	font-size: 11px;
}

.current, .summary {
	display: block;
	padding: 3px 5px;
}

.paging li a {
	border: 1px solid #ccc;
	display: block;
	padding: 2px 5px;
}

.paging li a:hover, .paging li a.selected {
	border: 1px solid #666;
	background-color: #eb80ac;
	color: #fff;
}