/*
--------------------------
 document colours
---------------------------
pink #F07E99
brown #3B1115
cream #FFF5DE
blue #C6E5E8
---------------------------
*/

body {
	font-family: Geneva, Arial, Helvetica, Sans-Serif;
	background-color: #FFF5DE;
	padding: 0px;
	margin: 0px;
	line-height:24px;
	background-attachment: scroll;
	background-image: url('bodystrip.jpg');
	background-repeat: repeat-x;
	font-size: 1em;
	color:#663300;
}

ul, li {
	padding:0px;
	margin:0px;
}

img {
   behavior: url("pngbehavior.htc");
}

a {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4 {
	font-family: Georgia, Times New Roman, Times, serif;
}

table, td, th, form {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 1.2em;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	color:#F07E99;
}

h2 {
	font-size: 1em;
	margin: 0px;
	padding: 3px 0px 3px 20px;
	color:#3B1115;
	background-image:url('h2heart.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;		
}

h3 {
	font-size: 1em;
	color:#660000;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	font-weight: lighter;
}

.product a {
	font-size: 1.8em;
	margin: 0px;
	padding: 3px 0px 3px 20px;
	color:#3B1115;
	background-image:url('h2heart.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left center;		
}

h4 {
	font-size: 1em;
	font-style: italic;
	color: #FFF5DE;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px;
}

/*
---------------------------
 layout divs index page
---------------------------
*/

#maincontent_left {
	float: left;
	text-align:left;
	width: 580px;
	margin: 0px;
	padding: 10px;
}

#maincontent_left a {
	color:#CC0066;
}

#maincontent_left a:hover {
	background-color:#F2DFD0;
}

#maincontent_left p {
	margin-bottom: 25px;
}

.actpicborder {
	padding:8px;
	margin: 5px;
	border: 1px solid #990000;
}

/*
 ---------------------------
 layout divs
---------------------------
*/

#outer-container {
	padding: 0px;
    margin: auto;
	width: 760px;
	background-color: transparent;
}

#header {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 760px;
	height:280px;
	text-align: center;
}

#branding {
	margin:0px;
	padding:0px;
	width:760px;
}

#wrapper {
	width: 760px;
	margin: auto;
	padding: 0px;
}

#maincontent {
	float: left;
	text-align:left;
	width: 530px;
	margin: 0px;
	padding: 10px;
}

#maincontent a {
	color:#CC0066;
}

#maincontent a:hover {
	background-color:#F2DFD0;
}

/*
------------------------------
search
-------------------------------
*/

#search{
height: 29px;
	padding: 0px;
	margin: 0px;
	width:700px;
	float: right;
	text-align:right;
	color: #C5E1E3;
	text-decoration: none;
	font-size: 0.8em;
}

/*#search form img{
	padding:0px;
	margin: 10px;
	top: -5px;
}*/

#search input {
	/*border: 1px dotted #CCFF33;
	margin-top: 5px;*/
	padding: 0px;
	vertical-align: middle;
	margin: 0px;
	/*height: 29px;	*/
}


/*#search {
	height: 29px;
	padding: 0px;
	margin: 0px;
	width:700px;
	float: right;
	text-align:right;
	color: #C5E1E3;
	text-decoration: none;
	font-size: 0.8em;
}

#search img {
	vertical-align: bottom;
	padding-top: 5px;
}*/

/*
-----------------------------------------------
Actinic Template Only Lower section
-----------------------------------------------
*/

#lowercontainer1_actinic {
	text-align: center;
	width: 100%;
	height: 48px;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image:url('pinkstrip_48.jpg');
	background-position: bottom;
	background-color:#3B1115;
	clear:both;
}

#secondarycontent_actinic {
	width: 760px;
	height: 28px;
	margin: 0px auto;
	padding: 10px 5px;
	text-align: center;
}

/*
-----------------------------------------------
Lower section
-----------------------------------------------
*/

#lowercontainer1 {
	text-align: center;
	width: 100%;
	height: 96px;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image:url('pinkstrip.jpg');
	background-position: bottom;
	background-color:#3B1115;
	clear:both;
}

#lowercontainer2 {
	width: 100%;
	height: 240px;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image:url('footerstrip.gif');
	background-position: bottom;
	background-color:#3B1115;
}

#secondarycontent {
	width: 760px;
	height: 76px;
	margin: 0px auto;
	padding: 10px 5px;
	text-align: left;
}

#siteinfo {
	height: 150px;
	width: 740px;
	margin: 0px auto;
	padding: 10px;
}

/*
---------------------------
Navigation lists
---------------------------
*/

#topnav {
	margin:0px;
	padding: 0px 0px 0px;
	width: 760px;
	height: 39px;
	text-align: center;
}

#topnav img {
	vertical-align: middle;
 }

#topnav ul {
	padding: 0px;
	margin:0px;
}

#topnav li {
	list-style: none;
	display: inline;
	padding: 0px;
	margin:0px;
}

#topnav a {
	padding: 16px 8px 13px;
	font-size: 14px;
	text-decoration: none;
	color: #3B1115;	
}

#topnav a:hover {
	background-color:#F07E99;
}
	
/*
---------------------------
Main Top Navigation
 ---------------------------
*/

#mainnav {
	padding: 0px;
	margin: 0px;
	
}

#mainnav ul {
	padding: 0px 0px 17px;
	margin:0px;
}

#mainnav li {
	list-style: none;
	display: inline;
	padding-right: 3px;
	padding-left: 3px;
}
	
#mainnav a {
	margin:0px;
	padding: 0px;
}
	
#mainnav a:hover {
	border-bottom-width: 9px;
	border-bottom-style: solid;
	border-bottom-color: #F27394;
}

/*
---------------------------
Side Navigation
---------------------------
*/
	
#sidenav {
	font-family: Georgia, Times New Roman, Times, serif;
	padding: 0px;
	margin: 0px;
	width: 150px;
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color:#D9BC90;
	color: inherit;
}

#sidenav ul {
	padding: 10px;
	margin:0px;
}

#sidenav li {
	list-style: none;
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#sidenav a {
	margin: 0px;
	color: #ED7A96;
	/*padding: 5px 0px 0px 0px;*/
	padding: 5px 0px;
	text-decoration: none;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F27394;
}

#sidenav a:hover {
	background-color:#FFCCCC
}

/*
---------------------------
Site Info Navigation 
---------------------------
*/

#signup {
	float: left;
	width: 249px;
	padding:0px;
	margin:0px;
}

#signup p {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;

}

/* --------------------------- */

#resources {
	width: 250px;
	float: left;
	padding: 0px;
}

#resources  img{
	vertical-align: middle;
}

#resources ul {
	margin:0px;
	padding:0px;	
}

#resources li {
	list-style-type: none;
	padding: 5px 5px 5px 15px;
}

#resources a {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 0.9em;
	color: #FFF5DE;
	text-decoration: none;
	padding-left: 15px;
}

#resources a:hover {
	color:#FF6699
}

/* --------------------------- */

#secondarycontent ul {
	padding:0px;
	margin:0px;
}

#secondarycontent li {
	list-style: none;
	display: inline;
	background-image: url('heart_bullet.gif');
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 8px;
}

#secondarycontent a {
	margin: 0px;
	color: #FFF5DE;
	text-decoration: none;
	font-size: .8em;
}

#secondarycontent a:hover {
	color:#660000;
}

#contactinfo {
	width: 239px;
	float: left;
	padding: 5px 0px;
	text-align: center;
	font-size: 10px;
	color: #F17C97;
	line-height:14px;
}

/* 
---------------------------
Bottom site navigation
---------------------------
*/

#lowernav {
	font-size: 10px;
	color: #66CCCC;
	margin: 0px;
	padding: 12px 2px 2px;
	text-align: center;
	line-height: 16px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F17C97;
}

#lowernav li {
	display: inline;
	list-style: none;
	padding:0px 3px;
}

#lowernav a {
	color:#FFCCCC;
}

#lowernav a:hover {
	color:#D8D8D8
}

/*
--------------------------
 Styles
--------------------------
*/
 
.logo {
	padding:3px;
	margin:0px;
}

.smallquote {
	padding:0px;
	margin:0px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 0.8em;
	color: #F28DA5;
}

.icons {
	padding:0px 6px 0px 4px;
	margin:0px;
	border: 0px;
}

.left_img {
	float:left;
	padding:5px;
	margin:0 10px;
	background-color:#FFD3D3;
	border: 1px;
	border-style: solid;
	border-width:2px;
	border-color:#F07E99;
}

.left_img_borderless {
	float:left;
	padding:2px;
}

.index_feature {
	font-size:0.9em;
}

.fancy_thumbnail {
	float: left;
	background-attachment: scroll;
	background-image: url('thumb_frame.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding:12px;
	margin:3px;
}

/*
--------------------------
 Actinic specifics
 -------------------------
*/

/*

.actlarger {
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actsmaller{
	font-size: <actinic:variable name="SmallFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxxsmall {
	font-size: <actinic:variable name="SmallFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxsmall {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actsmall {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actregular {
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actlarge{
	font-size: <actinic:variable name="LargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxlarge {
	font-size: <actinic:variable name="ExtraLargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxxlarge {
	font-size: <actinic:variable name="ExtraLargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actwarningcolor {
	color: <actinic:variable name="RequiredColor" />;
}
	
.actrequiredcolor {
	color: <actinic:variable name="RequiredColor" />;
}

.actsearchhighlightcolor {
	color: <actinic:variable name="SearchHighlightColor" />;
}

.actrequired {
	color: <actinic:variable name="RequiredColor" />;
}

.actwarning {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="RequiredColor" />;
}

*/

.product_list img {
	float: left;
	padding-right: 8px;
}