@import url("sifr.css");

@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }

/* commented backslash hack \*/ 
html, body { height: 100%; } 
/* end hack */
html,body { margin: 0; padding: 0; }

body {
	font: 12px arial, Helvetica, verdana, sans-serif;
	background-color: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4f4635;
	line-height: 18px;
}

/* -----------------------
=Regulars
------------------------*/
img { border: 0; }
img.productimage{ border: 1px solid #75c7a0;}
img.pageheader {padding: 0 0 10px 4px; }

p {margin-bottom: 10px; }
.body {font: 11px verdana, Helvetica, sans-serif;color: #198360;}
.blue-title-content {color: #015dab;font-size: 16px; font-weight: bold;margin-bottom: 5px;}
.bold { font-weight: bold; }
.clear { clear: both; }
.center {text-align:center;}
.hr { border-bottom: 2px solid #a2d9c2; height: 2px; padding-top: 25px; margin: 0 0 18px 0; clear: both;}
.hidden { display: none; }

.displaynone { display:none;}
.greenbar-content {background-color: #90cd9f;padding: 2px 2px 2px 8px;height: 24px;}
.sidenav-section-header {background-color: #90cd9f;color: #138e5e;font: italic bold 14px arial;padding: 2px 2px 2px 8px;
}
.required {color: #990000;}
.photoaboutl { float:left; margin: 0 20px 10px 0; border: #e3801c solid 1px;padding: 3px;}
.photoaboutr { float:right; margin: 0 0 10px 20px; border: #e3801c solid 1px;padding: 3px;}
.sidebarquote {}
#flashcontent {}

.pdflink {background-image:url(/images/latam/bullet_icon_pdf.gif); 
	background-repeat:no-repeat;
	padding: 0px 0 0 18px;
	line-height: 25px;}
.categorytitle {
	margin-bottom: 10px;
	height: 22px;
	font-size:16px; 
	color: #007550; 
	font-family: Arial;
	font-weight: bold; 
	font-style:italic;
	}
.producttitle {font:bold 16px Arial; color:#005093;}

a {color: #015dab;outline: none;text-decoration:none;font-weight:bold;}
a:hover  {text-decoration:underline;}
#signinheader a { font-weight:bold;}
#breadcrumbs a, #breadcrumbs a.visited {color: #0faa51;text-decoration:underline;}
#breadcrumbs a.hover { text-decoration:none;}

a.rightarrow { 
	font-weight: bold;
	background-image:url(/images/latam/link_arrow.gif); 
	background-position: right; 
	background-repeat:no-repeat;
	padding-right: 12px;
	}
a.arrow-green { 
	margin:0;
	padding:0 0 0 15px;
	background-image:url(/images/latam/link_arrow_green.gif); 
	background-repeat:no-repeat;
	background-position:left 3px;
	list-style: none; 
	}

a.rightarrow_white { 
	background-image:url(/images/latam/link_arrow_white.gif); 
	background-position: right top; 
	background-repeat:no-repeat;
	padding-right: 12px;
	}
a.rightarrow_red { 
	background-image:url(/images/latam/link_arrow_red.gif); 
	background-position: right 4px; 
	background-repeat:no-repeat;
	padding-right: 12px;
	}
a.rightarrow2line { 
	font-size: 10px;
	font-weight: bold;
	background-image:url(/images/latam/link_arrow.gif); 
	background-position: right 20px; 
	background-repeat:no-repeat;
	padding-right: 8px;
	border: 0px solid #000;
	display: block;
	}

h1.titleSiFR {
  font-size: 24px;
  padding: 0 0 15px 0;
  margin: 0;
  color: #ffffff;
  font-weight: bold;
}
	
h1 {font-size: 20px; color: #00417a; margin-bottom: 8px; font-family: Arial;}
h1.sectiontitle {
text-align: center;
  font-size: 24px;
  padding: 0 0 15px 0;
  margin: 0;
  color: #ffffff;
  font-weight: normal;
  width: 435px;
  float: left;
}

h2 {font-size: 16px; color: #00417a; margin-bottom: 8px; font-family: Arial;}

h3 { color:#007550; font: italic bold 16px arial;}

h4 { color: #015dab; font: normal bold 14px arial; margin: 6px 0;}

ol {margin: 10px 0;} 
ol li{
	padding: 0 0 10px 0; 
	margin:0 0 0 25px;
 }
ul {margin: 10px 0 20px 20px;}
ul li{
	margin:0 0 0 15px;
	list-style: bullet; 
	}

ul.side-navigation  {margin: 3px 0 0 0;padding: 0;}
ul.side-navigation li {list-style: none;padding: 0; margin: 0;}
	
ul.arrow {margin: 10px 0 20px 10px;font-family: verdana;}
ul.arrow li, ul.arrow li.red {
	margin:0;
	padding:0 0 0 15px;
	background-image:url(/images/latam/link_arrow_green.gif); 
	background-repeat:no-repeat;
	background-position:left 6px;
	list-style: none; 
	line-height: 22px;	
 }
ul.arrow li.red-arrow {	background-image:url(/images/latam/link_arrow_red_left.gif);}
ul.arrow li ul {margin: 0px 0 10px 0px;}
 
ul.categorylinks li, ul.categorylinks li.redarrow {
	font-weight: bold;
	margin:0 0 0 8px;
	padding:0 0 0px 15px;
	background-image:url(/images/latam/link_arrow_green.gif); 
	background-repeat:no-repeat;
	background-position:0pt 0.4em;
	list-style: none;
 }
ul.categorylinks li.redarrow {
	margin:0 0 0 8px;
	padding:0 0 0px 15px;
	background-image:url(/images/latam/link_arrow_red.gif); 
	background-repeat:no-repeat;
	background-position:0pt 0.4em;
 }
 
/* -----------------------
=Splash
------------------------*/
 
 #splash-frame {
	width: 913px;
	margin: 44px auto 0 auto;
	padding-top: 10px;
	z-index: 1;
	background: url('/images/latam/top-corner.png') no-repeat top right;
	border: none;
	border-left: 2px solid #0d6ab3;
	position: relative;}

#splash-frame #gum-logo {
	margin: 2px 16px;
	clear: both;
	height: 88px;
	width: 206px;
	background: url('/images/latam/gum-logo.png') no-repeat left top;
	overflow: hidden;
	line-height: 240px;}

#splash-frame h1 {
	padding: 100px 0 53px 0;
	margin: 0;
	line-height: 22px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #1374be;
	font-weight: normal;}
	
#splash-frame a#consumers {
	width: 255px;
	height: 200px;
	background: url('/images/latam/con-entry.png') no-repeat left top;
	float: left;
	clear: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 161px;
	display: block;
	display: inline;
	line-height: 450px;
	overflow: hidden;}
	
#splash-frame a#professionals {
	width: 255px;
	height: 200px;
	background: url('/images/latam/pro-entry.png') no-repeat left top;
	margin-top: 0px;
	margin-left: 82px;
	display: block;
	display: inline;
	float: left;
	line-height: 450px;
	overflow: hidden;}

.clear { clear: both;}

#splash-footer {
	margin: 0 auto 65px auto;
	z-index: 2;
	padding: 0;
	background: url('/images/latam/bottom-corner.png') no-repeat top left;
	height: 137px;
	width: 915px;
	overflow: hidden;
	padding-top: 65px;
	text-align: center;
	color: #015dab;}

#splash-footer ul {
	margin: 11px 0 0 0;
	display: block;
	list-style-type: none;}
	
#splash-footer ul li{
	font-weight: bold;
	margin:0 0 15px 0 0;
	list-style: none;
	display: inline;
	font-size: 11px;
 }


/* -----------------------
=Structure
------------------------*/
#pagewrapper {
	margin: 0 auto;
	width: 913px;
	text-align:left;
	background-image:url(/images/latam/bkg_top.jpg);
	background-repeat:no-repeat;
	}
#centercontent { 
	width: 863px;
	background-image: url(/images/latam/bkg_blue_sides.gif);
	background-repeat: repeat-y;
	padding: 0px 30px 20px 20px;
}
#breadcrumbs {padding: 10px 0px 10px 27px;color: #0faa51;font: bold 11px arial; }

/* -----------------------
=Innerpage
------------------------*/
#innercontenttop {
	background-image:url(/images/latam/bkg_inner_top.jpg);
	background-repeat: no-repeat;
	padding:25px 25px 20px;
	width:767px;
	} 

#innercontentbottom {
	width: 817px;
	height: 19px; 
	background-image:url(/images/latam/bkg_inner_bottom.jpg); 
	background-repeat:no-repeat;}

#headertext {
	width: 350px;
	padding: 0 0 0 15px;
	float: left;
	}

#simpleleftcolumn { float:left;  padding: 0 15px 0 0; width: 202px;}
#simplecontenttext { float:left; width: 540px; }
#categorylayout { width: 620px;margin: 0 auto;}

#headertext img.titleimage {margin: 10px 0;}

#innercontenttop #righttopinfo {
	float: right;
	width:140px;
	text-align:center;
	padding-right: 30px; 
	}
img.left-colum-photo {margin-bottom: 20px;}

/* -----------------------
=Header
------------------------*/
#signinheader {
	line-height: 20px;
	padding: 19px 0 5px 0;
	font-size: 11px;
	font-family:Verdana;
	color: #0b8659;}

#signinheader input { font-size: 10px;}

#signinheader ul {
	margin: 0;
	padding: 0;
	width: 900px;
	display: block;
	list-style-type: none;
	}

#signinheader ul li { 
	display: inline;
	float: left;
	margin: 0px 0px;
	padding: 0 0px;
	}

#signinheader ul li.signin {width: 615px;}
#signinheader ul li.signin a.account {padding-left: 15px;}
#signinheader ul li.corporate {width: 190px;}
#signinheader ul li.professionals {width: 125px;}
#signinheader ul li.search {}

#logoarea {margin: 12px 12px 12px 18px;}
#logoarea img.main-logo {float: left;}
#logoarea .logotext {float: left; 
	margin: 15px 0 0 25px; 
	color: #015dab; 
	font-family: Verdana; 
	font-size:12px;
	line-height: 14px;
	width: 500px;}
	
/* -----------------------
=Topnav
------------------------*/
#topnav {height: 33px;}
#topnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	}

#topnav ul li { 
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	}

#topnav ul li a {
	color: #a0410a;
	display: block;
	font-family: verdana;
	font-size: 12px;
	height: 34px;
	margin: 0px 0px;
	text-decoration: none;
	}
#topnav ul  li a span {display: none;}	
#topnav ul li a#productos {background: url('/images/latam/nav-productos.png') no-repeat; width: 146px;}
#topnav ul li a#quien-somos {background: url('/images/latam/nav-quien-somos.png') no-repeat; width: 147px;}
#topnav ul li a#formacion {background: url('/images/latam/nav-formacion.png') no-repeat; width: 245px;}
#topnav ul li a#contactenos {background: url('/images/latam/nav-contactenos.png') no-repeat; width: 145px;}
#topnav ul li a#consumidor {background: url('/images/latam/nav-consumidor.png') no-repeat; width: 156px;}
#topnav ul li a#profesionales {background: url('/images/latam/nav-profesionales.png') no-repeat; width: 156px;}

#topnav ul li ul {
	position: absolute;
	width: 202px;
	left: -999em;
	list-style-type: none;
	margin: -1px 0px 0px -1px;
	padding: 0;
}

#topnav ul li ul li {
	padding: 0;
	margin: 0;}

#topnav ul li ul li a {
	text-align: left;
	display: block;
	background-image: none;
	padding: 3px 10px; 
	margin: 0;
	width: 180px;
	height:auto;
	line-height: 18px;
	border-top: none;
	background-color: #90cd9f;
	border: 1px solid #209f67;
	border-bottom: none;
	color: #ffffff;
	font-weight: bold;}
	
#topnav ul li:hover ul, #topnav li.sfhover ul {
	background-image: none;
	left: 18px;
	border-bottom: 1px solid #209f67;
	background-color: #209f67;}
	
#topnav ul li ul li a:hover {
	background-color:#209f67;	
	background-image: none;}


/* -----------------------
=Footer
------------------------*/
#footer {
	background-image: url(/images/latam/bkg_footer.jpg);
	background-repeat:no-repeat;
	text-align:center;
	height: 165px;
	font-size: 10px;
	padding-top: 40px;
}


#footer ul {
	margin: 11px 0 0 0;
	display: block;
	list-style-type: none;
}
#footer ul li{
	font-weight: bold;
	margin:0 0 15px 0 0;
	list-style: none;
	display: inline;
	font-size: 11px;
 }


/* -----------------------
=Homepage
------------------------*/
#the_div_1 p {margin-bottom: 0px;padding-bottom: 10px;}

/* -----------------------
=Productos
------------------------*/
table.categorylist td {padding:0 10px 20px 0px;text-align:left;}
ul.categorylinks {margin:10px 0 20px 0;}
.ProductHeader {
background: url(/images/latam/cat_brush.jpg) no-repeat;
border:1px solid #0D6AB3;
color:#007550;
font: italic bold 15px arial;
padding:63px 0 5px 7px;
width: 181px;
height: 35px;
vertial-align: middle;
}
.cat-cuidada-interdental {background-image:url(/images/latam/cat_floss.jpg);}
.cat-complementos-de-cuidada-oral {background-image:url(/images/latam/cat_interdental.jpg);}
.cat-operatoria {background-image:url(/images/latam/cat_operate.jpg);}

/* -----------------------
=Category
------------------------*/
#categorylayout #description {float: left;margin-right: 50px;width: 280px;}
#categorylayout #description p {padding: 0 5px;}
#categorylayout #description img {margin-bottom: 20px;}
#categorylayout #cat-links {width: 280px;float: right;}
#categorylayout .cat-title {color: #007550; font: italic bold 20px arial;padding: 15px 0 0 0;}
#categorylayout #cat-links ul.arrow {margin: 10px 0px 20px 0px;}
#categorylayout #cat-links #ver-todos {background-image:url(/images/latam/cat-ver-todos.png); margin: 0px 20px 0px 0px; padding: 10px 10px 0px 20px;width: 280px;}
#categorylayout #cat-links #ver-todos-bottom {background-image:url(/images/latam/cat-ver-todos-bottom.png);height:15px;width: 310px;}
#categorylayout #cat-links #ver-todos a {
	background-image:url(/images/latam/link_arrow.gif);
	background-position: right 1px;
	background-repeat:no-repeat;
	color: white;
	padding-right: 15px;}
	
#category-table td {font-family: verdana;font-size: 11px;padding: 0 20px 30px 0;vertical-align: top; width: 33%;}
#category-table td img.productimage {border: 1px #90cd9f solid;}
#category-table td p {margin:0;}
#category-table td p.title {color: #015dab;font-weight: bold;padding-bottom: 3px;}
#category-table td p.text {color: #000;line-height: 12px;}
#category-table td a.link {color: #015dab;font-size: 10px; text-decoration: underline;font-weight: normal;}

/* -----------------------
=Product Detail
------------------------*/

#prod_profile {
	overflow: auto;}

#prod_profile div.video-panel {
	width: 177px;
	float: right;
	background: url('/images/latam/vid-box-top.gif') no-repeat top center;
	padding: 8px 11px;
	text-align: center;}

#prod_profile div.video-panel h3 {
	text-align: left;
	padding: 0 1px;}

#prod_profile div.video-panel .player {
	border: 1px solid #ffffff;
	padding: 1px;
	background-color: #90cd9f;
	margin: 3px auto;}

#prod_profile div.video-panel .bottom {
	background: url('/images/latam/vid-box-bottom.gif') no-repeat bottom center;
	height: 15px;
	margin: 0 -11px -23px -11px;}

#prod_photos {
	float: left;}

#prod_photos img.product-full {
	border: 2px solid #ffffff;
	background-color: #1f75b9;
	padding: 1px;}
	
#prod_photos #thumbs {
	width: 166px;
	margin-top: 8px;}

#prod_photos #thumbs img {
	border: 1px solid #1f75b9;
	margin: 0 2px;
	cursor: pointer;}

#prod_photos #thumbs a.zoom {
	padding-right: 65px;
	background: url('/images/latam/plus.gif') no-repeat center;
	color: #65b287;
	font-weight: normal;
	float: right;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

#prod_profile #detail {
	float: right;
	width: 585px;}
	
#prod_profile #detail .hr {
	height: 1px;
	border: none;
	padding: 0;
	background: url('/images/latam/prod-prof-hr.gif') no-repeat left top;
	margin: 6px 0 10px 0;}

#prod_profile #detail ul {
	line-height: 18px;
	margin: 18px 26px;}
	
#prod_profile #detail ul li {
	margin: 6px 0;}

#zoom-box {
	position: absolute;
	background-color: #eee;
	top: 160px;
	left: 380px;
	display: none;
	padding: 10px;
}
	
ul.see-also {
	margin: 15px 0 10px 0;
	padding: 0;
	list-style-type: none;}

ul.see-also li, ul.see-also li.last {
	margin: 0 30px 30px 0;
	padding: 0;
	float: left;
	width: 225px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0b8659;
	line-height: 14px;}

ul.see-also li.last {margin: 0 0px 0px 0;}
	
	
ul.see-also img.thumb {
	border: 1px solid #77c8a1;
	float: left;
	margin-right: 3px;}
	
ul.see-also a.go {
	padding-right: 12px;
	background: url('/images/latam/see-more-arrow.gif') no-repeat right center;}