/* ***********************************************************************************************************************
CASCOADHESIVES.COM | CSS
Created: 230407
*********************************************************************************************************************** */



/* ***********************************************************************************************************************
GLOBAL STYLES
*********************************************************************************************************************** */

body {padding:0; margin:0; font-family: "Lucida Grande", Verdana, sans-serif; color: #000; background:url(../images/_bg.jpg) repeat-x #006599;}
a {color:#0099cc; text-decoration:underline;}
a:hover {color:#104f94; text-decoration:none;}
.clearer {clear:both; margin:0 0 40px 0; padding:0;}

ul {margin:0; padding:0 0 0 20px; list-style:circle;}
li {margin:0; padding:0; font-size:12px;}


/* ***********************************************************************************************************************
WRAPPERS and CONTAINERS
*********************************************************************************************************************** */

#wrapperMain {width:930px; margin:0px auto; padding:0; background:url('../images/_bgContentTile.gif') repeat-y;border-bottom: solid 1px transparent;}
#wrapperMain.index {border-bottom: none;}
#wrapperContent {width:840px; margin:0; padding:40px 45px 0 45px; background:url('../images/_bgContent.gif') no-repeat;}
#wrapperContentIndex {margin:0; padding:0; background:url('../images/_bgContentIndex.gif') no-repeat 10px 100px;}
#wrapperTop {width:840px; height:126px; margin:0px auto; padding:0 45px 0 45px;}
#wrapperTopNav {float:right; width:689px; height:107px; margin:0; padding:0;}

#wrapperFooter {clear:both; width:840px; height:50px; margin:0px auto; padding:10px 45px 0 45px; background:url('../images/_bgFooter.png') top no-repeat; font-size:12px; color:#000;}

#containerLeft {float:left; width:400px; margin:0 20px 0 0; padding:0;}
#containerLeftIndex {float:left; width:400px; margin:0 20px 0 0; padding:0; background:url('../images/_bgContentIndex.gif') no-repeat;}
#containerRight {float:right; width:400px; margin:0 0 0 20px; padding:0;}

.slogan {margin:0; padding:0 0 20px 0; text-align:center; font-weight:bold; color:#0099cc;}

.tuote {float:left; margin:0; padding:0 10px 0 0;}


/* ***********************************************************************************************************************
TYPE ELEMENTS
*********************************************************************************************************************** */

h1 {font:25px "Lucida Grande", Verdana, sans-serif; color:#336699; font-weight:normal; margin-top:0; padding-bottom:5px;}
h1.front {font:25px "Lucida Grande", Verdana, sans-serif; color:#336699; font-weight:normal; margin-bottom:0; padding-bottom:0px;}
h1.small {font:17px "Lucida Grande", Verdana, sans-serif; color:#000; font-weight:normal; margin:0; padding:0 0 5px 0;}
h2 {font:19px "Lucida Grande", Verdana, sans-serif; color:#336699; margin:30px 0 0 0; padding-bottom:0px;}
h3 {font:bold 0.9em Trebuchet MS, Verdana; line-height:1.4em;}
h4 {font:bold 0.95em Trebuchet MS, Verdana; line-height:1.3em;}
p {font:12px "Lucida Grande", Verdana, sans-serif; line-height:1.5em;}
p.editorial {font:14px "Lucida Grande", Verdana, sans-serif; line-height:1.6em; color:#333; font-weight:bold;}
#containerProductNav h1 {font:18px "Lucida Grande", Verdana, sans-serif; margin-top:0; color:#ccc; background:none; padding:inherit;}
.containerProductText h1 {font-size:18px; margin:0; padding:0px; background:none;} 



/* ***********************************************************************************************************************
TOP / HEADER
*********************************************************************************************************************** */

#topLogo {float:left; width:151px; height:107px; margin:0; padding:0; background: url('../images/_logo.gif') no-repeat;}



/* ***********************************************************************************************************************
NAV / TOP
*********************************************************************************************************************** */

#topNav ul {margin:0; height:32px; padding:75px 0 0 0; list-style:none; font-size:12px;}
#topNav li {display:inline; margin:0; padding:0; height:32px;}
#topNav a {float:right; background:url("../images/tableft.gif") no-repeat left top; margin:0 0 0 5px; padding:0 0 0 4px; text-decoration:none; font-weight:bold;}
#topNav a span {float:right; display:block; background:url("../images/tabright.gif") no-repeat right top; margin:0; padding:10px 8px 8px 4px; color:#336699;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topNav a span {float:none;}
/* End IE5-Mac hack */
#topNav a:hover span {color:#104f94;}
#topNav a:hover {background-position:0% -37px;}
#topNav a:hover span {background-position:100% -37px;}
#topNav a span.current {color:#fff; background-position:100% -37px;}
#topNav a.current {background-position:0% -37px;}

#topNav .external {float:right; height:20px; font-weight:bold; padding:10px 5px 0 0; background:none; color:#003366;}
#topNav a.external {float:right; font-weight:bold; background:none; color:#003366; font-size:11px;}
#topNav a:hover.external {float:right; color:#000; text-decoration:none;}