/* ======================
	DEFAULTS
=========================*/
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	background-image: url('/modules/root/templates/template1/images/bg.jpg');
	background-repeat: repeat-y;
	background-position: center center;
}
form {
	margin: 0px;
}
.inputField {
	background-color: #E8EEF9;
	color: #000000;
	font-size: 12px;
	border-width: 0px;
	padding: 4px;
}
h1 {
	font-family: Verdana, Arial, sans-serif;
	background-color:transparent;
	color:#3a448a;
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}
h1 strong,
h1 a,
h1 a:link,
h1 a:visited {
	color: #3a448a;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Arial, sans-serif;
	background-color: transparent;
	color:#3a448a;
	font-size: 15px;
	line-height: 19px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}
h2 a,
h2 a:link,
h2 a:visited {
	color: #3a448a;
	font-weight: bold;
}
h3 {
	font-family: Verdana, Arial, sans-serif;
	background-color: transparent;
	color:#3a448a;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
h3 a,
h3 a:link,
h3 a:visited {
	color: #3a448a;
	font-weight: normal;
}
h4 {
	font-family: Verdana, Arial, sans-serif;
	background-color: transparent;
	color:#3a448a;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
h4 a,
h4 a:link,
h4 a:visited {
	color: #3a448a;
	font-weight: bold;
}
strong {
	color: #333333;
	font-weight: bold;
}
a img {
	border-width: 0px;
}
img {
	vertical-align: bottom;
}
object {
	vertical-align: bottom;
}
embed {
	vertical-align: bottom;
}
p {
	line-height: 18px;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}
p.error {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #bf0f35;
}
p.notice {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #385f14;
}
em {
	color: #ca1c23;
}
pre {
	margin: 0px 0px 10px 0px;
}
ul {
	margin: 0px 0px 10px 0px;
	padding:0px;
	list-style-position:inside;
}
a {
	text-decoration: none;
	font-weight: normal;
	color: #ca1c23;
}
a:link {
	font-weight: normal;
	color: #ca1c23;
}
a:visited {
	font-weight: normal;
	color: #ca1c23;
}
a:hover {
	font-weight: normal;
	color: #ca1c23;
}
input.button {
	background-color: #3A448A;
	color: #FFFFFF;
	padding: 2px;
	border-width: 0px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}
a.button {
	background-color: #3A448A;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	border-width: 0px;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	text-transform: uppercase;
}
input.smallButton {
	background-color: #3A448A;
	color: #FFFFFF;
	padding: 1px;
	border-width: 0px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
a.smallButton {
	background-color: #3A448A;
	color: #FFFFFF;
	padding: 1px 2px 1px 2px;
	border-width: 0px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	text-transform: uppercase;
}
a.javascriptLink {
	cursor: pointer;
}
div.backButton {
	text-align: left;
	margin-bottom: 15px;
}
div.backButton a {
	cursor: pointer;
}
.loading {
	text-align: center;
	height: 40px;
	width: 100%;
}
iframe {
	border-width: 0px;
}
/*========================
	LAYOUT
=========================*/
#pageBoxLv1 {
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	position: relative;
	overflow: hidden;
	width:980px;
}
/*=========================
	CENTER COLUMN
==========================*/
#centerColumnBoxLv1 {
	position: relative;
	width: 665px;
	margin-left: 150px;
	margin-right: 165px;
	padding-top: 85px;
}
#root1133 #contentBoxLv2{
	padding-top: 0px;
}
#centerColumnBoxLv2 {
	background-color: #FFFFFF;
}
/*==================
	HEADER
===================*/
#headerBoxLv1 {
	background-color: #b9091f;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 665px;
	height: 85px;
}
/*==============
	LOGO
================*/
#logo {
	padding: 20px 0px 0px 30px;
	text-align: left;
}
/*====================
	TEL
====================*/
#tel {
	float: right;
	text-align: right;
	width: 200px;
	font-size: 20px;
	padding: 35px 10px 0px 0px;
	font-weight: normal;
	color: #ffffff;
}
/*=================
	EMAIL
=================*/
#email {
	float: right;
	text-align: right;
	clear: right;
	width: 200px;
	padding: 0px 10px 0px 0px;
	color: #ffffff;
}
/*============================
	HEADER PICTURE
==============================*/
#headerPictureBoxLv1 {
	background-image: url('/modules/root/templates/template1/images/header.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	width: 665px;
	height: 230px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
#headerPictureBoxLv2 {
	padding: 15px 20px 0px 260px;
}
#headerPictureBoxLv1 h1.title {
	margin: 0px 0px 5px 0px;
	color: #3A448A;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
#headerPictureBoxLv1 p.description {
	color: #3A448A;
	font-size: 11px;
	line-height: 15px;
}
/*==========================
	LEFT COLUMN
=======================*/
#leftColumnBox {
	position: absolute;
	top: 85px;
	left: 0px;
	width: 135px;
}
/*==========================
	RIGHT COLUMN
=======================*/
#rightColumnBox {
	position: absolute;
	top: 85px;
	right: 0px;
	width: 150px;
}
/*===========================
	LATEST PRODUCTS
===========================*/
#latestProducts {
	margin: 0px 0px 20px 0px;
	background-color: #FFFFFF;
	padding: 10px;
}

#latestProducts p.weAreWorkingOn {
	font-weight: bold;
	line-height: 14px;
	font-size: 11px;
	color: #3a448a;
}
#latestProducts div.latestProductBox {
	margin: 0px 0px 20px 0px;
	font-size: 10px;
	line-height: 14px;
}
#latestProducts div.latestProductBox div.pictureBox {
	text-align: left;
}
#latestProducts div.latestProductBox div.pictureBox a img {
	margin: 0px;
}
#latestProducts div.latestProductBox p.moreInfo {
	text-align: left;
	margin: 0px 0px 5px 0px;
}
#latestProducts div.latestProductBox h3.header {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}
#latestProducts div.latestProductBox p.category {
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	line-height: 14px;
}
#latestProducts div.latestProductBox p.category a,
#latestProducts div.latestProductBox p.category a:link,
#latestProducts div.latestProductBox p.category a:visited {
	color: #5c5c5c;
}
/*===================
	CONTENT
=====================*/
#contentBoxLv1 {
	width: 665px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}
#contentBoxLv2 {
	padding: 20px;
}
div.rightAlign {
	float: right;
	width: 800px;
}
/* NO PADDING ON DEFAULT PAGE SINCE COLUMNS ALREADY HAVE PADDING */
div.root-default div#contentBoxLv2 {
	padding: 20px 0px 0px 0px;
}
/*=====================
	FOOTER
======================*/
#footerBoxLv1 {
	clear: both;
	text-align: right;
	padding: 0px;
}
/*=======================
	COPYRIGHT
=======================*/
#copyright {
	clear: both;
	padding: 0px;
	font-size: 10px;
	line-height: 13px;
	margin: 0px 0px 20px 0px;
}
/*=============
	AUTHOR
=============*/
#author a {
	font-size: 9px;
}
/*=======================
	ADDRESS
=======================*/
address {
	clear: both;
	padding: 0px;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	margin: 0px 0px 20px 0px;
}
#cmsPageActions {
	text-align: right;
	clear: both;
}
/*=======================
	W3C
=======================*/
div.w3c {
		text-align: right;
		float: right;
		width: 100px;
}
/*=========================
	FOOTER MENU
============================*/
#footerMenuBox {
	background-color: #e8eef9;
	padding: 10px 0px 0px 0px;
}
#footerMenuBox ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#footerMenuBox ul li {
	float: left;
	width: 150px;
	padding: 0px;
	margin: 0px 20px 20px 0px;
	line-height: 16px;
}
#footerMenuBox ul li a,
#footerMenuBox ul li a:link,
#footerMenuBox ul li a:visited {
	color: #3a448a;
	font-weight: bold;
}
#footerMenuBox ul li ul li {
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	float: none;
}
#footerMenuBox ul li ul li a,
#footerMenuBox ul li ul li a:link,
#footerMenuBox ul li ul li a:visited {
	color: #ca1c23;
	font-weight: normal;
	font-size: 11px;
}
/*============================
	WYSIWYG AREA
=============================*/
div.wysiwygArea {
	margin: 0px 0px 10px 0px;
}
div.wysiwygArea p, div.wysiwygArea h1, div.wysiwygArea h2, div.wysiwygArea h3, div.wysiwygArea h4, div.wysiwygArea ul {
	margin: 0px;
}
div.wysiwygArea table th {
	font-weight: bold;
}
div.wysiwygArea table td,
div.wysiwygArea table th {
	font-size: 11px;
	text-align: left;
	padding: 5px 20px 5px 0px;
}
/*================================
	HIGHLIGHTED AREAS
================================*/
.highlightedArea1Lv1 {
	/*border-top: 2px solid #E8EEF9;
	border-bottom: 2px solid #E8EEF9;*/
	padding: 0px;
	margin: 0px;
}

/*===========================================
	INPUT AREA
============================================*/
form.inputArea {
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}
table.formLayout {
}
table.formLayout th.leftHeader {
	padding: 5px 5px 5px 0px;
	text-align: left;
	font-weight: bold;

}
table.formLayout td {
	padding: 5px;
}

/*=======================
	LOGIN MENU
=========================*/
#loginMenu {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}
#loginMenu li {
}
#loginMenu li.on {
}
#loginMenu li.on a {
}
#loginMenu a,
#loginMenu a:link,
#loginMenu a:visited {
	font-size: 9px;
	font-weight: normal;
	color: #5C5C5C;
}


/*=======================
	MENU Lv1
=========================*/
#menuLv1Box {

}
#menuLv1Box ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	text-align: right;
}
#menuLv1Box ul li {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#menuLv1Box ul li a,
#menuLv1Box ul li a:link,
#menuLv1Box ul li a:visited {
	font-size: 14px;
	color: #3A448A;
	font-weight: bold;
	display: block;
	margin: 0px 0px 5px 0px;
	text-transform: lowercase;
}
#menuLv1Box ul li.on {
}
#menuLv1Box ul li.on a {
	color: #3A448A;
}
#menuLv1Box ul li a:hover {
	color: #b1c2e1;
}

#menuLv1Box ul li ul {
}
#menuLv1Box ul li ul li {
}
#menuLv1Box ul li ul li a,
#menuLv1Box ul li ul li a:link,
#menuLv1Box ul li ul li a:visited {
	font-weight: normal;
	color: #3A448A;
	font-size: 11px;
}
#menuLv1Box ul li.on ul li a {
	background-color: transparent;
}
#menuLv1Box ul li.on ul li.on a {
	background-color: transparent;
}
#menuLv1Box ul li ul li a:hover {
	background-color: transparent;
	color: #b1c2e1;
}

#menuLv1Box ul li ul li ul li {
}
#menuLv1Box ul li ul li ul li a,
#menuLv1Box ul li ul li ul li a:link,
#menuLv1Box ul li ul li ul li a:visited {
	font-weight: normal;
	color: #3A448A;
	font-size: 10px;
}
#menuLv1Box ul li.on ul li.on ul {
	border-top: 1px solid #bac7de;
	border-bottom: 1px solid #bac7de;
	padding: 5px 0px 5px 0px;
}
#menuLv1Box ul li.on ul li.on ul li a {
	background-color: transparent;
}
#menuLv1Box ul li.on ul li.on ul li.on a {
	background-color: transparent;
}
#menuLv1Box ul li ul li ul li a:hover {
	color: #b1c2e1;
	background-color: transparent;
}
/*=======================
	BLOG MENU Lv1
=========================*/
#blogMenuLv1Box {

}
#blogMenuLv1Box ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	text-align: right;
}
#blogMenuLv1Box ul li {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#blogMenuLv1Box ul li a,
#blogMenuLv1Box ul li a:link,
#blogMenuLv1Box ul li a:visited {
	font-size: 13px;
	color: #CA1C23;
	font-weight: bold;
	display: block;
	margin: 0px 0px 5px 0px;
	text-transform: lowercase;
}
#blogMenuLv1Box ul li.on {
}
#blogMenuLv1Box ul li.on a {
	color: #CA1C23;
}
#blogMenuLv1Box ul li a:hover {
	color: #CA1C23;

}

#blogMenuLv1Box ul li ul {
}
#blogMenuLv1Box ul li ul li {
}
#blogMenuLv1Box ul li ul li a,
#blogMenuLv1Box ul li ul li a:link,
#blogMenuLv1Box ul li ul li a:visited {
	font-weight: normal;
	font-size: 11px;
	color: #3A448A;
}
#blogMenuLv1Box ul li.on ul li a {
	background-color: transparent;
}
#blogMenuLv1Box ul li.on ul li.on a {
	background-color: transparent;
	color: #3A448A;
}
#blogMenuLv1Box ul li ul li a:hover {
	color: #3A448A;
}

#blogMenuLv1Box ul li ul li ul li {
}
#blogMenuLv1Box ul li ul li ul li a,
#blogMenuLv1Box ul li ul li ul li a:link,
#blogMenuLv1Box ul li ul li ul li a:visited {
	font-weight: normal;
	font-size: 10px;
}
#blogMenuLv1Box ul li.on ul li.on ul {
	border-top: 1px solid #bac7de;
	border-bottom: 1px solid #bac7de;
	padding: 5px 0px 5px 0px;
}
#blogMenuLv1Box ul li.on ul li.on ul li a {
	background-color: transparent;
}
#blogMenuLv1Box ul li.on ul li.on ul li.on a {
	background-color: transparent;
}
#blogMenuLv1Box ul li ul li ul li a:hover {
	background-color: transparent;
}
/*==============================
	DROPDOWN MENU
=============================*/
#dropdownMenuLv1Box {
	background-color: #B0AFB2;
	height: 25px;
}
.dropdownMenuLv1 {
	padding: 0px;
	margin: 0px;
}

.dropdownMenuLv1, .dropdownMenuLv1 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.dropdownMenuLv1 a, .dropdownMenuLv1 a:link, .dropdownMenuLv1 a:visited {
	display: block;
	padding: 0px;
	margin: 0px;
	background-color: #B0AFB2;
	color: #FFFFFF;
}
.dropdownMenuLv1 a:hover {
	display: block;
	text-decoration: underline;
}
.dropdownMenuLv1 li {
	display: block;
	background-color: #B0AFB2;
	float: left;
	z-index: 99;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #FFFFFF;
	margin: 0px;
	height: 25px;
	line-height: 25px;
	width: auto;
}
.dropdownMenuLv1 li ul {
	position: absolute;
	width: 200px;
	left: -3000px;
	margin: -1px 0px 0px 0px;
	padding: 0px;
	z-index: 99;
}
.dropdownMenuLv1 li ul li a {
	padding: 0px;
}
.dropdownMenuLv1 li ul li a:hover {

}
.dropdownMenuLv1 li ul li {
	float: none;
	padding: 0px 5px 0px 5px;
	border-right-width: 0px;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px;
}
.dropdownMenuLv1 li:hover {
	position: static;
}
.dropdownMenuLv1 li:hover ul {
	left: auto;
}
.dropdownMenuLv1 li ul ul {
	margin: -2em 0 0 150px;
}
.dropdownMenuLv1 li:hover ul ul {
	left: -3000px;
}
.dropdownMenuLv1 li:hover ul, .dropdownMenuLv1 li li:hover ul {
	left: auto;
}
.dropdownMenuLv1 li:hover ul ul, .dropdownMenuLv1 li:hover ul ul ul {
	left: -3000px;
}
.dropdownMenuLv1 li:hover ul, .dropdownMenuLv1 li li:hover ul, .dropdownMenuLv1 li li li:hover ul {
	left: auto;
}
.dropdownMenuLv1 li:hover ul ul, .dropdownMenuLv1 li:hover ul ul ul, .dropdownMenuLv1 li:hover ul ul ul ul {
	left: -3000px;
}
.dropdownMenuLv1 li:hover ul, .dropdownMenuLv1 li li:hover ul, .dropdownMenuLv1 li li li:hover ul, .dropdownMenuLv1 li li li li:hover ul {
	left: auto;
}

/*=============================
	MENU Lv2
=========================*/
#menuLv2Box {
	float: left;
	width: 150px;
	text-align: left;
}
#menuLv2Header {
	font-size: 14px;
	text-transform: capitalize;
}
#menuLv2 {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 17px;
}
#menuLv2 li {
	line-height: 18px;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 0px;
}
#menuLv2 li.on {
}
#menuLv2 li.on a {
}
#menuLv2 a {
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

/*=======================
	MODULE MENU
=========================*/
ul.moduleMenuLv1 {
	list-style: none;
	border-bottom: 1px solid #B0AFB2;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
}
ul.moduleMenuLv1 li {
	padding: 0px;
	display: inline;
}
ul.moduleMenuLv1  a {
}
ul.moduleMenuLv1  span {
}
ul.moduleMenuLv1  span.on {

}
ul.moduleMenuLv1  span.off {

}

/*=======================
	Breadcrumbs
=========================*/
ul.breadcrumbs {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
ul.breadcrumbs li {
	display: inline;
	margin: 0px;
}
ul.breadcrumbs a {
}
ul.breadcrumbs span {
}
ul.breadcrumbs span.on {

}
ul.breadcrumbs span.off {

}

/*=============================
	DATA TABLE LAYOUTS
==============================*/
table.dataTable {
	width: 100%;
	margin: 0px 0px 10px 0px;
}
table.dataTable {
	border-spacing: 2px;
}
table.dataTable th.leftHeader {
	background-color: #dcdcdc;
	padding: 5px 10px 5px 10px;
	text-align: left;
	color: #7e7e7e;
	font-weight: bold;
}
table.dataTable th.topHeader {
	background-color: #dcdcdc;
	color: #7e7e7e;
	text-align: left;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}
table.dataTable td {
	text-align: left;
	vertical-align: top;
	background-color: #EAEAEA;
	padding: 5px 10px 5px 10px;
}
table.dataTable td.emptyCell {
	background-color: transparent;
	padding: 5px 10px 5px 0px;
	vertical-align: top;
}
table.dataTable td table.dataTable td, table.dataTable td table.dataTable td.emptyCel {
	padding: 5px 5px 5px 0px;
}
/*===================
	PAGER
====================*/
div.pager {
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
}
div.pager a {
	font-size: 12px;
	font-weight: normal;
}
div.pager a.current, div.pager span.current {
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}


