/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #000000; background: white url(images/bkg-tile2.gif) repeat-x;}

/* Tables still need 'cellspacing="0"' in the markup. */
NOT-table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* END RESET STYLES - -- - - - - - - - - - - -- - - - -- - */



html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#topnav{
 position:relative; 
 height:37px; 
 width:730px;
 margin:0px auto 0px auto;
}

#topnavin{
	height: 28px;
	width: 730px;
	background-color: #2b8c93;
	background-image: url(images/topnavin-bkg-tile.gif);
	background-repeat: repeat;
	padding:0px;
	overflow:hidden;
} 

#topnavin p{
	margin: 0px 0px 0px 190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8dcfd3;
	padding-top: 0px;
	NOT-background-color: #FF6600;
	line-height:28px;
}



#topnavin-logo{
width:138px;
height:28px;
float:left;
margin-left:40px;
}

#topnavinlinks{
	height:28px;
	width:730px;
	background-image: url(images/topnav-logo4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
 
#branding{
	float: right;
	display:inline;
	position: relative;
	width:950px;
	height:143px;
	background-image: url(images/branding-bkg-full-140h.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#NOT-brandingin{
margin:0px auto;
width:730px;
height:143px;
overflow:hidden;
NOT-background-color:#0066CC;
}

#brandingin{ 
 width:730px;
 height:143px;
 overflow:hidden; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#brandingleft{
 width:185px; 
 float:left; 
 position:relative; 
 NOT-background-color:#D38386; 
 }
 
#brandingtwocols{
 width:545px; 
 float:right; 
 position:relative; 
  }
 
#branding-product{
 width:200px; 
 float:right; 
 position:relative; 
 NOT-background-color:#9CC963;
 }
 
#brandingmain{
NOT-background-color: #698699;  
 float: left; 
 display:inline; 
 position: relative; 
 width:345px; 
 }
/* - - - - END BRANDING DIVS - - - - */

#bigpage{
	NOT-height:100px;
	background-color:#FFFFFF;
	clear:both;
	width:730px;
	margin:0px auto 0px auto;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2b8c93;
	margin-top:8px;
	background-image: url(images/big-bkg-tile.gif);
	background-repeat: repeat-x;
 } 
#bigin{
	width:722px;
	margin:0px auto;
	background-color:#FFFFFF;
	background-image: url(images/bigin-bkg-tile.gif);
	background-repeat: repeat-y;
}

/* - - - - - - - - - - - - - - - - - - - CONTENT AREA DIVS - - - - - - - - - */
#content{
	width:722px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top: 8px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
} 

#contentasi{
	width:100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top: 5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #2b8c93;
} 
 
#contentleft{
 width:185px; 
 float:left; 
 position:relative; 
 }
 
#contenttwocols{
	width:530px;
	float:right;
	position:relative;
	background-image: url(images/totem2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
  }
 
#contentright{
	width:172px;
	float:right;
	position:relative;
 }
 
.contentbox{
	float: left;
	display:inline;
	position: relative;
	width:355px;
 }

#contentbottom {
	background-image: url(images/star-content-btm.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
}
 
#footerwide{
background-color:#2b8c93;
width:100%;
padding: 10px 0px 15px 0px;
}

#footerin{
background-color:#60a9ae;
width:730px;
margin: 0px auto 0px auto;
}

#footerinner {
	background-color:#248087;
	width:100%;
	background-image: url(images/footer-bkg-stars1.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#footerwidth{
	width:710px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#60a9ae;
	background-image: url(images/footer-bkg-burst3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding:10px;
} 
 
#footerleft{
	width:165px;
	float:left;
	position:relative;
	NOT-background-color:#434C8C;
	NOT-margin-top: 5px;
	NOT-margin-bottom: 15px;
	NOT-margin-left: 10px;
 }
 
#footertworight{
 width:535px; 
 float:right; 
 position:relative; 
  }
 
#footerright{
	width:165px;
	float:right;
	position:relative;
	NOT-background-color:#ACC046;
	text-align: right;
	NOT-margin-top: 5px;
	NOT-margin-right: 10px;
	NOT-margin-bottom: 15px;
	NOT-margin-left: 0px;
 }
 
#footermiddle{
	NOT-background-color: #AC4C8C;
	float: left;
	display:inline;
	position: relative;
	width:340px;
	text-align: center;
	NOT-margin-top: 5px;
	margin-right: 10px;
	NOT-margin-bottom: 15px;
	margin-left: 10px;
 }


/* - - - - - - - - - - - - - - - - TEXT STYLES - - - - - - - - - - - - - - - */
.contentbox h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2b8c93;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.contentbox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 5px;
}
.contentbox h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2b8c93;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 6px;
}
.contentbox h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2b8c93;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 6px;
}
.contentbox h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2b8c93;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 6px;
}


#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 17px;
	padding: 0px;
	color:#FFFFFF;
}

#footerwidth p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color:#c4e4e6;
	line-height: 130%;
}

#footerwidth h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color:#1d737a;
	line-height: 100%;
}


strong {
	font-weight: bold;
}

/* ----- QUOTES ----- */

blockquote{
margin:;
padding:;
background-color:;
font:;
color:;
}
blockquote p{
}
cite{
font:;
	color:#000000;
	font-style: italic;
}
blockquote cite{
}


 
/* - - - - - - - - - - - - - LINK STYLES - - - - - - - - - - - - - - */
/* Sets the style for unvisited links. */
#topnavin a,  a:link {
  color: #8dcfd3;
  font-weight: normal;
  text-decoration: none;
}
/* Sets the style for visited links. */
#topnavin a:visited {
  color: #8dcfd3;
  font-weight: normal;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
#topnavin a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.contentbox p a,
.contentbox p a:link,
.contentbox p a:visited,
.contentbox ul a,
.contentbox ul a:link,
.contentbox ul a:visited {
	color: #2b8c93;
	text-decoration: underline;
}

.contentbox h1 a,
.contentbox h1 a:link,
.contentbox h1 a:visited,
.contentbox h2 a,
.contentbox h2 a:link,
.contentbox h2 a:visited,
.contentbox h3 a,
.contentbox h3 a:link,
.contentbox h3 a:visited,
.contentbox h4 a,
.contentbox h4 a:link,
.contentbox h4 a:visited {
	color: #2b8c93;
	text-decoration: none;
}

.contentbox h1 a:hover,
.contentbox h2 a:hover,
.contentbox h3 a:hover,
.contentbox h4 a:hover {color:#8e42a4;
	text-decoration: underline;
	}

.contentbox p a:hover,
.contentbox ul a:hover {color:#8e42a4;
	text-decoration: underline;
	}


#footerright p a:link,
#footerright p a:visited,
#footermiddle p a:link,
#footermiddle p a:visited {
	color: #c4e4e6;
	text-decoration: none;
}
#footerright p a:hover,
#footermiddle p a:hover {color:#FFFFFF;
	text-decoration: underline;
	}


/* ----- - - - - - - - - - - - - - - - - - - - - - LISTS ----- */

.contentbox li{
listy-style:;
list-style-type:;
list-style-image:url(images/bullet1.gif);
list-style-position:;
float:;
margin:0px 0px 7px 0px;
padding:0px;
}
li p{
}
.contentbox ol{
	width:;
	margin:0px 0px 0px 25px;
	padding:;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	list-style-type:decimal;
	list-style-image:none;
}
.contentbox ul{
width:;
	margin:0px 0px 10px 30px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 120%;
}
.contentbox ol li{
}

.contentbox ol ul{
color:#000000;
margin: 5px 20px 0px 15px;
}

.contentbox ol ul li{
margin:0px 0px 8px 0px;
}

.contentbox ul li{
}

.contentbox ul ul {
	margin: 8px 0px 0px 15px;
	font-size: 12px;
	line-height: 115%;
}
.contentbox ul ul li {
margin:0px 0px 7px 0px;
}

.contentbox ul ul li{
list-style-image:url(images/bullet2.gif);
}

.contentbox ul ul ul li{
list-style-image:url(images/bullet3.gif);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - NAVIGATION STYLES - - - - - - - - - */

 #navmain ul
 {
	margin-left: 0px;
	padding-left: 7px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	NOT-font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
 }


#navmain a 
{
	display: block;
	padding: 8px 10px 9px 10px;
	width: 140px;
	text-decoration: none;
	background-image: url(images/nav-n-bkg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2b8c93;
	text-align: center;
}
 #navmain a:link, #navmain a:visited
 {
 color: #2b8c93;
 text-decoration: none;
 }

 #navmain a:hover
 {
	color: #000000;
	background-image: url(images/nav-h-bkg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: bottom;
 }

/* - - - FOOTER NAV STYLES - - - - */
 #navfooter ul
 {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height: 100%;
 }


#navfooter a 
{
	display: block;
	padding: 4px 0px 4px 0px;
	width: 140px;
	text-decoration: none;
	NOT-background-image: url(images/nav-n-bkg.gif);
	background-repeat: no-repeat;
	NOT-background-color: #FFFFFF;
	background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #c4e4e6;
	border-bottom:1px solid #c4e4e6;
}
 #navfooter a:link, #navfooter a:visited
 {
 color: #c4e4e6;
 text-decoration: none;
 }

 #navfooter a:hover
 {
	color: #FFFFFF;
	NOT-background-image: url(images/nav-h-bkg.gif);
	background-repeat: no-repeat;
	NOT-background-color: #FFFFFF;
	background-position: bottom;
	border-bottom:1px solid #FFFFFF;
 }


/* END NAVIGATION STYLES */

.backtotop {
padding-top: 15px;
padding-bottom:20px;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* - -- -- - - -- - STYLES TO FIX IFRAMES - - - - - */

.iframediv td.ColorC {
display: none !important;
text-align:center;
}

.iframediv {
	position:relative;
	margin-top: -1px;
	z-index:1;
}

#cataloglinkback {
	position:relative;
	z-index:2;
}

#cataloglinkback a {
	text-align:center;
	color:#000;
}