/* -----------------------------------------------------------------------------
Site:Cowie and Fox Inc. www.cowieandfox.com
--------------------------------------------------------------------------------
RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin:0;padding:0;vertical-align:top;}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal;font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
ul, ol { margin-bottom:1.0em; }
p { margin:1.0em 0; }

li {list-style:none;}

/*------------------------------------------------------------------------------
OVERALL LAYOUT
------------------------------------------------------------------------------*/
html { height:100%; margin-bottom:0.1em; }
body {
	font:.75em/1.6em Verdana, Helvetica, Arial, sans-serif;
	color: #5E7E7E;
	background-color: #FFF;
	}

body * {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-align: left;
	vertical-align: top;
	line-height: 16px;
	}

a { color: #EB6700; }
a:hover { color: #FFF; background: #5E7E7E; text-decoration: none; }
	
/*
----------------------------------------------------------------------------- 
CONTAIN ME
-----------------------------------------------------------------------------*/

#wrap {  width: 760px; margin: 0 auto; }

/*
----------------------------------------------------------------------------- 
HEADER IMAGE & SEARCH
-----------------------------------------------------------------------------*/

#banner { background: url(/_images/html/header_search_bg.gif) 570px 0 no-repeat; }
#banner a { color: #FFFFFF; }

/*----------------------------------------------------------------------------- 
MAIN NAVIGATION
-----------------------------------------------------------------------------*/

#header { height: 70px; }
	#logo {	width: 235px; height: 40px; float: right; margin: 23px 25px 0 0; }

#mainNav {
	width: 450px;
	height: 30px;
	background: url(/_images/html/main_navigation.gif);
	position: relative;
	top: 25px;
	left: 25px;
	display: block;
	}

#mainNav li {	
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 0;
	text-indent: -3000px;
	}

#mainNav li, #mainNav a {
	height: 30px; 
	display: block;
	background: none;
	text-decoration: none;
	}
	
#mainNav #btn1 {left: 0; width: 92px;}
#mainNav #btn2 {left: 92px; width: 86px;}
#mainNav #btn3 {left: 178px; width: 80px;}
#mainNav #btn4 {left: 258px; width: 62px;}
#mainNav #btn5 {left: 320px; width: 80px;}
#mainNav #btn6 {left: 400px; width: 50px;}

#mainNav #btn1 a:hover {background: transparent url(/_images/html/main_navigation.gif) 0 -31px no-repeat;}
#mainNav #btn2 a:hover {background: transparent url(/_images/html/main_navigation.gif) -92px -31px no-repeat;}
#mainNav #btn3 a:hover {background: transparent url(/_images/html/main_navigation.gif) -178px -31px no-repeat;}
#mainNav #btn4 a:hover {background: transparent url(/_images/html/main_navigation.gif) -258px -31px no-repeat;}
#mainNav #btn5 a:hover {background: transparent url(/_images/html/main_navigation.gif) -320px -31px no-repeat;}
#mainNav #btn6 a:hover {background: transparent url(/_images/html/main_navigation.gif) -400px -31px no-repeat;}



/*
----------------------------------------------------------------------------- 
CONTENT AREA
-----------------------------------------------------------------------------*/

#wrapper {
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	background: url(/_images/html/BG_rightcolumn.gif);
	margin-top: 1px;
	}
	
#wrapperNoBG {
	border-top: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	background: url(/_images/html/BG_nocolumn.gif);
	margin-top: 1px;
	}

.body {
	width: 570px;
	float: left;
	display: inline;
	}	

.sidebar {
	margin-left: 570px;
	}
	
.line{
	border-bottom: 1px dotted #CCCCCC;
	}
	
.lineVert{
	border-left: 1px dotted #CCCCCC;
	}

/*----------------------------------------------------------------------------- 
BOX-ORAMA
-----------------------------------------------------------------------------*/

.containerBG {
	border: 1px solid #D9D9D9;
	background: url(/_images/html/diagonal1.gif);
	padding:15px;
	margin-top: 2px;
	}

.container {
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	}

.containerLeft {
	width: 255px;
	float: left;
	display: inline;
	}
	
.containerRight {
	margin-left: 256px;
	}
	
/*
------------------------------------------------------------------------------
QUOTE
------------------------------------------------------------------------------*/
	
#quoteWrap {
	background: url(/_images/html/quote.gif) 10px 10px no-repeat;
	padding: 10px;
	}
	
#quote {
	margin-left: 35px;
	color: #FFFFFF;
	}

/*
----------------------------------------------------------------------------- 
CONTENT HOLDERS
------------------------------------------------------------------------------*/

.content {
	padding: 10px;
	}

div.intro {
	margin: 10px 25px;
	}
	
div.h2_content{
	padding-left: 20px;
	}
	
div.h3_content{
	padding-left: 10px;
	}	


/*
----------------------------------------------------------------------------- 
TYPOGRAPHY
-----------------------------------------------------------------------------*/

p {
	line-height: 18px;
	font-size: 12px; 
	padding: 0 0 8px 0;
	}
	
h1, h2, h3, h4, h5 {
	font: 18px/22px Arial,Helvetica,sans-serif;
	font-weight: lighter;
	}

h1 {
	color: #EB6700;
	font-size: 23px;
	line-height: 30px;
	}

h2 {
	color: #EB6700;
	margin-bottom: 5px;
	}
	
h2.white { color: #FFFFFF; }
	
h2.create { margin: 15px 10px 10px 25px; }
	
h3 { color: #EB6700; }

h3.premium { margin-top: 25px; }	
	
h4 {
	color: #FFF;
	margin: 10px 0 10px;
	}
	
	
h5 { color: #FFF; }	

h6 { 
	margin: 10px 0 5px 0; 
	font-size: 11px;
	font-weight:bold;
	}
	
/*
------------------------------------------------------------------------------
PAGE TITLES
------------------------------------------------------------------------------*/

.title {	
	margin: 10px 10px 10px 25px;
	}

/*
------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------*/
	
li {
	line-height: 16px;
	font-size: 11px; 
	color: #5E7E7E;
	padding-left: 8px;
	margin-top: 3px;
	background: url(/_images/html/bullet_li.gif) no-repeat 0 7px;
	}

/*
------------------------------------------------------------------------------
BREADCRUMB
------------------------------------------------------------------------------*/

div#breadcrumb {	
	padding: 10px 10px 10px 25px;
	border-bottom: 1px dotted #CCC;
	color: #7BC787; 
	
	}
	
div#breadcrumb ul {
	white-space: nowrap;
	list-style: none;
	}
	
div#breadcrumb ul li {
   	list-style-image: none;
   	display:inline;
   	padding: 0 3px 0 0; 
	margin: 3px 0 0 0;
	background: none;
	color: #7BC787;
	}
	
/*
------------------------------------------------------------------------------
BUTTON LISTS
------------------------------------------------------------------------------*/

ul.buttonList {
	margin: 15px 0 15px 0;
	padding: 0;
	white-space: nowrap;
	list-style: none;
	}

.buttonList li {
	display: inline;
	list-style-type: none;
	background: none;
	padding: 0;
	}
	

.buttonList a {padding: 3px 15px 3px 30px;border: 1px solid #D9D9D9;font-size: 10px;}
.buttonList .member {background: #FFF url(/_images/html/icon_member.gif) no-repeat; padding-left:25px;margin-left:10px;}  	
.buttonList a.email {background: #FFF url(/_images/html/icon_email.gif) no-repeat 15px 5px;}
.buttonList a.travel {background: #FFF url(/_images/html/icon_travel.gif) no-repeat 15px 5px;}
.buttonList a.print {background: #FFF url(/_images/html/icon_print.gif) no-repeat 15px 4px;}
.buttonList a.glossary {background: #FFF url(/_images/html/icon_glossary.gif) no-repeat 15px 5px;}
.buttonList a.faq {background: #FFF url(/_images/html/icon_faq.gif) no-repeat 15px 5px;}
.buttonList a:link, .buttonList a:visited{text-decoration: none;}
.buttonList a:hover{color: #666;background-color: #D9D9D9;text-decoration: none;}

/*
------------------------------------------------------------------------------
BUTTON IMAGES
------------------------------------------------------------------------------*/

a.signup{
	display: block;
	text-decoration: none;
	width: 160px;
	height: 30px;
	background: url(/_images/html/b_signup.gif) no-repeat;
	text-indent: -3000px;
	}	

a.signup:hover{
	background: transparent url(/_images/html/b_signup.gif) 0 -30px;
	}	
	
/*
-------------------------------------------------------------------------------
SECONDARY NAV
------------------------------------------------------------------------------*/

.subNav {
	list-style: none;
	}
	
.subNav2 {
	text-align: left;
	padding: 12px;
	border-left: 1px dotted #CCC;
	background: #FFF;
	}	
	
.subNav li, .subNav2 li{
	padding: 0 5px 2px 12px;
	background: url(/_images/html/arrow_small.gif) no-repeat 0 5px;
	}

/*
-------------------------------------------------------------------------------
RIGHT COLUMN BOXES
------------------------------------------------------------------------------*/

.sidebarBox {
	width: 160px;
	border: 1px solid #FFF;
	background: #FFFFFF;
	margin: 10px auto 10px auto;
	}
	
.sidebarBoxSolid {
	background: #7BC787;
	color: #FFFFFF;
	}
	
.sideBar120 {
	width: 120px;
	border: 1px solid #FFFFFF;
	margin: 0 auto 5px auto;
	}

/*
------------------------------------------------------------------------------
FAQ
------------------------------------------------------------------------------*/
	
a.faq_question{   
	display: block; 
	padding: 1px;
	margin: 6px 0 6px 0; 
	color: #5E7E7E;
	}
	
a.faq_question:hover{   
	color: #FFF;
	}
	
div.faq_answer{   
	padding-left: 1px;
	}
	
/*
------------------------------------------------------------------------------
GLOSSARY
------------------------------------------------------------------------------*/

div.glossary_nav {   
	padding: 10px;   
	}
	
div.glossary_nav a{ padding-right: 6px; }

div.glossary_nav a.selected{ font-weight:bold; }
	
/*
------------------------------------------------------------------------------
BROWSE LISTS
------------------------------------------------------------------------------*/

.browse {
	margin: 10px;
	}
	
.browse ul {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	}

.browse ul li {
	display: inline;
	padding: 0;
	background: none;
	margin-right: 2px;
	}
	
.browse ul li a{
	color: #5E7E7E;
	text-decoration:underline;
	}

.browse ul li a:hover{
	color: #FFF;
	}
	
/*
------------------------------------------------------------------------------
SEARCH
------------------------------------------------------------------------------*/

#searchForm {
	background: #7BC787;
	color: #FFFFFF;
	}	
	
#searchForm .line{
	border-bottom: 1px dotted #FFFFFF;
	}	

/*
------------------------------------------------------------------------------
MEMBER SEARCH RESULTS
------------------------------------------------------------------------------*/

.memberResult {
	display: inline;
	width: 129px;
	float: left;
	background: #FFFFFF;
	}
	
.memberResultBG {
	background: url(/_images/html/diagonal1.gif);
	}
	
.leftBorder{
	border-left: 1px solid #FFFFFF;
	}

/*
------------------------------------------------------------------------------
SEARCH MORE BTN
------------------------------------------------------------------------------*/
	
a.more {
	color: #EB6700;
	text-decoration: none;
	font: 11px Verdana, Arial,Helvetica,sans-serif;
	padding-left: 12px;
	background: url(/_images/html/icon_details.gif) no-repeat 0 3px;
	}
	
a.facebook {
	color: #EB6700;
	height:40px;
	text-decoration: none;
	font: 11px Verdana, Arial,Helvetica,sans-serif;
	padding-left: 40px;
	background: url(/_images/html/icon_facebook.png) no-repeat;
	}
	
a.twitter {
	color: #EB6700;
	display:block;
	height:32px;
	text-decoration: none;
	font: 11px Verdana, Arial,Helvetica,sans-serif;
	padding-left: 40px;
	background: url(/_images/html/icon_twitter.png) no-repeat;
	margin-bottom:10px;
	}
	
a.more:hover, a.facebook:hover, a.twitter:hover { color: #666; }


/*
------------------------------------------------------------------------------
MEMBER SPA LISTING
------------------------------------------------------------------------------*/

#memberLeft {
	width: 310px;
	float: left;
	display: inline;
	}
	
#memberRight {
	width: 389px;
	float:right;
	}		
/*	
------------------------------------------------------------------------------
GOOGLE MAP
------------------------------------------------------------------------------*/	
#googleMap {
	height: 480px;
	border: 1px solid #333333;
	}
	
#googleMap a {
	background: none;
	}
	
#googleMap a:hover {
	background: #FFFFFF;
	} 
	
.googleMapInfoWindow {
	width:250px;
}

.googleMapInfoWindow a.infoWindowLink {
	color: #EB6700;
}

.googleMapInfoWindow a.infoWindowLink:hover {
	text-decoration:underline;
}

#googleMap h6 {
	font-weight: bold;
	}

/*
------------------------------------------------------------------------------
LIFESTYLE / BOUTIQUE
------------------------------------------------------------------------------*/

.productImage {
	margin: 0px;
	}
	
.categoryLeft {
	width: 146px;
	float: left;
	display: inline;
	}
	
.categoryRight {
	margin-left: 156px;
	}

.categoryHeaders{
	width: 330px;
	}
	
.categoryMore{
	background: #7BC787;
	color: #FFF;
	text-align: right;
	}

.categoryMore a{
	display: block;
	text-decoration: none;
	width: 200px;
	height: 30px;
	background: url(/_images/html/more_category.gif) no-repeat;
	text-indent: -3000px;
	margin: 0 0 0 auto;
	}	

.categoryMore a:hover{
	background: transparent url(/_images/html/more_category.gif) 0 -30px;
	}
	
/*
------------------------------------------------------------------------------
STORY IMAGE
------------------------------------------------------------------------------*/
	

div.storyImage {
	float:right; 
	margin: 0 0 20px 20px;
	background: url(/_images/html/diagonal1.gif);
}

div.storyImage img{
	border: 1px solid #FFF;
	margin: 10px;
	}
	
div.storyImage ul.buttonList {
	margin: 10px;
	}	

/*----------------------------------------------------------------------------
SPA FRIEND
--------------------------------------------------------------------------*/


#spaFriend {
	width: 256px;
	margin: 20px auto;
	}
	
#spaFriend form {
	padding: 10px;
	border: 1px solid #CCC;
	}

#spaFriend form label {
	padding: 12px 0 3px 0;
	}

#spaFriend form input {
	border: 1px solid #CCC;
	}
	
#spaFriend form input.txt {
	width: 234px;
	}
	
#spaFriend form textarea {
	width: 234px;
	border: 1px solid #CCC;
	}

#spaFriend form input.box {
	margin: 6px 12px 6px 0;
	}

#spaFriend form .boxLabel {
	padding: 4px 0;
	}

#spaFriend form select {
	width: 200px;
	}

#spaFriend form input#submit {
	margin-top: 12px;
	}
	
.frmText, .frmSelect { border: 1px solid #CCC; padding: 2px; }
.frmSubmit, .input-submit { color:#FFF; background: #7BC787; padding: 2px 10px; font-weight:bold;}

	/*------------------------------------------------------------------------------
	COMMENTS FORM
	------------------------------------------------------------------------------*/
	.comments_form th, .comments_form td {padding-bottom:10px;}
	.comments_form label {font-weight:bold; font-size:11px;}
	.comments_form td {width: 200px;}
	.radio_form td {width: 45px !important; text-align: center;}
	.radio_form td.radio_label {width: 250px !important; text-align: left !important;}



/*
------------------------------------------------------------------------------
LIVE DREAM DISCOVER
------------------------------------------------------------------------------*/

/* FROM TOPICA */

.master	{ width: 100%; }

.master table td { 
	padding: 5px 0;
	background: #FFF;
	}


/* Labels and Notes */

.subhead 		{ color: #000099; }
		
.required 		{ color: #FF0000; }
	
.label 			{ width:150px; }
	
.value 			{ color: #000099; }
	
.note 			{ color: #666666; font-size: .9em; }


/* Inputs - Named for Input Type */

.input-text 	{ padding: 1px; width: 220px; border: 1px solid #CCC;}

.input-list-s	{ padding: 1px; width: 220px; }

.input-list-m	{ padding: 1px; width: 220px; margin-right:5px;}

.input-radio	{ padding: 1px; }

.input-check	{ padding: 1px; }


/*
------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/

.mediaItem{
	float: left;
	margin-right: 50px;
	width: 150px;
	}
	
/*
------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/

#footer { padding: 10px 0 15px 0; }
	
#footer p { font-size: .75em; color: #7BC787; text-align: center; }
#footer li { font-size: .75em; color: #7BC787; padding-right:10px; margin-bottom:0; line-height:.75em;}

#footer a {
	color: #7BC787;
	text-decoration: none;
	}

#footer a:hover {
	color: #FFF;
	}
#footer li.ulTitle { padding-left:0; background:none; color:#5E7E7E;}
	
ul.nc { width:126px; float:left; }

/*------------------------------------------------------------------------------
CLEARS
------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { min-height: 0; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/*------------------------------------------------------------------------------
FLASH TEXT REPLACEMENT
------------------------------------------------------------------------------*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    visibility: hidden;
    letter-spacing: -.1em;
  }
  .sIFR-active h2 {
    visibility: hidden;
    letter-spacing: -.12em;
  }
  .sIFR-active h3 {
    visibility: hidden;
    letter-spacing: -.12em;
  }
  .sIFR-active h4 {
    visibility: hidden;
    letter-spacing: -.12em;
  }
  .sIFR-active h5 {
    visibility: hidden;
    letter-spacing: -.12em;
  }
}