/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Typography */
body {font-size:80%;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a, a:focus, a:hover {color:#1288c5;text-decoration: none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.dotted {list-style-type: disc;}
/*--- Layout ---*/
body {
    background:transparent url('../i/bkgd.gif') repeat-x;
    background-color: #0582c2;
}

.container {
    width:950px;
    margin:0 auto;
    background: #fff;
}
.logo {
	background:transparent url('../i/logo.png') no-repeat;
	height: 60px;
	width: 221px;
	float: left;
	margin-left: 20px;
	display: block;
	text-indent: -9999px;
}
#slogan {
	float: left;
	font-size: 12px;
	margin: 28px 0 0 15px;
	color: #000;
}
.search {
	float: right;
	height: 20px;
	width: 250px;
	display: inline;
	margin: 20px 15px 0 0;
}
/*------ NAVIGATION --------*/ 
.topbar {
    margin: 0;
    height: 60px;
    width: 950px;
	background:transparent url('../i/grade.png') repeat-x;	
}
.topnav {
	height: 27px;
	width: 950px;
	background:transparent url('../i/nav-bkgd.gif') repeat-x;
	clear: both;	
}
.topnav a, a:visited {
	color: #fff ;
} 
.topnav ul {
    float: right;
	margin: 2px 0 0 0;
}
.topnav li {
	height: 27px;
	font-size: 1.0em;
	margin: 10px 0 0 0;
	display: inline;
	padding-right: 9px;
	padding-left: 9px;
	border-right: 1px solid #fff;
	text-transform: uppercase;
	font-weight: bold; 
}
.topnav li.last {
	border-right: 0 none;
}
.topnav a:link, a:visited {
	color: #fff;
	text-decoration: none;
}
.topnav a:hover {
    text-decoration: underline;
}
/*  End Nav  */

h2.headline-text  {
    font-weight: bold;
    position: absolute;
    top: 15px;
    left: 250px;
    color: #4d4d4d;
}
.herowrap {
   	padding-left: 20px; 
	float: right;

}
.hero {
	background:transparent url('../i/hero_small.jpg') no-repeat;
	height: 230px;
	width: 190px;
}
.lilicons {
	width: 190px;
	height: 45;
    margin-top: 10px;
}
.lilicons img {
	margin-left: 2px;
	float: left;
}
.content {
	background:transparent url('../i/faux.gif') repeat-y;
    width: 950px;
    height: 100%;
}    
	.catbox {
		height: 50px;
		margin: 15px 0 0 0;
	}
	.catbox img {
		float: left;
		margin: 0 10px 0 0;
	}

.leftcolumn {
    width: 181px;
    float: left;
}
    .leftad {
        margin: 11px;
    }
	/* The Left Column Navigation */
	.leftlist { width: 181px; }
	.leftlist ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	}
	.leftlist li {
		width: 181px;
	}
	.leftlist a
	{
	display: block;
	padding: 3px 0px 3px 10px;
	width: 171px;
	background-color: #0074b5;
	border-bottom: 1px solid #eee;
	
	}

	.leftlist a:link, #navlist a:visited
	{
	color: #EEE;
	text-decoration: none;
	}

	.leftlist a:hover
	{
	background-color: #369;
	color: #fff;
	}
.maincontent    {
    float: right;
    min-height: 300px;
    width: 729px;
    padding: 10px 10px 20px 10px;
}
a h4 {
	color: #1288c5;
}
div.maincontent a:visited {
	color: #1288c5;
}                          
.contact_form {
  margin: 0;
}
                         
.footer {
    height: 50px;
    width: 950px;
    background-color: #59595b;
    text-align: center;
}                      
.footer p {
    padding-top: 15px;
    color: #898989;
}
/*  Articles  */
h2.articles {
	margin-bottom: 0px;
	font-size: 1.5em;
}
p.date {
	margin: 0;
}
/* Product Styles */
#product_category li {
	font-size: 1.4em;
	padding: 5px 0;
}
#price {
	font-size: 1.2em;
	font-weight: 400;
}
.right-image {
	float: right;
	margin-left: 10px;
	width: 310px;
	border: 1px solid #000;
}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* Contact Forms */
label {
	display: block;
}
/*---  Cool Stuff  ---*/
.bluealt {   
  color: #1288c5; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}


/* -- Blog Styling
--------------------------------------------------------------*/
.blog-info {
    margin-left: 10px;
}
.blog-body {
    margin : 10px 10px 0 20px;
}
.comments label {
    display: block;
}
.comment-body {
    margin-left: 10px;
}


/* -- Tiny_mce Styling  
------------------- IMPORTANT ----------------------------
Anything edited here must also be copied to /static/js/tiny_mce.css
to have the style displayed in the editor be consistent
--------------------------------------------------------------*/
/*---  Cool Stuff  ---*/
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}
.orangealt {   
  color: #d26c00; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}


/* Go image rotating! */
#myGallery
{
	width: 181px;
	height: 443px;
	z-index:5;
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
	
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 0px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: 0% 0%;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }