/* real styles */
* {
	font-family: Arial, Helvetica, sans-serif;
	}
body {
	margin: 10px 0 100px 0;
	background-image: url(images/bg.gif);
	text-align: center;
	}
img {
	border: 0;
	}
h1, h2, h3, h4, ul {
	margin: 0;
	padding: 0;
	}
	
/* basic page makeup */
#container { 
	position: relative;
	width: 760px; 
	margin: 0 auto; 
	text-align: left;
	}
#content {
	width: 760px;
	float: left;
	background-color: #FFF;
	}
#logo {
	display: none;
	position: absolute;
	left: 760px;
	top: 20px;
	}

/* text */
#content h1, #content h2  {
	font-size: 13px;
	font-weight: normal;
	color: #300;
	margin: 0;
	}
#content p {
	font-size: 11px;
	color: #633;
	margin:  0 0 6px 0;
	}

/* links */
#content a:hover, #footer a:hover, #sort a:hover, #store a:hover, .popup-closewin a:hover {
	color: #900;
	}
#content a, #sort a, #store a {
	text-decoration: none;
	color: #633;
	}

/* main navigation */
#navimain {
	padding: 20px 20px 0 0;
	background-image: url(images-new/header/logo-alto.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	clear: both;
	height: 65px;
	}
#navimain ul {
	padding-top: 8px;
	float: right;
	}
#navimain li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	color: #33000;
	}
#navimain a {
	font-size: 11px;
	font-weight: bold;
	color: #330000;
	}
#hide {
	visibility: hidden;
	}
	
/* home page (3 coloumns) */
.col3a, .col3b, .col3c {
	width: 220px;
	float: left;
	}
.col3a {
	margin: 25px 30px 0 0;
	padding-left: 20px;
	}
.col3b {
	margin: 25px 30px 0 0;
	}
.col3c {
	margin: 25px 0 0 0;
	clear: right;
	}
#flash {
	margin: 0 0 0 20px;
	}
#adtext {
	float: left;
	width: 140px;
	}
#adbutton {
	float: right;
	}
#securelogos {
	padding: 20px 0 0 20px;
	}
#securelogos li {
	margin-right: 20px;
	list-style-type: none;
	display: inline;
	}
#storenav ul {
	margin: 20px 20px 0 20px;
	}
#storenav li {
	list-style-type: none;
	display: inline;
	}

/* General pages (2 coloumns)  */
#colspan {
	float: left;
	width: 720px;
	padding-left: 20px;
	background-image: url(images/stripe_vert.gif);
	background-repeat: repeat-y;
	background-position: 215px 0;
	}
#colleft {
	width: 180px;
	float: left;
	margin-right: 30px;
	}
#colright {
	margin-left: 30px;
	width: 480px;
	float: left;
	clear: right;
	}
#colright h1, #sitemap h1 {
	font-weight: bold;
	font-size: 16px;
	}
#colright li {
	font-size: 11px;
	color: #633;
	list-style-type: lower-roman;
	}
#colright ol, #colright ul {
	margin: 4px 0 8px 5px;
	}
#colright form {
	width: 300px;
	margin-top: 20px;
	}
#colright #error, #basket #error {
	background-color: #900;
	font-weight: bold;
	color: #FFF;
	margin: 15px 0 10px 0;
	padding: 2px 3px;
	font-size: 11px;
	}
#colright .surveyinput {
	font-size: 11px;
	color: #633;
	border: 1px solid #CCBFBF;
	}
#colright form ol {
	padding: 20px 0 10px 10px;
	}
#colright form ol li {
		list-style-type: decimal;
		margin-bottom: 20px;
}
	
/* LHS items  */
#areatitle, #lhssection, #details {
	background-image: url(images/stripe_horz.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	padding-bottom: 10px;
	}
#areatitle {
	height: 15px;
	}
#areatitle h1 {
	float: left;
	font-size: 11px;
	color: #300;
	font-weight: bold;
	}
#areatitle a {
	font-size: 11px;
	color: #300;
	font-weight: bold;
	}
#areatitle p {
	float: right;
	}
#lhssection form, #details form {
	margin: 0;
	padding: 0;
	}
#lhssection {
	padding-top: 4px;
	}
#lhssection h2 {
	font-size: 11px;
	color: #633;
	}
#lhssection p {
	text-align: right;
	}
#lhsinput {
	padding: 4px;
	width: 93%;
	font-size: 11px;
	color: #633;
	border: 1px solid #CCBFBF;
	margin: 2px 0 2px 0;
	background-color: #FFF;
	}
#lhsselect {
	padding: 4px;
	font-size: 11px;
	color: #633;
	border: 1px solid #CCBFBF;
	margin: 2px 0 2px 0;
	}
#lhssection li {
	list-style-type: none;
	margin-bottom: 5px;
	}
#lhssection li a {
	font-size: 11px;
	font-weight: bold;
	color: #633;
	text-transform: lowercase;
	}
#lhssection ul  {
	margin: 0 0 10px 15px;
	}
#lhssection ul  a {
	font-weight: normal;
	line-height: normal;
	}
#lhssection ul  li {
	margin-bottom: 5px;
}


/* Store  */
#storehome {
	margin-left: 20px;
	}
#storehome li {
	display: inline;
	list-style-type: none;
	}
#store {
	margin-bottom: 30px;
	}
#colstore {
	width: 500px;
	float: left;
	}
#colstore .range {
	margin: 0 0 0 15px;
	float: left;
	font-weight: bold;
	font-size: 16px;
	}
html>body #colstore .range {
	margin-left: 30px;
	}
#colstore h1 {
	clear: both;
	margin: 15px 0 0 30px;
	font-size: 12px;
	font-weight: bold;
	}
#colstore h2 {
	clear: both;
	margin: 15px 0 0 30px;
	font-size: 11px;
	font-weight: bold;
	color: #633;
	}
#colstore p {
	clear: both;
	margin-left: 30px;
	
	}
#itemimage {
	padding: 20px 0 20px 0;
	width: 480px;
	text-align: center;
	}
#sort {
	float: right;
	}
#sort li {
	margin: 0;
	padding-left: 7px;
	display: inline;
	list-style-type: none;
	}
#sort a, #store a {
	font-size: 11px;
	font-weight: bold;
	}
#store {
	clear: left;
	}
#store ul {
	margin: 40px 0 0 15px;
	}
html>body #store ul {
	margin-left: 30px;
	}

#store li {
	width: 140px;
	height: 240px;
	margin: 0 15px 0 0 ;
	float: left;
	display: inline;
	list-style-type: none;
	}
#store h2 {
	font-weight: bold;
	font-size: 11px;
	color: #633;
	margin-left: 0;
	}
#store p {
	margin: 0;
	}
#store strong {
	font-weight: normal;
	color: #900;
	}
#details {
	width: 180px;
	}
#details h3 {
	padding-top: 2px;
	color: #300;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 2px;
	}
#detailsbutton {
	text-align: right;
	}
#detailsinput {
	font-size: 11px;
	color: #633;
	border: 1px solid #CCBFBF;
	}

/* Basket  */
#basket {
	padding-left: 20px;
	width: 720px;
	}
#firsttable {
	border-top: 20px solid #FFF;
	}
#basket h1 {
	font-weight: bold;
	font-size: 16px;
	color: #300;
	}
#basket h2 {
	font-size: 13px;
	font-weight: normal;
	color: #300;
	}
#basket form {
	margin: 0;
	}
#basket th, #basket #headline {
	padding: 4px;
	text-align: left;
	vertical-align: bottom;
	color: #300;
	font-size: 11px;
	background-color: #F2EAD9;
	border-bottom: 1px solid #CCBFBF;
	font-weight: normal;
	}
#basket td {
	height: 25px;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	color: #633;
	font-size: 11px;
	border-bottom: 1px solid #CCBFBF;
	font-weight: normal;
	}

#basketinput {
	font-size: 11px;
	color: #633;
	border: 1px solid #CCBFBF;
	}
#basket h3 {
	font-size: 11px;
	color: #300;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	}
#basketvoucher {
	font-size: 11px;
	color: #633;
	border: 1px solid #CCBFBF;
	padding: 4px;
	}
#bcol3a, #bcol3b, #bcol3c {
	width: 220px;
	float: left;
	margin-top: 10px;
	}
#bcol3c {
	margin-left: 29px;
	}
#bcol3a {
	margin-right: 30px;
	}
#basketbutton {
	padding: 10px 0 0 0; 
	clear: both;
	text-align: right;
	}
#bcol3c h3 {
	font-size: 11px;
	color: #300;
	text-align: left;
	}
#basketsection {
	margin-bottom: 20px;
	text-align: left;
	color: #633;
	font-size: 11px;
	border-bottom: 1px solid #CCBFBF;
	font-weight: normal;
	}
#basketsection p {
	padding: 4px;
	}
#basketsection strong {
	color: #900;
	}
#basketproceed {
	border: 0;
	background-color: #900;
	color: #fff;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: bold;
	}

/* Footer  */
#sitemap {
	margin-left: 30px;
	width: 480px;
	float: left;
	clear: right;
	}
#sitemap ul {
	list-style-type: none;
	}
#sitemap li {
	margin: 10px 0 0 0;
	}
#sitemap li li {
	margin: 0;
	}
#sitemap ul a {
	color: #300;
	font-size: 13px;
	font-weight: normal;
	}
#sitemap ul ul a {
	font-size: 11px;
	color: #300;
	}
#sitemap ul ul ul a {
	color: #633;
	}
#sitemap ul ul {
	margin-top: 3px;
	padding-left: 20px;
	}
#sitemap ul ul ul {
	margin: 0 0 0 5px;
	}

/* Footer  */
#footer {
	padding-top: 20px;
	clear: both;
	border-top: 30px solid #FFF;
	}
#footer p, #footer a {
	font-size: 10px;
	color: #633;
	text-decoration: none;
	margin: 0;
	}
#footer li {
	margin: 0 5px 0 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
/* popup window */
#container-popup {
	position: relative;
	width: 422px; 
	margin: 0 auto; 
	text-align: left;
	background-color: #FFF;
	padding: 40px 0 20px 0;
	}
#container-popup h1 {
	position: absolute;
	left: 20px;
	top: 20px;
	}

.popup-closewin {
	text-align: right;
	padding: 20px;
	}
.popup-closewin a {
	font-size: 10px;
	color: #633;
	text-decoration: none;
	margin: 0;
	}
#container-popup h2 {
	font-weight: bold;
	font-size: 16px;
	color: #300;
	padding: 25px 20px 10px 20px;
	}
#container-popup h3 {
	font-weight: normal;
	font-size: 14px;
	color: #300;
	padding: 0 20px 5px 20px;
	}
#container-popup table {
	margin: 0 20px;
	font-size: 11px;
	color: #633;
	}
#container-popup th {
	font-weight: bold;
	background-color: #FAF7F0;
	color: #300;
	}
#container-popup ol {
	margin-top: 0;
	}
#container-popup li {
	font-size: 11px;
	color: #633;
	padding-bottom: 8px;
	}
#container-popup table, #container-popup td, #container-popup th {
	border: 1px solid #633;
	}
#container-popup p {
	padding: 0;
	}