@import url("../css/global.css");

/*  
SUBNAV
--------------------------------------------------------------------------------------------------- */
#subnav {
	width:  286px;
	margin: 0 0 40px;
}
#subnav li {
	background: url(../gfx/subnav-dotted-line.gif) no-repeat 2px 100%;
}
#subnav li a {
	font-size: 14px;
	color: #666;
	display: block;
	height: 38px;
	line-height: 38px;
}
#subnav li a span {
	background: url(../gfx/arrow_grey.gif) no-repeat 15px 50%;
	display: block;
	padding: 0 0 0 35px;
}

/* --- GLOBAL ACTIVES --- */
#subnav li.active a {
	color: #fff;
	background: url(../gfx/subnav_bg.png) no-repeat 2px 0;
}
#subnav li.active a span {
	background: url(../gfx/arrow_white.gif) no-repeat 15px 50%;
}


/* --- CATEGORIES --- */
#subnav li a:hover, #subnav li span.active a {
	color: #fff;
	background: url(../gfx/subnav_bg.png) no-repeat 2px 0;
}
#subnav li a:hover span, #subnav li span.active a span {
	background: url(../gfx/arrow_white.gif) no-repeat 15px 50%;
}


#secondary #subnav li ul li a {
	display: block;
	background: url(../gfx/subnav_category_bg.jpg) repeat-x 0 0;
	width: 230px;
	height: 23px;
	line-height: 23px;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #004380;
	margin: 0 0 0 2px;
	cursor: pointer;
}

#secondary #subnav li ul li span.active a {
	color: #fff;
	background: url(../gfx/subsub-bg.jpg) repeat-x 0 0;
}

#secondary #subnav li ul li .blog_category {
	display: block;
	background: url(../gfx/subnav_category_bg.jpg) repeat-x 0 0;
	width: 240px;
	height: 23px;
	line-height: 23px;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #004380;
	margin: 0 0 0 2px;
}


#secondary #subnav li ul li a:hover {
	color: #000;
	text-decoration: underline;
}


#secondary #subnav li ul li a span {
	display: block;
	background: url(../gfx/arrow-down.png) no-repeat 95% 50%;
	padding: 0;
}
#secondary #subnav li ul li.active .pro_category span {
	display: block;
	background: none;
}


/* ----- SUB SUB NAVS ------ */ 
#secondary #subnav li ul li ul {
	display: block;
	margin: 0 0 0 2px;
}
#secondary #subnav li ul li ul li ul {
	display: block;
	margin: 0 0 0 2px;
}
#secondary #subnav li ul li ul li ul li {
	border-bottom: 1px solid #ccc;
	padding: 0;
	width: 250px;
	background: none;
}
#secondary #subnav li ul li ul li a span {
	background: none;
	padding: 0;
}


/* --- SUB SUB --- */
#secondary #subnav li ul li ul {
	margin: 0 0 0 2px;
	padding:0;
}
#secondary #subnav li ul li ul li {
	width: 248px;
	border-bottom: 1px solid #ccc;
}
#secondary #subnav li ul li ul li a {
	background: url(../gfx/arrow_tiny-grey.gif) no-repeat 25px 50% #E9EEF3;
	font-size: 11px;
	padding: 5px 0 5px 40px;
	display: block;
	width: 208px;
	height: auto;
	line-height: 12px;
	text-transform: none;
	color: #555;
}

#secondary #subnav li ul li ul li span.active a {
	color: #000;
	background: url(../gfx/arrow_tiny-grey.gif) no-repeat 25px 50% #BECDDC;
}

#secondary #subnav li ul li ul li a:hover,#secondary #subnav li ul li ul li.active span.active a {
	color: #000;
	text-decoration: underline;
}


/* --- SUB SUB SUB --- */
#secondary #subnav li ul li ul li ul li {
	margin: 0;
}
#secondary #subnav li ul li ul li ul li a {
	background: url(../gfx/arrow_tiny-grey.gif) no-repeat 10px 50% #E9EEF3;
	font-size: 11px;
	padding: 5px 0 5px 20px;
	display: block;
	width: 228px;
	height: auto;
	line-height: 12px;
	text-transform: none;
	color: #555;
}
#secondary #subnav li ul li ul li ul li a:hover,#secondary #subnav li ul li ul li ul li.active a {
	color: #000;
	background: url(../gfx/arrow_tiny-grey.gif) no-repeat 10px 50% #BECDDC;	
}


/* --- BLOG LIST --- */
#secondary #subnav .blog_list {
	display: block;
	margin: 0 0 0 2px;
}
#secondary #subnav .blog_list li {
	border-bottom: 1px solid #ccc;
	padding: 0;
	width: 250px;
	background: none;
}
#secondary #subnav .blog_list li a  {
	background: url(../gfx/arrow_tiny-grey.gif) no-repeat 25px 50% #E9EEF3;
	font-size: 11px;
	padding: 5px 0 5px 40px;
	display: block;
	width: 208px;
	height: auto;
	line-height: 12px;
	color: #555;
}
#secondary #subnav .blog_list li a span {
	background: none;
	padding: 0;
}
#secondary #subnav .blog_list li a:hover,#secondary #subnav .blog_list li.active a,#secondary #subnav .blog_list li a.active {
	color: #000;
	background: url(../gfx/arrow_tiny-grey.gif) no-repeat 25px 50% #BECDDC;	
}

/*  -------------- BLOG ARCHIVES ------------- */
#global_content #primary .blogArchive {
	padding: 10px;
	border: 1px solid #ccc;
	background: #FFF3C4;
}

#global_content #primary .blogArchive dt {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#global_content #primary .blogArchive dd {
	padding: 10px;
	background: url(../gfx/eventday_bg.jpg) repeat-x 0 100%;
	border: 1px solid #ccc;
}
#global_content #primary .blogArchive dd p {
	margin: 0;
}
#global_content #primary .blogArchive dd .postdate {
	display: inline-block;
	font-style: italic;
}


/*  
 CONTAINERS
--------------------------------------------------------------------------------------------------- */

#global_content #primary h2 {
	font-size: 22px;
	font-weight: bold;
	color: #17578F;
	line-height: 24px;
	margin: 0 0 20px 0;
}
#global_content #primary h3 {
	font-size: 16px;
	color: #666;
	line-height: 16px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 35px;
	margin: 0 0 10px 0;
	background: url(../gfx/arrow_blue.gif) no-repeat 15px 50% #E5F0F7;
}

#global_content #primary h4 {
	font-size: 14px;
	font-weight: bold;
	color: #17578F;
	margin: 0 0 15px 0;
}
#global_content #primary h5 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	padding: 0 0 0 15px;
	background: url(../gfx/arrow_grey.gif) no-repeat 0 3px;
}
#global_content #primary h6 {
	font-weight: bold;
	font-size: 11px;
	color: #17578F;
}

#global_content #primary p.headline {
	font-size: 12px;
	color: #444;
	text-transform: uppercase;
	margin: 0 0 25px 0;
	font-weight: bold;
}
#global_content #primary p {
	line-height: 20px;
	color: #777;
	margin: 0 0 20px 0;
}


#primary .content ol {
	margin: 0 0 30px 40px;
}
#primary .content ol li {
	font-size: 16px;
	list-style-type:lower-roman;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
}
#primary .content ul {
	margin: 0 0 30px 25px;
}
#primary .content ul li {
	font-size: 16px;
	margin: 0 0 15px 0;
	background: url(../gfx/arrow_grey.gif) no-repeat 0 5px;
	padding: 0 0 0 20px;
	
}


#global_content blockquote {
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	line-height: 28px;
	padding: 20px 0 20px 30px;
	display: block;
	color: #888;
	background:url(../gfx/quote-left.gif) no-repeat 0 15px;
	margin: 0 0 15px 0;
}
#global_content blockquote span {
	background:url(../gfx/quote-right.gif) no-repeat 100% 100%;
	padding: 0 30px 0 0;
}


#global_content #primary a {
	font-weight: bold;
	text-decoration: underline;
}


#global_content #primary .price_list {
	border: 1px solid #ccc;
	float: right;
	padding: 10px;
	margin: 0 0 15px 20px;
	background: url(../gfx/gradient_blog-headline.jpg) repeat-x 0 100%;
}

#global_content #primary .price_list .price_note {
	margin: 0;
	font-size: 11px;
}


#global_content #primary table {
	width: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #E5F0F7;
	margin: 0 0 20px 0;
}
#global_content #primary th {
	background: #fff;
	font-weight: bold;
	background: url(../gfx/subnav_category_bg.jpg) repeat-x 0 100% #fff;
	padding: 5px;
	text-align: center;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#global_content #primary .tb_name {
	width: 60%;
	text-align: left;
	padding: 0 0 0 20px;
}
#global_content #primary .tb_date {
	background: #FDF8CE;
	font-weight: bold;
}
#global_content #primary .tb_day {
	font-size: 11px;
	background: #fff;
	font-weight: bold;
}

#global_content #primary tr,td{
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	text-align:center;
}

/*  ---  RIGHT IMAGE --- */
#global_content #primary .image_box_right {
	width: 270px;
	background: url(../gfx/image-top-shadow.png) no-repeat 0 0 #fff;
	float: right;
	margin: 0 0 10px 15px;
}
#global_content #primary .image_box_right span {
	display: block;
	background: url(../gfx/image-bt-shadow.png) no-repeat 0 100%;
	padding: 15px 0;
}
#global_content #primary .image_box_right span img {
	display: block;
	margin: 0 auto;
}


/*  ---  LEFT IMAGE --- */
#global_content #primary .image_box_left {
	width: 270px;
	background: url(../gfx/image-top-shadow.png) no-repeat 0 0;
	float: left;
	margin: 0 15px 10px 0;
}
#global_content #primary .image_box_left span {
	display: block;
	background: url(../gfx/image-bt-shadow.png) no-repeat 0 100%;
	padding: 15px 0;
}
#global_content #primary .image_box_left span img {
	display: block;
	margin: 0 auto;
}


/*  ---  PRODUCT IMAGE --- */
#global_content #primary .gallery_box {
	width: 180px;
	background: url(../gfx/gallery-top-shadow.png) no-repeat 0 0;
}
#global_content #primary .gallery_box span {
	display: block;
	background: url(../gfx/gallery-bt-shadow.png) no-repeat 0 100%;
	padding: 15px 0;
}
#global_content #primary .gallery_box span img {
	display: block;
	margin: 0 auto;
}

/*  ---  PRODUCT IMAGE --- */
#global_content #primary .gallery_box_right {
	width: 180px;
	background: url(../gfx/gallery-top-shadow.png) no-repeat 0 0;
	float: right;
}
#global_content #primary .gallery_box_right span {
	display: block;
	background: url(../gfx/gallery-bt-shadow.png) no-repeat 0 100%;
	padding: 15px 0;
}
#global_content #primary .gallery_box_right span img {
	display: block;
	margin: 0 auto;
}

/*#global_content #primary dl dd {
	background: url(../gfx/image-bt-shadow.png) no-repeat 0 100%;
	padding: 15px 0;
}
#global_content #primary dl dd img {	
	display: block;
	margin: 0 auto;
}*/


/*  ---  CATEGORY FILTER --- */
#catfilter {
	padding: 10px;
	border: 1px dashed #ccc;
	background: #FFF0B3;
	margin: 0 0 20px 0;
}
#catfilter fieldset legend {
	font-weight: bold;
	display: block; 
	margin: 0 0 5px 0;
}
#catfilter fieldset select {
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
	margin: 0 10px 0 0;
}
#catfilter input {
	width: 56px;
	height: 25px;
	display: block;
	border: none;
	text-indent: -999em;
	cursor: pointer;
	background: url(../gfx/btn_filter.png) no-repeat 0 0; 
}
#catfilter input:hover {
	background-position: 0 -25px;
}


/*  ---  EVENT ITEMS --- */
#global_content #primary .event {
	background:url(../gfx/eventday_bg.jpg) repeat-x 0 100% #fff;
	border: 1px solid #ccc;
	padding: 15px;
	margin: 0 0 15px 0;
}
#global_content #primary .event p {
	margin: 0;
}
#global_content #primary .event .detail {
	font-size: 12px;
}

/*  ---  CALENDAR STYLES --- */
#global_content #secondary .calendarBG {
	margin: 10px 0 15px 20px;
	border-left: 1px solid #ccc;
}


#global_content .calendarBG .calendarCellEvent {
	background: url(../gfx/eventday_bg.jpg) repeat-x 0 100%;
}

#global_content #secondary .calendarBG .calendarHeader th {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#global_content .calendarBG .calendarHeader th a {
		text-decoration: none;
		font-weight: normal;
	
}
#global_content #primary .calendarBG .calendarHeader th {
	font-size: 24px;
	padding: 10px;
}
#global_content #secondary .calendarBG .calendarHeader th{
	font-size: 16px;
	text-align:center;
	padding: 10px;
}

#global_content .calendarBG .calendarBlank {
	background: #fff;
}
#global_content .calendarBG .calendarCell {
	font-size: 14px;
	padding: 15px;
}

#global_content #secondary .calendarBG .calendarCell {
	font-size: 11px;
	font-weight: bold;
	padding: 8px;
}

#global_content .calendarBG .calendarDayHeading {
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background:url(../gfx/subsub-bg.jpg) repeat-x 0 0;
}
#global_content .calendarBG .instruction td { 
	font-size: 11px;
	font-weight: bold;
	background: #fff;
}
#global_content .calendarBG .calendarMonthLinks td {
	background: #fff;
}
#global_content .calendarBG .calendarPrevMonth a,#global_content .calendarBG .calendarNextMonth a {
	color: #17578F;
}
#global_content .calendarBG .calendarPrevMonth a:hover,#global_content .calendarBG .calendarNextMonth a:hover {
	color: #000;
}


/*  -------------- SECONDARY ------------- */
#secondary h3.sidebarHead {
	padding: 0 0 5px 17px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}

#secondary_content {
	width: 250px;
	margin: 0 0 0 2px;
}

#secondary_content .sidebox_news {
	background: url(../gfx/sidebox_gradient.jpg) repeat-x 0 0;
	padding: 10px 20px 0 20px;
}

#secondary_content .sidebox_news h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	background: url(../gfx/arrow_blue.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
}
#secondary_content .sidebox_news h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#secondary_content .sidebox_news h4 a {
	text-decoration: underline;
}
#secondary_content .sidebox_news p {
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	margin: 0 0 15px 0;
}
#secondary_content .sidebox_news p strong {
	color: #000;
}