/******************************************************************************
* dreamweaver 															  *
******************************************************************************/
*:focus { outline: none!important;}

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666; /* 24/11/08 changed by kat from #000000 */
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 62.5%;
	background-color: #FFFFFF;
	line-height: 150%;	/* 24/11/08 element added by kat 
	==== white goes down to bottom of the page with the following rule uncommented =====
	background: #8BFFFF url("/images/bgs/body.gif") center 300px repeat-y;
	*/

}

p { font-size:110%; }

a:link {
	color: #0099CC;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #0099CC;
}
a:hover {
	text-decoration: underline;
	color: #0099CC;
}
a:active {
	text-decoration: none;
	color: #0099CC;
}
.twoColFixRtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header {
height:130px; /* changed from 80px by Kat 08/09/08 */
	background: #FFFFFF;
	padding: 35px 0px 25px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


/* 24/11/08 commented out by kat
 #mainContent P {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 75%;
	line-height: 140%;
	padding: 0px 10px;
	
}
*/

 #mainContent P { padding: 0px 10px; }

 #mainContent h4 {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 150%;
	font-weight: bold;
	padding: 0px 10px;
	color: #0099CC;
	
}

#mainContent h2 {
	font-family: Arial, Helvetica, Verdana,   sans-serif;
	font-size: 95%;
	font-weight: normal;
	padding: 0px 10px;

	
}

#mainContent h5 {
	font-family: Arial, Helvetica, Verdana,   sans-serif;
	font-size: 75%;
	font-weight: normal;
	padding: 0px 0px;

	
}
	
#mainContent h3 {
	font-family: Arial, Helvetica, Verdana,   sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding: 0px 10px;

	
}

#mainContent h7 {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 100%;
	line-height: 140%;
	padding: 0px 10px;
	color: #FF0000;
	
}

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px;
	margin:20px 0px 10px 0;
	background-color:#eff2f3;
	border: 1px solid #cccccc;
}

 


	
	
.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 30px 5px 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixRtHdr #footer {
	padding: 0 10px 0 15px;
	margin-left:15px;
	
	color: #eff2f3;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
</style>[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]
/******************************************************************************
* Main Navigation															  *
******************************************************************************/


.blank {
	color: 	#cccccc;
}

#mainNav {
	margin:				0px;
	padding:			0px 0px 0px 0px;
	font-family:		Helvetica, Ariel, sans-serif;
	font-size:			11px;
	color:				#333333;
	font-weight:		normal;
	float: right;
	
	
	/* Hide this from Mac IE 5 \*/
	clear:				both;
	/* End Hack */
}

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

#mainNav a {
	color:	#ffffff;
	text-decoration:	none;
}

#mainNav a:hover {
	color:	#0099cc;
	
}

#mainNav li {
	padding:			7px 15px 7px 15px;
	border-left:		1px solid #ccc;
	border-bottom:		1px solid #ccc;
	border-top:		1px solid #cccccc;
	background-color:	#1C3333;
	width:				auto;
	xwidth:				108px;
	xwidth/**/:			/**/98px;
	position: relative;
	display:			block;
	float:				left;
}

#mainNav li:hover {
	
}

#mainNav li.lastItem {
	border-right:		1px solid #cccccc;

	width:				107px !important;
	width:				117px;
	width/**/:			/**/107px;
}

#mainNav li.lastItemselected {
	border-right:		1px solid #cccccc;
	background-color:	#1C3333;
	width:				107px !important;
	width:				117px;
	width/**/:			/**/107px;
}
#mainNav #currentpage a {
	color:	#0099CC;
	font-weight: normal;


}

#mainNav li.#currentpage{
	background-color:	#1C3333;
}

#mainNav li.who{
	xwidth: 114px !important;
}

#mainNav li.inthebox{
	xwidth: 89px !important;
}


#mainNav ul ul {
position: absolute;
z-index: 500;
top: 29px;
width: 100px;
left: 0;
}
#mainNav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
div#mainNav ul ul,
div#mainNav ul li:hover ul ul,
div#mainNav ul ul li:hover ul ul
{display: none; }

div#mainNav ul li:hover ul,
div#mainNav ul ul li:hover ul,
div#mainNav ul ul ul li:hover ul
{display: block; background-image:none;}
#mainNav ul ul li  {clear:left; width:100%; border-left:none; border-bottom:none;}
#mainNav ul ul li a  { font-size: 100%; }
#mainNav ul ul li a:hover {}
#mainNav ul ul li a.nav-selected  {  }




  /******************************************************************************
* pullquote													  *
******************************************************************************/	
div.pullquote {
	color: #000000;
	float: right;
	padding: 2px 0px;
	margin: 1px 0px;
	font: 110% Arial, Helvetica, sans-serif;
	text-align: left;
}

div.pullquote a{
color: #0099cc;
}
				 
				 
#blog
{

background: #eff2f3;
border: 1px solid #cccccc;
padding: 10px 10px 10px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
margin: 0 10px;
}

	
	 #blog P {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 110%;
	line-height: 150%;
	margin: 0px;
    padding: 0;
	
}

 #blog h4 {
		font-family: Arial, Helvetica, Verdana,   sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px;
	color: #0099CC;
}

 #blog h5 {
	font-family: Arial, Helvetica, Verdana,   sans-serif;
	font-size: 85%;
	font-weight: normal;
	margin: 8px 0 1px 0;
	padding: 0px 0px;
	color: #0099CC;
}



#footer P {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	line-height: 150%;
	
}

#blog  a:link {
	color: #0099CC;
	text-decoration: none;
}
 #blog a:visited {
	text-decoration: none;
	color: #0099CC;
}
 #blog a:hover {
	text-decoration: underline;
	color: #0099CC;
}
 #blog a:active {
	text-decoration: none;
	color: #0099CC;
}

.smaller_text  {
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 60%;
	line-height: 100%;
	
}
	
  /******************************************************************************
* form														  *
******************************************************************************/	
#verticalForm legend
{
	font-family: Arial, Helvetica, sans-serif;
	padding-top:10px;
	font-size: 12px;
	color: #666666;
	 	
}   
  #verticalForm fieldset p
 {
   font-family:Arial,Helvetica,sans-serif; 
   font-size: 12px;
	color: #666666;
	}

  #verticalForm fieldset
{ display: block; /* width: 35em; 24/11/08 changed from 29.5em by kat */
	margin: 0 0 .5em 0; padding: 0 .5em 5px .5em; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; 
	
}

#verticalForm fieldset fieldset{
width: 28em !important;
}


#verticalForm fieldset.radio
{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-right: 0; margin-left: 0; 
}

/*#verticalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}*/

#verticalForm fieldset.radio_label
{
	font-weight: normal;
	width: 1em;

}

#verticalForm input
{ xdisplay: block; width: 158px; background-color: #89CEFF; border: 1px solid #666; height: 15px; font-size: 110%; color: #666; 
}
#verticalForm input.longer
{ xdisplay: block; width: 208px; background-color: #89CEFF; border: 1px solid #666; height: 15px; font-size: 110%; color: #666; 
}

#verticalForm input.safe_place
{
	display: block;
	width: 20em;
	height: 55px

}

#verticalForm input.check_box
{
	
width: 1em;
}

#verticalForm input.radio_button
{ width: 1em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; 
}

#verticalForm input.submit_button
{
	
width: 4.8em;
}

#verticalForm label
{ display: block; font-size: 100% !important; padding-top: 0px; line-height: 1.2em; 
	
}

#verticalForm textarea { resize: none; width: 292px; border: 1px solid #666; background-color: #86CDFF; margin: 0px; padding: 0px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #666; }

#verticalForm label.first
{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; line-height: 1.2em; padding-top: 5px; 
	
}
#verticalForm select { vertical-align: middle; height: 20px; width: 160px; color: #666; background-color: #86CDFF; border: 1px solid #666; font-size: 100%; }


 .error
{
	padding-top: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
}

#password{
	font-size: 8pt;
}

#submit{
	
	font-size: 8pt;
}

#username{
		font-size: 8pt;

}

fieldset .col2 { clear:none; float:left; width:50%;  }

fieldset label { clear:both; width:100%;}

label.interestSelect span { display:block; width:80px; float:left; height:20px; }  

label.interest span { display:block; height:20px; float:left; width:200px;   }


  

/******************************************************************************
* pull quote															  *
******************************************************************************/
div.pullquote2 { float: left; width: 150px; padding: 4px 20px  20px 0px; margin: 0 0 0 10px; }
				 
				 
/*
-------------------------------------------------------------- 
CLEAR FLOATS
-------------------------------------------------------------- 
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hides from IE/Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* end hide from IE-Mac */
/*** end clearing hack  ***/

/*
------------------------------------------------------
MATTER REVAMP - KAT
------------------------------------------------------
*/

img, fieldset { border:0; }

/*Addded by Kat 24/11/08*/
h1 {
	color: #65B3E7;
	font-size: 160%;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height:120%;
}

#float_L2 {display: block;float: left;width: 330px; padding-top:20px;}
#float_R2 {display: block;float: right;width: 400px;}
#float_L {display: block;float: left;width: 434px; padding-left:15px;}
#float_R {display: block;float: right;width: 311px;  margin-top: 20px;}
#float_R_items {
	display: block;
	float: right;
	width: 310px;
	margin-left: 10px;
	margin-top: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 10px;
	margin-bottom: 10px;
}
#float_R_items a {
	font-weight: bold;
	color: #65B3E7;
	font-size: 110%;
}
#float_R_items h3 {
	color: #7AC2FA;
	margin: 0px;
	padding: 0px;
}
.item_name {
	color: #65B3E7;
	font-weight: bold;
	font-size: 110%;
}

.p_black {
	color: #000000;
	margin-top: 0px;
	line-height: 130%;
}

#subscribe_box {
	background: #86cdff;
	padding-top: 10px;
	padding-left: 20px;
	margin-top: 20px;
}	

.loginForm { padding:5px; color:#666; background-image: url(images/bgs/login_bg.gif); background-repeat: repeat-x; background-position: left top; } 
.loginForm form { margin:0; padding:0; }
div.loginForm a { color:#666; }

#subscribe_box .linkBtn { width:250px; font-size:100%; text-align:center; }

#subscribe_box td {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 110%;
}

#subscribe_box h2 {
	color: #FFFFFF;
	font-size: 135%;
	margin: 0px;
	line-height: 125%;
	padding: 0px;
}

#content_full { padding: 30px 0px 0 15px; }
	
#item_detail {
    position:relative; 
	margin: 0 0 0 190px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 0px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}
	
#item_pic {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px;
}

#item_detail h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:5px;
	color: #7AC2FA;
	font-size: 150%;
}


h2 { color: #7AC2FA; font-size: 150%; }

.nextPrev { font-weight:bold; position:absolute; left:430px; top:10px; width:170px; display:none; }

#boxItems { width:100%; }

#boxItems a:hover { background:#FFF; } /* trigger hovers in IE6 */

#boxItems a { display:block; float:left; height:146px; position:relative; }
#boxItems a img { position:relative; }
#boxItems a span { display:block; position:absolute; left:0px; top:0; }
#boxItems a:hover span { left:-9999px; top:0; }

.linkBtn,
a.linkBtn,
a.linkBtn:visited {  background:#4896CD; border:1px solid #346d95; border-top:1px solid #A0C8E5; border-right:1px solid #A0C8E5; color:#FFF; cursor:pointer; display:block; font-weight:bold; padding:4px 5px 4px 5px; }

a.questions { background:#4896CD url(images/box_items/arrow_right.gif) right no-repeat; color:#FFF; float:right; padding-right:34px; position:relative; top:10px; }
a.questions:visited { color:#FFF; }

#content_full h3 { background:#f1f6f7; color:#7AC2FA; font-size:120%; padding:5px; }

#comments { margin-bottom:20px; }
#comments h3 { clear:both; }
#comments textarea { border:1px solid #ddd; float:left; height:40px; overflow:auto; width:400px; }
#comments .linkBtn { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin-left:20px; cursor:pointer;  }
#comments p { color:#83c5e3; }
#comments p em { color:#666; display:block; padding-top:5px; }

.feedback { background:#86cdff; color:#FFF; display:block; font-weight:bold; padding:10px 20px; margin:8px 0; }
.feedback select,
.feedback input { font-family: Arial, Helvetica, sans-serif; font-size:110%; font-weight:normal }
.feedback label { display:block; font-size:110%; margin-bottom:5px; }
.feedback fieldset { margin-bottom:10px; }
.feedback .linkBtn { float:right; }

/*
-------------------------------------------------------------- 
CLEAR FLOATS
-------------------------------------------------------------- 
*/

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* hides from IE/Mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* end hide from IE-Mac */
/*** end clearing hack  ***/


/* gav 23/11/10 */

.loginForm input {width: 160px;}
.loginForm .submit {width: auto!important;}
#formWrap { background-image: url(images/bgs/form_bg.jpg); background-repeat: repeat-x; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #999; border-bottom-color: #999; border-left-color: #999; clear: left; padding-right: 10px; padding-left: 10px; }
#flowertabs { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; float: left; }
#flowertabs ul li a { background-color: #86CDFF; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #999; border-left-color: #999; margin-right: 1px; padding-bottom: 10px!important; padding-top: 10px!important; border-right-color: #999; height: 20px; }


.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 0 0 0;
	background: url(images/bgs/checkbox.gif) no-repeat;
	display: block;
	
	float: left;
}
.radio {
	background: url(images/bgs/radio.gif) no-repeat scroll 0 0 transparent;
}
.checkbox {margin-top:1px;}
#verticalForm .select { position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 20px; color: #fff; overflow: hidden; background-image: url(images/bgs/select160.gif); background-repeat: no-repeat; font-size: 100%; margin: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; }
#verticalForm .listL .select     { width: 210px!important; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 20px; color: #fff; overflow: hidden; background-image: url(images/bgs/select210.gif)!important; background-repeat: no-repeat; font-size: 100%; padding-top: 3px; padding-bottom: 0; padding-left: 5px; }
#verticalForm .listLong .select     { width: 280px!important; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 20px; color: #fff; overflow: hidden; background-image: url(images/bgs/select280.gif)!important; background-repeat: no-repeat; font-size: 100%; padding-top: 3px; padding-bottom: 0; padding-left: 5px; }
#verticalForm .listLongest .select     { width: 470px!important; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 20px; color: #fff; overflow: hidden; background-image: url(images/bgs/select470.gif)!important; background-repeat: no-repeat; font-size: 100%; padding-top: 3px; padding-bottom: 0; padding-left: 5px; }
#verticalForm h2 { font-size:140%; color: #666; font-weight:normal; padding: 0px; margin: 0px; }
#verticalForm input.submit {width: 100px; height:28px;}

.check_label {margin-left:5px;}
.check_top {margin-top:-3px;}
.prev_next { width:740px; margin-bottom: 10px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #666; clear: left; margin-top: 10px; }
a.next { background-color: #8ACEFF; border: 1px solid #666; color: #666; text-decoration: none; float: right;padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
a.previous { background-color: #8ACEFF; border: 1px solid #666; color: #666; text-decoration: none; float: left;padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#verticalForm table {font-size:110%!important;}
#verticalForm table table {font-size:100%!important;}