* {
	font-family: 'Droid Sans', Verdana, 'Lucida Grande', sans-serif;
}
/*

	Basic layout styles

*/

#container {
	width: auto;
}
body.l1 #primary {
	width: 50%;
	margin-left: 2.5em;
}

/*

	Header styles

*/
#header {
	height: 105px;
	background: #efefef url(../../../images/site_wide/top_logo_creativeweave.jpg) no-repeat center top;
}
#header h2 {
	visibility: hidden;
}
#container.homepage #header {
	height: 105px;
	background: #efefef url(../../../images/site_wide/top_logo_strip_3.png) no-repeat center top;
}
#header ul {
	margin: 0 auto;
	width: 70%;
	margin-top: 31px;
}
#header li {
	margin: 0.4em 2em;
	display: inline-block;
}
#header h2 {
	font-size: 200%;
	padding: 1.35em 0 0 1.3em;
}
#header h2 a {
	color: #000;
	text-decoration: none;
}
#header .content, #footer .content {
	margin: 0 1em;
	margin-top: 0;
/* 	padding: 1em 0; */
}
.B_crumbBox {
	display: block;
	width: 100%;
	background-color: #efefef;
/* 	margin-top: -14px;
	margin-left: -30px; */
	padding: 0.5em 2em;
	font-weight: bold;
	font-size: 130%;
	position: relative;
	top: 31px;
}


#tertiary {
	background: #ddd;
}
#secondary {
	background: #fff;
	background: #efefef;
	padding: 4em 0.5em 0 2px;
}
#tertiary .content, #secondary .content {
	margin: 1em;
}


#primary .content {
	margin: 1em 0;
}
#primary .content p {
	text-align: justify;
	font-size: 110%;
}
.thumbnail {
	float: left;
	margin: 0 1em 0.5em 0;
}
#primary .content img {
	padding: 4px;
	border: 1px solid #ccc;
}
#primary .content p img {
	margin: auto 1em 0.5em auto;
}
#primary .content a img {
	padding: 4px;
	border: none;
}
.content hr {
	margin-bottom: 0.8em;
	background: #3366CC;
	color: #3366CC;
}

#footer {
	height: 25px;
	background: #bbb url(../../../images/site_wide/footer_background_strip.png) no-repeat center center;
}
#footer ul {
 	margin: 0.1em auto;
	width: 70%;
}
#footer li {
	margin: 0 2em;
	display: inline;
	font-weight: bold;
}



/*

	Right Menu styles

*/
#secondary ul li {
	padding: 0.2em 0 1em 0;
	text-align: center;
}
#secondary ul li div {
/*	float: left;*/
	margin: 0 auto;
	width: 150px;
}
#secondary ul li h4 {
	margin: 0 0.5em;
	padding: 0.3em 0;
	font-size: 110%;
}
#secondary ul li div a img {
	height: 60px;
	width: 75px;
}
.menu_desc {
}

/*

	Homepage styles

*/
.homepage .menu_desc {
	font-weight: bold;
	color: #000081;
}
#container.homepage #secondary {
	padding: 1.5em 0.5em 0 2px;
}
.homepage #primary .content {
	min-height: 300px;
}


/*

	Product page styles

*/
#container.product h1 {
/* 	margin: 0.5em 0 0.6em auto; */
}
#container.product h2 {
	margin: 0.5em 0 0.6em auto;
}
#secondary ul.products_menu li {
	margin: 0 0.5em;
}
.products_menu li a {
	padding: 0.5em;
	font-weight: bold;
	display: inline-block;
	width: 100%;
}
li.odd {
	background-color: #b4c9d9;
	background-color: #e3e3e3;
}

.downloadable {
	padding: 1em;
	background-color: #efefef;
	border: 1px solid #3366cc;
	width: 579px;
}
#primary .downloadable a img {
	padding: 0;
	border: none;
}

#container.product #primary .content img {
	border: 1px solid #ccc;
}
#container.product #primary .content img.zoom_graphic {
	position: absolute;
	top: 220px;
	left: 570px;
	padding: 0;
}

/* Specs table styles */
.product table {
	border: none;
	font-size: 90%;
}
.product td, .product th {
	border: none;
	padding: 0.1em 0.4em;
}
.product tr {
	border-bottom: 2px solid #fff;
}
.product th {
	background-color: #efefef;
}

/* Product sample form styles */
.product_sample_item {
	float: left;
	width: 110px;
	height: 150px;
	background-color: #efefef;
	padding: 4px;
	border: 4px solid #fff;
}
.content .product_sample_item label {
	display: inline;
	font-size: 80%;
}


/*

	Contact styles

*/
.contact_group, .contact_country {
	margin-left: 10%;
}
#primary .contact_group h3 img {
	border: none;
	padding: 2px 4px;
}
#primary .contact_company img {
	float: right;
}


/*

	Applications & images gallery styles

*/
#primary .content .thumbscontainer img {
	border: 1px solid #ccc;
}


/*

	News page styles

*/
#primary .content p .news_item_date {
	font-size: 70%;
	color: #ccc;
	margin-top: -1.5em;
}
.pagination {
/* 	border-top: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC; */
	background-color: #efefef;
	padding: 0.5em;
}

/*

	Forms styles

*/
form {
	/* width: 95%; */
	margin: 0.2em auto;
}
form p{
	padding: 0; margin-left: 0;
}
form input[type="text"], form select {
	margin-bottom: 0.4em;
}
input[type="text"],input[type="password"],input[type="checkbox"],textarea,select {
	margin-left: 5px;
	margin-bottom: 3px;
}
input[type="checkbox"] {
	border: none;
}
form input[type="radio"] {
	bottom: 0;
}
.content form fieldset {
	margin: 0 auto 0.8em auto;
	padding: 0.25em;
	border: 0;
}
form fieldset fieldset {
	margin-top: 1em;
}
.content form fieldset label {
	font-size: 90%;
}
.content fieldset legend {
	font-size: 100%;
	font-weight: bold;
	color: #3366cc;
	background-color: transparent;
	padding-left: 0;
}
label {
	margin-right: 0.5em;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding-left: 0.2em;
}
ul ul label {
	width: auto;
}
fieldset fieldset label {
	width: 15%;
	display: inline-block;
}
.nowrap label, label.nowrap { width: 80%; }
.content form ul {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
}
.content form ul ul {
	margin-left: 2em;
}
.form_note {
	background-color: #FFFFCC;
	border: 1px solid #F9CF85;
	padding: 1em;
	margin: 0.75em auto 0.5em auto;
	line-height: 1.15;
	font-size: 95%;
}
form .form_note ul {
	list-style-type: disc;
}
div.errors, form .errors {
	background-color: #ffdf9b;
	border: 1px solid #ffbc38;
	padding: 1em;
}
form em {
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-weight: bold;
	color: #f00;
}
form .required {
	background-color: #ffdf9b;
}
form input[type="checkbox"] .required {
	background-color: #ffdf9b;
	border: 3px solid #ffbc38;
}
form input[type="checkbox"].required + label {
	background-color: #ffdf9b;
}
form .invalid {
	background-color: #ffc1c1;
}

/*  input sizes  */
.third{
	width: 32% !important;
}
.half{
	width: 48% !important;
}
.full{
	width: 100% !important;
}

input.small, select.small, label.small {
	width: 25%;
}
input.medium, select.medium, label.medium {
	width: 50%;
}
input.large, select.large, textarea, label.large {
	width: 60%;
}

textarea.small{
	height: 5.5em;
}
textarea.medium{
	height: 10em;
}
textarea.large{
	height: 20em;
}



/*

	Utility classes

*/
.clear {
	float: none;
	clear: both;
}