/* Ultimate Sonshine CSS
   Web Advanced
 

/* GLOBAL --------------------------------------------------------- */

body,html {
	height: 100%;
    margin: 0; padding: 0;
    font-family: Verdana, Arial, Tahoma, Helvetica;
	line-height: 17px;
    font-size: 12px; 
	background: url(../images/bg-swirls.jpg) top center no-repeat;
	text-align: center; }
#bg-repeat {
	background: url(../images/bg-repeat.jpg) top center repeat-x;
	position: relative;
	height:100%; }
#bg-content-repeat {
	background: url(../images/bg-content-repeat.jpg) top center repeat-x;
	position: relative;
	height:100%; }
#bg-home {
	background: url(../images/bg-home.jpg) 0 0 no-repeat; width: 990px; margin:0 auto; text-align:left;
	position: relative;
	min-height: 100%; }
#bg-content {
	background: url(../images/bg-content.jpg) 0 0 no-repeat; width: 990px; margin:0 auto; text-align:left;
	position: relative;
	min-height: 100%;
	padding-bottom: 30px; }
* html #bg-home, * html #bg-content { height: 100%; }
#aspnetForm { height: 100%; }

img {border:0;}

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

a:link, a:visited { color: #0D486F; }
a:hover, a:active { color: #5E94B5; }

/* MASTER PAGES --------------------------------------------------- */

#logo {width:500px;padding: 14px 0 0 0; vertical-align:top; }

/* Navigation */
.navigation {width:470px;}
.navigation ul {
	list-style: none; padding:0; margin:0; }
.navigation ul li { display: inline; padding-left: 7px; }

#home-content { padding: 55px 0 0 0; }
.home-wrapper { width: 970px; margin-bottom: 80px; }

/* Banner / Flash Area */	
.home-bannertext { 
	vertical-align:top;
	color: #ffffff;
	line-height: 16px;
	height: 205px; }	
.home-bannertext div.wrapper { padding: 68px 30px 20px 40px; }
.home-newsletter {
	vertical-align: top;
	background: url(../images/layout-email.gif) top right no-repeat; 
	height: 75px;
}	
.home-newsletter div.wrapper { padding: 14px 0 0 40px; }
.home-newsletter div img { padding: 0 0 5px 0; }
.home-newsletter input {
	width: 196px;
	height: 20px; 
	margin: 0px;
	padding: 3px 2px 2px 4px;
	float: left;
	vertical-align: middle;
	
	color:#666666;
	font-size: 16px; }
.home-newsletter .button, .newsletter .button { 
	background: url(../images/button-signup.jpg) top left no-repeat; 
	border: 0;
	height: 29px;
	width: 87px;
	margin:0px 0 0 4px;
	padding: 0;
	float: left;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold; 
	font-size: 13px; }
	
/* Footer */
#footer {
	background: #336D93 url(../images/bg-footer.jpg) top center repeat-x; 
	position: relative;
	margin-top: -80px;
	height: 80px; }
.footer-wrapper { 
	padding-top: 12px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 16px; }
#footer a { color: #ffffff; }

/* HOME PAGE ------------------------------------------------------ */

.home-header {
	border-top: 1px solid #000000;
	padding: 16px 0 20px 0; }
.home-contentleft {
	padding: 0 40px 0 0;
	vertical-align: top;
	line-height: 16px; }
.home-contentright {
	vertical-align: top; }
.home-contentright .photo {
	float: left; 
	width: 160px;
	margin-bottom: 100px; }

/* Upcoming Events styling */
.events-table { width: 595px; padding-bottom: 30px; }
.events-table td {
	font-size: 11px; 
	padding: 0px; margin:0px; 
	border-bottom: 4px solid #ffffff;
	line-height: 12px; }	
.events-table .left {
	width: 130px;
	background: url(../images/table-corners.gif) top left no-repeat;
	text-align: center;
	font-weight: bold; }
.events-table .middle {
	padding-left: 10px;
	background: url(../images/table-bg.gif) top left repeat-x; }
.events-table .right {
	width: 100px;
	padding: 3px 4px 2px 0;
	text-align: right;
	background: url(../images/table-corners.gif) top right no-repeat; }

/* CONTENT PAGES -------------------------------------------------- */

/* Sidebar */
#sidebar {}
.page-header { margin-bottom: 26px; }
.sponsors { 
	padding: 70px 10px 30px 10px;
	border: 1px solid #B3D3E3;
	margin-bottom: 10px;
	background: url(../images/sidebar-header-sponsors.gif) top left no-repeat;
	text-align: center; }
.video {
	padding: 46px 0 15px 20px;
	border: 1px solid #B3D3E3;
	margin-bottom: 10px;
	background: url(../images/sidebar-header-video.jpg) top left no-repeat; }
.video a:link, .video a:visited { 
	font-weight: bold; text-decoration: none; background: url(../images/bullet-videos.gif) left center no-repeat;
	padding-left: 20px; }
.video a:hover, .video a:active { text-decoration: underline; }
.newsletter { 
	float:left;
	padding-bottom: 30px; 
	padding: 36px 7px 6px 7px;
	background: url(../images/sidebar-header-newsletter.gif) top left no-repeat;
	border: 1px solid #B3D3E3; }
.newsletter input {
	width: 160px;
	height: 20px; 
	margin: 0px;
	padding: 3px 2px 2px 4px;
	float: left;
	vertical-align: middle;
	color:#666666;
	font-size: 16px; }
	
/* Sidebar nav */
.subnav { 
	border: 1px solid #B3D3E3;
	margin-bottom: 10px;
	padding: 46px 0 15px 0; 
	background: url(../images/sidebar-header-nav.jpg) top left no-repeat; 
	font-size: 13px;
	font-weight: bold; }
.subnav ul { margin:0; padding:0; }	
.subnav li {
	list-style: none;
	padding: 4px 0 4px 40px; }
.subnav li.selected { padding: 4px 0 8px 40px; }
.subnav li a:link, .subnav li a:visited { color: #1A4D70; text-decoration: none; }
.subnav li a:hover, .subnav li a:active { color: #1A4D70; text-decoration: underline; }
	
.subnav li.selected { background: url(../Images/nav-bg.jpg) 0 0 no-repeat; }
.subnav li.selected a:link, .subnav li.selected a:visited { color: #ffffff; text-decoration: none; }
.subnav li.selected a:hover, .subnav li.selected a:active { color: #ffffff; text-decoration: none; }

.subnav .offState { padding: 4px 0 4px 40px; }
.subnav .onState { padding: 4px 0 4px 40px; background: url(../Images/nav-bg.jpg) 0 0 no-repeat; }
.subnav .onState a:link, .subnav .onState a:visited { color: #ffffff; text-decoration: none; }
.subnav .onstate a:hover, .subnav .onstate a:active { color: #ffffff; text-decoration: none; }
.subnav .offState a:link, .subnav .offState a:visited { color: #1A4D70; text-decoration: none; }
.subnav .offState a:hover, .subnav .offState a:active { color: #1A4D70; text-decoration: underline; }
	
/* Text Styles */	
h2 { 
	margin: 14px 3px 30px 0;
	padding-top: 4px;
	border-top: 1px solid #000000;
	font-size: 18px;
	clear: both; }
h3 { 
	margin: 0;
	font-size: 14px; 
	color: #28638B; }	
h4 { color: #588FB0; font-size: 13px; margin: 14px 0 0 0; }
p { margin:0 0 16px 0; padding:0; }

ul.topic {
	padding:0; margin:0; }
ul.topic li { 
	padding-left: 20px;
	list-style: none;
	background: url(../Images/bullet-square.jpg) 0 4px no-repeat; }
ul.topic ul {
	margin: 10px 0 10px 20px }
ul.topic ul li { list-style: square; background: none; padding: 2px 0 2px 10px; }
	
/* FAQ Menu */
.accordian { padding-bottom: 10px; }
.accordian h4:hover { background-color:#D0DEEC; }
.accordian h4 {
	background:transparent url(../Images/bullet-faq.gif) no-repeat scroll right center;
	border-bottom:1px solid #000000;
	cursor:pointer;
	font-size:12px;
	margin:0 0 15px;
	padding:4px 0 3px 4px;
	color: #28638B; }
.accordian div { padding-bottom: 14px; }
	
/* Sitemap */
.sitemap { padding-left: 30px; }
.sitemap ul { padding:6px 0 6px 30px; margin:0; }
.sitemap li { list-style: square; padding-bottom:1px; }

/* Contact Form */
.labelColumn { width: 150px; vertical-align:text-top; padding-top: 3px; padding-left: 30px; font-weight:bold; }
.fieldColumn input { 
	width: 250px; padding: 2px; border: 1px solid #7F9DB9; 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.fieldColumn textarea { 
	width: 250px; height: 100px; padding: 2px; border: 1px solid #7F9DB9;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* ESTORE PAGES --------------------------------------------------- */

.productListing table { width:100%; }
.subcategory_products td { width:25%; }
.subcategory_header { padding-bottom: 16px; }

#breadcrumbs { padding: 10px 0 10px 4px; width: 585px; float:left; }

#cart { padding: 7px 4px 5px 0; float:right; }

.categoryTitle { font-size: 14pt; font-weight: bold; }
.categorySubtitle { padding-bottom: 20px; }
.MediumPhoto { border: 1px solid #999999; }

.product { padding: 10px; text-align: center; }
.product img { border: 1px solid Gray; }