/*CSS for Glamour & Glamour 
* Author: Moustique Design http://www.moustique.net/
* Date: 24 October 2006
*/
/* Generic elements =========================*/
body {
	background-color:  #fff;
	color: #000;
	font: normal 76% Arial, Tahoma, Verdana, sans-serif;
	behavior:url("csshover2.htc");/*provides a fix for IE so dropdown
	menu works*/
}
h1 {
    font-size: 1.6em;
	margin: 0 0 0 5px;
	padding: 5px 0 0 0;
	background: transparent url("../images/logo-glamour.gif") bottom left no-repeat;
	width: 164px;
	height: 115px;
	text-indent: -1000em;
}

h2 {
	font-size: 1.4em;
	color: #333;
	margin: 1em 0;
}

h2 span {
display: none;
}

h3 {
	font-size: 1.2em;
	font-weight:  normal;
	color: #af8fb2;
}

div.left a:link, div.left a:visited {
	font-size: 1.2em;
	font-weight:  normal;
	color: #af8fb2;
	float: left;
  text-decoration: none;
}

div.left a:hover, div.left a:active, div.left a:focus  {
	font-size: 1.2em;
	font-weight:  normal;
	color: #af8fb2;
	float: left;
  text-decoration: underline;
}

div.title_right a:link, div.title_right a:visited  {
	font-size: 1.2em;
	font-weight:  normal;
	color: #af8fb2;
	float: left;
	margin-left: 80px;
	text-decoration: none;
}

div.title_right a:hover, div.title_right a:active, div.title_right a:focus  {
	font-size: 1.2em;
	font-weight:  normal;
	color: #af8fb2;
	float: left;
	margin-left: 80px;
	text-decoration: underline;
}

h4 {
  font-size: 1em;
  font-weight: bold;
	color: #5b5b5b;
}
p, dl {
  font-size: 1em;
  text-align: justify;
}
dt {
	font-weight: bold;
}
dd {
	margin: 5px 0 10px 0;
}
dl dl {
	margin: 10px 0 0 20px;
}
img {
  border: 0;
}
table {
  margin: 10px 0;
}
th {
	text-align: left;
}
th[scope="col"] {
  text-align: center;
  vertical-align: top;
}
th[scope="row"] {
	text-align: left;
}
th[colspan="4"] {
	text-align: left;
}
address {
	font-style: normal;
}
input, select, textarea {
	border: 1px solid #5b5b5b;
	background-color: #fff;
	color: #333;
	font: 1em Arial, Verdana, sans-serif;
}
input#newsletter {
	border: 0px;
	}
input#gg_makepayment {
	border: 0;
}
div span {
	font-size: 90%;
	color: #666;
	margin: 0;
	padding: 0;
}
/* Links ====================================*/
a:link,
a:visited {
  color: #333;
  text-decoration: underline;
}
a:hover,
a:active,
a:focus {
  color: #333;
  text-decoration: none;
}
/* Nav ====================================*/
#nav {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 250px;
	text-align: right;
	background: #fff url("../images/bg-nav.gif") top left no-repeat;
	width: 100%;
	height: 21px;
	position: relative;
}
#nav li {
	float: left;
	padding: 4px 0 0 0;
	margin: 0;
}
#nav li a {
	display: block;
	margin: 0 25px 0 0;
	padding: 0;
	font: normal 1.1em Arial, Tahoma, sans-serif;
}
#nav li a:link,
#nav li a:visited {
  color: #f0bdf4;
  text-decoration: none;
}
#nav li a:hover,
#nav li a:active,
#nav li a:focus,
#nav li a#current {
  color: #fff;
  text-decoration: none;
}
/* SubNav ====================================*/
ul#subnav {
	display: none; /*Hide the submenu*/
	position: absolute;
	top: 20px;
	left: 460px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px;
	text-align: left;
	background-color: #af8fb2;
	border: 1px solid #5b5b5b;
	border-width: 1px 1px 0 1px;
}
li#dropdown:hover ul#subnav {/*show the submenu when list item is hovered*/
	display: block;
}
#subnav li {
	margin: 0;
	padding: 0;
	display: block;
}
#subnav li a {
	display: block;
	padding: 3px 2px;
	width: 146px;
	margin: 0;
	border-bottom: 1px solid #5b5b5b;
}
#subnav li a:link,
#subnav li a:visited {
	color: #000;
	background-color: #af8fb2;
}

#subnav li a:hover,
#subnav li a:active,
#subnav li a:focus {
	color: #000;
	background-color: #f0bdf4;
}
#subnav a#sub-active {
	font-weight: bold;
	text-decoration: none;
}
/* Layout Divs ==============================*/
#wrapper {
	margin: 0;
	width: 800px;
	background: url("../images/bg-nav.gif") top left no-repeat;
}
#header {
	background: url("../images/bg-header.gif") top left no-repeat;
	width: 800px;
	height: 143px;
}
#col-left-photos {
	clear: both;
	width: 250px;
	height: 390px;
	float: left;
	overflow-y: hidden;
}
#col-right-content {
	width: 510px;
	height: 340px;
	overflow: auto;
	overflow-x: hidden;
	float: left;
	padding: 0 20px 50px 20px;
}
#col-right-content2 {
	width: 510px;
	height: 340px;
	float: left;
	padding: 0 20px 20px 20px;
}
#one-col-content {
	clear: both;
	width: 750px;
	padding: 0 20px 20px 50px;
	overflow-y: auto;
	overflow-x: hidden;	
}
#one-col-content-fixed-height {
	height: 390px;
	width: 760px;
	overflow: auto;
	padding: 0 20px 0 20px;
}
#footer {
	clear: both;
	background: url("../images/bg-footer.gif") top left no-repeat;
	width: 800px;
	height: 56px;
	/*margin-top: -3px;*/
}
/* Miscellaneous classes and IDs ============*/
#thumbs {
float: left;
width: 100px;
margin: 0 20px 0 0;
padding: 0;
font-weight: bold;
font-size: 3em;
color: #af8fb2;
}
#thumbs li {
	margin: 0 0 5px 0;
	list-style-type: none;
}
#thumbs li img { 
	border: 1px solid #5b5b5b;
	vertical-align: middle; 
	margin-left: -17px;
	_margin-left: 4px;}
#large {
	width: 410px;
	float: left;
padding: 0 0 0 80px;
}

#large p {
text-align: left;
}

#large img {
	margin: 0 20px 0 0;
	border: 1px solid #5b5b5b;
	float: left;
	width: 250px;
	}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.clear {
	clear: both;
}

.press_box {
	margin: 0;
	float: left;
	width: 200px;
text-align: center;
	}
.press_box_w {
	margin: 0;
	float: left;
	width: 280px;
text-align: center;
	}

/*measurement guide table*/
#measurementguide {
	border: 1px solid #5b5b5b;
	font-style: italic;
	font-family: Times, "Times New Roman", serif;
}
#measurementguide .toprow th {
	background-color: #000;
	color: #fff;
	font-size: 1.2em;
}
#measurementguide tr.datarow-g {
	background-color: #ccc;
}
/*colour chart samples*/
.samples {
	width: 400px;
	margin: 0 auto;
	font-style: italic;
	font-family: Times, "Times New Roman", serif;
}
.samples * {
	text-align: center;
}
.samples div {
	float: left;
	text-align: center;
	width: 100px;
	margin: 0 10px 0 0;
}
.samples div.empty {
	width: 50px;
}
.samples p {
	clear: both;
	margin: 5px 0 5px 0;
}
div.samples br {
	clear: both;
}