@charset "UTF-8";
/* CSS Document */

body {
background:#fffd74;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#333333;
padding:15px 0 15px 0;
}

#container {
background:url(../images/bg-container.png);
margin:auto;
width:880px;
}

#header {
background:url(../images/bg-header.png);
width:880px;
height:136px;
}

#headerlhs {
float:left;
padding:49px 0 0 40px;
width:396px;
}

#headerrhs {
float:left;
padding:29px 42px 0 0;
width:402px;
text-align:right;
}

#navigation {
padding-left:15px;
}

#main {
background:url(../images/bg-sub-nav.png) top no-repeat;
font-size:1.2em;
line-height:1.4em;
min-height:425px;
padding:30px 45px 0 45px;
}

*html #main {
height:425px;
}

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

/* left column - home page */
#lhs-home {
float:left;
width:509px;
margin-top:1.5em;
}

/* right column - home page */
#rhs-home {
float:left;
width:262px;
padding-left:19px;
margin-top:2em;
}

#rhs-callout {
margin:0 0 1em 0;
}

#rhs-callout-inner {
background:url(../images/rhs-home-mid.png);
padding:0.5em 2em 0.5em 2em;
font-size:0.9em;
color:#659c1d;
}

#rhs-home h1 {
font-size:1.8em;
line-height:1.1em;
padding-bottom:0.5em;
color:#659c1d;
}

/* add padding */
#inner {
padding:2em;
}

#inner-shipping, #inner-confirm {
padding:2em 0 2em 8em;
}

#footer {
margin:auto;
width:880px;
text-align:center;
padding-top:2em;
font-size:1.2em;
line-height:1.6em;
color:#a59c15;
}

#footer a:link, #footer a:visited {
color:#a59c15;
text-decoration:none;
}

#footer a:hover {
color:#a59c15;
text-decoration:underline;
}

#footer p {
margin:1em 0 1em 0;
}

#footer span {
padding:0 1em 0 1em;
}


/* Clear floats */
#clear {
clear:both;
}

/* OUTLETS */

/* show/hide */

.dropdownBox {
	margin: 0 0 1px 0;
	padding:0;
	border:1px solid #eadbeb;
}
.boxContent {
	background-color: #ffffff;
	padding: 10px 12px 10px 12px;
	position: relative;
	line-height:1.4em;
}
.dropdownTop {
	margin: 10px 0px 2px 0;
}
.dropdownMid {
	margin: 0 0px 2px 0;
}
.dropdownBox a.boxHeading {
	display: block;
	padding: 6px 30px 6px 12px;
	color: #6b407f;
	font-size:1.2em;
	text-decoration:none;
	background: #eadbeb url(../images/arrow-closed.png) no-repeat right center;
}
.dropdownBox a.boxHeading:hover {
	color: #eadbeb;
	background: #6b407f url(../images/arrow-closed.png) no-repeat right center;
}

/* STORE */

/* order page */

#orderlhs {
float:left;
}

.panellhs {
margin:7px 0 11px 0;
}

.panellhsmid {
background:url(../images/store/panel-white-mid.png) repeat-y;
padding:5px 24px 0 24px;
}

.panellogo {
float:left;
width:497px;
}

.panelreset {
float:left;
width:46px;
}

.panelimage {
float:left;
width:170px;
}

.bguard {
padding:35px 0 0 0;
}

.fguard {
padding:25px 0 0 53px;
}

.fcase {
padding:32px 0 0 55px;
}

.sguard {
padding:7px 0 0 39px;
}

.panelcolourslhs {
float:left;
padding-left:10px;
}

.panelcoloursrhs {
float:left;
padding-left:12px;
}

.ravishingred, .mellowyellow, .sublimegreen, .brilliantblue, .passionatepurple, .prettyinpink {
color:#FFFFFF;
font-size:1.4em;
font-weight:bold;
padding:6px 0 6px 0;
border:none;
text-align:center;
width:34px;
vertical-align:top;
}

.ravishingred {
background:#d53a25;
}

.mellowyellow {
background:#f2be21;
}

.sublimegreen {
background:#60bb47;
}

.brilliantblue {
background:#327dc1;
}

.passionatepurple {
background:#855c99;
}

.prettyinpink {
background:#e15da2;
}

#orderrhs {
float:left;
margin-left:6px;
}

.panelpurple {
padding:7px 0 7px 4px;
width:184px;
}

.panelpurplemid {
background:url(../images/store/panel-purple-mid.png) repeat-y;
padding:0 10px 0 15px;
font-size:1.2em;
color:#855b99;
font-weight:bold;
}

.panelpurplemid h1 {
font-size:1.6em;
color:#855b99;
font-weight:normal;
margin:0;
padding:0 0 10px 0;
}

#tablepurple {
width:100%;
}

#tablepurple td {
height:20px;
}

#buynow {
text-align:right;
padding-top:15px;
}

.panelgreen {
padding:7px 0 7px 4px;
width:184px;
}

.panelgreenmid {
background:url(../images/store/panel-green-mid.png) repeat-y;
padding:0 10px 0 15px;
font-size:1.1em;
line-height:1.4em;
color:#4a850d;
}

.panelgreenmid h1 {
font-size:1.7em;
color:#4a850d;
font-weight:normal;
margin:0;
padding:0 0 10px 0;
}

.panelgreenmid p {
margin:0;
padding:0;
}

/* shipping */

#shipping td {
padding-right:40px;
height:30px;
}

#confirm th {
text-align:left;
}

#confirm td {
padding-right:50px;
height:20px;
}

.fmtext {
width:200px;
}

.fmaddress {
width:275px;
}

.next {
padding-left:1em;
}

/* BULLETS */

#main ul {
margin:1em 0 0 0;
padding:0 0 0 1em;
list-style:none;
}

#main ol {
padding:0 0 0 1em;
margin:0 0 0 1.4em;
}

#main ol li {
padding:0.3em 1.5em 0.3em 0;
}

#main ul li {
background:url(../images/bullet.png) no-repeat;
background-position:0 10px;
padding:0.3em 1.5em 0.3em 1.4em;
}

/* GENERAL STYLES */

a:link, a:visited {
color:#cc3300;
}

a:hover {
text-decoration:none;
}

strong, b {
font-weight:bold;
}

em, i {
font-style:italic;
}

blockquote {
margin:1em;
padding:1em 1em 0.6em 1em;
font-size:1.3em;
line-height:1em;
}

h1 {
padding:0.5em 0 0 0;
font-size:1.6em;
color:#c12808;
}

h2 {
font-size:1.4em;
padding-bottom:0.3em;
margin-bottom:1em;
border-bottom:1px dashed #CCCCCC;
}

h3 {
font-size:1.4em;
color:#411953;
}

h4 {
font-size:1.1em;
font-weight:bold;
padding-top:0.8em;
}

hr {
	height:1px;
	color:#ccc;
	border:0;
	background-color:#ccc;
}

div.panelcolourslhs img, div.panelcoloursrhs img, div.panelreset img {
	cursor: pointer;
}