* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px; 
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
	background: #ffffff url(/images/global/header-bg.jpg) repeat-x top left;
}

.clear {
	clear: both;
}

/*************************************************************/
/***************** Regions & Wrappers ************************/
/*************************************************************/

#page {}

#container {
	background: url(/images/global/footer-fade.jpg) repeat-x bottom left;
	padding-bottom: 10px;
	min-height: 800px;
	height: auto !important;
	height: 800px;
}
.container-inner {
	width: 960px;
	margin: auto;
	position: relative;
	min-height: 800px;
	height: auto !important;
	height: 800px;
}
#top {
	background: url(/images/global/top-menu-bg-m.jpg) repeat-x left top;
	/*width: 247px;*/
	height: 26px;
	position: absolute;
	top: 0;
	right: 0;
	color: #85c4f3;
}
#top .inner {
	background: url(/images/global/top-menu-bg-l.jpg) no-repeat left top;
}
#top .inner-inner {
	background: url(/images/global/top-menu-bg-r.jpg) no-repeat right top;
	padding:0 12px 3px;
}

#top a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #85c4f3 !important;
}
#top a.member {
	color: #ffffff !important;
}
#header {
	padding-top: 36px;
}
#header .leaderboard {
	float: right;
	width: 738px;
	background: url(/images/global/ad-text-down.gif) no-repeat top right;
}

#main {
	clear: both;
	position: relative;
	margin-top: 5px;
	width: 960px;
}
#main-inner {
}
#main-footer {
}
#main #content {

}
.not-front #main-col {
	margin-bottom: 15px;
}
.right-col-divider {
	background: url(/images/global/right-col-divider.gif) repeat-y top right;
}
#main-col {
	width: 640px;
	position: relative;
	float: left;
	margin-bottom: 15px;
	
}
#main-col .wide-col {
}

.front #main-col .wide-col {
}

#main-col .main-left {
	background: #fff;
	margin-left: 5px;
	padding: 1px 10px 1px 5px;
	width: 620px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#main-col .main-left-top {
	background: url(/images/global/content-area-bg-top.png) no-repeat 5px top;
	height: 2px;
	margin-left: 0 !important;
	margin-left: 5px;
}
#main-col .main-left-footer {
	background: url(/images/global/content-area-bg-bottom.png) no-repeat 5px bottom;
	height: 2px;
	margin-left: 0 !important;
	margin-left: 5px;
}
.front #main-col .main-left {
	background: none;
}
.front #main-col .main-left-top {
	display: none;
}
.front #main-col .main-left-footer {
	display: none;
}

#main-col .split-col {
	background: url(/images/global/split-col-divider.gif) repeat-y -10px top;
	margin-top: 10px;
}
#main-col .split-col .left-col {
	width: 300px;
	padding: 0 10px 0 0;
	float: left;
}

#main-col .split-col .right-col {
	width: 300px;
	padding: 0 0 0 10px;
	float: left;
}
#main-col .split-col-2 {
	width: 620px;
}
#main-col .split-col-2 .left-col {
	float: left;
	width: 220px;
	margin-right: 10px;
}
#main-col .split-col-2 .right-col {
	width: 390px;
	overflow: hidden;
	float: left;
}
#video-gallery-section #main-col .main-left {
	padding: 1px 5px;
	width: 625px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
#content-top {
	padding-bottom: 5px;
}
#content-top .inner {
	margin:5px;
}
#video-gallery-section #content-top .top {
	background: url(/images/global/video-galleries-top-content-bg-top.jpg) no-repeat;
	height: 3px;
}
#video-gallery-section #content-top .mid {
	background: #fff;
	min-height: 300px;
	padding: 5px;
}
#video-gallery-section #content-top .bottom {
	background: url(/images/global/video-galleries-top-content-bg-bottom.jpg) no-repeat;
	height: 3px;
}
div.grippie {
	background: #EEEEEE url(/images/global/grippie.png) no-repeat scroll center 2px;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0pt 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:50%;
	height: 30%;
}
.form-item {
	position: relative;
}
.content img {
	padding: 5px;
}


/** wide page template **/

#main-col-wide {
	padding-bottom: 15px;
}
#main-col-wide .main-col-wide-inner {
	margin: 5px;
}
#main-col-wide .top {
	background: url(/images/global/general-content-wide-bg-top.jpg) no-repeat;
	height: 3px;
}
#main-col-wide .mid {
	background: #fff;
	min-height: 300px;
	padding: 5px;
}
#main-col-wide .bottom {
	background: url(/images/global/general-content-wide-bg-bottom.jpg) no-repeat;
	height: 4px;
}

/* wide members section */
#members-section #main-col-wide .left-col {
	float: left;
	margin-right: 10px;
	width: 220px;
}
#members-section #main-col-wide .right-col {
	float: left;
	margin-left: 5px;
	overflow: hidden;
	width: 705px;
	position: relative;
}
#members-section #main-col-wide .divider .mid {
	background: #ffffff url(/images/global/members-col-left-divider.jpg) repeat-y -2px 0;
}


/*************************************************************/
/***************** PAGE TITLE SECTION    *********************/
/*************************************************************/

#page-title {
	padding: 7px 0 5px 7px;
	position: relative;
	color: #ffffff;
	/*height: 43px;*/
}
#page-title .user {
	color: #0078A3;
	font-size: 18px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 20px;
	width: 400px;
	font-weight: bold;
	z-index: 10;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.breadcrumb {
	font-size: 9px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: -5px;
}
.breadcrumb a {
}
.breadcrumb a:hover {
	color: #ffffff;
}
h1.title {
	margin:5px 0 0;
	font-size: 22px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 22px;
}

#page-title .seperator {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

/* health wellbeing */
#health-wellbeing-section #page-title .breadcrumb {
	color: #7eb9cb;
}
#health-wellbeing-section #page-title .breadcrumb a {}
#health-wellbeing-section #page-title .breadcrumb a:hover {}
#health-wellbeing-section #page-title h1.title {	
	color: #7eb9cb;
}
/* general section */
#general-section #page-title .breadcrumb {
	color: #7eb9cb;
}
#general-section #page-title .breadcrumb a {
	color: #7eb9cb;
}
#general-section #page-title .breadcrumb a:hover {
	color: #7eb9cb;
}
#general-section #page-title h1.title {
	color: #7eb9cb;
}
/* money matters */
#money-matters-section #page-title .breadcrumb {}
#money-matters-section #page-title .breadcrumb a {}
#money-matters-section #page-title .breadcrumb a:hover {}
#money-matters-section #page-title h1.title {}
/* lifestyle family */
#lifestyle-family-section #page-title .breadcrumb {}
#lifestyle-family-section #page-title .breadcrumb a {}
#lifestyle-family-section #page-title .breadcrumb a:hover {}
#lifestyle-family-section #page-title h1.title {}
/* retirement */
#retirement-section #page-title .breadcrumb {}
#retirement-section #page-title .breadcrumb a {}
#retirement-section #page-title .breadcrumb a:hover {}
#retirement-section #page-title h1.title {}
/* leisure travel */
#leisure-travel-section #page-title .breadcrumb {}
#leisure-travel-section #page-title .breadcrumb a {}
#leisure-travel-section #page-title .breadcrumb a:hover {}
#leisure-travel-section #page-title h1.title {}
/* work education */
#work-education-section #page-title .breadcrumb {}
#work-education-section #page-title .breadcrumb a {}
#work-education-section #page-title .breadcrumb a:hover {}
#work-education-section #page-title h1.title {}

/* members matters */
#members-section #page-title .breadcrumb {
	color: #46a4c2;
}
#members-section #page-title .breadcrumb a {
	color: #336699;
}
#members-section #page-title .breadcrumb a:hover {}
#members-section #page-title h1.title {
	color: #3c9ebe;
}

/*************************************************************/
/***************** PAGE BACKGROUNDS    ***********************/
/*************************************************************/

#main {
	padding-top: 0;
	margin-top: 5px;
	width: 960px;

}
.main-inner {
	width: 960px;
}
.main-inner-inner {
	width: 960px;
}


/* NO BACKGROUND PAGES */

.no-background #main {
	margin-top: 10px;
	background: url(/images/global/right-col-divider.gif) repeat-y 639px top;
}
.no-background #main .main-inner {
	background: none;
}
.no-background #main .main-inner-inner {
	background: none;
}

/* GENERAL BACKGROUND PAGES */

.background #main {
	background: url(/images/global/general-bg-mid.jpg) repeat-y top left;
}
.background .main-inner {
	background: url(/images/global/general-bg-top.jpg) no-repeat top left;
}
.background .main-inner-inner {
	background: url(/images/global/general-bg-footer.jpg) no-repeat bottom left;
}

/* health-well-being */
#health-wellbeing-section #main {
	background: url(/images/global/general-bg-mid.jpg) repeat-y top left;
}
#health-wellbeing-section .main-inner {
	background: url(/images/global/general-bg-top.jpg) no-repeat top left;
}
#health-wellbeing-section .main-inner-inner {
	background: url(/images/global/general-bg-footer.jpg) no-repeat bottom left;
}
/* money matters */
#money-matters-section #main {
	background: url(/images/global/money-matters-bg-body.jpg) repeat-y top left;
}
#money-matters-section .main-inner {
	background: url(/images/global/money-matters-bg-top.jpg) no-repeat top left;
}
#money-matters-section .main-inner-inner {
	background: url(/images/global/money-matters-bg-footer.jpg) no-repeat bottom left;
}
/* family lifestyle */
#lifestyle-family-section #main {
	background: url(/images/global/lifestyle-family-bg-body.jpg) repeat-y top left;
}
#lifestyle-family-section .main-inner {
	background: url(/images/global/lifestyle-family-bg-top.jpg) no-repeat top left;
}
#lifestyle-family-section .main-inner-inner {
	background: url(/images/global/lifestyle-family-bg-footer.jpg) no-repeat bottom left;
}
/* retirement */
#retirement-section #main {
	background: url(/images/global/retirement-bg-bod.jpg) repeat-y top left;
}
#retirement-section .main-inner {
	background: url(/images/global/retirement-bg-top.jpg) no-repeat top left;
}
#retirement-section .main-inner-inner {
	background: url(/images/global/retirement-bg-footer.jpg) no-repeat bottom left;
}
/* leisure and travel */
#leisure-travel-section #main {
	background: url(/images/global/leisure-travel-bg-bod.jpg) repeat-y top left;
}
#leisure-travel-section .main-inner {
	background: url(/images/global/leisure-travel-bg-top.jpg) no-repeat top left;
}
#leisure-travel-section .main-inner-inner {
	background: url(/images/global/leisure-travel-bg-footer.jpg) no-repeat bottom left;
}
/* work and education */
#work-education-section #main {
	background: url(/images/global/work-bg-bod.jpg) repeat-y top left;
}
#work-education-section .main-inner {
	background: url(/images/global/work-bg-top.jpg) no-repeat top left;
}
#work-education-section .main-inner-inner {
	background: url(/images/global/work-bg-footer.jpg) no-repeat bottom left;
}


/* VIDEO GALLERY */
#video-gallery-section #main {
	background: url(/images/global/video-galleries-bg-mid.jpg) repeat-y top left;
}
#video-gallery-section .main-inner {
	background: url(/images/global/video-galleries-bg-top.jpg) no-repeat top left;
}
#video-gallery-section .main-inner-inner {
	background: url(/images/global/video-galleries-bg-footer.jpg) no-repeat bottom left;
}

/* SEACHANGE GUIDE MAIN + LISTING */
#seachange-main-section #main {
	background: url(/images/global/seachangeguide-bg-mid.jpg) repeat-y top left;
}
#seachange-main-section .main-inner {
	background: url(/images/global/seachangeguide-bg-main-top.jpg) no-repeat top left;
}
#seachange-main-section .main-inner-inner {
	background: url(/images/global/seachangeguide-bg-main-ft.jpg) no-repeat bottom left;
}

#seachange-listing-section #main {
	background: url(/images/global/seachangeguide-bg-mid.jpg) repeat-y top left;
}
#seachange-listing-section .main-inner {
	background: url(/images/global/seachange-guide-listing-bg-top.jpg) no-repeat top left;
}
#seachange-listing-section .main-inner-inner {
	background: url(/images/global/seachangeguide-bg-main-ft.jpg) no-repeat bottom left;
}

#seachange-main-section #main-col,
#seachange-main-section #sidebar-right,
#seachange-listing-section #main-col,
#seachange-listing-section #sidebar-right {
	display: none;
}




/*************************************************************/
/***************** LOGO AND SITE NAME  ***********************/
/*************************************************************/

#logo {
	float: left;
	margin:0 0 0 1em;
}

#logo img {
	display: block;
	border: 0;
}

#logo-title a {
	text-decoration: none;
	outline: none;
}



/*************************************************************/
/***************** SIDE BAR **********************************/
/*************************************************************/


#sidebar-right {
	width: 320px;
	float: left;
	overflow: hidden;
	padding-top: 5px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
.front #sidebar-right {
	padding-top: 0;
}
#sidebar-right .sidebar-inner {
	width: 300px;
	padding: 0 10px;
	margin-bottom: 10px;
}
#sidebar-right .site-tools {
	position: relative !important;
}

.site-tools-member { 
	position: absolute;
	right: 10px;
	top: 15px;
}

.font-sizer {
	float: left;
}
.font-size input {
	outline: none;
}
.search-bar {
	float: left;
}

.search-bar input {
	background: url(/images/global/search-bg.gif) no-repeat;
	border: 0;
	padding:8px 4px 6px 27px;
	width:170px;
	margin-left: 5px;
	color: #646363;
	font-size: 11px;
}

.search-bar #go {
	border: 0;
	background: url(/images/global/search-btn.gif) no-repeat;
	height: 26px;
	width: 26px;
	cursor: pointer;
	color: #ffffff;
	font-size: 11px;
	padding: 0;
	margin: 0;
}



/*************************************************************/
/***************** NAV BAR  **********************************/
/*************************************************************/

#nav {
	background:transparent url(/images/global/navigation.gif) no-repeat;
	background-position: -3px -3px;
	height:37px;
	width:960px;
	margin-top: 15px;
	font-size: 12px;
}
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding: 0;
	height: 37px;
	text-align: center;
	position: relative;
	background: url(/images/global/nav-divider.jpg) no-repeat top right;
}
#nav li.last {
	background: none !important;
}
#nav ul li a {
	display: block;
	color: #ffffff;
	outline: none;
	font-weight: bold;
	text-decoration: none;
	padding: 13px 14px !important;
	padding: 12px 14px;
}
#nav ul li.first a:hover {
	background-position: -3px -42px !important;
}
#nav ul li a:hover {
	background: url(/images/global/navigation.gif);
	background-position: -7px -42px;
}
#nav ul li.last a:hover {
	background-position: -376px -42px;
}
#nav li.members a {
	padding:13px 16px 13px 17px !important;
}


/* SECOND LEVEL NAV */

#subnav { 
	background:transparent url(/images/global/navigation.gif) no-repeat scroll -3px -81px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height:31px;
	width:960px;
	font-size: 11px;
	padding: 0 0 0 5px;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#subnav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding: 0;
	height: 31px;
	text-align: center;
	position: relative;
}
#subnav li a {
	display: block;
	color: #ffffff;
	outline: none;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
}
/* give the style for the subnav hover */
#subnav li:hover, #subnav li.sfhover {
	background: url(/images/global/subnav-hover-left2.jpg) no-repeat bottom left;
}
#subnav li:hover a, #subnav li.sfhover a {
	background: url(/images/global/subnav-hover-right2.jpg) no-repeat bottom right;
	color: #666666;
}

/* but then remove it for the members */
#members-section #subnav li:hover a {
	color: #ffffff;
	background: none;
	text-decoration: underline;
}
/* selected state for subnav */
#subnav li.selected {
	background: url(/images/global/subnav-hover-left2.jpg) no-repeat bottom left;
}
#subnav li.selected a {
	background: url(/images/global/subnav-hover-right2.jpg) no-repeat bottom right;
	color: #666666;
}

#subnav li ul { /* second-level lists */
	position: absolute;
	background: #7caf50;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#subnav li ul li {
	font-family:Arial, Helvetica, sans-serif;
	/*padding: 5px 0px 5px 5px;*/
	margin: 0px;
	height: 25px;
	text-align: left;
}
#subnav li ul li:hover {
	/*background: #fff;*/
}
#subnav li ul li a {
	font-weight: normal;
	font-size: 11px;
	padding: 7px 0px 7px 5px;
	width: 145px !important;
	/*border-bottom: 1px solid #9abd7c;*/
	border-right: none;
	color: #ffffff;
}
#subnav li ul li a:hover {
	/*padding: 7px 0px 7px 5px;*/
	/*margin-top: 1px;*/
}
#subnav li:hover ul ul, #subnav li.sfhover ul ul {
	left: -999em;
}

/* THIRD LEVEL DROPDOWN NAV */

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
	left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
	left: auto;
}

/* SELECTED STATES FOR TOP MENU FOR EACH MAIN PAGE */

/* first menu item */
#health-wellbeing-section #nav ul li.first a {
	background: url(/images/global/navigation.gif);
	background-position: -3px -42px !important;
}
/* members menu item */
#members-section #nav li.members a {
	background: url(/images/global/navigation.gif);
	background-position: -4px -114px;
}
/* the rest */
#money-matters-section #nav li.mm a,
#lifestyle-family-section #nav li.lf a,
#retirement-section #nav li.retire a,
#leisure-travel-section #nav li.lt a,
#work-education-section #nav li.we a,
#find-section #nav li.find a {
	background: url(/images/global/navigation.gif);
	background-position: -7px -42px !important;
}



/* MEMBERS SECOND LEVEL NAV */

#members-section #subnav {
	background: url(/images/global/navigation.gif) no-repeat scroll -3px -153px;
	height: 41px;
}
#members-section #subnav li {
	height: 41px;
}
#members-section #subnav li a {
	padding: 15px 10px 15px 15px;
}


#members-section #subnav .profile {
	background: url(/images/global/navigation.gif) no-repeat scroll -7px -196px;
}
#members-section #subnav .profile a {
	padding-left: 42px;
}
#members-section #subnav .account {
	background: url(/images/global/navigation.gif) no-repeat scroll -153px -196px;
}
#members-section #subnav .account a {
	padding-left: 42px;
}
#members-section #subnav .content {
	background: url(/images/global/navigation.gif) no-repeat scroll -297px -196px;
}
#members-section #subnav .content a {
	padding-left: 42px;
}
#members-section #subnav .events {
	background: url(/images/global/navigation.gif) no-repeat scroll -442px -196px;
}
#members-section #subnav .events a {
	padding-left: 42px;
}
#members-section #subnav .friends {
	background: url(/images/global/navigation.gif) no-repeat scroll -582px -196px;
}
#members-section #subnav .friends a {
	padding-left: 42px;
}
#members-section #subnav .message {
	background: url(/images/global/navigation.gif) no-repeat scroll -737px -196px;
}
#members-section #subnav .message a {
	padding-left: 42px;
}
#members-section #subnav .benefits {
	background: url(/images/global/navigation.gif) no-repeat scroll -884px -196px;
}
#members-section #subnav .benefits a {
	padding-left: 42px;
}

#members-section #subnav .logout {
	background: url(/images/global/navigation.gif) no-repeat scroll -103px -112px;
	float:right;
	margin-right:10px;
}
#members-section #subnav .logout a {
	font-size:11px;
	font-weight:normal;
	padding-left:32px;
}



/*************************************************************/
/***************** ADS      **********************************/
/*************************************************************/

.med-rec {
	height: 260px;
	width: 300px;
	background: url(/images/global/ad-text-across.gif) no-repeat top right;
}
.med-rec .inner {
	padding-top: 10px;
}

.small-ad-tile {
	float: left;
	margin: 0 12px !important;
	padding: 10px 0;
	width: 125px !important;
}
.small-ad-tile .ad-small {
	height: 135px;
	width: 125px;
	overflow: hidden;
	/*background: url(/images/global/ad-text-across.gif) no-repeat top right;*/
}
.small-ad-tile .ad-small .inner {
	/*padding-top: 10px;*/
}
.small-ad-tile .ad-small img {
	border: 0;
}




/** lists **/
  /* standardize list item indentation */
ul, ol {
    margin-left: 0;
    padding-left: 3em;
}

ul ul, ul ol,
ol ol, ol ul {
    margin: 0;
}

li {
    margin: 0;
    padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }






/*************************************************************/
/***************** GLOBAL SHOP STYLES  ***********************/
/*************************************************************/

/***** a product ******/

#product {}
#product .img {
	-moz-border-radius:5px;
	border: 1px solid #ccc;
	width: 220px;
	/*height: 220px;*/
	overflow: hidden;
	float: left;
	margin: 0 8px 0 0;
}
#product .img .inner {
	padding: 5px;
}
#product .img .inner table {
	height: 210px;
}	
#product .img .inner img {
	border: 0;
}
#listing {
	margin-top: 5px;
}
#listing .profile-pic {
	margin-right: 10px;
	float: left;
}
#product .desc, #listing .desc {}
#product .desc p, #listing .desc p {}
#product .details, #listing .details {
	float: left;
}
#product .view-images {
	float: left;
	margin: 0 5px 0 0;
}
#product .view-images img {
	border: 0;
}
#product .details .amount {
	color:#FF7800;
	font-family:Arial,Helvetica,sans-serif;
	font-size:29px;
	font-weight:bold;
	float: left;
	line-height: 29px;
}
#product .details .add-btn {
}
#product .details .add-btn img {
	border: 0;
}
#product .article-footer {
	background: url(/images/global/product-footer-tools-bg.jpg) no-repeat; 
	margin: 10px 0;
}
.article-footer .inner {
	padding:3px 0;
}
.article-footer .print-email {
	float: left;
	padding: 2px 0 0 2px;
}
#product .print a {
	background: transparent url(/images/global/product-icon-print.jpg) no-repeat scroll 0 0;
}
#product .email a {
	background:transparent url(/images/global/product-icon-email.jpg) no-repeat scroll 0 0;
}
#product .share {
	padding: 0;
}
#product .share td {
	padding: 2px 3px;
}
#product-overview {
	background: url(/images/global/product-overview-bg-mid.jpg) repeat-y left top;
	width: 619px;
	margin-bottom: 10px;
}
#product-overview .inner {
	background: url(/images/global/product-overview-bg-ft.jpg) no-repeat left bottom;
}
#product-overview .inner-inner {
	background: url(/images/global/product-overview-bg-top.jpg) no-repeat left top;
}
#product-overview .overview {
	padding:35px 17px;
}


/***** get more info ******/

#get-more-info {
	background: url(/images/global/product-overview-bg-mid.jpg) repeat-y left top;
	width: 619px;
	margin-bottom: 10px;
}
#get-more-info .inner {
	background: url(/images/global/product-overview-bg-ft.jpg) no-repeat left bottom;
}
#get-more-info .inner-inner {
	background: url(/images/global/product-more-info-bg.jpg) no-repeat left top;
}
#get-more-info .form {
	padding:35px 17px;
}
#get-more-info .form-item .title {
	font-weight: bold;
}
#get-more-info .form-item input {
	background:transparent url(/images/global/compact-form-input-bg.jpg) no-repeat left top;
	border:0 none;
	color:#696969;
	font-size:11px;
	margin:3px 0;
	padding: 8px 8px 7px;
	width:254px;
}
#get-more-info .radio-btns input {
	width: auto !important;
}
#get-more-info .form-item input:focus {
	background:transparent url(/images/global/compact-form-input-bg.jpg) no-repeat left bottom;
}
#get-more-info .form-item textarea {
	background:transparent url(/images/global/textarea-bg.jpg) no-repeat scroll 0 0;
	border:0 none;
	color:#696969;
	font-size:11px;
	height:104px;
	margin:3px 0;
	padding:8px;
	width:254px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#get-more-info .form-item textarea:focus {
	background:transparent url(/images/global/textarea-bg-focus.jpg) no-repeat scroll 0 0;
}
#get-more-info #submit {
	background:transparent url(/images/global/submit-btn.jpg) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	height:26px;
	margin:0 8px 0 0;
	padding:0;
	width:80px;
}


/*************************************************************/
/***************** TYPOGRAPHY ********************************/
/*************************************************************/

/* Headings general */

h1, h2, h3, h4, h5, h6 {
	margin: 9px 0 0 0;
	line-height: 16px;
	color: #504f4f;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

/* font sizes */
h1 {font-size: 18px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 11px;}
h5 {font-size: 10px;}
h6 {font-size: 9px;}


/* font weights */

h1 {font-weight: bold;}
h2 {font-weight: bold;}
h3 {font-weight: bold;}
h4 {font-weight: bold;}
h5 {font-weight: bold;}
h6 {font-weight: bold;}

/* Linked headings */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: underline;
	color: #504f4f;
}

p {
	margin: 6px 0px 12px;
}

.intro p {
	margin: 6px 0;
}

ul {
	/*margin: 0px 0 1.5em 0;*/
	padding: 0 0 0 2em;
}

a {
	color:#ff7a00;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #ff7a00;
}


/********* change links per section *************/


#health-wellbeing-section a {
	color: #ff7a00;
}
#money-matters-section a {
	color: #1d6809;
}
#lifestyle-family-section a {
	color: #426575;
}
#retirement-section a {
	color: #58646c;
}
#leisure-travel-section a {
	color: #336699;
}
#work-education-section a {
	color: #828282;
}







/*************************************************************/
/***************** FOOTER ************************************/
/*************************************************************/

#footer {
	height: 335px;
	background: #ff710f url(/images/global/footer-bg.jpg) repeat-x top left;
	color: #ffffff;
}
#footer .footer-inner {
	width:960px;
	margin: auto;
	padding-top: 17px;
}

#footer .left {
	width: 300px;
	float: left;
	padding: 0 10px;
	background: url(/images/global/footer-divider.gif) repeat-y top right;
	height: 245px;
}
#footer .middle {
	width: 300px;
	height: 245px;
	float: left;
	padding: 0 10px;
	background: url(/images/global/footer-divider.gif) repeat-y top right;
}
#footer .right {
	width: 300px;
	float: left;
	padding: 0 10px;
}

#footer a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
#footer a:hover {
}

#footer .quick {
	padding-top: 18px;
}

#footer .about ul,
#footer .quick ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .benefits ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#footer .benefits ul li {
	background: url(/images/global/white-dotted-divider.gif) repeat-x bottom left;
	padding: 3px 0 4px;
	font-size: 11px;
}

#footer .about ul li,
#footer .quick ul li {
	background: url(/images/global/white-dotted-divider.gif) repeat-x bottom left;
	float: left;
	width: 150px;
	padding: 3px 0;
}
#footer .about ul li a,
#footer .quick ul li a {
	font-size: 10px;
}

/*avatars*/

.avatar {
float:left;
}
.avatar .img {
height:71px;
margin:2px 0 0;
position:relative;
width:71px;
}
.avatar .img .avatar-image {
height:60px;
position:absolute;
width:60px;
z-index:0;
top: 5px;
left: 5px;
}
.avatar .img .avatar-frame {
border:medium none;
height:71px;
position:absolute;
width:71px;
z-index:1;
}

/* large profile pic */
.profile-pic {
	margin: 0 2px 10px 2px;
}
.profile-pic .img {
	height: 214px;
	position: relative;
	width: 218px;
	overflow: hidden;
}
.profile-pic .img .profile-image {
	height: 214px;
	position: absolute;
	width: 218px;
	z-index:0;
	top: 0 !important;
	top: 2px;
	left: 0;
}
.profile-pic .img .profile-frame {
	border: medium none;
	height: 214px;
	position: absolute;
	width: 218px;
	z-index: 1;
}

.copyright {
	clear: both;
	color: #d84e00;
	font-size: 10px;
	background: url(/images/global/footer-breaker.gif) repeat-x top left;
	margin-top: 7px;
}
.copyright a {
	text-decoration: none !important;
	color: #d84e00 !important;
	font-weight: normal !important;
}
.copyright a:hover {
	text-decoration: underline;
}


/*************************************************************/
/***************** HTML ELEMENTS *****************************/
/*************************************************************/


/* tables */

table {}

tbody {
	border: none;
}

th {
	border: none;
}

td {
	padding: 3px;
}

/* Forms */

.form-text, textarea {
	padding: 1px;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background: #fff;
	color: #000;
}

select {
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background: #fff;
	color: #000;
}

option {
	padding-right: 1em;
}

.form-submit, button {
	padding: 1px;
	border-width: 1px;
}

.form-item .description {
	color: #666;
	font-size: 90%;
}


/***** forms *******/

#advertise-here-form {}
#contact-form {}

#advertise-here-form .form-item,
#contact-form .form-item {
	padding: 0 0 10px 0;
}
#advertise-here-form .form-item .title,
#contact-form .form-item .title {
	float: left;
	width: 100px;
	color:#262626;
	font-size:12px;
	font-weight:bold;
	line-height: 29px;
}
#advertise-here-form input#first_name,
#advertise-here-form input#last_name,
#advertise-here-form input#phone,
#advertise-here-form input#email,
#contact-form input#first_name,
#contact-form input#last_name,
#contact-form input#phone,
#contact-form input#email {
	background:url("/images/global/input-bg.jpg") repeat-x scroll left top transparent;
	border:1px solid #E7E6E6;
	color:#7C7C7C;
	font-size:12px;
	padding:6px;
	width:270px;
}
#advertise-here-form textarea,
#contact-form textarea {
	background: url("/images/global/input-bg.jpg") repeat-x scroll left top transparent;
	border: 1px solid #E7E6E6;
	color: #7C7C7C;
	font-size: 12px;
	padding: 6px;
	width: 450px;
	height: 130px;
}
#advertise-here-form .submit-area,
#contact-form .submit-area {
	margin-left: 100px;
}
#advertise-here-form .error,
#contact-form .error {
	margin-left: 100px;
}
#advertise-here-form input#first_name:focus,
#advertise-here-form input#last_name:focus,
#advertise-here-form input#phone:focus,
#advertise-here-form input#email:focus,
#contact-form input#first_name:focus,
#contact-form input#last_name:focus,
#contact-form input#phone:focus,
#contact-form input#email:focus {
	background:none repeat scroll 0 0 #FFFFFF !important;
	border:1px solid #C7C7C7;
}
/************/


#login-button,
#login-button2,
#send-button {
	background: #996f96;
	border: 1px solid #7b5e79;
	width: 60px;
	height: 20px;
	outline: none;
	color: #ffffff;
	font-size: 11px;
	cursor: pointer;
	display: block;
}

.divide-x {
	background:transparent url(/images/global/content-divider-across.gif) repeat-x scroll left center;
	padding: 5px 0;
	clear: both;
}

/*************************************************************/
/************************* ARTICLES **************************/
/*************************************************************/

.readmore {
	font-size: 12px;
	font-weight: bold;
}
/*front page feature*/

.feature-article {
}
.feature-article h2 a {
}
.feature-article .details,
.feature-article-teaser .details {
	padding: 5px 0;
	color: #9e9c9c;
	float: left;
	width: 390px;
}
.feature-article .details .date {
}
.feature-article .details .author {
}
.feature-article .details section {
}
.feature-article .content {
}
.feature-article-teaser .content {
	height:227px;
	overflow:hidden;
}
.feature-article-teaser .content .feature-image {
	float: right;
	padding: 5px 5px 5px 10px;
}
.feature-article-teaser .readmore {
	padding-top: 7px;
}
.feature-article .content .feature-image, 
.feature-article .content .article-image {
	float: right;
	clear: right;
	overflow: hidden;
	height: 210px;
	margin: 5px 5px 5px 15px;
	-moz-box-shadow: 0 0 8px 2px #CECECE;
	-webkit-box-shadow: 0 0 8px 2px #CECECE;
	box-shadow: 0 0 8px 2px #CECECE;
	*border: 2px solid #cecece;
}
.feature-article-teaser .content .feature-image img {
	padding: 5px;
	width: 254px;
}
.feature-article .content .feature-image img,
.feature-article .content .article-image img {
	/*background: url(/images/global/featured-image-bg.jpg) no-repeat;*/
	padding: 4px;
	-moz-box-shadow: 0 0 8px 2px #CECECE;
	-webkit-box-shadow: 0 0 8px 2px #CECECE;
	box-shadow: 0 0 8px 2px #CECECE;
	*border: 2px solid #cecece;
	width: 254px;
	/*height: 204px;*/
}
.feature-article .content p {}

/* article footer */
.article-footer {
	height: 33px;
	background: url(/images/global/article-footer-bg.gif) repeat-x top left;
}
.article-footer .inner {
	padding: 3px 0;
}
.article-footer .print-email {
	/*padding-top: 5px;*/
	float: left;
}
.print a {
	background: url(/images/global/icon-print.jpg) no-repeat 0 0;
	font-weight:bold;
	margin-right:5px;
	padding:5px 0 5px 27px;
}
.email a {
	background: url(/images/global/icon-email.jpg) no-repeat 0 0;
	font-weight:bold;
	padding:5px 0 5px 27px;
}

.share {
	padding: 2px 0;
}
.share td {
	padding: 2px;
}
/*Facebook overide */
.share .FBConnectButton_Simple, .share .FBConnectButton_RTL_Simple {
	background-image:url(/images/global/share-facebook.gif);
	padding: 3px 2px;
}
.share .FBConnectButton_Simple .FBConnectButton_Text_Simple {
	margin:0 0 0 15px;
}




/*comments*/

#comments {
	margin: 10px 0;
}
#comments .inner {
}
#comments .comment {
	margin: 20px 0;

}
#comments .comment .avatar {
	float: left;
	margin: 0 0 0 10px;
}
#comments .comment .box {
	background: url(/images/global/comment-box-body.jpg) repeat-y top left;
	width: 534px;
	float: left;
	margin: 0 0 0 5px;
}
#comments .comment .box .inner {
	background: url(/images/global/comment-box-top.jpg) no-repeat top left;
}
#comments .comment .box .inner .inner-inner {
	padding:5px 5px 0 20px;
}
#comments .comment .box .bottom {
	background: url(/images/global/comment-box-bottom.jpg) no-repeat top left;
	height: 5px;	
}
#comments .comment .box .inner .comment-details {
}
#comments .comment .box .inner .comment-details a {
	font-weight: bold;
}

#add-comment {
	background: url(/images/global/add-comment-box-bg-body.jpg) repeat-y top left;
	width: 620px;
	margin-top: 5px;
}
#add-comment .inner {
	background: url(/images/global/add-comment-box-bg-top.jpg) no-repeat top left; 
}
#add-comment .inner .inner-inner {
	padding: 5px;
	font-weight: bold;
}
#add-comment .inner .inner-inner .top {
	padding: 4px;
}
#add-comment .bottom {
	background: url(/images/global/add-comment-box-bg-bottom.jpg) no-repeat top left; 
	height: 4px;
}
#add-comment .resizable-textarea {
	background: url(/images/global/comment-ad-box-body.jpg) repeat-y top left;
	margin-left:3px;
	width:601px;
}
#add-comment .resizable-textarea span {
}
#add-comment .resizable-textarea .inner {
	background: url(/images/global/comment-ad-box-top.jpg) no-repeat top left;
}
#add-comment .resizable-textarea .inner .inner-inner {
	background: url(/images/global/comment-ad-box-bottom.jpg) no-repeat bottom left;
}

.resizable-textarea .grippie {
	margin-left: 4px;
	width: 587px;
	border-width: 0;
	background: url(/images/global/grippie.png) no-repeat scroll center 2px;
}
#add-comment textarea {
	margin: 4px 4px 0 4px;
	width: 585px;
	border: 0;
}

#add-comment #submit {
	width: 64px;
	height: 26px;
	background: url(/images/global/comment-add-button.jpg) no-repeat;
	cursor: pointer;
	border: 0 none;
	margin: 4px;
}

/*teasers*/

.teaser-articles {

}
.teaser-articles .image .more {
	text-align: right;
	display: block;
}

.no-sep .article-teaser {
	background: none;
	clear: both;	
}
.article-teaser {
	background: url(/images/global/content-divider-across.gif) repeat-x top left;
	padding: 10px 2px;
}
.article-teaser .img {
	float: left;
	width: 98px;
	height: 98px;
	margin-right: 5px;
	margin-top: 5px;
	overflow: hidden;
	background: url(/images/global/article-thumb-bg.jpg) no-repeat;
}
.article-teaser .img a {
	display:block;
	height:84px;
	overflow:hidden;
	width:90px;
}
.article-teaser .img img {
	padding: 7px;
	border: 0;
}
.article-teaser h3.title {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
}
.article-teaser p {
	margin: 3px 0;
	line-height: 16px;
}
.article-teaser .section {
	text-align: right;
}
.article-teaser .more {
	font-weight: bold;
}
.article-teaser .comment {
	font-style: italic;
}


/****************** FORM BOX SET *******************/
.form {
	position: relative;
}


.form-box-set fieldset {
	border:1px solid #E9E9E9;
	background: #edf4f7 url(/images/global/fieldset-bg.jpg) repeat-x top left;
	padding: 10px;
	position: relative;
}
.form-box-set fieldset legend {}


.form-box-set .form-label {
	clear: both;
	margin-top: 6px;
}
.form-box-set .form-item {
	padding: 4px 0;
	position: relative;
}

.form-box-set label {
	clear: both;
	font-weight: bold;
	color: #262626;
	font-size: 12px;
}
.form-box-set input.text {
	clear: both;
	background: url(/images/global/input-bg.jpg) repeat-x top left;
	border: 1px solid #e7e6e6;
	color: #7c7c7c;
	font-size: 12px;
	padding: 6px;
	width: 270px;
}

.form-box-set input:focus {
	/*background: url(/images/global/register-form-input-focus.jpg) repeat-x top left !important;*/
	border: 1px solid #c7c7c7;
	background: #ffffff !important;
}

.form-box-set select {
	width: 284px;
	padding: 5px;
	background: url(/images/global/input-bg.jpg) repeat-x top left;
	border: 1px solid #e7e6e6;
	color: #7c7c7c;
	font-size: 12px;
	margin-top: 3px;
}
.form-box-set .field-description {
	color: #7c7c7c;
	font-size: 11px;
}
.form-box-set .box {
	margin: 0 0 20px 0;
}

form .required {
	color: #FF0000;
	font-size: 11px;
}
form .required-text {
	position: absolute;
	top: -5px;
	right: 0;
}

/*** errors ***/


/*1*/

.form .error {
	color: #ffffff;
	width:270px;
	position: relative;
	z-index: 1;
}
.form .error .t {
	background: url(/images/global/form-error-bg-top.png) no-repeat left top;
	height: 3px;
}
.form .error .inner {
	background: #ec2f03 url(/images/global/form-error-bg-mid.jpg) repeat-x left top !important;
	padding: 0 5px;
}
.form .error .f {
	background: url(/images/global/form-error-bg-footer.png) no-repeat left bottom;
	height: 9px;
}
.form .error-sml {
	color: #ffffff;
	width: 80px;
}
.form .error-sml .t {
	background: url(/images/global/form-error-bg-sml-top.png) no-repeat left top;
	height: 3px;
}
.form .error-sml .inner {
	background: #ec2f03 url(/images/global/form-error-bg-mid.jpg) repeat-x left top;
	padding: 0 5px;
}
.form .error-sml .f {
	background: url(/images/global/form-error-bg-sml-footer.png) no-repeat left bottom;
	height: 9px;
}
.personal-details .form-item {}
.personal-details input.text {}
.personal-details .left-items {
	float: left;
	width: 295px
}
.personal-details .right-items {
	float: left;
	width: 295px;
}

/*** main login box ******/

#main-login {}
#main-login .inner {}
#main-login .inner .inner-inner {}

#main-login-btn {
	background: url(/images/global/main-login-btn.jpg) no-repeat;
	border: 0 none;
	padding: 0;
	margin: 5px 0;
	width: 80px;
	height: 26px;
	cursor: pointer;
}
#main-login .password-area {
	background: url(/images/global/password-area-bg.jpg) no-repeat;
	padding: 3px;
	margin-bottom: 7px;
}
#main-login .remember-me {
	float: left;
	clear: none;
	margin: 0;
}
#main-login .remember-me label {
	font-size: 11px;
	font-weight:normal;
	padding:4px;
}
#main-login .password-area span {
}
#main-login .password-area span a {
	color:#666666;
	padding-left:13px;
}
#main-login .password-area span a:hover {
	color: #333333;
}
#main-login .forgotpass {
	padding-left: 10px;
}



/*** password reset box ***/
#password-reset-btn {
	background: url(/images/global/reset-password-btn.jpg) no-repeat;
	border: 0 none;
	padding: 0;
	margin: 17px 0;
	width: 197px;
	height: 26px;
	cursor: pointer;
}
/*** username recover box ***/
#username-recover-btn {
	background: url(/images/global/recover-username-btn.jpg) no-repeat;
	border: 0 none;
	padding: 0;
	margin: 17px 0;
	width: 217px;
	height: 26px;
	cursor: pointer;
}

/*** REGISTRATION FORM ***/

#membership-type {
	position: relative;
}

#membership-type .member-free {
	margin-right: 4px;
}

#membership-type .member-gold {}

#membership-type .option {
	background: #fefeff url(/images/global/fieldset-membership-type-bg.jpg) repeat-x bottom left;
	border: 1px solid #e4e4e4;
	float: left;
	padding:10px;
	width:275px;
}
#membership-type .option label {
	cursor: pointer;
}
#membership-type .option span {
	clear:left;
	display:block;
	font-size:11px;
	font-weight:normal;
	padding: 5px 0;
}

#register-btn {
	background: url(/images/global/register-account-btn.jpg) no-repeat;
	border: 0 none;
	padding: 0;
	margin: 0 0 10px 0;
	width: 182px;
	height: 26px;
	cursor: pointer;
}


/*************************************************************/
/***************** PHOTO GALLERIES  **************************/
/*************************************************************/


#galleries {
	width: 620px;
}
#galleries .filter-bar {
	background: url(/images/global/galleries-filter-bar-bg.jpg) no-repeat;
	width: 620px;
	height: 29px;
	font-size: 12px;
	margin:5px 0 10px;
}
#galleries .filter-bar .filter {
	float: left;
	padding:5px 10px;
}
#galleries .filter-bar .filter select {
	margin-left: 4px;
}
#galleries .filter-bar .count {	
	float: right;
	padding: 5px 10px;
}
#galleries .galleries-holder {
	margin: 0;
}
.galleries-holder {
	margin: 40px auto 10px;
	width: 630px;
}
.galleries-holder .gallery-item {
	width: 134px;
	height: auto;
	float: left;
	margin: 0 10px 10px !important;
	margin: 0 7px 7px;
}
.galleries-holder .gallery-item .image {
	background: url(/images/global/galleries-image-bg.jpg) no-repeat;
}
.galleries-holder .gallery-item .image img {
	border: 0;
	padding: 7px;
}
.galleries-holder .gallery-item .title {
	text-align: center;
}
.galleries-holder .gallery-item .title a {
	font-weight: bold;
}

/******** categories list *******/

#category-list {
	background: url(/images/global/image-gallery-list-bg-mid.jpg) repeat-y left top;
	width: 300px;
}
#category-list .inner {
	background: url(/images/global/image-galleries-list-bg-bottom.jpg) no-repeat left bottom;
}
#category-list .inner-inner {
	background: url(/images/global/image-galleries-list-bg-top.jpg) no-repeat left top;
}
#category-list a {
	color: #3b3939;
	text-decoration: none;
}
#category-list a:hover {
	text-decoration: underline;
}
#category-list ul {
	font-size: 12px;
	padding: 40px 17px 15px;
}
#category-list ul li {
	border-bottom: 1px dashed #dad9d9;
	list-style: none;
	padding: 3px 0;
}
#category-list li.last {
	border-bottom: 0 !important;
}
#category-list ul li a {
}

#category-list ul ul {
	padding: 0 15px 0 20px;
}
#category-list ul ul li {
}
#category-list ul ul li a {
	background: url(/images/global/category-list-bullet.jpg) no-repeat 0 2px;
	padding-left: 15px;
}
#category-list .parent,
#category-list .current {
	font-weight: bold;
}



/******** pagination *******/

#pagination {
	text-align: center;
	background: url(/images/global/galleries-filter-bar-bg.jpg) no-repeat;
	padding: 6px 0;
	width: 620px;
	margin: auto;
}
.pagination-wide {
	background: #eeeeee !important;
	width: auto !important;
	border: 1px solid #eeeeee;
	margin: auto;
	text-align: center;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#pagination p {
	margin: 0;
}
#pagination .inactive {
	color:#CCCCCC;
}
#pagination .selected {
	color: #ffffff;
	background: url(/images/global/pagination-selected.jpg) no-repeat;
	padding:3px 6px 2px;
	text-decoration:none;
}
#pagination a {
	background: url(/images/global/pagination-a.jpg) no-repeat left top;
	color: #5d5d5d;
	padding:3px 6px 2px;
	text-decoration:none;
}
#pagination a:hover {
	background: url(/images/global/pagination-a.jpg) no-repeat left bottom;
	color: #ffffff;
}
#pagination a.next {
	background: none !important;
	text-decoration: underline;
}
#pagination a.next:hover {
	color: #5d5d5d;
	background: none !important;
}

/******** GALLERIFIC PHOTO GALLERY *******/

div#gallery-page {
	width: 620px;
	margin: 0 auto 10px;
	text-align: left;
}
div#gallery-container {
	overflow: hidden;
}
div.gallery-content {
	display: none;
	clear: both;
}
div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}
div.controls {
	margin-top: 5px;
	height: 23px;
	position: relative;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}


div.nav-controls {
	float: right;
}
div.nav-controls .prev {
	padding-right: 100px;
}
div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 445px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}
div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}
div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 450px;
	overflow: hidden;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
	/*background: #efefef;*/
}
div.slideshow a.advance-link {
	display: block;
	line-height: 450px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
	text-decoration: none;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border: 1px solid #cccccc;
	width: 390px;
	background: #ffffff;
	padding: 2px;
	margin-top: 10px;

}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 220px;
}

div.caption {
	padding: 0 0 0 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	left:-183px;
	padding:0 12px;
	position:absolute;
	top:-25px;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;
	
	height: 84px;
	width: 620px;
	background: url(/images/global/image-gallery-nav-bg.jpg) no-repeat;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 5px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}


div.caption-container {
	color: #eee;
}
div.image-title {
	font-weight: bold;
	font-size: 18px;
	color: #049ee4;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	color: #6d6d6d;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	color: #888;
}
div.navigation a.prev {
	background-image: url(/images/global/prevPageArrow.gif);
}
div.navigation a.next {
	background-image: url(/images/global/nextPageArrow.gif);
	margin: 5px 6px 5px 5px;
}
div.loader {
	background-image: url(/images/global/loader.gif);
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
div.pagination a:hover {
	background-color: #111;
}
div.pagination span.current {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

/*********************** grey box content wide ************/

.grey-box-wide {
	background: url(/images/global/grey-wide-box-bg-mid.jpg) repeat-y left top;
	width: 619px;
	margin-bottom: 10px;
}
.grey-box-wide .inner {
	background: url(/images/global/grey-wide-box-bg-ft.jpg) no-repeat left bottom;
}
.grey-box-wide .inner-inner {
	background: url(/images/global/grey-wide-box-bg-top.jpg) no-repeat left top;
}
.grey-box-wide .holder {
	padding: 34px 17px 10px;
}

/***********************************************************/

.orange-btn {
	background:transparent url(/images/global/shop-cart-proceed.jpg) repeat scroll 0 0;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:25px;
	width:146px;
}

.contentLoading {
	background: url(/images/global/ajax-loader.gif) no-repeat center top;
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	left: 30%;
	padding: 35px 3px 3px;
	position: absolute;
	text-align: center;
	top: 40%;
	z-index: 9999;
}


/********* restrict icon ***********/

a.m-tooltip {
	font-weight: normal !important;
	padding: 3px;
}

a.m-tooltip img {
	border: 0;
}
a.m-tooltip:hover {
	/*background: #A9D4E4; /*BG color is a must for IE6*/
	text-decoration:none;
} 
a.m-tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 105px;
}
a.m-tooltip:hover span{
	display: inline;
	position: absolute;
	background: #6c6c6c;
	border: 1px solid #4a4a4a;
	color: #ffffff;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
a.m-tooltip:hover span.t {
	display: block;
	left: -12px;
	top: 3px;
	border: 0;
	z-index: 1;
	background: none;
	margin: 0;
}




/******************************************************************************/
/************************ SEACHANGE GUIDE *********************************/
/*************************************************************************/

#sea-back-btn {
	position: absolute;
	right: 10px;
	top: 15px;
}

/*slider*/

#seachange-slide {
	background:none repeat scroll 0 0 #F0F0F0;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:0 auto;
	overflow:hidden;
	width:900px;
}

#seachange-slide .main_image {
	background:none repeat scroll 0 0 #333333;
	color:#FFFFFF;
	float:left;
	height:456px;
	overflow:hidden;
	position:relative;
	width:598px;
}
#seachange-slide .main_image h2 {
	font-size:2em;
	font-weight:normal;
	margin:0 0 5px;
	padding:10px;
}
#seachange-slide .main_image .teaser {
	font-size:1.2em;
	line-height:1.6em;
	margin:0;
	padding:10px;
}
#seachange-slide .main_image p {
	margin: 0;
	padding: 0;
}

#seachange-slide .block small {
	font-size:1em;
}
#seachange-slide .main_image .block small {
	padding-left: 10px;
}
#seachange-slide .main_image .desc {
	bottom:0;
	display:none;
	left:0;
	position:absolute;
	width:100%;
}
#seachange-slide .main_image .block {
	background:none repeat scroll 0 0 #111111;
	border-top:1px solid #000000;
	width:100%;
}
#seachange-slide .main_image a.collapse {
	background: url(/images/global/btn_collapse.gif) no-repeat scroll left top transparent;
	height:27px;
	position:absolute;
	right:20px;
	text-indent:-99999px;
	top:-27px;
	width:93px;
}
#seachange-slide .main_image a.show {
	background-position:left bottom;
}
#seachange-slide .image_thumb {
	background:none repeat scroll 0 0 #F0F0F0;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #CCCCCC;
	float:left;
	width:299px;
}
#seachange-slide .image_thumb img {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	padding:5px;
}
#seachange-slide .image_thumb ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}
#seachange-slide .image_thumb ul li {
	background: url(/images/global/nav_a.gif) repeat-x scroll 0 0 #F0F0F0;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	float: left;
	margin: 0;
	padding: 12px 10px;
	width: 279px;
}
#seachange-slide .image_thumb ul li.hover {
	background: none repeat scroll 0 0 #DDDDDD;
	cursor:pointer;
}
#seachange-slide .image_thumb ul li.active {
	background: none repeat scroll 0 0 #FFFFFF;
	cursor:default;
}
#seachange-slide .image_thumb ul li h2 {
	font-size:1.5em;
	margin:5px 0;
	padding:0;
}
#seachange-slide .image_thumb ul li .block {
	float:left;
	margin-left:10px;
	padding:0;
	width:170px;
}
#seachange-slide .image_thumb ul li .teaser {
	display:none;
}

#seachange-main-section .intro {
	color: #FFFFFF;
	width: 500px;
	padding-left: 13px;
}
#seachange-main-section .intro h3 {
	color: #FFFFFF;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0 0;
}

/**** accordian list *****/

#guides-accordian {
	margin-top: 10px;
}

/*QLD*/
#guides-accordian #qld-guides {
	width: 310px;
	float: left;
	margin-left: 6px;
	
}
#guides-accordian .qld-inner {
	background: #64c3d9;
}
#guides-accordian .qld-inner-inner {
	background: url(/images/global/qld-seachange-guide-header.jpg) no-repeat top center;
	padding: 90px 0 0 0;
}
#guides-accordian .qld-ftr {
	height: 6px;
	background: url(/images/global/qld-seachange-guide-ft.jpg) no-repeat;
}

#guides-accordian #qld-guides li.guide {
	margin: 5px 0 0 4px;
	*margin: 5px 0 0 3px;
	_margin: 3px 2px 0 2px;
}

/*NSW*/
#guides-accordian #nsw-guides {	
	width: 630px;
	float: left;
	
	margin-left: 2px !important;
	margin-left: 0;
}
#guides-accordian .nsw-inner {
	background: #64c3d9;
}
#guides-accordian .nsw-inner-inner {
	background: url(/images/global/nsw-seachange-guide-header.jpg) no-repeat top center;
	padding: 90px 0 0 0;
}
#guides-accordian .nsw-ftr {
	height: 5px;
	background: url(/images/global/nsw-seachange-guide-ft.jpg) no-repeat;
}

#guides-accordian #nsw-guides li.guide {
	margin: 5px 8px 0 5px;
	*margin: 5px 6px 0 5px;
	_margin: 2px 6px 0 2px;
	
}


/***/
#guides-accordian ul {
	margin: 0;
	padding: 0;
}

#guides-accordian li.guide {
	background: #b6e0e9;
	list-style: none;
	float: left;
	display: block;
	width: 300px;
	border: 1px solid #649dab;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;	
	font-family: Arial,Verdana,Helvetica,sans-serif;
}
#guides-accordian .guide .g-inner {
	padding: 5px;
}
#guides-accordian .guideheading {
	cursor: hand;
	cursor: pointer;
	color: #3597b2;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 22px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #FFFFFF;
}
#guides-accordian .expanded {}
#guides-accordian .collapsed {}
#guides-accordian .guidecontent {
	color: #545252;
	font-size: 11px;
	line-height: 12px;
	padding-top: 2px;
}
#guides-accordian .guidecontent p {
	margin: 0;
	padding: 0;
}
#guides-accordian .guidecontent .image {
	float: left;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	margin-right: 5px;
}
#guides-accordian .guidecontent .image img {
	border: 3px solid #FFFFFF;	
}
#guides-accordian .guidecontent .more {
	text-align: right;
	padding-top: 5px;
}
#guides-accordian .guidecontent .more a {
	color: #494848;
}
a.walkthrough-link {
	display: block;
	position: absolute;
	width: 320px;
	height: 155px;
	cursor: pointer;
	right: 50px;
	top: 20px;
}

/****** seachange guide listing ************/

.guide-teaser {
	color: #FFFFFF;
	font-size: 12px;
	line-height:22px;
	padding-left:10px;
}
.guide-teaser h2 {
	color: #FFFFFF;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 22px;
	line-height: 22px;
	margin: 5px 0 0;
}

.guide-gallery {
	text-align: right;
	float: right;
	max-width: 370px;
	_width: 370px;
	padding-left: 10px;
}
.guide-gallery h3 {
	color: #FFFFFF;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 5px 0 0;
	padding-right: 5px;
}
.guide-gallery .image {
	float: right;	
	margin-right: 5px;
}
.guide-gallery .image img {
	border: 3px solid #FFFFFF;	
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

/*tabs*/
#guide-body ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	/* height: 32px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #999;
	border-left: 1px solid #999;*/
	width: 200px;
}
#guide-body ul.tabs li {
	/*float: left;*/
	margin: 0;
	padding: 0;
	height:25px;
	line-height:25px;
	margin-bottom: 3px;
	overflow: hidden;
	position: relative;
}
#guide-body ul.tabs li a {
	color: #FFFFFF;
	display: block;
	font-size: 1em;
	outline: medium none;
	padding: 0 5px 0 15px;
	text-decoration: none;
	background: #ff6700 url(/images/global/guide-tab-bg.jpg) repeat-x left top;
	border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
#guide-body ul.tabs .arrow {
	height: 10px;
	left: 4px;
	position: absolute;
	top: 10px;
	width: 10px;
}
#guide-body ul.tabs li a .arrow {
	background: url(/images/global/guide-tab-arrow2.gif) no-repeat;
}
#guide-body ul.tabs li a:hover .arrow {
	background: url(/images/global/guide-tab-arrow.gif) no-repeat;
}
#guide-body ul.tabs li.active a .arrow {
	background: url(/images/global/guide-tab-arrow.gif) no-repeat;
}

#guide-body ul.tabs li a:hover {
	color: #717070;
	background: #FFFFFF;
}
html #guide-body ul.tabs li.active, html #guide-body ul.tabs li.active a:hover, html #guide-body ul.tabs li.active a { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #FFFFFF;
	color: #717070;
	border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
html #guide-body ul.tabs li.active a {
	color: #717070;
	border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
#guide-body .tab_container {
	border: 1px solid #FFFFFF;
	border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
	border-top: none;
	overflow: hidden;
	/*clear: both;*/
	/*float: left;*/
	width: 745px;
	background: #fff;
	min-height: 448px;
	height: auto !important;
	height: 448px;
}
#guide-body .tab_content {
	padding: 20px;
	font-size: 1.2em;
}

#calendartable-climate  {
	border-bottom: 1px solid #7FB73D;
	border-right: 1px solid #7FB73D;
	margin-bottom: 10px;
	margin-top: 10px;
}
#calendartable-climate .trheading-climate {
	background-color: #F29400;
	border: medium none;
	color: #FFFFFF;
	font-size: 14px;
}
#calendartable-climate td {
	border-left: 1px solid #7FB73D;
	border-top: 1px solid #7FB73D;
	font-size: 12px;
	padding: 5px;
	text-align: center;
}
#calendartable-climate .day-climate {
	background-color: #284C21;
	color: #E9F067;
	font-size: 12px;
	text-align: left;
}

.sea-inside td {
	border-bottom: 1px solid #619E1A;
	font-size: 14px;
	padding: 5px;
}

#guide-body .tab_content ul li {
	border-bottom: 1px dashed #C8C7C7;
	list-style-type: none;
	margin-right: 20px;
	padding: 5px 0 5px 15px;
}

.dotted-linebreak-seachange  {
	border-bottom:1px dashed #BABABA;
	margin:0 10px 0 0;
	padding:0;
}


/**** buttons on public event listing page ****/

.public-event .btn {
	-moz-border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 11px;
	padding: 5px;
	text-align: center;
	clear: right;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
}
.public-event .edit {
	background: none repeat scroll 0 0 #1790A9;
	border: 1px solid #1790A9;
	width: 100px;
}
.public-event .follow {
	background: none repeat scroll 0 0 #333333;
	border: 1px solid #333333;
	width: 190px
}
.public-event .have {
	font-style: italic;
	padding: 5px 0;
}
.public-event .remove {
	background: none repeat scroll 0 0 #FF0000;
	border: 1px solid #FF0000;
	width: 230px;
}


/*********/
.public-calendar {
	width: 625px !important;
	/*height: auto !important;*/
}


.classified .details {
	float: none !important;
	color: #9E9C9C;
}
.classified .location {}

#classified-contact, #mentor-contact, #jobwanted-contact {
	background: url(/images/global/product-overview-bg-mid.jpg) repeat-y left top;
	width: 619px;
	margin-bottom: 10px;
}
#classified-contact .inner, #mentor-contact .inner, #jobwanted-contact .inner {
	background: url(/images/global/product-overview-bg-ft.jpg) no-repeat left bottom;
}
#classified-contact .inner-inner {
	background: url(/images/global/classified-contact-header.jpg) no-repeat left top;
}
#mentor-contact .inner-inner {
	background: url(/images/global/contact-mentor-heading-bg.jpg) no-repeat left top;
}
#jobwanted-contact .inner-inner {
	background: url(/images/global/jobwanted-contact-heading.jpg) no-repeat left top;
}
#classified-contact .form, #mentor-contact .form, #jobwanted-contact .form  {
	padding: 35px 17px;
}
#classified-contact .form-item .title,
#mentor-contact .form-item .title,
#jobwanted-contact .form-item .title {
	font-weight: bold;
}
#classified-contact .form-item input,
#mentor-contact .form-item input,
#jobwanted-contact .form-item input {
	background: url(/images/global/compact-form-text-field-wide.jpg) no-repeat left top;
	border:0 none;
	color: #696969;
	font-size:11px;
	margin: 3px 0;
	padding: 8px 8px 7px;
	width: 585px;
}
#classified-contact .radio-btns input,
#mentor-contact .radio-btns input,
#jobwanted-contact .radio-btns input {
	width: auto !important;
}
#classified-contact .form-item input:focus,
#mentor-contact .form-item input:focus,
#jobwanted-contact .form-item input:focus {
	background: url(/images/global/compact-form-text-field-wide.jpg) no-repeat left bottom;
}
#classified-contact .form-item textarea,
#mentor-contact .form-item textarea,
#jobwanted-contact .form-item textarea {
	background: url(/images/global/compact-form-text-area-wide.jpg) no-repeat left top;
	border: 0 none;
	color: #696969;
	font-size: 11px;
	height: 102px;
	margin: 3px 0;
	padding: 8px;
	width: 570px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#classified-contact .form-item textarea:focus,
#mentor-contact .form-item textarea:focus,
#jobwanted-contact .form-item textarea:focus {
	background: url(/images/global/compact-form-text-area-wide.jpg) no-repeat left bottom
}
#classified-contact #submit,
#mentor-contact #submit,
#jobwanted-contact #submit {
	background: url(/images/global/submit-btn.jpg) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	height:26px;
	margin:0 8px 0 0;
	padding:0;
	width:80px;
}




/********** search results ******************/

#results {
	margin-bottom: 10px;
}
#results h2 {}
#results .result {
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
}
#results a {
	color:#FF7A00;
}
#results .result h3 {
	font-size: 14px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}
#results .result .desc {}
#results .result .details {
	font-style: italic;
	color: #00A9C8;
}
#results .result .details span {}
#results .result .details .date {}
#results .result .details .link {}
#results .result .details .type {}

#results .result img {
	display: none; /* dont want any content images showing. wrecks page */
}

#black-btn {
	background: url(/images/global/large-black-btn.jpg) no-repeat scroll 0 0 transparent;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0;
	text-align: center;
	width: 119px;
}
#cancel-btn {
	background: url(/images/global/cancel-btn.jpg) no-repeat scroll 0 0 transparent;
	border: 0 none;
	color: #747474;
	cursor: pointer;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0;
	text-align: center;
	width: 82px;
}
#delete-btn {
	background: url(/images/global/delete-btn.jpg) no-repeat;
	border: 0;
	cursor: pointer;
	width: 82px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 0;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}


.require-gold,
.require-login {
	display: block;
	border: 1px solid #ccc;
	background: #efefef;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

