/* generic styles */

body{
	color: #000;
	background-color: #fff;
	margin: 0;
	text-align:center;
	padding: 0; /* accomodate opera, which uses padding rather than margins to enforce page gutters */
}

#container { text-align:left; width:770px; margin:0 auto; }


.hide {
	display: none;
}

img {
	border: 0;
}

a:link{
	font-weight: normal;
	text-decoration: none;
	color: #CB1C0B;
	background: transparent;
}

a:visited{
	font-weight: normal;
	text-decoration: none;
	color: #CB1C0B;
	background: transparent;
}

a:hover{
	font-weight: normal;
	text-decoration: underline;
	color: #000;
	background-color: #FFF5D8;
}

a:active{
	font-weight: normal;
	text-decoration: none;
	color: #CB1C0B;
	background: transparent;
}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6, div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p	{font-size: 68%; margin-top: 0; margin-bottom: 1em;  line-height : 1.3em; }

h1	{font-size: 120%; margin-bottom:1em; font-weight:normal; margin-top:0; color:#006}
h2	{font-size: 95%; margin-bottom:0.5em; font-weight:bold; margin-top:0.75em; color: #CB1C0B;}
h3	{font-size: 85%; margin-bottom:0.5em; margin-top: 1em; font-weight:bold; color: #734A18;}
h4	{font-size: 80%; margin: 0 0 0 30px; font-weight:bold; color: #fff;}
h5	{font-size: 85%; margin-bottom:0.1em; margin-top: 10px; padding: 0 0 0 40px; font-style : italic; font-weight:normal}
h6	{font-size: 80%; margin-bottom:0.1em; margin-top: 10px; padding: 0 0 0 70px; font-weight:normal}

ul { list-style : none;}

/*forms*/
form {display: block; }
input, select, textarea, img.productImage {margin-bottom: 20px; }
input {border: 1px solid #D0D0D0; }
select {border: 1px solid #D0D0D0; }
table.formTable {width: 400px; }
table.formTable td {vertical-align : top; }

/* 
perception styles begin below
*/

#topBlockContainer{
	width: 770px;
	background : #FFEBB7 url(images/topblockback.gif) repeat-y;
	padding: 0 0 10px 0;
}

#topTextContainer{
	margin: 0 10px 0 234px;
}

#topNav{
	height: 39px;
	margin: 0;
	padding: 20px 0 0 0;
	background-color: #fff;
	text-align: right;
}
#topNav div#logo{ float: left; width: 335px; }
#topNav div#logo p { width:325px; padding-right: 10px; color: #555; font-size: 65%;}
#topNav p { font-size: 65%; }
#topNav a:link {color: #000; background: transparent; }
#topNav a:visited {color: #000; background: transparent; }
#topNav a:hover {color: #CB1C0B; background: transparent; text-decoration: underline; }
#topNav a:active {color: #CB1C0B; background: transparent; }

#flashContainer{
	width: 220px;
	float: left;
	clear: left;
}

#topColourBlock{
	height: 134px;
	background-color: #CB1C0B;
}

#pageTitleBar{
	xheight: 26px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #B3AD26;
}

#mainContentContainer{
	width: 770px;
	clear: left;
	position: relative;
	float: left;
	border-top: 1px solid #fff;
	background-color: #FFF5D8;
}

#mainTextContainer{
	width: 490px;
	margin: 0 0 0 20px;
}

#mainTextContainer ul{
	list-style: url(images/bullet.gif);
}

#mainTextContainer li{
	font-size: 68%;
	margin: 0 0 1em 25px;
}

#rightBar{
	float: right;
	width: 252px;
	margin: 0 0 20px 0;
	padding: 0;
	background : url(images/rhbarback.gif) repeat-y;
}

#rightBarTopBox{
	margin: 0;
	padding: 10px 0;
	background : url(images/rhbartopback.gif) repeat-y;
}

#rightBarTopBox p{
	color: #fff;
	margin: 0 0 0 25px;
	font-size: 68%; 
	line-height : 1em;
	font-style : italic;
}

#rightBarTopBox ul{
	list-style: url(images/bullet_white.gif);
}

#rightBar li{
	color: #fff;
	font-size: 68%;
	margin: 0 0 1em 25px;
}

#rightBar a:link {color: #fff; font-weight: bold; background: transparent; }
#rightBar a:visited {color: #fff; font-weight: bold; background: transparent; }
#rightBar a:hover {color: #fff; font-weight: bold; background: transparent; text-decoration: underline; }
#rightBar a:active {color: #fff; font-weight: bold; background: transparent; }

#bottomBar{
	height: 27px;
	width: 770px;
	clear: left;
	float: left;
	border-top: 1px solid #fff;
	background-color: #B3AD26;
	text-align: right;
}

#bottomBar p{
	margin: 5px 5px 0 0;
	color: #fff;
	font-size: 65%; 
}

#bottomBar a:link {color: #fff; background: transparent; }
#bottomBar a:visited {color: #fff; background: transparent; }
#bottomBar a:hover {color: #fff; background: transparent; text-decoration: underline; }
#bottomBar a:active {color: #fff; background: transparent; }

#list h3{
	clear: left
}

.listItemTitle{
	font-weight : bold;
	color: #734A18;
	font-size: 75%;
	margin: 1.5em 0 0.5em 10px;
}

.listItemPic{
	margin: 0 15px 10px 10px;
	float: left;
}

.listItemLine{
	margin: 10px 0, 10px, 10px;
}

.listItemTitle img{
	margin: 0 10px 0 0;
}

.listItemBody{
	margin-left: 10px;
}

.bodyPic {
	margin: 0 10px 10px 15px;
	float: right;
}

#partners {
	background-color: white; border: 1px solid #888; text-align: center; margin: 0 20px 0 0; padding: 8px 0 4px 0;
}