/*
#########################################################
#		Main stylesheet for CONTROLS
#		Author: Javier Valderrama
#		Web Agency: ADWeb Group - www.adwgroup.it
#		e-mail:	javier@adwgroup.it
#########################################################
*/


/* TAG SETTINGS ####################### */

body {
	background-color: #FFFFFF;
	margin: 5px 0px;
	padding: 5px 0px;
}
body, table, th, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
a {
	color: #333333;
	text-decoration: none;
}
.header_bg {
	background-image: url(nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a:hover {
	color: #990000;
}
.x_nav {
	font-size: 12px;
	font-weight: bold;
	color: #A89F6C;
	text-decoration: none;
	height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	line-height: 33px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #A96801;
	margin: 2px 0px;
}
blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 6px 0px 6px 15px;
}
form {
	margin-top: 3px;
	margin-bottom: 3px;
}
h1 {
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
h2 {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	color: #555555;
}
h3 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #666666;
}
ul {
	margin-top: 5px;
	margin-bottom: 5px;

}
li {
	margin-bottom: 3px;
	margin-top: 3px;

}
input.red_button {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px outset #660000;
}
input.green_button {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #008000;
	border: 1px outset #004000;
}
table.form_table {
	border: 1px solid #999999;
}
td.form_table {
	background-color: #F3F3F1;
}
tr.odd {
	background-color: #F3F3F1;
}
tr.even {
	background-color: #FFFFFF;
}
tr.important {
	background-color: #EDEAD3;
}
td.important {

	background-color: #EDEAD3;
}
tr.header {

	background-color: #EDEAD3;
}
ol {
	margin-top: 5px;
	margin-bottom: 5px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
img{
	border: 0px;
}
/* BACKGROUND SETTINGS  ####################### */

.bg_main {
	background-image: url(main_top.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 10px;
}
.bg_nav {
	background-image: url(nav_bg_2.gif);
	background-repeat: repeat-y;
}
.bg_nav_bottom {
	background-image: url(nav_bottom.gif);
	background-repeat: no-repeat;
	padding: 10px;
}

/* NAV SETTINGS  ####################### */

/* BACKGROUNDS  *********************** */

.nav_item_bg {

	background-image: url(nav_staff/nav_item_bg_2.gif);
	background-repeat: no-repeat;
	vertical-align: middle;

}
.sub_nav_bg {
	background-image: url(nav_staff/sub_nav_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/* NAV  ***********************  */
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	line-height: 28px;
}
.nav_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	line-height: 28px;
}

/* FATHER  *********************** */
.father {
	font-weight: bold;
	color: #CC6600;
	text-decoration: none;
	line-height: 24px;
	width: 216px;
}
.father:hover {
	color: #CC6600;
}
.father_active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC6600;
	display: block;
	line-height: 24px;
	width: 216px;
}
.father_active:hover {
	font-weight: bold;
	color: #F3F2ED;
	text-decoration: none;
	background-color: #CC6600;
	display: block;
}

/* CHILD 1  *********************** */
.child_1 {
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-color:#F3F2ED;
	display: block;
	width: 216px;
}
.child_1:hover {
	line-height: 18px;
	background-color: #FFFFFF;
}
.child_1_active {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	color: #FFFFFF;
	width: 216px;
	background-color: #3E3E3E;
	font-weight: bold;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	text-indent: 2px;

}
.child_1_active:hover {
	color: #FFFFFF;
}
.child_1_active_2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	color: #FFFFFF;
	background-color: #3E3E3E; /*#958A5A;*/
	font-weight: bold;
}

/* CHILD 2 *********************** */

.child_2 {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	display: block;
	width: 210px;
	text-align: right;
	text-indent: 3px;
	font-weight: normal;
}
.child_2:hover {
	background-color:#EAEAEA;
}
.child_2_active {
	font-size: 11px;
	color: #333333;
	background-color: #F3F2ED;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	display: block;
	width: 210px;
	text-align: left;
	text-indent: 3px;
	font-weight: bold;
}

/* XTENDED LNK  ####################### */

.xtended_lnk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	display: block;
	padding: 2px;
}
.xtended_lnk:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #660000;
	display: block;
}
.xtended_lnk_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EEEEEE;
	background-color: #003333;
	display: block;
}
.xtended_lnk_active:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFCC00;
	background-color: #003333;
	display: block;
}


/* BOXES  ####################### */

.box {
	border: 1px solid #CC6600;
	background-color: #FFFFFF;
}
.box_clear {
	border: 1px solid #E3E1D7;
	background-color: #F9F9F7;
}
.box_details {
	border: 1px solid #C75E02;
}
.xtended_box {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.caramel_box {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-indent:3px;
	background-color: #CC6600;
	display: block;
	line-height: 24px;
	width: 100%;

}
.main_features_box{
	border: 1px dashed #E3E1D7;
	background-color: #F9F9F7;
}
/* PRODUCT LIST  ####################### */

.prod_list_label {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #958a5a;
	display: block;
	line-height: 18px;
	text-align: center;
	margin-bottom: 4px;
}
.prod_list_label_2 {
	font-weight: bold;
	color: #958a5a;
	text-decoration: none;
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 4px;
	line-height: 14px;
}

.prod_list{
	border: 1px solid #E3E1D7;
	background-color: #F9F9F7;
}

/* COLORS  ####################### */
.white {
	color: #FFFFFF;
}
.white:hover {
	color: #EEEEEE;
}
.red_dark {
	color: #750000;
}
.small {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.middle {
	font-size: 10px;
}
.red {
	color: #CC0000;
}
.green{
	color:#339900;
}
.blue{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#006799;
}
.caramel{
	font-weight: bold;
	color: #CC6600;
	text-decoration: none;
}
.egg{
	color:#FEA601;
}
.grey_midplus {
	color: #888888;
}
.grey_strong {
	color: #626262;
}
.grey_clear {
	color:#D3D3D3;
}
.grey_middle {
	color:#A2A2A2;
}
.underlined {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #990000;
}
.underlined_grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #8B8B8B;
}
.seal {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #555555;
	padding-right: 5px;
	padding-left: 5px;
}
.seal_white {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #CC0000;
	background-color: #FFFFFF;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
}
.new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFC704;
	background-color: #444444;
	padding-right: 6px;
	padding-left: 6px;
}
.delete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #CC0000;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 22px;
	text-align: right;
}
.center_img {
	vertical-align: middle;
}
.cell_pad {
	padding-right: 5px;
	padding-left: 5px;
}

.pay_off {
	font-size: 14px;
	font-weight: bold;
	color: #AEA466;
}

.left_border {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
.content_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #339900;
	text-decoration: underline;
}
.links {
	line-height: 22px;
	display: block;
	width: 100%;
}
.links:hover {
	line-height: 22px;
	color: #ffffff;
	background-color: #0E547A;
}

.card {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.card_label {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-indent:3px;
	background-color: #CC6600;
}

.relevant_text {
	font-size: 11px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.middle_text{
	font-size: 13px;
}

td.even {

	background-color: #FFFFFF;
}
.bg_main_2 {
	padding: 5px 0px 5px 10px;
}
.x_nav:hover {

	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(nav_active.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	line-height: 33px;
}
.x_nav:active {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 33px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(nav_active.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	line-height: 33px;
	color: #990000;
}