@charset "utf-8";
/* CSS Document */

a {
      -moz-transition: opacity 0.2s ease 0s;
	  -webkit-transition: opacity 0.2s ease 0s;}

a:hover img  {
opacity: 0.8;	
}

h5 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.8em;
	margin: 0;
	font-weight: normal;
}

#logo {
	width: 205px;
	height: 145px;
	position: relative;
	float:left;
}

#container {
	width:100%;
	position:relative;
    float: left;
	left: 0;
            }

#header-container {
	font-size: 12px;
	text-transform: uppercase;
	float: right;
	position: relative;
	text-align: right;
	color: #ffffff;
	height: 120px;
	width: 240px;
	z-index: 3;
	
            } 
#header {
background: url(../images/template/bg-header.png) no-repeat;
width: 804px;
height: 145px;
position:relative;
float:right;	
}
#head {
	z-index: 3;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1009px;
	height: 145px;
	display: block;
}
#testimonial {
	background: url(../images/template/home-but-4.png) no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #5A4A42;
	font-size: 13px;
	line-height: 1.6;
    height: 100px;
    position: relative;
    width: 130px;
	padding: 45px 25px 45px 30px;
	float:right;
}
#side-container {
width: 205px;
min-height: 100%;
position:relative;	
	float:left;
	left: 0;
	top: 0;
}
.side-tall, .side-term {
background: url(../images/template/bg-side-tall.png) no-repeat;	
height: 323px;
width: 100%;
color: #61584F;
margin: 0 0 20px;
	padding: 27px 0 0;
}
#side-container .side-term p {margin: 0 0 2px;}
.side-term p a:link, .side-term p a:visited {color: #61584F}
.side-tall a:link, .side-tall a:visited, .side-short a:link, .side-short a:visited {color: #61584F; border-bottom: 0.05em dotted;}
.side-term p a:hover, .side-term p a:active {color: #5B8A7C}
.side-tall a:hover, .side-tall a:active, .side-short a:hover, .side-short a:active {color: #5B8A7C;  border-bottom:none;}
.side-short {
background: url(../images/template/bg-side-short.png) no-repeat;	
height: 140px;
width: 100%;
color: #61584F;
	padding: 27px 0 0;
}

.side-image {left: 0; top: 152px; position:absolute;}
#body {
	width: 1009px;
	padding-bottom:25px;
	height:auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
            }
.side-thumb {padding-right: 10px;}
.side-thumb img { vertical-align:middle;}
.thumb {vertical-align:top;padding:0 15px;}

.pop-up#content {
	 background: url(../images/template/bg-body-top.png) no-repeat 20px 20px #f2f1dd;
	 padding: 50px 110px;
	}
	
#content {
	   background: url(../images/template/bg-body-top.png) no-repeat;
            position:relative;
			 width:624px;
			   text-align:left;
                float: right;
				
				padding: 30px 90px;
				min-height: 215px;
}
#blog #content {
	   background: url(../images/template/bg-blog.png) no-repeat;
	   width: 825px;
}
#content table {margin: 0 20px;}
#content #content-copy table {margin: 0 ;}
#content td h3, #content td p {margin-left: 0;}
#home #content {   
background: none;
    position:relative;
	width:804px;
	text-align:left;
    float: right;
	margin: 0 0 20px;
	padding: 0;	
            }
#buttons {
	margin: 25px 0 0 20px;
	width: 	755px;
}
#content-bg {position: absolute; z-index:1}
#content-copy {position: absolute; z-index:2; padding: 0 35px; text-transform:uppercase; font-size: 16px; font-family:aller-bold, Arial, Helvetica, sans-serif;}	
#content-copy td {padding: 40px 32px;}
#content-copy a:link, #content-copy a:visited {}

#banner {
	position:absolute;
	left: 600px;
	top: 25px;
	padding: 30px 0 0 15px;
	width: 375px;
	height: 200px;
	background: url(http://www.pranin.com/images/template/bg-subnav.png) no-repeat;
	z-index:4;
	}


#footer-container { height: 265px; background:url(../images/template/prana-mono.png) no-repeat left bottom; padding-left: 205px; position: relative; float:left;}
#footer a:link, #footer a:visited {
            color: #61584F;
			text-decoration: none;

            }
#footer a:hover, #footer a:active{
            color: #9DA622;
            text-decoration: none;
			
            }
#footer {
position:relative;
width:754px;
padding: 25px;
margin: 0 0 15px;
height: 55px;
background: url(../images/template/bg-body-bot.png) no-repeat bottom;
float:right;
text-transform:uppercase;
}
#footer-left { width: 240px;  position:relative; float:left; font-size:12px;}
#footer-right { width: 510px; position:relative; float:right;font-size:13px; line-height: 1.4;padding: 18px 0; }
#footer td a:link, #fotter td a:visited {color: #58595B;}
#footer-blurb {position: relative; float:left; width: 100%; color: #9E9690; text-transform:none; font-size: 11px;margin:15px 0;}
#footer-blurb td {vertical-align: top;}
#footer-blurb a:link, #footer-blurb a:visited {color: #9E9690;}
#footer-blurb a:hover, #footer-blurb a:active {color: #5B8A7C;}
#footer ul li { list-style:none;}
#footer li a{ background-position: 50% 0 !important;}
			.thumbnail {
	float:left;
	background:#FFF;
	padding: 3px;
	border: 0.05em solid #CCC;
			}

/* @group Forms */

.announcement-list {
	padding: 0 15px 0 0;
}

.secure-login, .newsletter-form {

	border: none;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: transparent;
	border: none;
	font-size: 14px;
	margin: 0;
	padding: 18px 18px 0;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

#content .content {border-top: 1px dashed #9E9690;border-bottom: 1px dashed #9E9690; margin: 0 10px 10px; padding: 10px 0 15px;}
#content .content p, #content .content h3  {margin: 5px 0;}

  /* @end */
#form {background: #F5F3E6; padding: 50px;}

/* hide shipping options */
.shippingCountryDiv, .shippingDiv { display: none; }