/*HOME PAGE elements*/
#main_picture {
	float: left;
	width: 550;
	height: 270;
}

#company_description {
	float: right;
	width: 400px;
}

.left_wrap {
	width: 550px;
	float: left;
	margin-top: -30px;
}

.right_wrap {
	width: 410px;
	height: 170px;
	float: right;
	padding-top: 38px;
}

#goto_shop {
	background-color: #eee;
	padding: 10px;
/*	height: 140px;*/
}

.search_shop {
	background-color: #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.shop_button {
	text-align: right;
}

.shop_button a:link, .shop_button a:visited {
/*	margin-top: 10px;*/
	padding: 10px;
	background-color: #aaa;
	color:#31619F;
}

.clear {
	clear: both;
}

.tags a {
	color: #3C78CC;
}

.tags a:hover {
	color: #12335F;
}

.be_inspired {
	margin-top: 75px;
	background-color: #ccc;
	margin-right: 20px;
	padding-left: 20px;
	line-height: 18pt;
	
}
/*END HOME PAGE elements*/

.endorsment {
	color: #666;
	font-style: italic;
}

#newsletter {
	margin-left: 130px;
	text-align:center;
	line-height: 18px;
	margin-bottom: 50px;
}

#footer_menu_bar {
	background-color: #3C78CC;
	padding: 12px;
	margin-top: 10px;
	text-align: left;

}

#footer_menu_bar a {
	/*text-align: center;*/
	color: #fff;
	font-size: 14px;
}


.tag_size_1 {font-size: 0.8em; line-height: 20pt;}
.tag_size_2 {font-size: 1.0em; line-height: 20pt;}
.tag_size_3 {font-size: 1.2em; line-height: 20pt;}
.tag_size_4 {font-size: 1.4em; line-height: 20pt;}
.tag_size_5 {font-size: 1.6em; line-height: 20pt;}
.tag_size_6 {font-size: 1.8em; line-height: 20pt;}

a {
	text-decoration: none;
	color: #4060CF;
}

body {
background-color: #fff; 
color: #000033; 
background-image: url('images/bg_grey.jpg'); 
background-repeat: no-repeat; 
background-position: top;
margin: 0px; 
padding: 0px; 
text-align:center;
font: 12px Arial;
height: 100%;

font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 17px;
}

#main {
width:1004px; 
margin:auto; 
text-align:left; 
padding:0px; 
border:0px solid #333;
}

#breadcrumb {
height: 30px;
padding-top: 5px;
padding-left: 20px;
border:0px dashed #333;
}

#content{
margin: auto; 
padding: 20px 20px 0px 20px;
text-align:left; 
border:0px dashed #333;
overflow: hidden;
clear: both;
}

#footer {
padding: 20px 20px 10px 30px;
background-image: url('images/footer_bg.gif'); 
overflow: hidden;
color: #444;
}

.footercol, .footercol a {
float: left;
width: 190px;
color: #444;
text-decoration: none;
}

#subnav {
width: 202px;
background: #fff;
float: left;
}

.subnavheading {
background-color: #fff;
height: 45px; 
padding-left: 6px;
padding-top: 20px;
border-bottom: #f2f2f2 1px solid;
}

.subnavheading a {
color: #0716AF;	
font-weight: bold;
/*font-size: 1.2em;*/
}

.subnavheading2 {
background-color: #e8e8e8;
padding: 7px;
margin-top: 20px;
background-image: url('images/subnav_item.gif'); 
}


ul {
list-style-image:url('images/arrow.gif'); 
line-height: 20px;
}

ul.subnavlist {
padding: 8px 0px 8px 24px; 
background-color: #EFEFEF; 
margin: 0; 
list-style-image:url('images/arrow.gif'); 
line-height: 20px;
}

.subnavitem {
background-image: url('images/subnav_off.gif'); 
background-position: bottom;
background-repeat: no-repeat; 
background-color: #fff;
padding: 6px;
height: 18px;
}

.subnavitem a {
color: #000033;
text-decoration: none;
}

.subnavitem a:hover {
color: #5a7cad;
text-decoration: none;
}

#feature {
width: 750px;
float: left;
border-left: 1px solid #DFDFDF;
}

#items {
width: 730px;
margin: 0px 20px 0px 20px;
border: 0px solid #222;
overflow: hidden;
clear: both;
}

#largeimage {
width: 322px;
height: 365px;
background-color: #444;
border: 0px solid #222;
float: left;
background-image: url('images/mainimage.gif'); 
padding: 6px;
}

#right {
width: 376px;
float: right;
border: 0px solid #222;
}

#description {
border: 0px solid #222;
}

p {
margin-top: 0px;
}

#related {
padding: 20px 0 20px 20px;
margin-top: 20px;
clear: both;
overflow: hidden;
border-top: 1px solid #DFDFDF;
}

#title {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 12px;
margin: 15px 0 15px 0;
overflow: hidden;
}

h1 {
font: bold 24px Arial;
color: #000033;
margin: 0;
padding: 0;
}

h2 {
font: bold 18px Arial;
color: #000033;
margin: 0;
padding: 0;
}

h3 {
font: bold 16px Arial;
color: #333;
}

h3 a {
color: #333;
}

#header {
vertical-align: top;
height: 118px;
font-size: 12px;
font-weight: bold;
}

.headertext {
	padding-top: 7px;
vertical-align: middle;
}

#relateditem {
float: left; 
margin-left: 15px; 
margin-right: 15px;
margin-top: 40px;
margin-bottom: 15px;
background-image: url('images/image_related_bg.gif'); 
height: 138px; 
width: 138px; 
padding: 6px;
text-align: center;
}


img {
border: none;
}

/* menu and navigation */

#menu {
font: bold 13px Arial;
color: #fff; 
height: 38px; 
background-image: url(../images/menu.gif); 
margin: auto; 
padding: 4px 10px 0px 10px; 
}

#mainnav {
	height: 38px;
}
/* -------------------------- */
/* We begin by styling the main navigation on the page... */
/* -------------------------- */
/* Overall main navigation styles */
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1em;
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
/* -------------------------- */
/* The top main navigation links */
#nav a {
	display: block;
	padding: 0px;
	color: #fff;	
	text-decoration: none;
}
#nav a:hover {
         background-color: transparent;
}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#nav a.last {
	background-image: none;
}
#nav a.one, #nav a.two, #nav a.three {
	text-align: left;
	font-size: 1em;
	margin: 4px 24px 12px 35px;
/*        margin: 5px 30px 14px 40px; */
}
#nav li {
	float: left;
	padding: 0;
}
/* -------------------------- */
/* The dropdown links lists */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px; 
	font-weight: bold;
	border: 0px solid #999;
	background-color: #58595D;/*#030B2F;*/
	margin-left: 20px;
}
#nav li li {
	padding: 0;
	width: 160px; 
}
#nav li ul a {
	padding: 4px 10px;
	width: 140px;
	* html width: 100px;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
	margin: 0px 0px 0px 160px;
  background-color: #58595D; /*#0B0B3B*/;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
	background-color: transparent;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
	color: #fff;
	background-image: none;
}
#nav li ul.under a:hover {
	background: #A3A4A9; /*#003775;*/
	color: #fff;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #fff;
  background-color: #A3A4A9; /*#003775;*/
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
	color: #fff;
	background-color: #A3A4A9; /*#003775;*/
}


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