@import url('slideshow.css');
@import url('box.css');
@import url('white_box.css');
@import url('buttons.css');

@import url('welcome.css');
@import url('categories.css');

@import url('textfields.css');


/******************************************************************************************************************************************************************************************************
	TAGS
******************************************************************************************************************************************************************************************************/

body {
	min-height:100%;
	background-color:#0f467e;	
	background-image:url('/www/ewl/images/bg.gif');
	background-position:center top; 
	background-repeat:repeat-y;
	background-attachment:fixed;
}

* {
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:black;
}

a, a:visited {
	text-decoration:none;
	color:#0f467d;
}

a:hover, a:active {
/*	color:#95b300;*/
	color:#ff4000;

	text-decoration:underline;
}


a img {
	border:0;
}

a img:hover {
	background-color:#FFFFCC;
	border:0;
}

p {
	margin-bottom:10pt;
}

textarea {
	overflow:auto;
}

h1 {
	margin-bottom:10pt;
	font-size:13pt;
}

h2 {
	font-size:11pt;
	margin-bottom:10pt;
}

img {
	padding:5px;
	background-color:white;
	border:1px #cacaca solid;
}

img.fright {
	margin-left:15px;
	margin-bottom:15px;
}

img.fleft {
	margin-right:15px;
	margin-bottom:15px;
}

h1 img {
	padding:0;
	background-color:transparent;
	border:0;
	vertical-align:middle;
	margin-right:5px;
}


/* *** LISTS *************** */


ul li {
	list-style:none;
	padding:10px 10px 0 15px;
	background-image:url('/www/ewl/images/arrow.gif');
	background-position:left 15px;
}

ul li:first-child {
	padding-top:0;
	background-position:left 7px;
}


.checked_list li {
	background-image:url('/www/ewl/images/checkmark.gif');
/*	background-position-y:12px;*/
	background-position:left 13px;
	padding-left:17px;
}

.checked_list li:first-child {
	background-position:left 3px;
} 



/* *** INPUT *************** */


input/*[type="radio"], input[type="checkbox"]*/, label {
	margin-right:5px;
}

select {
	vertical-align:middle;
}

.select_100 {
	width:100px;
}

.select_150 {
	width:150px;
}

.select_200 {
	width:200px;
}


.select_250 {
	width:250px;
}

.select_400 {
	width:400px;
}

.select_560 {
	width:560px;
}

hr {
	margin-top:80px;
	margin-bottom:80px;
	color:gray;
}


/******************************************************************************************************************************************************************************************************
	GLOBAL CLASSES
******************************************************************************************************************************************************************************************************/



.fleft { 
	float:left; 
}

.fright { 
	float:right; 
}

.tright {
	text-align:right;
}

.center {
	text-align:center;
}

.clear { 
	overflow:hidden;	
	clear:both;
	height:0;
}


.unread, .bold {
	font-weight:bold;
}

.expired {
	text-decoration:line-through;
}


h4.info {
	background-image:url('/www/default/images/icons/info.jpg');
	background-position:left top;
	padding:7px 0 10px 35px;
	margin:25px 0 25px 0;
}

h4.info .btn, h4.info span {
	margin:0 5pt 0 5pt;
	position:relative;
	bottom:5px;
	vertical-align:top;
}

h4.info.inline {
	display:inline-block;
	margin:0;
}

input + h4.info {
	position:relative; 
	left:5px 
}


.span_label {
	margin:0 10px 0 10px;
}

.required {
	color:red;
	font-weight:bold;
	font-size:12pt;
	margin-left:3pt;
}

.error, .error_250_right {
	color:red;
	text-align:left;
	margin-top:10px;
	margin-bottom:0;
	font-weight:bold;
}

.error_250_right {
	width:250px;
	float:right;
	margin-bottom:10px;
} 


.price {
	color:#ff4000;
	font-size:15pt;
	font-weight:bold;

}


p.info {
	color:gray;
	font-size:9pt;
}


.link {
	padding-bottom:2pt;
	border-bottom:1px #0f467d dotted;
}

.link:hover {
	text-decoration:none;
	border-bottom-color:#ff4000;
}

.block_label_80 label, .block_label_100 label, .block_label_125 label, .block_label_150 label {
	font-weight:bold;
}

.block_label_80 label {
	display:inline-block;

	width:80px;
}

.block_label_100 label {
	display:inline-block;

	width:100px;
}

.block_label_125 label {
	display:inline-block;

	width:125px;
}

.block_label_150 label {
	display:inline-block;

	width:150px;
}

.no_margin {
	margin:0;
}

.no_padding {
	padding:0;
}

.padding_top_20 {
	padding-top:20px;
}

.padding_top_40 {
	padding-top:40px;
}





.active:hover {
	text-decoration:none;
	cursor:default;
}



/******************************************************************************************************************************************************************************************************
	MASTER PAGE
******************************************************************************************************************************************************************************************************/



#CANVAS {
	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	min-height:100%;	
}



#top_bar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15px;
	border-top:8px white solid;
	background-image:url('/www/ewl/images/top_corners.png');
	background-position:center top;
}


#ROOT {
	position:relative;
	z-index:999;
	padding:15px 0 60px 0;
	width:980px;
	margin:auto;
	margin-bottom:65px; /* related: ( #FOOTER height ) */
	
}


/*  *** TOP *************************************************************************************/


#logo {
	display:block;
	float:left;
	width:193px;
	height:61px;
	background-image:url('/www/ewl/images/logo.gif');
}

#top {
	margin-bottom:20px;
}	

#top .menu {
	float:right;
	padding-top:17px;
}

#top .spacer {
	display:inline-block;
	height:25px;
	float:left;
	margin:0 10px 0 10px;
	border-left:1px #bfbfbf dotted;	
}

#top .menu a {
	padding:5px 10px 5px 11px;
	float:left;
	display:inline-block;
	background-position:center center;
}

#top .menu a:hover {
	color:white;
	text-decoration:none;
}

#top .signup:hover {
	background-image:url('/www/ewl/images/buttons/sign_up_over.gif');
}

#top .login:hover {
	background-image:url('/www/ewl/images/buttons/login_over.gif');
}

#top .forgot_pass:hover {
	background-image:url('/www/ewl/images/buttons/forgot_password_over.gif');
}



/*  *** MAIN MENU *************************************************************************************/

#main_menu {
	width:980px;
	height:41px;
	padding-top:1px;
	margin-bottom:20px;
	background-image:url('/www/ewl/images/main_menu/bg.jpg');
}

#main_menu a {
	color:white;
	font-weight:bold;
	display:block;
	float:left;
	width:139px;
	height:29px;
	padding-top:11px;
	border-left:1px #cfcfcf dotted;

	text-align:center;

}

#main_menu a:hover, #main_menu a:active {
	text-decoration:none;
}

#main_menu a:hover {
	color:#95b300;
/*	color:#ff4000;*/

}

#main_menu .first {
	padding-left:2px;
	border:0;
}

#main_menu last.active {
	padding-left:1px;
}

#main_menu .active {
	background-image:url('/www/ewl/images/main_menu/btn_active.jpg');
	padding-bottom:8px;
	position:relative;
	bottom:1px;
	color:black;
	cursor:default;
	border:0;
}

#main_menu .first.active {
	background-image:url('/www/ewl/images/main_menu/first_btn_active.jpg');
} 

#main_menu .last.active {
	background-image:url('/www/ewl/images/main_menu/last_btn_active.jpg');
	background-position:right center;
} 


#main_menu .active:hover, #main_menu .active:active {
	color:black;
}

#main_menu .active+a {
	border:0;
}



/*  *** CONTENT *************************************************************************************/

.CONTENT {
	padding-top:20px;
}

/*  *** FOOTER *************************************************************************************/


#FOOTER {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	
	background-image:url('/www/ewl/images/footer/bg.jpg');
	background-position:center bottom;
	
	
}

#FOOTER #content {
	width:980px;
	background-repeat:repeat-x;
	height:65px;
	margin:auto;
}




#FOOTER * {
	color:#404040;
}

#FOOTER #menu {
	float:left;
	padding:25px 0 0 0;
	height:38px;
}

#FOOTER #menu a:hover {
	text-decoration:underline;
}

#FOOTER #menu .active {
	font-weight:bold;
}

#FOOTER #menu .active:hover {
	text-decoration:none;
}

#copyright {
	float:right;
	background-image:url('/www/ewl/images/footer/separator.jpg');
	background-position:left top;
	padding:25px 0 0 20px;
	height:38px;
	text-align:right;
}











/*  *** REGISTRATION *************************************************************************************/
#registration ul li {
	background-position:left 30px;
/*	padding-top:20px;*/
}

/*  *** LOGIN *************************************************************************************/
#registration .box {
	background-color:#f2f9ff;
	border-top:1px #bfbfbf dotted;
	border-bottom:1px #bfbfbf dotted;
	width:410px;
	padding:40px;
}

#registration .box label {
	display:inline-block;
	font-weight:bold;
	width:146px;
}

#registration .box.login {
	border-top:0;
	margin-top:40px;
	width:450px;
	margin:auto;
	padding:0;
}

#registration .box.wide {
	border-top:0;
	margin-top:40px;
	width:700px;
	margin:auto;
	padding:0;
}


#registration .header {
	padding:20px 40px 20px 40px;
	background-color:#d9ecff;
	border-bottom:1px #404040 dotted;
	border-top:1px #404040 dotted;	
}

#registration .content {
	padding:40px;
	padding-top:10px;
}


#registration .login label {
	width:106px;
}


/*  *** REGISTER *************************************************************************************/
#registration table.form td {
	width:200px;
	text-align:right;
	font-weight:bold;
}

#registration table.form .info {
	text-align:left;
	font-weight:normal;
	border:0px;
}

#registration table.form .right {
	background-color:#f2f9ff;
	border-left-color:#404040;
}

#registration .verification {
	float:right;
	width:250px;
	margin:0;
	padding:0;
}

#registration div.buttons {
	width:490px;
	text-align:center;
	margin-top:40px;
}

#registration .box .error {
	margin-bottom:10px;
	margin-top:0px;
	width:250px;
	float:right;
}

#registration .box h1 {
	background-image:url();
	background-position:left top;
	color:#000;
	margin:0;
	font-size:14pt;
	padding:0;
}

#registration .box.wide h1 {
	padding:25px 35px 27px;
	
}

#registration .element_description {
	margin:2px 0px 5px 160px;
	font-size:9pt;
}

#registration table.form td .element_description {
	margin:2px 0px 0px 5px;
	text-align:left;
	font-weight:normal;
}

table  {
	border-collapse:collapse;
	width:100%;	
	background-image:url('/www/default/images/header_table.jpg');
	background-position:center top;
	margin-top:40px;
	margin-bottom:40px;
	border-bottom:1px #bfbfbf dotted;
	table-layout:fixed;
}

/*tr:nth-child(even) {background:#f2f9ff} not supported by ie*/


th {
/*	padding:15px;*/
	padding:15px 10px 15px 10px;
	text-align:left;
	border-left:1px #4a4a4a dotted;
	border-bottom:1px #4a4a4a dotted;
}

td {
/*	padding:10px 15px 10px 15px;*/
	padding:10px;
	border-left:1px #bfbfbf dotted;
	border-top:1px #bfbfbf dotted;
	vertical-align:top;
}
table tbody td {
	word-wrap:break-word;
}

td:first-child {
/*	border-top:0;*/
}

th a, th a:hover, th a:visited  {
	font-weight:bold;
	color:black;
	background-position:right center;
	padding-right:20px;
	padding-bottom:2px;
	display:inline-block;
}

th a.sort_asc {
	background-image:url('/www/default/images/icons/sort_down.png');
}

th a.sort_desc {
	background-image:url('/www/default/images/icons/sort_up.png');
}

table td:first-child, table th:first-child {
	border-left:0;
}


tr.insert {
	background-color:#ff9999;
}

tr.insert td {
	border-top:1px #404040 dotted;
	border-bottom:1px #404040 dotted;
}

tr.insert .ok {
	margin-right:3px;
}

tr.insert.indent td:first-child {
	padding-left:50px;
}


table .specify {
	margin-top:10px;
	margin-left:23px;
}

table .specify .btn.add {
	margin-bottom:20px;
}






/******************************************************************************************************************************************************************************************************
	FORM TABLE
******************************************************************************************************************************************************************************************************/
table.form {
	background-image:none;
	border-top:1px #bfbfbf dotted;
/*	text-transform:capitalize;*/
}


table.form td:first-child {
	background-color:#f2f9ff;
	text-align:right;	
	font-weight:bold;
	width:40%;
}

table.form td {
/*	word-wrap:break-word;*/
}

table.form td[colspan="2"] {
	text-align:left;
}

table.form /*.reference*/ div {
	margin-bottom:10px;
}


/*
table.form .address, table.form .phone {
	margin-top:10px;
	margin-left:20px;
}*/



.address label, .phone label {
	display:inline-block;
	width:68px;
	font-weight:bold;
}

.reference label {
	display:inline-block;
	width:100px;
	font-weight:bold;
}

.phone .btn {
	margin-bottom:20px;
}


/*  *** REFERENCES *************************************************************************************/
.reference label {
	display:inline-block;
	width:100px;
	font-weight:bold;
}

.reference .address {
	float:right;
	width:455px;
}

.reference .address .btn {
	margin-bottom:20px;
}


.reference .address input {
	margin-bottom:10px;
} 

table.form td[colspan="2"] {
	padding-right:60%;
	text-align:right;
	font-size:11pt;
	width:100%;
}

table.form td[colspan="2"].field_instructions {
	padding-right:0px;
	width:auto;
	text-align:left;
}

.specify {
	margin-top:10px;
	margin-left:23px;
	margin-bottom:15px;
}

li.specify {
	border:0;
	background-image:none;
}


.specify div {
	margin-bottom:5px;
}

.specify .btn.add {
	margin-bottom:20px;
}


/******************************************************************************************************************************************************************************************************
	DETAILS TABLE
******************************************************************************************************************************************************************************************************/
table.details {
	background-image:none;
	border-bottom:0;
}

table.details td {
	border-top:0;
}


table.details td:first-child {
	background-color:#f2f9ff;
	width:20%;
	padding:0;
	padding-bottom:50px;
}

table.details .top {
margin:15px 15px 100px 15px;
}

table.details h2 {
	margin:10px 0 15px 0;
	font-size:11pt;
}

table.details h2+img {
	width:160px;
	height:100px;
}

table.details .other h2 {
	margin-left:15px;
	margin-right:15px;
}

table.details .other p {
	margin:0;
	padding:10px 15px 10px 15px;
	border-top:1px #bfbfbf dotted;
}

table.details .other h2+p {
	border-top:0;
	padding-top:0;
}

table.details .description {
	font-weight:bold;
	padding-bottom:15px;
	margin-bottom:50px;
	border-bottom:1px #bfbfbf dotted;
}

.form_header {
	width:35%;
}

.form_btn.submit, .form_btn.apply_filters, .form_btn.go {
	border:0px;
	background-color:#fff;
	height:27px;
	font-weight:700;
	font-size:8pt;
	text-transform:uppercase;
	cursor:pointer;
	color:#0F467D;
	text-align:center;
	background-image:url('/www/default/images/buttons.png')
}

.form_btn.submit {
	width:83px;
	background-position:0 0;
	margin-left:5px;
	margin-top:1px;
}

.form_btn.submit:hover {
	background-position:0 -27px;
}

.form_btn.submit:active {
	background-position:0 -54px;
}


ul.errors {
	margin:0px;
	padding:0px;
}

ul.errors li {
	text-align:left;
	padding:5px 0 5px 0;
	margin:0px;
	color:red;
	list-style:none;
	background-image:url();
	border:0px;
	font-weight:normal;
}

.btn {
	display:inline-block;
	position:relative;
	padding-top:7px;
	height:20px;
	text-align:left;
	padding-left:20px;
	font-weight:700;
	font-size:8pt;
	text-transform:uppercase;
	cursor:pointer;
	color:#0F467D;
	padding-right:0px;
	background-image:url('/www/default/images/buttons.png');
	padding-bottom:0px;
}

.btn:hover, .btn:active {
	text-decoration:none;
	color:#0F467D;
	padding-right:0px;
	padding-bottom:0px;
}

.btn:visited {
	padding-bottom:0px;
	color:#0F467D;
	padding-right:0px;
}

.btn.cancel, .btn.save, .btn.submit, .btn.reset {
	width:83px;
	text-align:center;
	padding-left:0;
	background-position:0 0;
}

.btn.cancel:hover, .btn.save:hover, .btn.submit:hover, .btn.reset:hover {
	background-position:0 -27px;
}

.btn.cancel:active, .btn.save:active, .btn.submit:active, .btn.reset:active {
	background-position:0 -54px;
}