@charset "utf-8";
/* CSS Document marinomop.com*/
html{}
/* -- generic styles ------------------------*/
div,h1,h2,h3,h4,h5,h6,p,address,ul,ol,li {
	margin: 0px;
	padding: 0px;
}
p { font-size:0.7em; text-align:left;}
#wrapper #main #mainContent h4{padding:0px; font:3em arial; font-weight:bold; margin:0px;}
body  {background:RGB(216,242,255) url(_images/bg_body.jpg) top repeat-x;
	height:100%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; color:#666;}
img{ border:0px;}

#wrapper {
	height:100%;
	width: 930px;
	background: #ffffff;
	margin: 0 auto;
	text-align: left;
} 
#wrapper a:link,
#wrapper a:visited {
	text-decoration: none;
	color: #B36B00;
}
#wrapper a:hover {
	color: #566440;
	/*border-bottom: 1px dashed #566440;*/
}
/* ------- HEADER STYLES ----------*/
#header {padding: 0px;	height: 150px;	margin: 0;	border:0px; position:relative;}
#header #mainNav { height:35px; background-color:#999;}

.langBar {float:right; background-color:#666; height:25px; font:normal 12px/25px Helvetica, Arial, sans-serif;}
.langBar ul { margin:0; padding:0; list-style:none; }
.langBar ul li {float:left;}
.langBar ul li a { padding:6px 10px 6px 10px;  border-left:1px solid white;}
#wrapper  #main .langBar ul li a:link, #wrapper  #main .langBar ul li a:visited { color:white;}
#wrapper  #main .langBar ul li a:hover { color:white; background-color: #001D4D;}

/* ----------- SIDEBAR STYLES ------------------*/
#sideBarTd {width:195px; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color:#999; vertical-align:top;}

#sidebar { float:left;width:195px; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color:#999; vertical-align:top;}
#sidebar h4 {color:#fedd02; font-size:14px; text-align:center; padding-top:15px;}
#sidebar ul { padding:3px 0 5px 25px;}
#sidebar li { color:#FFF; padding:0 0 1px 0;}
#sidebar li a:link, #sidebar li a:visited {	color: #fff;	text-decoration: none;	padding: padding:0 0 5px 0;}
#sidebar li a:hover {color: #CCC; text-decoration:none;}
#sidebar td{ color:#FFF;}
#sidebar td a:link, #sidebar td a:visited {	color: #fff;	text-decoration: none;	padding: padding:0 0 5px 0;}
#sidebar td a:hover {color: #fff; text-decoration:underline;}

.noSubMenu { padding:0px; margin:0; border-top: 2px solid white;}
#sidebar .noSubMenu a { display:block; padding:5px; color:white; font-weight:bold; }
.noSubMenu a:link, .noSubMenu a:visited { margin-left:15px;}
.noSubMenu a:hover { margin-left:16px;}


/* --------- MAIN CONTENT STYLES -------------*/
#main { height:100%;}
#mainContent {margin:0px; padding:40px 20px 0px 20px; width:695px;float:left; height:100%; font-size:12px;vertical-align:top;background-image:url(_images/bg_mainContent.gif); background-repeat:no-repeat; ;}
#main #mainContent a { color: #900; text-decoration:none;}
#main #mainContent .space_01 { height:10px;}
#main #mainContent .pict_01 { width:120px; vertical-align:top; text-align:center; padding:8px 0 0 0px;}
#main #mainContent .title_01 { font-size:13px; font-weight:bold; color:#036;}
#main #mainContent .descript_01 { font-size:12px; color:#000; vertical-align:top;}
#main #mainContent p {  padding:7px 7px 5px 7px; text-align:left; color: #666; font-size:12px}
#main #mainContent ul, #main #mainContent ol { padding:10px 10px 10px 40px; text-align:justify; color:#666;}
#main #mainContent em { /*padding:10px 10px 10px 40px;*/ text-align:justify; color:#999; font-size:10px;}
#main #mainContent p.MsoNormal {margin:0;font-size:12px;}
#main #mainContent h1 { color:#666; font-size:13px; font-weight:bold; margin:10px 7px 4px 7px; position:relative; display:block; width:100%;}
#main #mainContent h1 a:link, #main #mainContent h1 a:visited {text-decoration:underline; color:#002B5F;}
#main #mainContent h1 a:hover {text-decoration:underline; color:red;}
#main #mainContent h1 span { text-decoration:none; color:#999; font-size:12px; font-weight:normal; position:absolute; text-align:right; top:0px; right:0px; }
#main #mainContent h2 { color:#FF0000; font-size:14px; margin:7px;}
#main #mainContent h6 { color:black; font-size:26px; margin:0px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#contentMenu{ background-color: #7bafe2; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#c5def7; padding:5px; float:right; width:600px; position:relative; height:15px;}
#main #contentMenu a:link, #main #contentMenu a:visited {	color: #c5def7;	text-decoration: none;}
#main #contentMenu a:hover {color:#FFF; text-decoration:none;}
#wrapper #main #grayLine {background-color:#999999; height:25px; width:100%; border-top:#FFF solid 0px; border-left:#fff 0px solid; color:#FFF; font-size:10px; font-weight:bold; text-align:center; vertical-align:middle; position:relative; float:left;}
#wrapper #main #grayLine a:link, #wrapper #main #grayLine a:visited {color:#FFF;}
#grayLine a:hover {color:#FFF; text-decoration:underline;}
/*---------- Language Bar in content Page-------------*/
.langBarContent {float:right; background-color:#666; height:23px; font:normal 12px/23px Helvetica, Arial, sans-serif; margin:-38px -20px 0 0;}
#main #mainContent .langBarContent ul { margin:0; padding:0; list-style:none; }
#main #mainContent .langBarContent.langBarContent ul li { float:left;}
#main #mainContent .langBarContent.langBarContent ul li a { padding:0px 10px 0px 10px; display:block;border-left:1px solid white;}
#main #mainContent .langBarContent ul li a:link, #main #mainContent .langBarContent ul li a:visited { color:white;}
#main #mainContent .langBarContent ul li a:hover { color:white; background-color: #001D4D;}

/*----------- Tables width PDF pictures ----------*/
#wrapper #main #mainContent table.sheets tr td { vertical-align:top; width:25%; padding:0px 5px 0px 5px;}
#wrapper #main #mainContent table.sheets tr td img { vertical-align:top; padding:0;}
#wrapper #main #mainContent table.sheets tr td p { text-align:left; vertical-align:top; }

/*-----------table styles----------*/
#main #mainContent #rowTitle{ background-color: #333; color:#FFF;}
#main #mainContent #rowTitle td {padding:3px; text-align:center; font-size:11px; color:#FFF; font-weight:bold;}
#main #mainContent #rowFirst{ background-color:#CCC; color:#333;}
#main #mainContent #rowFirst td {padding:3px; text-align:left; font-size:9px;}
#main #mainContent #rowSecond{ background-color: #BABABA; color:#333;}
#main #mainContent #rowSecond td {padding:3px; text-align:left; font-size:9px;}

#main #mainContent #rowTitle01{ background-color:#002C5F; color:#FFF;}
#main #mainContent #rowTitle01 td {border-bottom:#EF222F 3px solid; border-right: 1px white solid; padding:3px; text-align:center; font-size:12px; font-weight:bold;}
#main #mainContent #rowFirst01{ background-color:#FFF; color:#333;}
#main #mainContent #rowFirst01 td {padding:4px 4px 4px 15px; text-align:left; font-size:12px; border-right: 1px white solid;}
#main #mainContent #rowFirst01 td a:link { text-decoration:underline;}
#main #mainContent #rowSecond01{ background-color:#CCC; color:#333;}
#main #mainContent #rowSecond01 td {padding:4px 4px 4px 15px; text-align:left; font-size:12px; border-right: 1px white solid;}
#main #mainContent #rowSecond01 td a:link { text-decoration:underline;}

/* ---------- list dotted ---------*/
#listDotted{width:190px; float:left; margin:0 20px 0 0px; position:relative;}
#main #mainContent #listDotted ul{list-style:none;	float:left;	position:relative;/*left:-2px;top:-2px;*/text-align:left; width:100%; padding:0 0 0 5px;}
#main #mainContent #listDotted li{/* margin:-.9em 0 0 0; border-bottom:1px dotted #000;*/line-height:1.7em; position:relative; float:left; text-align:left; clear:both; left:0px;background: url(_images/dots_index.jpg) repeat-x left bottom; width:100%;}
#main #mainContent #listDotted li span{	background:#fff;	padding:1px 0 1px 5px;	color:#666;	position:relative;	top:.4em;	left:1px;/* ie rounding error*/ float:right;}
#main #mainContent #listDotted li p{padding:0 5px 0 0px; background:#FFF;position:relative; float:left; top:.4em;left:-5px;/* ie rounding error*/color:#002B5F; font-size:13px; font-weight:bold; }
#main #mainContent #listDotted li p  a:link, #main #mainContent #listDotted li p  a:visited { color:#002b5f; text-decoration:underline;}
#main #mainContent #listDotted li p  a:hover { color:red; text-decoration:underline;}

/* -------------- Specials Pages -----------------*/
#main #mainContent .special { margin:0px;  font-family: Helvetica, Arial, sans-serif; text-align:left;}
#main #mainContent .special h1 {color:black; font-size:26px;font-weight:bold;}
#main #mainContent .special h3 {color:#666; font-size:16px; margin:7px;font-weight:bold; }
#main #mainContent .special .midleSpecial { width:655px; margin:5px auto;}
#main #mainContent .special .midleSpecial img{ text-align:center; margin:0 auto;}

#main #mainContent .special .midleSpecial h1 { font-size: 36px;}
#main #mainContent .special .midleSpecial h2 { font-size: 24px; color:#333;}
#main #mainContent .special .midleSpecial h3 { font-size: 18px;}
html body #wrapper #main #mainContent .special .midleSpecial h4 { font-size: 16px;}
#main #mainContent .special .midleSpecial h5 { font-size: 14px;}
#main #mainContent .special .midleSpecial h6 { font-size: 12px;}

#main #mainContent .special .columnSpecial {margin:15px 10px 15px 20px; float:left; display:block; width:300px;}

#main #mainContent .special .columnSpecial h1 { font-size: 36px;}
#main #mainContent .special .columnSpecial h2 { font-size: 24px; color:#333; padding-left:0px; margin:0px;}
#main #mainContent .special .columnSpecial h3 { font-size: 18px;}
#wrapper #main #mainContent .special .columnSpecial h4 { font-size:16px;}
#main #mainContent .special .columnSpecial h5 { font-size: 14px; padding:0px 0px 0px 0px; line-height:17px;}
#main #mainContent .special .columnSpecial h6 { font-size: 12px;}



#main #mainContent .special p { text-align:left; padding:0px 0px 10px 0px;}

/*------------------------------------------ representive page ------------------------------------*/

/*ul.representTitle {float:right; text-align:center; background:#fff url(_images/represent_title-bg.jpg) repeat-x ; padding:0px 15px; margin:0 !important; width:520px !important; color:#CCC !important; font-size:20px !important; line-height:35px; height:35px; list-style:none; } */
ul.representTitle {font-size:12px !important; line-height:35px; height:35px; background:#fff url(_images/represent-title-bg.jpg) repeat-x  ;float:right; padding:0 !important; margin:0 !important;list-style:none;  }
ul.representTitle li { float:left; padding-left:57px; background:url(_images/represent-title-slash-02.jpg) no-repeat top left; text-align:center;}
ul.representTitle li:first-child { padding-left:57px; background:url(_images/represent-title-first.jpg) no-repeat top left;}
ul.representTitle li:last-child { padding:0 14px 0 0; background:url(_images/represent-title-last.jpg) no-repeat top right;}
ul.representTitle li a:link, ul.representTitle li a:visited { color:#333 !important;}
ul.representTitle li a:hover { color: #900 !important; text-decoration:underline !important;}
ul.representTitle li.activ { font-weight:bold;}

ul.represent {clear:both;}
	ul.represent, ul.represent li { list-style:none; padding:0 !important; margin:0!important;}
	ul.represent h2 {padding:0px 0 0 15px; margin:10px 0 0 0px !important; background:#666 url(_images/represent_left-corner-red-gray.jpg) no-repeat top left; color:#EEE !important; text-shadow:1px 1px 1px #000; line-height:40px; display:block; clear:left;}
	ul.represent li {background: #FFF url(_images/represent_bg-body.jpg) no-repeat top left; float:left; width:50%;}
	ul.represent li h3 {padding:15px 0 0 20px; color:#000;}
	ul.represent li i {padding:0 0 15px 25px; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#666; display:block;}
	ul.represent li p { margin:0 40px 20px 50px; padding:0px !important; border-top:2px solid #DEDEDE;}
	

/* --------- eCommerce ------*/
#CategoryTree_01 { color:#FFF; padding:9px 0 0 0px;}
#wrapper #main #CategoryTree_01 a:link, #wrapper #main #CategoryTree_01 a:visited {color:#FFF;}
#wrapper #main #CategoryTree_01 b a:hover {color: #CCC;}

#returnLink_01 {color:#999; padding:10px 0 0 0px;}
#wrapper #main #returnLink_01 a:link, #wrapper #main #returnLink_01 a:visited {color:#999;}
#wrapper #main #returnLink_01 a:hover {color:#002b5e;}

#PrevNext_01 {color:#999;}
#wrapper #main #PrevNext_01 a:link, #wrapper #main #PrevNext_01 a:visited {color:#999;}
#wrapper #main #PrevNext_01 a:hover{color:#002b5e;}

#PrevNext_02 {color:#fff; padding:8px 0 0 0;}
#wrapper #main #PrevNext_02 a:link,#wrapper #main #PrevNext_02 a:visited {color:#fff;}
#wrapper #main #PrevNext_02 a:hover {color:#002b5e;}

#wrapper #main .discontinued { background-color:red; color:white; padding:5px; display:block; text-align:center; text-transform:uppercase; font-weight:bold; margin:0 auto;}
#wrapper #main .newProduct { background-color:#0d89c4; color:white; padding:5px; display:block; text-align:center; text-transform:uppercase; font-weight:bold; margin:0 auto;}
.discontinuedPhotoTd { position:relative;}
.discontinuedPhotoDescription { display:block; position:relative; top:10px; z-index:100;background:#F00; height:1px; width:1px;}
.discontinuedPhotoDescription1 { display:block; position:relative; top:11px; z-index:101;background:blue; height:10px; width:10px;}