/* Start of CMSMS style sheet 'wmp: layout' */
/*-- undo html --*/
* {
margin:0;
padding:0;
}

html {
overflow-y: scroll;
}



body {
text-align: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 75.01%;
line-height: 1em;
}

div {
font-size: 1em;
}

img {
border: 0;
}

a,
a:link 
a:active {
text-decoration:none;
background-color:inherit; 
color: #339999; 
}

a:visited {
text-decoration:none;
background-color: inherit;
color: #339999;
}

a:hover {
text-decoration:none;
color: #424a62;
}

/*****************
basic layout 
*****************/
body {
background-color: #fff;
color: #424a62;
margin:0;
}

div#pagewrapper {
margin: 0 auto;
width:960px;
background-color:#fff;
}


#header	{
height:190px;
}

div#branding {
float:left;
width:400px;
height:190px;
/*background: #339999;*/           
}

div#branding h6 a {
background:url(images/layout/branding.jpg) no-repeat; 
display: block; 
height:190px;
text-indent: -999em;
text-decoration:none;
}

#nav-main	{
float:right;
/*position: relative;
top:0;
left:400px;*/
width:560px;
height:117px;
background:#339999 url(images/layout/nav-main-bg.jpg) no-repeat;
color:#fff;
}

* html #nav-main	{
float:right;
width:560px;
height:117px;
background-color:#339999;
background-image:url(images/layout/nav-main-bg.jpg);
background-repeat:no-repeat;
color:#fff;
}

#nav-main a.products-link	{
position: relative;
top:67px;
left:26px;
color:#424a62;
/*color:#fff;*/
background:none;
font-size:50px;
font-weight:normal;
text-decoration:none;
}

#nav-main a.products-link:hover	{
color:#fff;
background:none;
font-size:50px;
font-weight:normal;
text-decoration:none;
}

#nav-main a.order-link	{
position: relative;
top:85px;
left:30px;
color:#424a62;
background:none;
font-size:63px;
font-weight:normal;
text-decoration:none;
}

#nav-main a.order-link:hover	{
color:#fff;
background:none;
font-size:63px;
font-weight:normal;
text-decoration:none;
}

#nav-main a.about-link	{
position: relative;
top:62px;
left:45px;
color:#424a62;
/*color:#fff;*/
background:none;
font-size:38px;
font-weight:normal;
text-decoration:none;
}

#nav-main a.about-link:hover	{
color:#fff;
background:none;
font-size:38px;
font-weight:normal;
text-decoration:none;
}


#title	{
width:100%;
height:45px;
background:#d1d8da url(images/layout/title-bg.jpg) no-repeat;
}

* html #title	{/* ie6 hack */
width:100%;
height:45px;
background-color:#d1d8da;
background-image:url(images/layout/title-bg.jpg);
background-repeat:no-repeat;
margin:-5px 0 0 0;
}

#title h1	{
padding:0 0 0 30px;
}

div#content {
overflow:hidden;
background-image:url(images/layout/content-bg.jpg);
background-repeat:repeat-y;
min-height:260px;
}

* html div#content {/* ie6 hack to cope with min-height and clearing */
overflow: visible;
background-image:url(images/layout/content-bg.jpg);
background-repeat:repeat-y;
height:260px;
}

#content .inside	{
padding:0 30px;
}

div#main {
float:left;
width:550px;
/*background:aqua;*/
}

#main .inside	{
padding:15px 15px 15px 45px;
}


div#sidebar {
float:right;
width:380px;
/*display: inline;*/  /* FIX ie doublemargin bug */
/*background: aqua;*/
}

#sidebar .inside	{
padding:15px 45px 15px 15px;
}

div#footer {
clear:both;
margin:0 auto;
width:960px;
height:75px;
color: #fff;
background:#339999 url(images/layout/footer-bg.jpg) no-repeat;
}

div#footer p {
font-size:13px;
padding:40px 0 0 30px;
text-align:left;
margin:0;
}

div#footer p a:link, div#footer p a:visited {
color: #fff;
background:none;
text-decoration:none;
}

div#footer p a:hover {
/*color:#fff;*/
color:#424a62;
background:none;
/*text-decoration:underline;*/
text-decoration:none;
}

#footer2	{
width:960px;
margin:10px auto;
text-align:right;
}


div.hr {
height:1px;
margin:1em 0;
border-bottom: 1px solid #d1d8da;
}

div.left49 {
float: left;
width: 49%;}

div.right49 {
float: right;
width: 49%;
text-align: right;
}




/********************
CONTENT STYLING
*********************/

/* HEADINGS */
h1 {
font-size:3em;
font-weight:normal;
line-height: 1em;
margin: 0;
color:#339999;
}

h2 {
color:#9ec7cd; 
font-size:2.7em;
font-weight:normal;  
line-height:normal;
margin: 0 0 0.5em 0;
}

h3 {
color:#9ec7cd; 
font-size: 2.2em;
font-weight:normal;
line-height:normal;
margin: 0 0 0.5em 0;
}

h4 {
color:#9ec7cd; 
font-size: 2.0em;
font-weight:normal;
line-height:normal;
margin: 0 0 0.25em 0;
}

h5 {
color:#9ec7cd; 
font-size: 1.8em;
font-weight:normal;
line-height:normal;
margin: 0 0 0.25em 0;
}

h6 {
color:#9ec7cd; 
font-size: 1.6em;
font-weight:normal;
line-height:normal;
margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
font-size: 1em;
margin: 0 0 1.5em 0;  /* some air around p elements */
line-height:1.4em;
padding: 0;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}

pre {
border: 1px solid #000;  /* black border for pre blocks */
background-color: #ddd;
margin: 0 1em 1em 1em;
padding: 0.5em;
line-height: 1.5em;
font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
font-size: 1.0em;
line-height:1.4em;
margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
margin: 0 0 0.25em 3em;
}

div#dl dt {
font-weight: bold;
margin: 0 0 0.25em 3em;
}
div#dl dd {
margin: 0 0 0 3em;
}
/* END LISTS */


/*-- PRODUCTS MODULE STYLES --*/
.category-grid	{
overflow:hidden;
height:1%;
width:480px;
padding:5px;
background:#d1d8da;
}


.category-grid-item	{
float:left;
width:150px;
height:150px;
margin:5px 5px 5px 5px;
display: inline;/* ie6 double float hack */
}

#product-details	{

}

.product-disclaimer	{
font-size:11px;
/*color:#d1d8da;*/
color:#777;
}


/*-- FrontEndUser Account Styles --*/
.feu-account-form	{
width:400px;
border:1px solid #ccc;
}

td.feu-input	{
width:200px;
padding:10px 0;
}


td.feu-input textarea	{
width:200px;
height:50px;
background: #ccc;
padding:10px 0;
}

/*-- Forms --*/
.contactform	{

}

div .error_message	{
color:#cc0000;
}

.contactform td	{
padding:5px 2px;
}

.contactform input	{
width:200px;
}

.contactform textarea	{
width:200px;
}

.contactform .checkbox	{
width:20px;
}


/*-- Cart Forms --*/
.viewcartform	{

}

.viewcartform table	{
width:99%;
margin:10px 0;
border-collapse: collapse;
border-top:1px solid #d1d8da;
border-right:1px solid #d1d8da;
}

.viewcartform table th	{
padding:4px;
border-left:1px solid #d1d8da;
border-bottom:1px solid #d1d8da;
background:#d1d8da;
}

.viewcartform table td	{
padding:4px;
border-left:1px solid #d1d8da;
border-bottom:1px solid #d1d8da;
}

.viewcartform table td .totals	{
font-weight:bold;
color:#339999;
}

/*-- FormBuilder Order Form --*/
.orderform	{

}

.orderform td	{
padding:5px 0;
}

.orderform input	{
width:200px;
padding:2px 0;
}

.orderform textarea	{
width:200px;
}


/*-- IMAGES --*/
.image-right	{
float:right;
margin:0 0 0 10px;
}

.image-left	{
float:left;
margin:0 10px 0 0;
}

/*-- SLIDESHOW --*/
#slideshow {
width:320px;
height:200px;
margin:0 0 20px 0;
overflow: hidden;
background:#d1d8da;
}

#slideshow img {
/*position: absolute;
left: 0;
top:0;*/
width:300px;
height:180px;
padding:10px;
}



/* End of 'wmp: layout' */