@charset "UTF-8";

/*
   css Copyright © 2005-2012 Karelia Software. All rights reserved.
   css released under Creative Commons License  - http://creativecommons.org/licenses/by-sa/2.5/
   All associated graphics belong to their respective owners and are licensed separately.
*/

/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}

/* Navigation arrows */
div.text-navigation { text-align:center; margin-bottom:1em;}
div.text-navigation div { display:inline; margin:0px 0.5em; }
.collection-navigation .disabled-navigation { text-indent:-5000px; }

/* 2.0 wrap compatibility. 2.0-compatible designs can further adjust these if they need */
.wide { display:block; }

.narrow.left {   /* Some designs won't respect without !important */
    float:left!important;
    clear:left!important;
}
.narrow.right {
    float:right!important;
    clear:right!important;
}

.wide.left   .graphic, img.wide.left,   .wide.left video,   .wide.left audio   { display:block; margin-left:0px; margin-right:auto; }
.wide.center .graphic, img.wide.center, .wide.center video, .wide.center audio { display:block; margin-left:auto; margin-right:auto; }
.wide.right  .graphic, img.wide.right,  .wide.right video,  .wide.right audio  { display:block; margin-left:auto; margin-right:0px; }


.ImageElement.left, .AudioElement.left { text-align:left; }
.ImageElement.center, .AudioElement.center { text-align:center; }
.ImageElement.right, .AudioElement.right { text-align:right; }

/* Captions should align themselves with the graphic */
.graphic-container.left .caption { text-align:left; }
.graphic-container.center .caption { text-align:center; }
.graphic-container.right .caption { text-align:right; }

/* Inline iframes need to display as a block to layout right */
.graphic iframe { display:block; }

/* Pagelet photo grids should be generally be auto width (some 1.x designs hardcoded an exact width) */
.pagelet .photogrid-index { width:auto; }

/* For content like amazon which forces white background. Design SHOULD set color for A tag and text color. */
.whiteBackground
{
	background-color:white;
}

.article-info
{
	margin-bottom:1em;
}

/* Firefox reduce dotted lines on links */
.photo-navigation a:focus, .replaced a:focus {overflow:hidden;}

/* Disqus correction to prevent overflow scroll bars in some designs */
#dsq-content { overflow:hidden; }
#dsq-content .dsq-auth-header { width: auto!important; }
#dsq-content .dsq-by { margin: 4px 6px 0px 0px; }
#dsq-content .dsq-by a, #dsq-content .dsq-by a:hover { border: 0px none; }
#dsq-content h3 { margin:0px; }

/* Site menus. Don't wrap the top level items, and wrap sub-menu items normaly. */
#sitemenu-content ul li span.in { white-space:nowrap;}
* html #sitemenu-content ul li span.in {white-space: normal}
*:first-child+html #sitemenu-content ul li span.in {white-space: normal}
#sitemenu-content ul ul li span.in {white-space: normal}
#sitemenu-content span.in { position: relative; }

body { word-wrap:break-word; }

/* Make sure scaled-down images look good in IE */
img { -ms-interpolation-mode: bicubic; }

.HTMLElement { overflow:hidden; }

.photogrid-index-bottom { clear:left; }

/* 
   css Copyright (c) 2011 Kuler Solutions (http://www.kulersolutions.com)
   NOTE: Kuler Solutions is a third party design developer and are not owned or operated by Karelia Software. 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

/* @group Global */

a {
    color: #0782c9;
    text-decoration: none;
    border:none;
}

a:hover, a:focus{
    border:none;
	color: #2e2e2e;
}

a.imageLink {
	border: 0px none;
	margin-right: 0;
	padding-right: 0;
}

a img { border: none; }

.clear {
	clear: both;
	height: 0;
}

.hidden {
    display:none !important;
}
img .narrow {
    float: right;
}
img .wide {
	display: block;
}
html{
	background-color: #232323;
}
body {
	font: 0.86em/1.6em Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 60px;
	background-color: #232323;
}

li a:hover, li a:focus{
    border:none;
}

li a:active {
    
}

code {
	color: #828386;
	font: .9em "Courier New", Courier, mono;
}
pre{
	font-size: 11.5px;
}
span.function{
	color: #000;
}
span.comment{
	color: #277dfa;
}
span.keyword{
	color: #2c26f9;
}
span.number{
	color: #231ed2;
}
span.userConstant{
	color: #d01618;
}
span.built-inConstant{
	color: #7274f3;
}
span.variable{
	color: #4196a5;
}
span.string{
	color: #007b19;
}


/* @end */

/* @group Miscelaneous */



/* @end */

/* @group Photo Page & Grid Index */

/* @group Photo Navigation */

.photo-navigation {
	position:relative;
    height: 35px;
    width:200px;
    margin:8px auto 8px auto;
}

.photo-navigation div {
	width:49px;
	height:38px;
	position: absolute;
    text-indent: -5000em;
}

.photo-navigation a {
	border-bottom:none;
	display:block;
	width:100%;
	height:100%;
}

#previous-photo	{
    background: url(prev-off.png)		no-repeat;
    left: 46px;
}
#previous-photo a {
    background: url(prev-on.png)		no-repeat;
}

#next-photo {
    background: url(next-off.png)		no-repeat;
    left: 122px; 
}
#next-photo a {
    background: url(next-on.png)		no-repeat;
}

#photo-list {
    background: url(list-off.png)		no-repeat;
    left: 83px;
}
#photo-list a {
    background: url(list-on.png)		no-repeat;
}



/* @end */

div.photo-viewer-summary .article {
    margin: auto;
}

/* Used on Photo Grid Pages ... */
.photogrid-index {
    text-align: left;
    padding: 5px;
    padding-left: 10px;
    overflow: auto;
    position: relative;
    width: 640px;
}

body.no-sidebar .photogrid-index {
	padding: 5px 20px;
	width:830px;
}

.photogrid-index a {
	color:#000;
	text-decoration:none;
}


.gridItem {
    float: left;
    position:relative;
    padding-top: 10px;
    overflow: hidden;
	height: 180px;
	width: 160px;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 10px;word-wrap:break-word;
}

.gridItem h3 {
    font-weight: normal;
    color: #000000;
    margin-top: 4px;
    margin-left: 7px;
    margin-right: 7px;
    position: relative; /* needs to leave 38px from the bottom of the gridItem */
	width: 136px;line-height: .8em;word-wrap:break-word;
}
.gridItem h3 a{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;word-wrap:break-word;
	
}
.gridItem h3 a .in{
	font-style: normal;
	padding-top: 0;
	padding-bottom: 0;
}

.gridItem img {
    border: 1px solid #102536;
    display:block;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
	margin: 0 auto;
}

span .in h3{
	font-size: .9em;
}


/* Used on index summary pages */
.listing-index #main li h3 a {
    text-decoration:none;
    font-size:1em;
    font-weight:normal;
}



/* @end */

/* @group Sidebar, Pagelets, Callouts */

#sidebar {
    float: right;
    width: 230px;
    font-size: 0.9em;
    text-align: center;
    margin-right: 10px;
}

#sidebar p, .pagelet table, .pagelet dl {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

.pagelet ul, .pagelet ol, .pagelet table, .pagelet dl {
	text-align:left;
}


.pagelet {
    width: 230px;
    overflow:hidden;
	font-size: 1.1em;
	margin-top: 10px;
	line-height: 1.6em;
}
.pagelet p{
}

.pagelet h4 {
    padding: 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: #040404;
    text-align: center;
}

.pagelet.bordered {
	border: 2px solid #afafaf;
	margin: 10px;
	padding:0px;
	width: 210px;
}

.pagelet.bordered p {
	padding: 0px 5px 0;
	margin-top: 10px;
}

.pagelet.bordered h4 {
	margin:0px;
}

.pagelet .contactElement.labelsOnSide {
	margin-right:20px;
}


/* photo-page, html-page (in some cases), iframe-page don't have sidebar */

li a, #sidebar a {
    color: #000000;
    text-decoration: none;
	border:none;
}

.callout {    
	float: left;
    text-align: center;
    border: 5px solid white;
    border-right: none;
	margin: 0px 1px 20px -24px;
	clear: both;
}

* html .callout {
	position: relative;
	margin-right: -5px;
	margin-left: 5px;
}

.callout p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
	font-size: .9em;
}

.callout h4 {
    font-weight: bold;
    font-size: 1em;
    line-height: normal;
    text-shadow: none;
}



/* @end */

/* @group Layout */

body.no-sidebar #main {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 1em;
    position:relative;
    width: 900px;
}
body.allow-sidebar #main {
    margin-left: 0px;
    float: left;
    width: 660px;
    font-size: 1em;
}


h1, h2, h3, h4, h5, h6, #title, #sitemenu-content, #page-bottom, .caption {
	font-family:"Trebuchet MS", helvetica, verdana, sans-serif;
}

h4, h5, h6 {
	margin: 0em 0em 0.8em 0em;
	font-size: 100%;
}

#page {
    width: 942px;
	background: url(content.jpg) repeat-y;
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
}
#main{
	padding-left: 20px;
	line-height: 1.5em;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
}

#main {
	float: left;
	clear: left;
}
#main p{
	margin-top: -10px;
	font-weight: normal;
	font-style: normal;
}
#main h1{
	color: #000;
	font-size: 1.8em;
	padding-left: 0;
	margin: 0;
	padding: 2px;
}
#main h2{
	color: #000;
	font-size: 1.6em;
	padding-left: 0;
	padding: 2px;
}
#main h4{
	color: #000;
	font-size: 1.2em;
	padding-left: 0;
	padding: 2px;
}
#main h5{
	color: #000;
	font-size: 1.1em;
	padding-left: 0;
}
body.no-sidebar #page {

}

#page-top {
    margin:0;
    background: url(header2.jpg) no-repeat center top;
	}

#title {
    padding: 0;
    padding-bottom: 2px;
    text-align: center;
    text-decoration:none;
    margin: 0;
    margin-top: 10px;
	height: 411px;
	background: url(page-top.png) no-repeat;

}
body.has-custom-banner #title {
    padding: 0;
    padding-bottom: 2px;
    text-align: center;
    text-decoration:none;
    margin: 0;
    margin-top: 10px;
	height: 411px;
	background: url(page-top.png) no-repeat;position: relative;width: 942px;left: -10px;}

#title a {
    text-decoration:none;
}

h1 {
    font-weight: bold;
    font-size: 3.5em;
    text-align: left;
    color: #fff;
    margin: 0px 10px 5px 10px;
    padding-top: 60px;
    display: block;
	padding-left: 40px;
}

h1 a {
    text-decoration:none;
    border:none;
	color: #fff;
}

h1 a:hover, h1 a:focus, h1 a:active {
	color: #ececec;
	text-decoration: none;
	border:none;
}

#title img {
    border:none;
    margin-top: 10px;
}


#title p {
    font-weight: normal;
    font-size: 1.6em;
    text-align: left;
    margin: 20px 10px 0px 50px;
    padding-bottom: 14px;
    color: #fff;
}

body.has-custom-banner #page-top {
	background-position: center top;
	background-repeat: no-repeat; 
	height: 411px;
	width: 922px;margin-right: auto;margin-left: auto;}

body.has-custom-banner #page-top.has-logo #title {
	padding: 0;
    padding-bottom: 2px;
    text-align: center;
    text-decoration:none;
    margin: 0;
    margin-top: 10px;
	height: 411px;
}
#logo-container{float: right;position: relative;top: 30px;right: 60px;}

body.has-custom-banner #page-top h1 {
	font-weight: bold;
    font-size: 3.5em;
    text-align: left;
    color: #fff;
    margin: 0px 10px 5px 10px;
    padding-top: 60px;
    display: block;
	padding-left: 40px;
}
body.has-custom-banner #sitemenu-container {
    clear: both;
    padding-top: 0px;
    margin-top: 0px;
	margin-bottom: 20px;
}

body.has-custom-banner #page-top.has-logo h1 {
	font-weight: bold;
    font-size: 3.5em;
    text-align: left;
    color: #fff;
    margin: 0px 10px 5px 10px;
    padding-top: 60px;
    display: block;
	padding-left: 40px;
}

body.has-custom-banner #page-top p {
	font-weight: normal;
    font-size: 1.6em;
    text-align: left;
    margin: 20px 10px 0px 50px;
    padding-bottom: 14px;
    color: #fff;
}
#page-content {
    width: 934px;
    margin: auto;
    clear: both;
    margin-top: 10px;
	font-size: 1.2em;
	line-height: 1.3em;
	
}
body.has-custom-banner #page-content {
    width: 934px;
    margin: auto;
    clear: both;
    margin-top: 60px;
	font-size: 1.2em;
	line-height: 1.3em;
	
}


* html #page-content {
	margin-top:0px;
}

body.no-sidebar #page-content {
    width: 934px;
}

h2 {
    display: block;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
    color: #000;
	padding: 10px 10px 1px;
	font-size: 1.5em;
}

#page-bottom {    
    padding: 5px 5px 30px;
    font-weight: normal;
    font-size: 1.1em;
    text-align: center;
    color: white;
	background: url(footer.jpg) no-repeat 0 bottom;
}

body.allow-sidebar #page-bottom {
}

#page-bottom-contents{
	color: #000;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.caption {
    padding: 10px;
    font-size: 1.5em;
}



/* @end */

/* @group Blog */

.timestamp{
	margin-bottom: 10px;
}
#main .article h3 {
     padding: 5px;
     font-size: 1.3em;
     color: #000000;
     font-weight: bold;
     text-align: left;
     border:none;
}

.article h3 a {
    color: #000000;
    padding: 3px;
    text-decoration: none;
    border:none;
}

.article h3 a:hover, a:focus{
    border:none;
    text-decoration: none;
}

.article h3 a:active {
    
}

.article-info {
	clear:both;
}

.article, .no-callouts {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.article img {
    border: none;
}

.article img.narrow {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.article-thumbnail {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.articleWrapper .first.graphic-container{
	margin-top: 20px;
}
.general-index .article{
	border-bottom: 1px solid #e9e9e9;
}


/* @end */

.HTMLElement {
    margin-bottom: 10px;
}

.ImageElement, .VideoElement {
    text-align: center;
}

/* @group Up2Five */

/*Up2five*/
#page-content .Up2five {
	width: 880px;
}
#page-content .Up2five h4{
	text-align: left;
}
.column {
	float: left;
	text-align: left;
}
.one { width: 100%; }
.two { width: 50%; }
.three { width: 33%; }
.four { width: 25%; }
.five { width: 20%; }
.column .content { width: 90%; margin: 0 auto;
}


/* @end */

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	}
/* @group Up2Five */

/*Up2five*/
#page-content .Up2five {
	width: 880px;
}
#page-content .Up2five h4{
	text-align: left;
}
.column {
	float: left;
	text-align: left;
}
.one { width: 100%; }
.two { width: 50%; }
.three { width: 33%; }
.four { width: 25%; }
.five { width: 20%; }
.column .content { width: 90%; margin: 0 auto;
}


/* @end */

/* @group Boxes */

 .box h3{
	text-align: center;
	color: #fff;
	width: 100%;
	height: 22px;
	font-size: 1em;
	line-height: 22px;
	background-color: #232323;
}
 .box{
	text-align: left;
	color: #000000;
	border: 1px solid #e9e9e9;
	border-top-style: none;
	padding-bottom: 5px;
	position: relative;
	width: 96%;
	margin-bottom: 10px;
}
.box p{
	padding-right: 5px;
	padding-left: 5px;
}

.box ul{
	
}
.box li {
	margin-left: 2px;
}


.callout .box h3{
	text-align: center;
	color: #fff;
	width: 96%;
	height: 16px;
	line-height: 16px;
	background-color: #232323;
	font-size: .9em;
	margin-left: 0;
}
.callout .box{
	text-align: left;
	color: #000000;
	border: 1px solid #e9e9e9;
	border-top-style: none;
	padding-bottom: 5px;
	position: relative;
	width: 93%;
	margin-bottom: 10px;
	margin-left: 10px;
}
.callout .box p{
	padding-right: 5px;
	padding-left: 5px;
}

.callout .box ul{
	
}
.callout .box li {
	margin-left: 2px;
}
/* @end */
/* @group Quotes */

.blockquote {
	background:url(images/quote.png) no-repeat 0px 10px;
	padding-left: 30px;
	padding-top: 5px;
	width: 90%;
	margin: 8px auto;}
p.quote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 20px;
}	

blockquote {
	/*font-style:italic;*/
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 50px;
	background-image:url(images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
	font-family: Georgia, Arial;}

.pagelet blockquote{
	color: #616161;
	padding: 7px;
	width: 218px;
	margin: 7px 8px 10px;
	border-left-width: 6px;
	font: italic bold 1em/1.3em Arial, Helvetica, Geneva, sans-serif;
}
/* @end */
/* @group Bullets */

ul.bulleted{margin:10px 0 0 0; padding:0; list-style-type:none;}
ul.bulleted li{
	background: transparent url(images/bulleted.png) no-repeat 0 6px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}
ul.bulleted li a, ul.bulleted li a:visited{color:#676767;}
.bullet-check{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-check li{
	background: transparent url(images/check.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-arrow{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-arrow li{
	background: transparent url(images/arrow2.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-star{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-star li{
	background: transparent url(images/star.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-plus{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-plus li{
	background: transparent url(images/plus.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-circle{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-circle li{
	background: transparent url(images/circle.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}


/* @end */
/* @group Buttons */

 .icon { background-position: 0 -80px; font-size: 14px; height: 29px; line-height: 27px; }
 a.icon { height: 29px; line-height: 29px; padding-bottom: 0; }
.centerdiv{text-align: center;margin-bottom: 3px;padding-bottom: 3px;}
.button {
  display: block;
  -moz-border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  border-radius: 1.5em;
  -moz-box-shadow: 0 1px 2px rgba(10, 10, 10, .2);
  -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, .2);
  box-shadow: 0 1px 2px rgba(10, 10, 10, .2);
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  margin: 4px auto;
  padding: 0em .7em .15em 1.1em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  cursor: pointer;
  outline: none;
  line-height: 1em;}
*+html  .icon { border-color: none ; border: 1px solid transparent; }
 .icon{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
}



/* Colors */
button{margin-bottom: 4px !important; margin-top: 4px !important;}	
.Pink { background-color: #FF0066; border-color: #DA0C59;color: #fffeff !important;}
.Pink:hover { background-color: #DA0C59;color: #fffeff !important;}

.Orange { background-color: #F90; border-color: #D58000;color: #fffeff !important;}
.Orange:hover { background-color: #D58000;color: #fffeff !important;}



.Brown { background-color: #4c3419; border-color: #35220f;color: #fffeff !important;}
.Brown:hover { background-color: #77532c;color: #fffeff !important;}



.Blue { background-color: #066ECD; border-color: #0561B4;color: #fffeff !important;}
.Blue:hover { background-color: #0561B4;color: #fffeff !important;}

.Red { background-color: #E40001; border-color: #CC0000;color: #fffeff !important;}
.Red:hover { background-color: #CC0000;color: #fffeff !important;}

.Green { background-color: #77B32F; border-color: #689C29;color: #fffeff !important;}
.Green:hover { background-color: #689C29;color: #fffeff !important;}

.Acid { background-color: #a0b32d; border-color: #689C29;color: #fffeff !important;}
.Acid:hover { background-color: #9aba3d;color: #fffeff !important;}

.Black { background-color: #111; border-color: #000;color: #fffeff !important;}
.Black:hover { background-color: #000;color: #fffeff !important;}

.Purple { background-color: #7B0F75; border-color: #6A0D66;color: #fffeff !important;}
.Purple:hover { background-color: #6A0D66;color: #fffeff !important;}

.Navy { background-color: #021A36; border-color: #00172F;color: #fffeff !important;}
.Navy:hover { background-color: #093869;color: #fffeff !important;}

.Maroon { background-color: #750000; border-color: #530000;color: #fefdfe !important;}
.Maroon:hover { background-color: #530000;color: #fefdfe !important;}

.Gray { background-color: #999; border-color: #888;color: #fffeff !important;}
.Gray:hover { background-color: #888;color: #fffeff !important;}

.Yellow { background-color: #FFCC00; border-color: #D9AD01;color: #fffeff !important;}
.Yellow:hover { background-color: #D9AD01;color: #fffeff !important;}

.Teal { background-color: #39A7B6; border-color: #2E8794;color: #fffeff !important;}
.Teal:hover { background-color: #2E8794;color: #fffeff !important;}
/* Icon Button Styles */
 .icon { padding-left: 32px !important; }
*+html .icon { padding-left: 20px !important; padding-right: 5px !important; }
 .icon span
{
	background-image: url(images/buttonsprite.png); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 16px; 
	height: 16px; 
	position: absolute; 
	left: 6px; 
	top: 6px;
}
a.button{margin-bottom: 10px;}
.arrow-down span { background-position: -48px 0; }
.arrow-up span { background-position: -32px 0; }
.arrow-right span { background-position: -16px 0; }
.arrow-left span { background-position: 0 0; }
.comment span { background-position: -112px 0; }
.heart span { background-position: -96px 0; }
.star span { background-position: -80px 0; }
.cart span { background-position: -64px 0; }
.print span { background-position: -128px 0; }
.rss span { background-position: -144px 0; }
.person span { background-position: 0 -16px; }
.check span { background-position: -16px -16px; }
.dollar span { background-position: -32px -16px; }
.refresh span { background-position: -48px -16px; }
.home span { background-position: -64px -16px; }
.plus span { background-position: -80px -16px; }
.minus span { background-position: -96px -16px; }
.cross span { background-position: -112px -16px; }
 .ydcl-viewcart{margin-top: 8px;margin-bottom: 8px;}
.ydcl-viewcart, .ydcl-addtocart{color: #fffeff !important;}
.ydcl-viewcart:active, .ydcl-addtocart:active{color: #fffeff !important;}
.ydcl-viewcart:hover, .ydcl-addtocart:hover{color: #fffeff !important;}

/* @end */
/* @group Navigation */
#navcontainer{font-size: 16px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;margin-left: auto;margin-right: auto;width: 880px;}
.clear{clear: both;}
ul.menu {float:left; margin: 0 0 0 10px;}
ul.menu li {float:left;margin: 0 12px;padding-top: 8px;padding-bottom: 8px;}
ul.menu li:first-child {margin-left:0;}
ul.menu li a { color: #222323; 
	padding: 0 8px; display:block;text-shadow: none !important;font: 1em/1 arial, serif;}
a .in{padding-top: 10px;padding-bottom: 10px;font-style: italic;}
ul ul a .in{padding-top: 4px;padding-bottom: 4px;font-size: 14px;font-weight: normal;font-style: normal;}
ul.menu:hover li > a { }
ul.menu li.sfHover a.sf-with-ul {color: #000; text-shadow: none !important;}
ul.menu li.active > a {color:#000; }
ul.menu:hover li.active > a { }
ul.menu ul li.active{padding-top: 8px;padding-bottom: 8px;background-color: #e0e0e0;cursor: pointer;
	padding-right: 0;
	color: #000;
}
ul.menu li > a:hover {color: #000;}
ul.menu ul { 
background: #eceeee; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
border-radius: 3px; -webkit-box-shadow: 0px 0px 7px #ffffff; -moz-box-shadow: 0px 0px 7px #ffffff; box-shadow: 0px 0px 7px #ffffff;border-top-style: none;border: 3px solid #bababa;padding: 0;
	color: #000;
}
ul.menu ul{
	margin-top: 2px;
	margin-left: 4px;
}
ul.menu ul ul{margin-top: -3px;}
ul.menu ul li {margin:0px 0; border-top:1px dotted #ccc;text-indent: 10px;padding-top: 0;padding-bottom: 0;}
ul.menu ul li:hover{background-color: #d4d4d4;color: #000;}
ul.menu ul li:first-child {border-top:none;}
ul.menu ul li a { color: #000; padding:11px 0; text-shadow:none !important ;font-family: 'Tahoma', arial, serif;line-height: 1;}
ul.menu ul:hover li a, ul.menu:hover ul li a, ul.menu ul:hover li.active  {color: #000; text-shadow:none !important;}
ul.menu ul li a:hover {color:#000 !important; text-shadow:none !important;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu li.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}


ul.isSubmenu .hasSubmenu.sf-with-ul {
	padding-right: 	10px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}


li .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url('images/arrows-menu.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-sub-indicator {  /* give all except IE6 the correct values */
	
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
ul li.hasSubmenu .sf-sub-indicator{
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url('images/arrows-menu.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	top:2px; }
ul li.hasSubmenu.currentPage .sf-sub-indicator{
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url('images/arrows-menu.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	top:12px; }
.in .submenu-indicator{display: none;}
ul li.hasSubmenu .in .submenu-indicator{
	position:		absolute;
	display:		block;
	right:			-15px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url('images/arrows-menu.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	top:12px; }
ul ul li.hasSubmenu .in .submenu-indicator{background: none;}
	

ul ul li.hasSubmenu .sf-sub-indicator{
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background: url('images/arrows-menu.gif') no-repeat -10px 0px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	top:12px; }
	
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
.hasSubmenu ul.isSubMenu li.hasSubmenu a.sf-with-ul .sf-sub-indicator{
	background-position:  -10px 0; }
.hasSubmenu ul.isSubMenu li.hasSubmenu.sf-with-ul .sf-sub-indicator{
	background-position:  -10px 0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: rgb(5, 5, 5); /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: black; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgb(5, 5, 5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: black;
}
/* @end */

/* @group Updated CSS */


#main h2.title{
	color: #000;
	font-size: 1.4em;
	padding-left: 0;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 14px;
}
#main h2.title.kLine{
	font-size: 1.2em;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 20px;
	font-style: italic;
}

/* @end */

/* @group FAQ */
 #main span.question{
	margin-bottom: 14px;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
.answer{
	margin-bottom: 10px;
}
#main span.bigQ{
	font-weight: bolder;
	text-decoration: none;
	font-size: 1.3em;
}
.faqWrap{
	background-color: #f3f3f3;
	padding: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	-moz-box-shadow: 1px 1px 2px #000000;
-webkit-box-shadow: 1px 1px 2px #000000;
box-shadow: 1px 1px 2px #000000;
border: 2px solid #b0b0b0;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	
}
.faqWrap {
-webkit-transition:All .7s ease;
-moz-transition:All .7s ease;
-o-transition:All .7s ease;
-webkit-transform: rotate(0deg) scale(.9) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(.9) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(.9) skew(0deg) translate(0px);
}
.faqWrap:hover{
	background-color: #daf8fa;
-webkit-transform: rotate(0deg) scale(.97) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(.97) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(.97) skew(0deg) translate(0px);
	color: #000;
	border: 2px solid #81ebf9;
}

/* @end */

.callout-container, .graphic-container { clear:both; }

body.has-custom-banner #page-top { background-image: url("banner.png"); }