html { 
	height: 100%; margin-bottom: 1px; 
	}

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: center; 
	font-family: verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	font-size: small; 
	line-height: 150%; 
	color: #1f2844; 
	background: #fff url(images/body.gif) repeat-x 0 0; 
	} 


/* <<< main structural elements >>> */ 


#container  { 
	position: relative; 
	width: 810px; 
	margin: 0 auto; 
	padding: 0; 
	text-align: left; 
	}  

#accessnav  { 
	width: 100%; 
	min-width: 760px; 
	height: 30px; 
	z-index: 10; 
	text-align: right; 
	font-size: 80%; 
	} 

#accessnav p, 
#accessnav ul,
#accessnav li, 
#siteinfo ul, 
#siteinfo li  { 
	display: inline; 
	padding: 0 0.5em; 
	} 

ul#nav  { 
	float: left; 
	width: 200px; 
	margin: -20px 0 0 0; 
	padding: 180px 0 0 20px; 
	list-style: none; 
	background: url(images/booties.jpg) no-repeat 0 0; 
	} 

#main  { 
	float: right; 
	width: 560px; 
	} 

#siteinfo  { 
	clear: both; 
	float: left; 
	width: 100%; 
	min-width: 760px; 
	margin: 30px 0 0 0; 
	font-size: 80%; 
	background: #f4f4fd; 
	border-top: 1px solid #b5b5b9; 
	border-bottom: 1px solid #b5b5b9; 
	} 





/* <<< links >>> */ 



a:link  { 
	color: #ab2004; 
	} 

a:visited  { 
	color: #50668a; 
	} 

a:hover  { 
	color: #060d26; 
	} 

a:focus  { 
	color: #060d26; 
	outline: none; 
	} 

a:active  { 
	color: #000; 
	} 

a#special:link, 
a#special:visited  { 
	color: #d7260e; 
	} 

a#special:hover  { 
	color: #060d26; 
	} 

#accessnav a  { 
	text-decoration: none; 
	} 

#accessnav a:hover  { 
	text-decoration: underline; 
	} 

h1 a  { 
	float: left;  
	display: block; 
	width: 560px; 
	height: 50px; 
	background: url(images/h1.gif) no-repeat 0 0;  
	} 

h1 a:hover  { 
	background: url(images/h1.gif) no-repeat 0 -50px; 
	} 

#nav a  { 
	float: left; 
	display: block; 
	width: 180px; 
	padding: 3px 0px 3px 20px; 
	color: #284193; 
	background: url(images/nav.gif) no-repeat 5px 50%; 
	text-decoration: none; 
	font-variant: small-caps; 
	font-weight: bold; 
	font-size: 110%; 
	border: 1px solid #fff; 
	} 

#nav a:hover  { 
	color: #060d26; 
	background: #f4f4fd url(images/nav_hover.gif) no-repeat 5px 50%; 
	border: 1px solid #b5b5b9; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

#nav li.offers a  { 
	color: #d7260e; 
	} 

body#index li.index a, 
body#book li.book a, 
body#offers li.offers a, 
body#faq li.faq a, 
body#patterns li.patterns a, 
body#news li.news a, 
body#contact li.contact a  { 
	background: #f4f4fd url(images/nav_hover.gif) no-repeat 5px 50%; 
	border-top: 1px solid #b5b5b9; 
	border-bottom: 1px solid #b5b5b9; 
	cursor: default; 
	} 

body#index li.index a:hover, 
body#book li.book a:hover, 
body#offers li.offers a:hover, 
body#faq li.faq a:hover, 
body#patterns li.patterns a:hover, 
body#news li.news a:hover, 
body#contact li.contact a:hover  { 
	text-decoration: none; 
	cursor: default; 
	} 





/* <<< headers >>> */ 



h1  { 
	width: 560px; 
	height: 50px; 
	margin: 10px 0 50px 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/h1.gif) no-repeat 0 0;  
	} 

h2  { 
	margin: 0 0 1.5em 0; 
	padding: 0; 
	text-align: left; 
	font-size: 170%; 
	font-weight: normal; 
	color: #b26b26; /* brown */ 
	color: #1f2844; /* dark grey */ 
	} 

h3  { 
	margin: 1em 0 0 0; 
	padding: 0.5em 0; 
	text-align: left; 
	font-size: 120%; 
	color: #1f2844; 
	} 

h4  { 
	margin: 1em 0 0 0; 
	padding: 0.5em 0 0 0; 
	font-size: 110%; 
	color: #1f2844; 
	} 





/* <<< lists >>> */ 



ul#nav li  { 
	float: left; 
	} 

#main ul  { 
	margin: 0 0 1em 0; 
	} 

#main li  { 
	margin: 0 0 0.5em 2em; 
	list-style-type: disc; 
	} 

ul#copyright  { 
	float: left; 
	display: inline; 
	margin: 10px; 
	} 

ul#validity  { 
	float: right; 
	display: inline; 
	margin: 10px; 
	} 

ul#patternlist li, 
ul#pattern li  { 
	float: left; 
	width: 560px; 
	margin: 0; 
	list-style: none; 
	} 

dl  { 
	margin: 0.5em 0 2em 0; 	
	} 

dt  { 
	margin: 1.5em 0 0 0; 
	font-weight: bold; 
	} 

dd  { 
	margin: 0.5em 0 0 0; 
	padding: 0; 
	} 

body#contact dt  { 
	margin: 0; 
	padding: 0 0 0 1em; 
	} 

body#contact dd  { 
	margin: 0; 
	padding: 0 0 0 1em; 
	} 




/* <<< table >>> */ 



table  { 
	float: left; 
	width: 560px; 
	margin: 10px 0 20px 0; 
	text-align: center; 
	background: url(images/tableillustration.jpg) no-repeat 100px 0; 
	border-bottom: 1px solid #657dad; 
	} 

table caption  { 
	font-weight: bold; 
	text-align: left; 
	color: #d7260e; 
	} 

table thead  { 
	} 

table th  { 
	padding: 150px 0 5px 5px; 
	font-weight: normal; 
	border-bottom: 1px solid #657dad; 
	} 

table th.region  { 
	width: 90px; 
	} 

table th.basic  { 
	width: 120px; 
	} 

table th.pandp, 
table th.total  { 
	width: 110px; 
	} 

table th.buynow  { 
	width: 115px; 
	} 

table td  { 
	padding: 5px 10px; 
	border-bottom: 1px solid #657dad; 
	} 

table tr#restofworld td  { 
	border: none; 
	} 

table td.region, 
table td.total  { 
	font-weight: bold; 
	} 

table tbody tr:hover  { 
	color: #fff; 
	background: #657dad; 
	} /* hover doesn't work at all in IE 6 */ 






/* <<< minor and decorative elements >>> */ 


img  { 
	float: right; 
	margin: 10px 0 20px 20px; 
	border: 1px solid #434b66; 
	} 

img#samplepages  { 
	float: left; 
	margin: 10px 0 20px 0; 
	} 

body#patterns img  { 
	float: left; 
	margin: 10px 20px 10px 0; 
	} 

body#offers img  { 
	border: none; 
	} 

p  { 
	margin: 0.5em 0; 
	} 

cite, 
em  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #434b66; 
	cursor: help; 
	} 

strong  { 
	color: #d7260e; 
	font-weight: bold; 
	} 

.strike  { 
	text-decoration: line-through; 
	}