/* tags */
body {
	font-family: sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
}
a {
	color: #F9AE40;
	text-decoration: none;
}
a:hover {
	color: #37b349;
	text-decoration: underline;
}
small {
	font-size: 12px;
	color: #ccc;
	font-weight:bold;
	font-family: arial;
}
i, em { font-style: italic; }
b, strong { font-weight: bold; }
p { margin: 10px 0; }
h1 {
	font-weight: bold;
	font-size: 28px;
	margin: 16px 0 16px 0;
}

h3 {
	font-weight: bold;
	font-size: 28px;
	margin: 16px 0 16px 0;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 1px;
}

/* content alignment */
img.align-left {
	float: left;
	padding: 2px 8px 2px 0;
}
img.align-right {
	float: right;
	padding: 2px 0 2px 8px;
}
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

.toptext {
float: left;
width: 446px !important;
height: 54px !important;
background-color: /*#cdecd1*/#B0EBAB;
position: absolute;
opacity:0.86;
filter:alpha(opacity=86); /* For IE8 and earlier */
z-index:200;
}

.toptext h1 {
	text-align: center !important;
	margin-left: 2px;
	font-size: 26px !important;
}

.toptext h3 {
	margin-left: 26px;
}

.bottomtext {
float: right;
margin-top:220px;
margin-left:600px;
width: 320px;
height: 52px;
    border: 1px solid #000;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
background-color: #fff;
position: absolute;
opacity:0.86;
filter:alpha(opacity=86); /* For IE8 and earlier */
z-index:200;
}

a .bottomtext {
	color:#000;
}

a :hover.bottomtext {
	color:#37b349;
	border: 1px solid #37b349;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

/* float clear fix */
.clear { clear: both; }

/* container stuff */
#container {
	width: 960px;
	margin: 5px auto;
}
#left {
	background: white;
	padding: 0 8px;
	padding-bottom: 1em;
}

#left2 {
	background: #B0EBAB;
	padding: 0 8px;
	padding-bottom: 1em;
	margin-left: 7px;
	margin-right:25px;
}

#right {
	width: 523px;
	/* background: #97afd1; */
}
#right2 {
	width: 960px;
}

#slideshow {
	margin-top:10px;
	margin-bottom:8px;
}

#left2, #right2 { float: left; }
#content #left2 { width: 421px; }
#content-wide #left2 { width: 640px; }

#left, #right { float: left; }
#content #left { width: 421px; }
#content-wide #left { width: 640px; }

/* content styles */
#content ul, #content-wide ul {
	margin-left: 14px;
	text-shadow: 0 0 1px rgba(255,255,255,0.5);
}
#content ul li, #content-wide ul li {
	margin-left: 4px;
	list-style-type: disc;
	list-style-position: outside;
	text-indent: -2px;
}
#content ul ul li, #content-wide ul ul li {
	list-style-type: circle;
}
#content, #content-wide {
	font-size: 110%;
	text-align: justify;
}
#content-wide2{
	margin-right:10px;
	background:#cdecd2;
}

#content-wide2 #info{
	margin-left:600px;
}

#info { padding: 8px; 
	margin-bottom: 10px;
}

.text-left{
	text-align: left;
}

.alt-link{
	color:#fff;
}

/*#content #info { margin-left: 436px; }*/
#content-wide #info { margin-left: 655px; }

/* navigation */
#navigation {
	background: url('../images/new-navbar.png');
	background-repeat: no-repeat;
	color: white;
	padding: 5px;
	height: 33px;
	font-size: 105%;
	line-height: 34px;
	letter-spacing: 1px;
}
#navigation a {
	color: white;
	text-decoration: none;
	padding: 5px 10px;
}
#navigation ul li { float: left; }

/* footer */
#footer {
	background: url('../images/new-footer.png') 0 100px;
	height: 193px;
}
#footer .section {
	color: white;
	padding: 3px 8px;
	width: 304px;
	float: left;
}

#footer a { 
	color: #F9AE40;
}

#footer a:hover {
	color: #fff;	
}

.social {
	margin-top:25px;
	width: 100px;
	float:left;
}

.social img {
	padding: 0 5px;
}

/* product info box (for index) */

.sideborder {
    background: /*#ceedd2*/#B0EBAB;
    border: 2px solid #e1e9ea;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin-top:10px;
	padding: 10px;
	font-size:12px;
	margin-bottom:10px;
	-webkit-box-shadow: 0 6px 4px -4px #d2d2d2;
	   -moz-box-shadow: 0 6px 4px -4px #d2d2d2;
	        box-shadow: 0 6px 4px -4px #d2d2d2;
}


#product-select-container, #product-info-container { position: relative; }
.product-select {
	font-family: "Lucida Grande", sans-serif;
	font-size: 20px;
}
.product-select p { margin: 5px; }
#product-select-container {
	height: 80px;
	background: url('../images/buttons.png');
}
#product-info-container { 
	top: 75px;
	width: 508px;
	position: absolute;
	height: 151px;
	background: url('../images/info.png') 0 top;
	font-size: 80%;
}
#product-info-container p { padding: 0 10px; }
#order-box {
	width: 508px;
	margin-top: -3px;
	color: white;
	overflow: hidden;
	height: 226px;
	left: -3px;
	position: relative;
	font-size:120%;
}
#product-1, #product-2, #product-3 {
	width: 148px;
	padding: 10px;
	height: 55px;
	top: 0;
	text-align: center;
	float: left;
	position: absolute; /* I don't trust browsers to not wreck this. */
}
#indicator {
	position: absolute;
	top: 60px;
	height: 16px;
	width: 30px;
	line-height: 0;
	left: 244px;
	text-align: center;
}
.read-more {
	position: absolute;
	bottom: -12px;
	right: -6px;
	font-size: 110%;
	color: #def;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
}
.read-more:hover { text-decoration: none; }

.stand-out {
	position: absolute;
	bottom: -12px;
	right: -6px;
	font-size: 110%;
	color: #def;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	color: /*#f9ae40*/#f5ff00;
	text-decoration: none;
}

.stand-out:hover {
	color: #37b349;
	text-decoration: none;
}

.stand-out2 {
	font-size: 110%;
	color: #def;
	/*text-shadow: 0 1px 1px rgba(0,0,0,0.35);*/
	color: #ffcc00;
	text-decoration: none;
}

.stand-out2:hover {
	color: #004484;
	text-decoration: none;
}

.stand-out3 {
	font-size: 110%;
	color: #def;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	color: #004484;
	text-decoration: none;
}

.stand-out3:hover {
	color: #ffcc00;
	text-decoration: none;
}

.stand-out4 {
	font-size: 110%;
	text-shadow: 0 1px 1px rgba(0.35,0.35,0.35,0.35);
	color: /*#f9ae40*/#FFFF5A;
	text-decoration: none;
}

.stand-out4:hover {
	color: #37b349;
	text-decoration: none;
}

.stand-out5 {
	font-size: 110%;
	text-shadow: 0 1px 1px rgba(0.35,0.35,0.35,0.35);
	color: #f9ae40;
	text-decoration: none;
}

.stand-out5:hover {
	color: #37b349;
	text-decoration: none;
}

.stand-out6 {
	font-size: 110%;
	text-shadow: 0 1px 1px rgba(0.35,0.35,0.35,0.35);
	color: #000;
	text-decoration: none;
}

.stand-out6:hover {
	color: #37b349;
	text-decoration: none;
}

/* xxx: no good for IE pre-9 */
#product-1:hover, #product-2:hover, #product-3:hover {
	background: rgba(0,0,0,0.35);
	cursor: pointer;
}
/* I hope nobody cares for this in IE */
#product-1:hover {
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
}
#product-3:hover {
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}
#product-1, #product-2 { border-right: 1px solid #444; }
#product-1 { left: 0px; }
#product-2 { left: 169px; }
#product-3 { left: 338px; }
#product-1-info, #product-2-info, #product-3-info {
	position: absolute;
	display: none;
	width: 488px;
	height: 128px;
}

.active a { color:#f9ae40!important;}

/* slideshow */

.slides_container {
width:960px;
height:290px;
}
.slides_container div {
width:960px;
height:290px;
display:block;
}

#slides .prev {
margin-right: 5px;
float:left;
}
#slides .next {
margin-right: 5px;
float:left;
}
/*
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}
*/
/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/
/*
.slides_container {
	width:960px;
	height:290px;
	overflow:hidden;
	position:relative;
	display:none;
}
*/
.arrows {
	float: right;
	margin-top:10px;
	margin-left:880px;
	width: 50px;
	height: 20px;
	position: absolute;
	z-index:200;
}

/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */
@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }

.icon-user-md:before              { content: "\f200"; }