f@charset "utf-8";

/**
 *
 * Main CSS for elizabethgrant.com
 *
 *
 *
 *	Commonly used colours:
 *		main titles 		#8d744a		(dark-gold)
 *		other titles		#8b8789		(silver)
 *		text links			#c99532		(gold)
 *		borders				#757273		(grey)
 */



/* DEFAULT BEHAVIOUR OVERRIDES
------------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px; /* no margins or padding on all elements */
}
img {
	border: none; /* no borders on images */
}
a, area {
	outline: none; /* no dotted outlines around links */
}



/* FORMATTING
------------------------------------------------------------------------------*/
p {
	margin-bottom: 1em;
}
h1 { /* main title */
	margin-bottom: 1em;
	margin-left:5px;
	font-size: 14px;
	font-weight: normal;
	color: #757273;
	text-transform: uppercase;
}
h2 { /* secondary title */
	margin-bottom: 1em;
	font-size: 14px;
	font-weight: normal;
	color: #8d744a;
	text-transform: uppercase;
}
h3 { /* tertiary title */
	font-size: 14px;
	color: #c99532;
	font-weight: bold;
	margin-bottom: 1em;
}
a,
td a {
	color: #c99532;
	text-decoration: none;
	line-height: 14px;
}
a:visited, td a:visited {
	color: #92702e;
}
a:hover,
a:active,
td a:hover,
td a:active {
	text-decoration: underline;
}


/* --- WRAPPER--- */
#wrapper	{
	display: table;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}


/* SHELL
------------------------------------------------------------------------------*/

/* --- BODY & BACKGROUND --- */
body {
	background-image: url("images/bg-tile.gif");
	background-position: top center;
	background-repeat: repeat-y;
}
body,
input,
textarea,
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
}
#topfade {
	width: 100%;
	height: 135px;
	background: url("images/bg-topfade.gif");
	background-position: top center;
	background-repeat: no-repeat;
}


/* --- MAIN LAYOUT BLOCKS --- */
#page {
	position: relative;
	top: -135px;

	width: 845px;
	
	xleft: 50%;
	xmargin-left: -422px;
	
	margin: auto;
}
#pagehead {
	background: url("images/bg-page.gif") repeat-x;
}
#logo {
	float: left;
	height: 161px;
	xmargin-left: 1px;
}
#logo img {
	border: none;
}
#pagemiddle {
	width: 788px;
	border: 1px solid #757273;
	margin-left: auto; 
	margin-right: auto; 
}

#pagemiddle #main {
	float: left;
}
#main {
	width: 647px;
	border-left: 1px solid #757273;
	margin-left: -1px;
}
#main-nosidebar {
	width: 788px;
}


/* --- BREADCRUMB TRAIL --- */
#breadcrumbs {
	position: absolute;
	top: 30px;
	left: 180px;
	xheight: 40px;
	xwidth: 100px;
}
#breadcrumbs a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #c99532;
	text-decoration: underline;
}


/* --- TITLE BAR --- */
#titlebar {
	position: relative;
	xwidth: 647px;
	height: 96px;
	border-bottom: 1px solid #757273;
	width: 100%;
}
#titlebar img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}


/* --- TABS --- */
#tabbar {
	height: 20px;
	border-bottom: 1px solid #757273;
	margin-top: -1px;
	width: 100%;
}
#tabbar2 {
	border: none;
	border-top: 1px solid #757273;
	height: 20px;
	margin-top: -1px;
	width: 100%;

}
#tabs {
	float: left;
}
#tabs a, #tabs span.lit {
	display: block;
	float: left;
	width: 186px;
	padding-left: 10px;
	padding-top: 1px;
	margin-right: 1px;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 19px;
	background-color: #e8e3db;
}
#tabs a:hover, #tabs a:active {
	background-color: #cebd9a;
}
#tabs span.lit {
	background-color: #b5985a;
}


/* --- PAGINATION BESIDE TABS --- */
div#pagination {
	float: right;
	padding-top: 1px;
	padding-right: 10px;
}
div#pagination a, div#pagination .lit {
	margin-left: 3px;
	font-size: 10px;
}
div#pagination a {
	color: #000;
}
div#pagination .lit {
	color: #c99532;
	font-weight: bold;
}
div#pagination .lit-white {
	color: #fff;
}

/* --- CATALOG PAGINATION/SORT BAR --- */
#catalogbar {
	height: 19px;
	width: 633px;
	border-bottom: 1px solid #757273;
	margin: -1px 0px;
	padding: 1px 7px 0px;
	background-color: #b5985a;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
#catalogbar a {
	color: #000000;
	text-decoration: none;
}
#catalogbar a:hover, #catalogbar a:active {
	text-decoration: underline;
}
#catalogbar .viewall {
	margin-left: 7px;
}
#catalogbar div#pagination span.lit {
	color: #ffffff;
	font-weight: bold;
}
#catalogbar #pagination {
	float: left;
}
#catalogbar #pagination a, #catalogbar #pagination .lit {
	margin-right: 3px;
}
#catalogbar #sort {
	float: right;
}
#catalogbar #sort a, #catalogbar #sort .lit {
	margin-left: 3px;
}
#catalogbar #sort span.lit {
	color: #fff;
}
#tabs a:hover, #tabs a:active {
	background-color: #cebd9a;
}
#tabs span.lit {
	background-color: #b5985a;
}


/* --- TOP NAV --- */
#topnav {
	float: right;
	top: 0px;
	right: 0px;
	width: 250px;
	text-align: center;
}
#topnav div.itemCount {
	display: block;
	float: right;
	margin-top: 27px;
}
#topnav div.alignBottom {
	vertical-align: bottom;
}
#topnav a {
	font-size: 14px;
	color: #000000;
	text-decoration:none;
}
#topnav a:visited {
	color: #000000;
}	
#topnav a:hover, #topnav a:active {
	color: #c99532;
}
#topnav img {
		float: right;
		position: relative;
		border: 0;
	
}


/* --- MAIN NAV --- */
#nav {
	height: 28px;
	width: 790px;
	margin: auto auto;
}
#nav * {
	float: left;
	border: none;
}
#searchbar {
	width: 790px;
	margin: 2px auto 7px auto;
	background-color: #c99532;
}
#searchbar img.find {
	float: left;
}
#searchbar img.showtimes {
	float: right;
	height: 20px;
	margin-top: -20px;
}
#searchbar input.searchfield {
	float: left;
	height: 15px;
	width: 418px;
	border: 0px;
	margin: 2px 0px 0px 2px;
	font-size: 10px;
	padding-left: 4px;
	padding-top: 1px;
}
#searchbar input.rollover {
	display: block;
	float: left;
}


/* --- SIDE NAV SIDEBAR --- */
#sidebar {
	float: left;
	min-height:504px;
	height:auto !important;
	height:auto;
	width: 120px;
	border-right: 1px solid #757273;
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
#sidebar a:visited {
	color: #000000;
}
#sidebar a:hover, #sidebar a:active {
	color: #c99532;
}
#sidebar .onstate {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #c99532;
}
#sidebar img {
	display: block;
	margin-bottom: -3px;
	border: none;
}
#sidebar .withimage {
	height: 103px;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
}


/* --- BOTTOM NAV --- */
#bottomnav {
	width: 790px;
	margin: 0 auto;
	text-align: center;
	padding-top: 14px;
	line-height: 14px;
}
#bottomnav a {
	line-height: 14px;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}	
#bottomnav a:visited {
	color: #000000;
}
#bottomnav a:hover, #bottomnav a:active {
	color: #c99532;
}
#bottomnav span { /* style for the dividers */
	font-size: 10px;
}


/* --- CATALOGUE DIRECTORY SIDEBAR --- */
#catalogueDirectory {
	float: left;
	width: 135px;
	height: 533px;
	margin-right: 5px;
	border-right: 1px solid #757273;
	font-size: 11px;
	border-right: 1px solid #757273;
	border-left: 1px solid #757273;
	border-top: 1px solid #757273;
	border-bottom: 1px solid #757273;		
}
#catalogueDirectory #title {
	height: 116px;
	background-color: #e8e3db;
	border-bottom: 1px solid #757273;
}
#catalogueDirectory #title img {
	border-bottom: 1px solid #757273;
}
#catalogueDirectory .category {
	padding: 10px 7px 10px 18px;
}
#catalogueDirectory .category a {
	line-height: 1.3em;
	color: #000000;
}
#catalogueDirectory h1 {
	margin-left: -6px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #8b8789;
}
#catalogueDirectory	ul {
	list-style-image: url("images/bullet.gif");
	margin-left: 7px;
}


/* --- ORDER HISTORY SIDEBAR --- */
#sideOrderHistory {
	float: left;
	width: 140px;
	border-right: 1px solid #757273;
}
#sideOrderHistory #title {
	border-bottom: 1px solid #757273;
}
#sideOrderHistory .viewall {
	padding: 12px;
	border-bottom: 1px solid #757273;
}
#sideOrderHistory .viewall a {
	color: #c99532;
}
#sideOrderHistory td.date {
	padding: 14px 12px;
	font-size: 14px;
	color: #949091;
}
#sideOrderHistory td.text {
	padding: 4px 12px;
}
#sideOrderHistory td.text a {
	color: #000;
}
#sideOrderHistory td.text a:hover {
	color: #c99532;
}
#sideOrderHistory td.button {
	padding-top: 13px;
	padding-bottom: 9px;
	padding-right: 10px;
	text-align: right;
}
#sideOrderHistory td.images img {
	float: left;
}
#sideOrderHistory .order {
	border-bottom: 1px solid #757273;
}

/* #CONTENTS CONTENT
------------------------------------------------------------------------------*/

/* --- ABOUT SECTION --- */
#col1 {
	float: left;
	width: 125px;
	margin-top: 35px;
	padding-left: 15px;
}		
#col2 {
	float: left;
	width: 480px;
	margin-top: 32px;
	padding-bottom: 32px;
	padding-left: 11px;
	padding-right: 16px;
}






/*
  buttons
*/

/* button-based */
button.button {
  border: 0px none;
  background-color: transparent;
  cursor: pointer;
  height: 23px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  overflow: visible;
  outline-style: none;
}
button.button .button-right {
  display: block;
  /* background: transparent url(images/vivid_dreams/but_right.png) no-repeat right top; */
  background: #ffffff url(images/vivid_dreams/but_right.png) no-repeat right top; 
  padding: 0px 13px 0px 0px;
  height: 23px;
}
button.button .button-left {
  display: block;
  margin: 0px;
  /* background: transparent url(images/vivid_dreams/but_left.png) no-repeat left top; */
  background: #ffffff url(images/vivid_dreams/but_left.png) no-repeat left top;
  padding: 0px 0px 0px 13px;
  vertical-align: middle;
  white-space: nowrap;
  color: #8f240b;
  font-weight: bold;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
}

/* div-based */
div.button {
  border: 0px none;
  background: transparent none;
  cursor: pointer;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  white-space: nowrap;
  /* background: transparent url(images/vivid_dreams/but_right.png) no-repeat right top; */
  background: #ffffff url(images/vivid_dreams/but_right.png) no-repeat right top;
  /*float: left; eyal */
}
div.button div,
  div.button a:link,
  div.button a:visited,
  div.button a:hover,
  div.button a:active
{
  display: block;
  /* background: transparent url(images/vivid_dreams/but_left.png) no-repeat left top; */
  background: #ffffff url(images/vivid_dreams/but_left.png) no-repeat left top;
  padding: 0px 5px 0px 15px;
  line-height: 23px;
  white-space: nowrap;
  color: #8f240b;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  outline-style: none;
}

/* button-based link */
button.simple-button {
  border: 0px none;
  background-color: #ffffff;
  cursor: pointer;
  height: 16px;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  white-space: nowrap;
  color: #d04907;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  vertical-align: middle;
  text-decoration: underline;
  outline-style: none;
}
button.simple-button span {
  text-decoration: underline;
}
button.simple-button img {
  display: none;
}
button.simple-button.menu-button2 {
  border: 0px none;
  background-color: #ffffff;
  cursor: pointer;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  white-space: nowrap;
  color: #ffc786;
  font-size: 12px;
  font-weight: normal;
  line-height: 10px;
  text-decoration: underline;
}
button.simple-button.menu-button3 {
  border: 0px none;
  background-color: transparent;
  cursor: pointer;
  height: 18px;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  white-space: nowrap;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  vertical-align: middle;
  outline-style: none;
}
button.simple-button.logout-button {
  border: 0px none;
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  white-space: nowrap;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  text-decoration: none;
}
/* a-based link */
a.simple-button:link,
  a.simple-button:visited,
  a.simple-button:hover,
  a.simple-button:active
{
  font-size: 12px;
  white-space: nowrap;
  color: #d04907;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  line-height: 21px;
  vertical-align: bottom;
  text-decoration: underline;
  outline-style: none;
}



/*
  Buttons alternative styles
*/

/* highlighted button */

button.main-button .button-right {
  background: #ffffff url(images/vivid_dreams/but_main_right.gif) no-repeat right top;
  padding: 0px 10px 0px 0px;
  margin: 0px;
  height: 30px;
}
button.main-button .button-left {
  background: #ffffff url(images/vivid_dreams/but_main_left.gif) no-repeat left top;
  color: #ffffff; 
  font-size: 12px;
  padding: 0px 5px 0px 15px;
  height: 30px;   
  line-height: 23px;
}


button.cart-button,
  button.main-button
{
	height: 34px;
	margin: 0px;
	color: #ffffff;
}

button.cart-button .button-right {
  background: #ffffff url(/store/skin1/images/vivid_dreams/but_cart_right.png) no-repeat right top;
  padding: 0px 39px 0px 0px;
  height: 30px;
  position: relative;
}
button.cart-button .button-left {
  background: #ffffff url(/store/skin1/images/vivid_dreams/but_cart_left.png) no-repeat left top;
  color: #ffffff; 
  font-size: 14px;
  padding: 0px 10px 0px 10px;
  height: 30px; 
  line-height: 30px;
  position: relative;
}


button.cart-button .button-left span.price {
	font-weight: bold;
	color: #d04907;
}
button.cart-button .button-left span.market-price {
	font-weight: normal;
	color: #000000;
	font-size: 12px;
}
div.main-button {
  background: #ffffff url(images/vivid_dreams/but_main_right.gif) no-repeat right top;
}
div.main-button div,
  div.main-button a:link,
  div.main-button a:visited,
  div.main-button a:hover,
  div.main-button a:active
{
  background: #ffffff url(images/vivid_dreams/but_main_left.gif) no-repeat left top;
  color: #ffffff;
  font-size: 12px;
  line-height: 22px;
}

button.simple-main-button,
  a.simple-main-button:link,
  a.simple-main-button:visited,
  a.simple-main-button:hover,
  a.simple-main-button:active
{
  color: #880000;
}

/* Delete cart item button */
a.simple-delete-button:link,
  a.simple-delete-button:visited,
  a.simple-delete-button:hover,
  a.simple-delete-button:active
{
  color: #d04907;
  background: #ffffff url(images/vivid_dreams/delete_cross.gif) no-repeat left 7px;
  padding-left: 13px;
}



/* Microsite Menu CSS */

/* #secondmenu { 
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	clear: both;
    display: table;
	width: 790px;
	text-align: center;
	margin: 7px auto 10px auto;
    }

#secondmenu ul {
	display: table-cell;
	list-style-type:none;
	position: relative;
	border-left: 1px dotted #ffffff;
	margin: 0 auto;
	 }

#secondmenu ul li {
	float: left;
	list-style-type:none;	
	position: relative;
	display: table-cell;
	text-align: center;
	}

#secondmenu ul li a {	
	color: #000000;
	
	}

#secondmenu ul li a:hover {	
	color: #c99532;
	}
*/