/* - - - - - - - - - - - - - - - - - - - - -
Title : 
Author : 
URL : 

Description : Main stylesheet for the Tru-Juice website 

Created : January 19, 2006
Modified : January 19, 2006

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */
.top {
 color: #666666;
 text-decoration: underline;
 font-size: 11px;
}

.page {
 text-align: right;
 font-size: 11px;
 color: #666666;
}


body {
 margin: 18px 0 0 0;
 padding: 0px;
 text-align: center;
 font-size: 62.5%;
}

* {
 margin: 0px;
 padding: 0px;
}

/* ----- IDS ----- */
#container{
 width: 775px;
 margin: 0 auto;
 text-align: left;
}

#navigation {
 text-align: left;
 padding: 5px 10px 5px 25px; 
 background: url(../images/header_bg.gif) no-repeat;
 font-size: 1.1em;
 font-weight: bold;
}

#content {
 background: url(../images/internal_bg.jpg) repeat-x top left;
 width: 772px;
 max-height: inherit; 
 border-left: 1px solid #FFBF00;
 border-right: 1px solid #FFBF00;
 padding: 30px 0 0 0;
}

#left_column {
 float: left;
 width: 25%;
 margin: 0 auto;
}

#right_column {
 float: right;
 width: 75%;
}


#footer {
 background: url(../images/footer_bg.gif) no-repeat;
 height: 31px;
 font: 1.1em Arial, Helvetica, sans-serif;
 text-align: center;
 padding: 8px 0 0px 0;
 margin: 1px 0 0 0;
}

/* ----- HEADINGS ----- */
h2{
 font: 1.8em "Times New Roman", Times, serif;
 color: #FF4000;
}

h3 {
 font: 1.2em "Times New Roman", Times, serif;
 font-weight: bold ;
}































#form input {
 border: 1px solid #FF7F00;
 padding: 4px;
}

#form input.field {
 width: 200px;
}

#form textarea {
 border: 1px solid #FF7F00;
 width: 350px;
 height: 200px;
}





#content_hp {
 background: url(../images/hp_bg2.jpg) no-repeat;
 width: 775px;
 height: 315px;
}

#content_hp p {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 color: #007550;
 width: 320px;
 padding: 200px 0px 0 75px;
}

#content {
 background: url(../images/internal_bg.jpg) repeat-x top left;
 width: 772px;
 max-height: inherit; 
 border-left: 1px solid #FFBF00;
 border-right: 1px solid #FFBF00;
}

#content_about {
 background: url(../images/internal_bg2.jpg) repeat-x top left;
 width: 772px;
 max-height: inherit; 
 border-left: 1px solid #FFBF00;
 border-right: 1px solid #FFBF00;
 padding: 30px 0 0 0;
}

#content.product { 
 height: 320px; 
 padding-top: 30px;
}

#content.details {  
 padding-top: 35px;
}

#content table { padding: 0px 0 0 0; }

#news {
 background: url(../images/news_bg.gif) repeat-y;
 padding: 9px 0px 9px 25px;
 margin: 0px 0 1px 0;
 font-family: Arial, Helvetica, sans-serif;
 font-style: italic;
 font-weight: bold;
 font-size: 1.3em;
 clear: both;
}

#primaryContent{
position:;
float:;
width:;
margin:;
padding:;
background:;
text-align:;
}

#secondaryContent{
position:;
float:;
width: 500px;
margin: 0px 0 0px 208px;
padding:  0px 0 0 0;
background:;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#secondaryContent td {
 padding: 0 0 0 15px;
}

#secondaryContent p {
 padding: 15px 0 0 0;
 color: #007550; 
}

#secondaryContent select {
 width: 140px;
 font-size: 10px;
}



#dropdown_menu {
 background: url(../images/drop_down_bg.gif) no-repeat;
 width: 160px;
 height: 22px;
 font: bold 11px Arial;
 padding: 2px 0 0 0px;
 margin-bottom: 14px;
 color: #626366;
 text-align: center;
}

#product_details {
 padding: 0 12px 7px 14px;
 color: #666666;
}

.product_details2 {
 color: #333333;
 font-size: 12px;
 font-family: Arial, Verdana, Helvetica, sans-serif
}

#product_details p { 
 padding-bottom: 7px;
 font: 12px Arial, Helvetica, sans-serif;
}

#product_details span {
 font: "Times New Roman", Times, serif;
 font-size: 16px;;
 font-weight:bold;
 color: #FF4000;
}

#nutrition { 
 width: 210px; 
 border: 1px solid #FFFFFF;
 padding: 2px;
}

#inner {
 border: 2px solid #FFFFFF;
 font-weight: bold;
 font-size: 11px;
}

#inner span {
 font: "Times New Roman", Times, serif;
 font-size: 16px;;
 font-weight: bold;
 color: #000000;
 display: inline;
}
 
#inner p { padding: 4px; }
#inner div { padding: 4px; }

#leftbar { 
 margin: 130px 0px 0 24px;
}

.header { border-bottom: 4px solid #FFFFFF;}
.divide { border-bottom: 2px solid #FFFFFF;  }

#archives { 
 padding: 0 0px 0 45px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}

#archives a {
 color: #666666;
 text-decoration: none;
 font-weight: bold;
}

#archives a:hover {
 border-bottom: 1px dotted #17763C;
 color: #17763C;
 font-weight: bold;
 text-decoration: none;
}

#news_block {
 padding: 0 0 0 16px;
 font-size: 12px;
 color: #333333;
} 

#news_block p {
 font-family: Arial, Helvetica, sans-serif;
}

#news_block span {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
}  

#news_block ol {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}

#news_block ol li {
 margin: 0 0 6px 24px;
}

#newslist {
 list-style-type: none;
}

#newslist li {  padding: 0 0 15px 0; }

#newslist li a {
 color: #17763C;
 text-decoration: none;
}

#newslist li a:hover {
 border-bottom: 1px dotted #17763C;
 color: #17763C;
 text-decoration: none;
}

#newslist li p a {
 color:#FF6600;
 font-size: 95%;
}

#newslist li p a:hover {
 border: none;
 color:#FF6600;
 font-size: 95%;
 text-decoration: underline;
}

#sidebar {
 margin: 120px 0 0 35px;
}

#sidebar ul {
 text-align: left;
 padding: 0px 0px 0 0px;
 font-family: arial;
 font-weight: normal;
 font-size: 12px;
 list-style-type:none;
}

#sidebar li {  padding: 0 0 5px 0; }

#sidebar li a {
 color: #FFFFFF;
 text-decoration: none;
}

.sent {
 color:#FF3300;
 font-size: 12px;
 margin: 0;
 padding: 0;
}

/* ----- CLASSES ----- */





/* ----- PARAGRAPHS ----- */

p{
font:;
color:;

font-size:;
font-family:;
font-style:;
font-weight:;
font-variant:;

text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:;

letter-spacing:;
word-spacing:;
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
margin:;
padding:;
background-color:;
font:;
color:;
}
blockquote p{
}
cite{
font:;
color:;
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
margin:;
padding:;
background-color:;
border:;
font-size:;
overflow:;
}
code{
font-size:;
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
list-style:;

list-style-type:;
list-style-image:;
list-style-position:;
float:;
margin:;
padding:;
}
li p{
}
ol{
width:;
margin:;
padding:;
}
ul{
width:;
margin:;
padding:;
}
ol li{
}
ul li{
}

a { color: #000000; }

.home {
 color: #FFFFFF;
 text-decoration: none;
}

#navigation ul{
  margin: 0 0 0 140px;
  list-style-type: none;
  text-align: right;
  display: inline;

}

#navigation li{
 display: inline;
 padding: 0 8px;

}

a.active { 
 color:#FFFFFF;
 background: url(../images/active_page.gif) left no-repeat;
 padding-left: 9px;
}


#navigation li a {
 text-decoration: none;
}

#navigation li a:hover {
 color: #FFFFFF;
 text-decoration: none;
}


#footer ul{
  list-style-type: none;
  text-align: right;
  display: inline;
}

#footer li{
 display: inline;
 padding: 0 1px;
}

#footer li a {
 color: #000000;  
 text-decoration: none;
}

#footer li a:hover {
 color: #000000;  
 text-decoration: underline;
}

/* ----- IMAGES ----- */

img{
border:;
}
img a{
border:;
text-decoration:;
}
img a:hover{
border:;
}

/* BREAK */

hr{
/* display:none; */
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
font:;
color:;
text-decoration:;
border-bottom:;
}
a:hover{
color:;
background-color:;
border-bottom:;
}
a:visited, a:active, a:focus{
color:;
background-color:;
border-bottom:;
}
a:visited{
color:;
background-color:;
border-bottom:;
}
a:active{
color:;
background-color:;
border-bottom:;
}
a:focus{
color:;
background-color:;
border-bottom:;
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
width:;
margin:;
padding:;
frame:;
text-align:;
}
caption{
font:;
color:;
position:;
text-align:;
display:;
}
thead{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tbody{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tfoot{
font:;
color:;
text-align:;
background-color:;
margin:;
padding:;
}
tr{
font:;
color:;
background-color:;
}
tr .alt{
font:;
color:;
background-color:;
}
th{
}
td{
width:;
margin:;
padding:;
}

/* ----- FORMS ----- */

form{
width:;
margin:;
padding:;
}
fieldset{
border:;
width:;
margin:;
padding:;
}
legend{
font:;
color:;
margin:;
padding:;
}
label{
margin:;
padding:;
font-size:;
font-family:;
}
input{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
textarea{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
input, textarea{
}
select{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
optgroup{
font:;
}
option{
font:;
}

/* ----- DEFINITIONS ----- */

dl{
font-size:;
margin:;
padding:;
}
dt{
color:;
margin:;
padding:;
}
dd{
color:;
margin:;
padding:;
}

#innerright {
 float: left;
 width: 60%;
}

#outerright {
 float: right;
 width: 30%;
}

h4 {
 background: url(../images/drop_down_bg.gif) no-repeat;
 width: 160px;
 height: 22px;
 margin: 5px 0 0;
 cursor: pointer;
 font: bold 12px Arial;
 text-align: left;
 z-index: 10;
 position: relative;
}

h4 a:link, h4 a:visited {
	color: #626366;
	padding: 3px 8px 0;
	-moz-outline-style: none;
	display: block;
	text-decoration: none;
}

.stretcher {
 margin: -6px 0 0 0;
 /*background-image: url(images/menu_background.png); */
 z-index: 2;
 position: relative;
}

#submenu {
 background-image: url(../images/menu_background.png);
 list-style-type: none;
 width: 159px;
}

#submenu li {
 padding: 10px 0px 0 5px;
}

#submenu a {
 color: #fff;
 font: 11px "Lucida Grande", verdana, arial;
 text-decoration: none;
}

#submenu a:hover {
 color: #fff;
 font: 11px "Lucida Grande", verdana, arial;
 text-decoration: underline;
}


.stretcher p {
 background: url(../images/menu_bottom.png) no-repeat;
}

#item { padding: 0px 0 8px 0px; }