
/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------   
     
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- blue		#009ee3
- red		#e3000f;
\**************************************/


/**************************************/
/*              RESET            */
/**************************************/

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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/**************************************/
/*              TYPOGRAPHY            */
/**************************************/
html { font-size: 62.5%; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
body{ font-size: 1.1em; line-height: 1.6em; text-align:center; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
p{ margin: 0 0 1.5em; }

/**************************************/
/*        NAVIGATION  AND LINKS       */
/**************************************/
a{ text-decoration: none;}
a:hover { text-decoration: underline; }
#header #languageNavigation a {color: #fff; padding: 0 2px; }
    #header #languageNavigation a.selected { font-weight: bold; }

/**************************************/
/*              CONTAINERS            */
/**************************************/
#wrapper { width: 960px; margin:0 auto; text-align: left;}
/*#header { height:140px; width:960px; background-color: #000; position: relative; } */
#header { height:70px; width:960px; background-color: #009ee3; position: relative; }
#header img.logo{ margin-left:20px; }
    #header #languageNavigation {width: 260px; height: 20px; background-color: #e3000f; color:#fff; padding:5px; position: absolute; right: 0; bottom: 0; font-size: 1em; text-align: center; background-image:url(../img/roltex/navigation_bg.jpg); background-position:0 0; background-repeat:no-repeat; }
#contentWrapper{ padding:10px; background-color:#fff; background-image:url(../img/background.jpg); background-position:0 0; background-repeat:no-repeat; }
#menu { float:left; width:215px; margin:0; overflow:hidden;}
#content { float:left; width:695px; border:1px solid #d8d8d7; padding:10px; margin:0; position:relative; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#content h2 { color:#009ee3; font-size:24px; margin-bottom:10px; line-height:1.6em; }
#content ul{margin:5px 20px;}
#content ul li{list-style-type:disc;}
#content a{ color:#009ee3; }
#footer{ color:#fff; padding:10px; margin-top:20px; clear:both; text-align:center; margin-bottom:20px; background-image:url(../img/footer.jpg); background-position:0 0; background-repeat:no-repeat; }

/* HOME */
#Home .Content1Wrapper{ width:225px; float:left; border-right:1px solid #d8d8d7; overflow:hidden; }
    #Home .Content1Wrapper p{padding:5px 5px 5px 0; }
    #Home .Content1Wrapper h2, #Home .Content1Wrapper a{ color:#e3000f; }
#Home #center{ width: 260px; float: left; padding:5px; overflow:hidden; border-right:1px solid #d8d8d7; }
#Home .Content4Wrapper{ float:left; padding:5px; width:180px; overflow:hidden;}
#Home .Content4Wrapper img, #Home .Content3Wrapper img, #Home .Content2Wrapper img { padding:5px 0; }

/* SECTIONS */
.sections .Content1Wrapper { width:100%;  }
    #content.sections .Content1Wrapper h2, #content.sections .Content1Wrapper a { color:#e3000f; }
    .sections #productOverview .product{ width:210px; float:left; height:120px;min-height:300px;height:auto !important;height:300px; padding:10px;
  }
 #content.sections .Content3Wrapper.product h2, #content.sections .Content4Wrapper.product h2,
#content.sections .Content5Wrapper.product h2, #content.sections .Content6Wrapper.product h2,#content.sections .Content7Wrapper.product h2,
#content.sections .Content8Wrapper.product h2,#content.sections .Content9Wrapper.product h2,
#content.sections .Content10Wrapper.product h2, #content.sections .Content11Wrapper.product h2, #content.sections .Content12Wrapper.product h2 { color:#009EE3; font-size:24px; line-height:1.6em; margin-bottom:10px; border-bottom:none;}

 #content.sections .Content3Wrapper.product , #content.sections .Content4Wrapper.product ,
#content.sections .Content5Wrapper.product , #content.sections .Content6Wrapper.product ,#content.sections .Content7Wrapper.product ,
#content.sections .Content8Wrapper.product ,#content.sections .Content9Wrapper.product ,
#content.sections .Content10Wrapper.product , #content.sections .Content11Wrapper.product , #content.sections .Content12Wrapper.product  { float:left;
height:auto !important;
min-height:300px;
padding:10px;
width:210px;}

/* MANUAL SECTIONS TEMPLATE */
#content.sections .Content2Wrapper h2, #content.sections .Content3Wrapper h2, #content.sections .Content4Wrapper h2,
#content.sections .Content5Wrapper h2, #content.sections .Content6Wrapper h2 { border-bottom: 1px solid #d8d8d7; color:#9c9d9d; font-size:12px; }
#content.sections .Content3Wrapper, #content.sections .Content4Wrapper, #content.sections .Content5Wrapper ,#content.sections .Content6Wrapper 
{ float:left; width:327px; padding:10px; }


/* DETAIL */
#content.detail .Content1Wrapper { width:100%;  }
    #content.detail .Content1Wrapper h2, #content.detail .Content1Wrapper  a { color:#e3000f; }
    #content.detail .Content1Wrapper ul { margin-left:20px; }
        #content.detail .Content1Wrapper ul li{ list-style-type:circle; }
#content.detail .Content2Wrapper h2, #content.detail .Content3Wrapper h2{border-bottom: 1px solid #d8d8d7; color:#9c9d9d; font-size:12px; }
#content.detail #fotoBook { padding:10px 0; }
    #content.detail #fotoBook div a img{ padding:5px 5px 5px 5px; border:1px solid #9c9d9d; }
    
    #content.detail .Content2Wrapper, #content.detail .Content3Wrapper { float:left; width:327px; padding:10px; }
p.newsDescription { border-bottom:1px solid #d8d8d7; padding-bottom:10px; margin-bottom:20px; }
ul.newsOverview li{ padding:3px 0 0 0; }