/* -- Reset -- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* -- Body -- */

html,
body {
    width: 100%;
    height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 14px;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #f0f0f0 15%) fixed;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(15%,#f0f0f0)) fixed;
	background: -webkit-linear-gradient(top, #eeeeee 0%,#f0f0f0 15%) fixed;
	background: -o-linear-gradient(top, #eeeeee 0%,#f0f0f0 15%) fixed;
	background: -ms-linear-gradient(top, #eeeeee 0%,#f0f0f0 15%) fixed;
	background: linear-gradient(top, #eeeeee 0%,#f0f0f0 15%) fixed;
}

p,
li,
blockquote {
    font-size: 15px;
    line-height: 1.4em;
}

label {
    display: block;
}

input[type=text],
input[type=email] {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-radius: 3px;
	padding: 6px;
	box-shadow: inset 0 1px 2px #ddd;
}

input[type=text]:hover,
input[type=text]:focus,
input[type=email]:hover,
input[type=email]:focus {
	border-color: #999999;
}

button,
input[type=submit] {
    cursor:pointer;
}

h1, h2, h3 {
    letter-spacing: -0.9px;
}

h1 {
    font-size: 42px;
    font-weight: normal;
}

h2 {
    font-size: 30px;
    font-weight: normal;
}

h3 {
    font-size: 20px;
    font-weight: normal;
}

h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

a:link, a:active, a:visited {
    color: #444444;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

.italic { font-style: italic; }
.small { font-size: 12px; }
.underline { text-decoration: underline !important; }
p.sm, p.small { font-size: 11px; line-height: 13px; margin-top: 10px; }
p.med { font-size: 12px; line-height: 1.4em; margin-top: 10px !important; }
p.large { font-size:16px; }
p.right { text-align: right !important; }
.center, p.center { text-align: center !important; }
#main p.regmar { margin:15px 0; }
.courier { font-family:courier new, courier; font-size:13px; }
.video { padding-left: 25px; background: url(/images/video.png) 0 50% no-repeat; }
.speaker { padding-left: 25px; background: url(/images/speaker.png) 0 50% no-repeat; }
.red { color:red; }
.in20 { text-indent: 20px; }
.in40 { text-indent: 40px; }
.in60 { text-indent: 60px; }
.in80 { text-indent: 80px; }
.in100 { text-indent: 100px; }
.in120 { text-indent: 120px; }
.display-block { display: block !important; }
.inline-block { display: inline-block !important; }
#view-cart { float:right; margin:23px 30px; }

.bold { font-weight: 700; }
.bi { font-weight: 700; font-style: italic; }
.strike { text-decoration: line-through; }
.ue-jahc { background:#2ebac9; color:#fff; padding:2px; }

blockquote.breakout { font-weight: 700; font-size: 16px !important; border: 2px solid #ccc; border-radius: 5px; }

table td { padding: 5px; }
td.abrv { font-weight: 700; }
table.bordered { margin: 20px 0; }
table.bordered td { border: 1px solid #333; }
table.striped tr.odd { background: #efefef; }
table.v-center td { vertical-align: middle; }

ol.num { list-style: decimal; }
ul.no-bul { list-style-type: none !important; }
ul.inline { list-style-type: none; }
ul.inline li { display: inline; }

.nm { margin:0px !important; }

.spkr { padding-left: 20px; background: url(images/speaker.png) 0 0 no-repeat; }

img.framed { padding: 4px; border: 1px solid #d4d4d4; }

/* -- Forms -- */

.form-wrap {
	background:#f5f5f5;
	margin:40px auto;
	padding:20px 30px;
	border-radius:5px;
	box-shadow:0 0 5px #ccc;
	border: 1px solid #bbb;
	line-height: 18px;
}

.form-wrap div { margin:10px 0; }

.form-wrap legend { font-size:24px; font-weight:700; color:#666; margin:0 0 20px 0; }

/* -- Email signup -- */

#signup {
	width: 400px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 2px 5px #ddd;
	-moz-box-shadow: 0px 2px 5px #ddd;
	box-shadow: 0px 2px 5px #ddd;
}

#signup legend {
	font-weight: 700;
	font-size: 20px;
}

#signup input[type=text] {
	width: 220px;
}

#signup input[type=submit] {
	display: block;
}

#main #signup p { margin: 0 0 10px 0; }

/* -- Layout -- */

.half { width: 50%; float: left; }
.nospace { padding: 0px !important; margin: 0px !important; }
.follow { margin-top: -20px !important; }

/* -- What's New menu -- */

#top {
	position: absolute;
	top: 12px;
	left:0;
	width: 100%;
	text-align: center;
	z-index: 0; }

#new-nav {
	width: 960px;
	height: 10px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
	position: relative; }

#new-nav ul {
	position: absolute;
	right: 0; }

#new-nav li {
	position: relative;
	float: left;
	display: block;
	font-size: 12px;
	height: 20px;
	width: 105px;
	padding: 0 4px;
	text-align: center; }

#new-nav li a {
	display: block;
	padding: 0;
	height: 100%;
	text-decoration: none; }

#nav-1,#nav-2,#nav-3,#nav-4 { background: url('images/mini-down.png') 98% 9px no-repeat; }
#nav-1 {
	border-bottom: 5px solid #38d3d5; }
#nav-1 ul { border-top: 5px solid #38d3d5; }
#nav-2 { border-bottom: 5px solid #75d279; }
#nav-2 ul { border-top: 5px solid #75d279; }
#nav-3 {
	border-bottom: 5px solid #f0cd2e; }
#nav-3 ul { border-top: 5px solid #f0cd2e; }
#nav-4 {
	border-bottom: 5px solid #e05a5a; }
#nav-4 ul { border-top: 5px solid #e05a5a; }


/* -- Dropdown -- */

#new-nav li ul {
	display:none;
	position: absolute;
	width: 126px;
	left: -5px;
	background: #ffffff;
	z-index: 2000;
	-webkit-box-shadow: 1px 1px 4px 1px #ccc;
	-moz-box-shadow: 1px 1px 4px 1px #ccc;
	box-shadow: 1px 1px 4px 1px #ccc; }

#new-nav li ul li {
	height: 100%;
	width: 100%;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	padding: 0;
	margin: 0; }

/* #new-nav li ul li b { padding: 10px; } */

#new-nav li ul a {
	display: block;
	height: 100%;
	padding: 4px 6px;
	color: #666; }

#new-nav li ul li:hover { background: #eee; }

#new-nav li ul a:hover { color: #000; }

*html #new-nav li ul { margin: 0 0 0 -2px; }

#new-nav li.nav-hl a { color: #000; }

/* -- Wrap -- */

.wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	z-index: 0;
	position: relative; }

#fill { background: #fff; -webkit-box-shadow: 0px 0px 20px 0px #aaa; -moz-box-shadow: 0px 0px 20px 0px #aaa; box-shadow: 0px 0px 20px 0px #aaa; }

#content { position: relative; }

/* -- Header --*/

#header { height: 140px; position: relative; }

#leaf {
	position: absolute;
	left: -23px;
	top: 4px;
	width: 120;
	height: 90;
	z-index: -1000; }

#logo {
	width: 313px;
	height: 34px;
	position: absolute;
	bottom: 30px;
	left:-2px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background: url(/images/whn.png);
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#header p {
	font-size: 14px;
	color: #333;
	letter-spacing: 0.8px;
	position: absolute;
	bottom: 4px;
	left: 2px; }

/* -- Main Nav -- */

#navigation { margin: 20px 0 0 0; }

#main-nav { float: left; display: inline; }

#main-nav a { display: block; color: #444; padding: 8px; }
#main-nav a:hover { color: #111; }

#main-nav li {
	background-color: #f8f8f8;
	background-image: url('/images/nav-bg.png');
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
	background-image: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	border-radius: 7px 7px 0 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #fff;
	float: left;
	margin: 0px;
	font-size: 16px;
	box-shadow: 0px 0px 10px 0px #ccc; }

#main-nav li.curr { padding: 8px; box-shadow: 0px 0px 0px 0px #bbb; }

#main-nav li:last-child { border-right: 1px solid #ccc; }

#main-nav li:hover { background: #f9f9f9; }

#home-icon { margin-bottom: -9px; opacity: 0.5; }
#home-icon:hover { opacity: 0.9; }
#homeopathy_info.curr { background: #a37e60; }
#homeopathy_pro.curr { background: #9596c2; }
#homeopathy_software.curr { background: #38d3d5; }
#courses.curr { background: #75d279; }
#books.curr { background: #f0d148; }
#features.curr { background: #e05a5a; }
#homeopathy_info:hover.curr { background: #a37e60; }
#homeopathy_pro:hover.curr { background: #9596c2; }
#homeopathy_software:hover.curr { background: #38d3d5; }
#courses:hover.curr { background: #75d279; }
#books:hover.curr { background: #f0d148; }
#features:hover.curr { background: #e05a5a; }

#site-search {
	float: right;
	zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8; }

#site-search:hover {
	zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; }

#site-search a {
	padding: 10px 30px 10px;
	background: url('images/nav-search.png') right no-repeat;
	display: block; }

/* -- Site search -- */

#search-form {
	display: none;
	position: absolute;
	background: #fff;
	width: 470px;
	height: 110px;
	z-index: 9999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	padding: 15px;
	text-align: left;
	border: 1px solid #aaa; }

#search-hd {
	font-size: 20px;
	font-weight: 700;
	margin: -2px 0 6px 0; }

#search-wrap { display: none; }

#search-form form { margin-bottom: 10px; }

#search-input {
	padding: 8px 5px 8px 40px;
	background: url(/images/search.jpg) 5px 3px no-repeat;
	border: 2px solid #aaa;
	font-size: 17px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 318px;
	margin-right: 15px; }

#search-input:hover { border-color: #bbb; }

#search-input:focus { border-color: #bbb; }

#search-submit {
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
}

#search-submit:hover {
	background: #f8f8f8;
	cursor: pointer;
}

#search-close {
	position: absolute;
	top: 12px;
	right: 18px;
	font-weight: 700;
	cursor: pointer;
	font-size: 20px; }

#search-close:hover { color: #555; }

/* -- Banner -- */

#banner { margin-bottom: 10px; position: relative; background: #4abbcc; }
#banner, #fill {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 15px 0px 0px;
	border-radius: 0px 15px 0px 0px; }
#banner h1 { color: #fff; padding: 20px 0 10px 20px; }
#banner h2 { color: #fff; padding: 0 0 10px 20px; }
#banner p + h1 { padding: 0 0 0 20px }
#banner p { color: #fff; font-size: 16px; padding: 10px 0 10px 20px; }
#banner h1 + p { padding: 0px 0 10px 20px; }
#banner p + p { padding: 0px 0 10px 20px; }
#banner p.sm { font-size: 12px; line-height: 13px; margin: 0; }
#banner a { color: #fff; }
#banner .pdf { float: right; color: #fff; margin: 20px 20px 0 0; }

/* -- Content -- */

/* Breadcrumb */

#breadcrumb { font-size: 12px; margin: 24px 0 5px 20px; color: #777; }
#breadcrumb a { text-decoration: underline; }
.bc-current { color: #777; }

#addthis { display:block; float:right; margin:0 30px 0 0; }

/* Left Sidebar */

#sidebar {
	float: left;
	display: inline;
	width: 220px;
	margin: 20px 5px 20px 20px; }

#sidebar ul { list-style-type: none; }

#sidebar li {
	font-size: 13px;
	letter-spacing: 0px;
	margin: 0 0 4px 0; }

.root-page li .current, .root-page li .current:hover { background-color: #4abbcc; color: #fff; border: 1px solid #4abbcc; }

#sidebar li a {
	display: block;
	padding: 3px 8px 3px 8px; }
#side bar li a:hover { color: #111; }

#sidebar li span, #sidebar li a.current { padding: 3px 8px; display: block; border-radius: 3px; }

#side-links { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc; }
#side-links img { margin: 0 10px -22px 0; }
#side-links p { font-size: 12px; line-height: 14px; margin-bottom: 27px; }

#scrollTop { background: url('/images/up-arrow.png') no-repeat; background-position: 3px 0px; padding-left: 55px; color: #555; font-size: 16px; margin-top: 50px; line-height: 34px; padding-top: 2px; cursor: pointer; }
#scrollTop:hover { background-position: 3px -38px; text-decoration: underline; color: #111; }

/* --- Main --- */

/* Pagination */

#main .pager { font-size:16px; border-bottom:1px solid #ddd; padding-bottom:8px; margin-bottom:10px; }
#main .pagination { list-style-type:none; float:left; margin: 0 0 20px 0; padding: 0; }
#main .pagination li { display: inline; margin-right: 5px; }
#main .pagination a, .pagination span { padding: 3px; color: #000 !important; }
.pagination span { font-weight: 700; }

#main {
	float: right;
	display: inline;
	width: 639px;
	margin: 20px 30px 10px 0px;
	padding-left: 30px;
	border-left: 1px solid #ccc; }

.single-column #banner {
	margin:0;
}

.single-column #main {
	float:none;
	width:960px;
	padding:0px;
	display:block;
	margin:0 auto;
	border-left:none;
	padding-left:none;
	border-radius:0 15px 0 0;
}

.single-column #main p,
.single-column #main li {
	font-size:17px;
}

#main p, #main ul { margin: 0 0 20px 0; line-height:22px; }
#main h2 { margin: 30px 0 16px 0; }
#main h3 { margin: 5px 0 10px 0; }
#main h2 + h3 { margin: 30px 0 10px 0; }
#main .box { background: #eee; padding: 10px; border-radius: 5px; margin-bottom: 20px; font-size: 16px; clear: both; }
#main .box p { margin: 0; }
#main .box.spaced p { margin:10px 0; font-size:13px; }

#main a:link, #main a:active, #main a:visited { color: #25548f; text-decoration: none; }
#main a:visited { color: #2c64a8; /*#2c64a8*/ }
#main a:hover { color: #3273c2; text-decoration: underline; }
#main img.f-right { margin: 0 0 20px 20px; }
#main img.f-left { margin: 0 20px 20px 0; }

#main ul { list-style-type: disc; margin-left: 20px; }
#main ol { list-style-type: decimal; margin: 0 0 20px 22px; }
#main ol li { font-size: 15px; font-weight: 700; }
#main ol.ab { list-style-type: lower-alpha; }
#main ol.ab li { font-weight: 400; font-size: 15px; }
#main ol li span { font-size: 14px; font-weight: 400; }

#main li { margin: 10px 0; line-height: 20px; }

#main blockquote { background: #eee; padding: 8px; font-size: 14px; font-weight: 700; width: 600px; margin: 20px auto; }
#main blockquote li { font-size: 14px; }
#main blockquote p { font-size: 14px; margin: 0 0 10px 0; }
#main blockquote p.sm { font-size: 11px; line-height: 13px; margin-top: 10px; }

#main blockquote.quote {
	font-weight: 400;
	margin: 20px 0px;
	padding: 0 20px 0 80px;
	background: url(images/quote1.gif) top left no-repeat;
	font-size: 13px;
	color: #444;
	line-height: 24px;
	position: relative;
	width: 560px; }
#main blockquote.quote img { float: right; margin: 10px 0 0 10px; }

#main .ref ol li { font-weight: 400; font-size: 12px; }

.section {
	background: #fafafa;
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #f5f5f5 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#efefef 100%);
	background: linear-gradient(top,  #f5f5f5 0%,#efefef 100%);
	border-radius: 4px;
	padding: 15px;
	margin: 0 0 30px 0;	}

.section .block { clear: both; border-top: 1px solid #ddd; padding: 5px 0; margin: 10px 0; color: #555; }
.section .white { background: #fff; border: none; border-radius: 5px; padding: 10px; margin: 10px 0 0 0; }
.section .white a { font-weight: 700; }

#main .small-list { list-style-type: none; margin: 0px; }
#main .small-list li {
	border-top: 1px solid #ccc;
	padding: 3px 0;
	margin: 5px 0; }
#main .small-list li p {
	font-size: 13px;
	line-height: 15px;
	margin: 2px 0; }

#main .half { margin: 0 0 20px 0; }
#main .half p, #main .half ul li, #main .third p { font-size: 13px; line-height: 18px; margin: 10px 0; }
#main .half.left { width: 280px; margin-right: 5px; float: left; }
#main .half.right { width: 280px; margin-left: 5px; float: right; }
#main .third h3 { font-size: 15px; }
#main .third.left { width: 174px; margin-right: 10px; float: left; }
#main .third.right { width: 174px; margin-right: 0px; float: right; }

/* Web links */

#weblinks-nav { background: #fff; width: 638px; margin: 0 0 20px -30px; padding: 0 30px 0 30px; border-bottom: 1px solid #ccc; }
#weblinks-nav ul { list-style-type: none; margin: 0px; }
#weblinks-nav ul li {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; }
#weblinks-nav ul li:hover { background: #f5f5f5; }
#weblinks-nav ul li a { display: block; height: 100%; }
#weblinks-nav ul li.active { color: #fff; }
#weblinks-nav ul li.last { border-right: 1px solid #ccc; }
#main li.weblink-entry, #main .tele-section ol > li, .white-box {
	margin: 20px 0 30px -20px;
	padding: 10px;
	list-style-type: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 2px 2px #ccc;
	-moz-box-shadow: 0px 2px 2px #ccc;
	box-shadow: 0px 2px 2px #ccc; }
.white-box { margin: 20px 0 30px 0; }
.white-box h3 { border-bottom: 1px solid #ddd; padding: 0 0 10px 0; }
.white-box h3 span { float:right; font-size:18px; font-style: italic; color: #555; }
.weblink-entry h4 { color: #555; border-bottom: 1px solid #ddd; padding: 5px 0 5px 35px; background: url('/images/address.png') 0 0 no-repeat; }
.weblink-entry h4 a { padding: 2px 30px 1px 0; background: url('/images/link1.png') right 0 no-repeat; }
.weblink-entry h4 a:hover { background-position: right -22px; }
.weblink-entry span.vet { float: right; font-size: 11px; }
#main .weblink-entry p { font-size: 13px; line-height: 17px; margin: 0px 0px 6px 0px; }
#main .weblink-entry span.category {  font-size: 12px; color: #bbb; float: right; }

/* Grid boxes */

/* Icons */

div.article { padding-left: 50px; background: url('./images/article.png') left top no-repeat; }
div.folder { padding-left: 50px; background: url('./images/folder.png') left top no-repeat; }
div.interview { padding-left: 50px; background: url('./images/interview.png') left top no-repeat; }

/* -- Cart -- */

/* Tables */

.cart-table { width:100%; }
.cart-table tr.even { background:#efefef; }
.cart-table tr.odd { background:#f4f4f4; }
.cart-table td { padding:5px; border:1px solid #fff; vertical-align:middle; }


/* -- Footer -- */

#footer {
	width: 920px;
	text-align: center;
	margin: 20px 20px 0 20px;
	border-top: 1px solid #ccc;
	padding: 10px 0 20px 0; }

#footer ul {
	margin: 10px; }

#footer li {
	display: inline;
	margin: 5px 20px 0 0;
	font-size: 13px; }

#footer p { font-size: 13px; }

#footer a { text-decoration: underline; }

/* -- Long Doc Control --*/

#page-nav {
	margin-left: 275px;
	width: 648px;
	position: fixed;
	bottom: 0;
	z-index: 100;
	background-color: #f8f8f8;
	background-image: url('/images/page-nav-bg.png');
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
	background-image: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	border: 1px solid #bbb;
	padding: 8px 10px;
	border-radius: 5px 5px 0 0;
	font-size: 15px; }
#pager a { padding: 5px 5px 3px 5px; }
#pager a:hover { background: #222; color: #fff; text-decoration: none; border-radius: 3px; }
#page-nav span.active { text-decoration: underline; padding: 3px 5px; font-weight: 700; font-size: 18px; }
ul#pager { float: left; margin: 15px 0 0 5px; }
ul#pager li { float: left; margin-right: 5px; }
ul#prev-next { float: right; }
ul#prev-next img { opacity: 0.8; }
ul#prev-next img:hover { opacity: 1; }
#topSmall { float: right; background: url('/images/up-arrow.png'); background-position: 0px 0px; width: 38px; height: 36px; }
#topSmall:hover { background-position: 0px -38px; cursor: pointer; }

/* -- Positioning -- */

.f-right { float: right; }
.f-left { float: left; }
.c-align { text-align: center; }
.r-align { text-align: right; }

/* -- Buttons -- */

.btn {
	background: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%, #dddddd));
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	background-image: -moz-linear-gradient(top, #fdfdfd 0%,  #dddddd 100%);
	background-image: -ms-linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	background-image: -o-linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	background-image: linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
	max-width: 110px;
	text-align: center;
	padding: 1px;
	align-content: center;
}

.btn a {
    display: block;
    width: 100%;
    height: 100%;
}

.button-small, .med-button {
	background: #eeeeee;
	background-image: url('/images/side-nav-bg.png');
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%, #dddddd));
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	background-image: -moz-linear-gradient(top, #fdfdfd 0%,  #dddddd 100%);
	background-image: -ms-linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	background-image: -o-linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	background-image: linear-gradient(top, #fdfdfd 0%, #dddddd 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
}

.btn:hover, .button-small:hover, .med-button:hover {
	background: #f9f9f9;
	border: 1px solid #aaaaaa;
	box-shadow: 0px 1px 2px #dddddd;
}

.med-button {
	padding: 6px 7px;
	font-size: 15px;
	font-weight: 700;
	margin: 10px 0;
	text-decoration: none !important;
	color: #222 !important;
}

.med-button a {
	color:#222 !important;
	text-decoration:none !important;
}

.med-button.extra {
	font-size: 18px;
}

.med-button.blue {
	background: #39dbdb;
	background: -moz-linear-gradient(top,  #39dbdb 0%, #2eb2b2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39dbdb), color-stop(100%,#2eb2b2));
	background: -webkit-linear-gradient(top,  #39dbdb 0%,#2eb2b2 100%);
	background: -o-linear-gradient(top,  #39dbdb 0%,#2eb2b2 100%);
	background: -ms-linear-gradient(top,  #39dbdb 0%,#2eb2b2 100%);
	background: linear-gradient(to bottom,  #39dbdb 0%,#2eb2b2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39dbdb', endColorstr='#2eb2b2',GradientType=0 );
	border-top: 1px solid #35CCCC;
	border-left: 1px solid #35CCCC;
	border-right: 1px solid #279999;
	border-bottom: 1px solid #279999;
}
.med-button.blue:hover {
	border: 1px solid #279999;

}
.med-button.blue a {
	color: #ffffff !important;
}

.cart-form { padding: 0 0 30px 0; }

.add-cart {
	background: url('/images/cart-sprite.png');
	border: 0;
	width: 138px;
	height: 28px;
	background-position: 0px 0px; }

.add-cart.mac { background:url('/images/cart-mac.png'); }
.add-cart.pc { background:url('/images/cart-pc.png'); }

.add-cart:hover, .add-cart.mac:hover, .add-cart.pc:hover { background-position: 0px -28px; cursor: pointer; }


/* -- Lightboxes -- */

#lightbox { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.2); }
#lightbox p { background: #fff; color: #000; font-weight: 700; }
#lightbox img { margin: 50px auto; border: 10px solid #fff; box-shadow: 0px 0px 15px #333; }

.pWin {
	text-align: left;
	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
	z-index: 1000;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

.pWin.small { width: 460px; height: 300px; }
.pWin.large { width: 600px; height: 300px; }

.pHead { display: block; font-size: 13px; padding: 10px;
	background-image: url('/images/nav-bg.png');
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
	background-image: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
	background-image: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	background-image: linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	cursor: move; }
.pHead:hover { background: #eee; }
.popUp, .pHead a { padding-right: 16px; background: url(/images/external.gif) 100% 50% no-repeat; }
.popUp.noBg { background:none; padding-right:0; }
.pClose { float: right; font-weight: 700; cursor: pointer; font-size: 15px; color: #555; }
.pClose:hover { color: #000; }
.pBod { height: 250px; overflow: auto; margin: 10px; }
.pBod h1 { font-size: 20px; font-weight: 700; }
.pBod h2, .pBod h3 { font-size: 16px; font-weight: 700; margin: 5px 0; }
.pBod p#dob { font-weight: 700; color: #555; }
.pBod p { font-size: 14px; margin: 10px 10px 10px 0; }
#portrait { width: 100px; float: right; margin: 0 10px 10px 10px; }
.pBod a { font-weight: 700; }
.pBod .italic { font-style: italic; }
.pBod #contact span { font-size: 12px; font-weight: 700; }
.pBod .f-left { margin: 0 10px 0 0; }

/* -- Splash pages --*/

.screen {
	position:fixed;
	top:0;
	left:0;
	background:#eee;
	opacity:0.5;
	width:100%;
	height:100%;
	z-index:2000;
}

.splash {
	background:#fff;
	position:fixed;
	box-shadow:0 0 30px #666;
	border-radius:10px;
	z-index:3000;
}

.splash div.content {
	overflow-y:auto;
	width:750px;
	margin:30px;
	text-align:left;
}

.splash h2 {
	margin:0 0 10px 0;
}

.splash p, .splash li {
	font-size:13px;
	line-height:16px;
	margin:5px 0;
}

.splash p, .splash ul {
	margin:0 0 10px 0;
}

.splash ul {
	list-style-type: disc;
	margin-left:15px;
}

#continue {
	position:absolute;
	bottom:20px;
	right:20px;
	padding:10px 20px;
	border-radius:5px;
	color:#fff;
	font-weight:700;
	font-size:18px;
	cursor:pointer;
	width:100px;
	text-align:center;
}

/* -- jQuery UI -- */

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-icon-gripsmall-diagonal-se { background: url(/images/drag.png) 100% 100% no-repeat; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* -- SLIMBOX -- */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer; }
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff; }
.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center; }
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none; }
#lbPrevLink {
	left: 0; }
#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink {
	right: 0; }
#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none; }
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none; }
#lbCaption, #lbNumber {
	margin-right: 71px; }
#lbCaption {
	font-weight: bold; }

/* -- Clearfix -- */

.clear { clear: both; }

.clearfix:after, #navigation:after, #fill:after, #content:after, #weblinks-nav:after, .section:after, .block:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */