﻿body {background:url('Images/page_background.jpg') #b3d0ee repeat-x ;margin:0 0 0 0;}
h1{font-size:13pt;color:#032445;padding:10px 0 0 0;}
h2{font-size:15pt;color:#154170;text-align:center;}
h3{font-size:13pt;color:#ffae04;text-align:center;margin-top:10px;margin-bottom:0;}
img{border:0;}
a{text-decoration:none;}
a:visited{color:#032445}
h1 a{color:#032445;}
fieldset{border:0;padding:10px 0 10px 0;}



#page{width:874px;margin:0 auto 0 auto;font-family:Tahoma;font-size:10pt;}
#inner{background:url('Images/Header/left_banner.gif') repeat-y #154170;float:left;}
#language{width:30px;float:right;padding:5px 10px 0 0;background-color:Transparent}

#rightSection{min-height:100px;width:798px;float:right;background:#5887b5;}
#banner{height:185px;width:798px;float:left;background:url('Images/Header/banner.jpg');}

.content{ margin:30px 30px 30px 30px;}
.referencesContent{margin:25px 0 25px 16px}
.productsContent{margin:30px 0 30px 20px}
.packagingContent{margin:25px 0 25px 22px}
.newContent{margin:0 0 25px 18px;}

.clear{clear:both;}

/*menu*/
#titlebar{float:left;background:#154170;height:30px;width:628px}
.linkbuttons{margin:4px 0 0 0;}
.linkbuttons a,.menuDivider{padding:0 3px 0 3px;height:30px;float:left;color:#ffae04;font-size:11pt;text-align:center;text-decoration:none;}
.linkbuttons a:hover{color:#5887b5;}
.linkbuttonsActive a{color:#5887b5;}

#banner_drop_part{float:left;margin:0 0 0 0;padding:0 0 0 0;}

#contactmenu{float:left;background:#154170;height:30px;width:170px;background:url('Images/Header/banner_drop_part.jpg') no-repeat left #154170;}
#menuContact{float:right;margin:4px 10px 0 0;}
#menuContact a{padding:0 5px 0 5px;height:30px;float:left;color:#B7DAFA;font-size:11pt;text-decoration:none;}
#menuContact a:hover{color:#5887b5;}

ul#ulMenu, ul#ulContact{display:inline;margin:4px 0 0 0;padding-left: 0;}
#ulMenu li, #ulMenu li a{display: inline;list-style-type: none;margin:4px 0 0 0;}
#ulContact li, #menuContact a{display: inline;list-style-type: none;}

/* footer */
#footerline{color:#154170;background-color:#154170;height:3px;}
#footer{font-size:8pt;text-align:center;height:100px;}

/* pages */
.orangetext{color:#ffae04;font-weight:bold;}

#homeleft{float:left;width:476px;}
#homeright{float:right;width:229px;margin:10px 0 0 0;}
#homeMagic_left{float:left;width:169px;height:174px;margin-top:30px;}
#homeMagic_left_gr{float:left;width:169px;height:174px;margin-top:10px;}
#homeMagic_right{float:right;width:300px}

#productleft{float:left;width:476px;}
#productright{float:right;width:229px;}
#dynamicContent{height:230px;}
#dynamicFlash{float:left;width:478px;height:200px;}
#dynamicImage1{float:left;width:150px;margin:25px 10px 10px 30px;height:150px;}
#dynamicImage2{float:left;width:478px;height:200px;}


#shapeslist li{list-style-type:disc;list-style-image:url('Images/shapes/bullet.jpg')}
#shapeslist li a{text-decoration:none;color:#032445;}
#shapeslist li a:hover{color:#B7DAFA;}

.prodCell{float:left;background:url('Images/shapes/background.jpg'); width:250px;height:169px;}
.prodImage{padding:0 50px 0 50px;width:150px;height:120px;}

.refLinks{float:left;width:153px;height:100px; }
.refLinks a{text-decoration:none;color:#032445;}
.refLinks a:hover{color:#B7DAFA;}
.refLogo{width:153px;height:65px;text-align:center;}
.refName{text-align:center;color:#032445;}
.refLogo img{max-height:64px;}

.rubicThumbs{float:left;width:153px;height:153px; }
.newThumbs{float:left;width:153px;height:153px; }


.bluetext{color:#032445;}
.whitetext{color:#ffffff;}
.whitetext a{color:#ffffff;}
.whitetext a:visited{color:#ffffff;}
.whitetext a:hover{color:#B7DAFA;}

.refImage{text-align:center;}

#backlink a{text-decoration:none;color:#032445;}
#backlink a:hover{color:#B7DAFA;}

#caseleft{float:left;width:410px;}
#caseright{float:right;width:320px;margin:10px 0 0 0;text-align:center;}
.casemore{float:left;width:100px;height:70px;}
.casemore2{float:left;width:60px;height:70px;}
.casemoretext{float:left;width:265px;height:70px;vertical-align:middle;}
.casemoretext a:hover{color:#B7DAFA;}
#morecasestudies{margin-top:20px;height:70px}


#packImg{background:url('Images/packaging/packaging_home.jpg') no-repeat #5887b5 center;height:200px;}

#packImage{text-align:center;}
.packLinks{float:left;width:188px;height:160px; }
.packLinks a{text-decoration:none;color:#032445;}
.packLinks a:hover{color:#B7DAFA;}
.packLogo{width:188px;height:128px;text-align:center;vertical-align:middle; }
.packName{text-align:center;color:#032445;}

.newDivs{float:left;width:240px;height:240px; }

#popupdiv{position:absolute; top:0;left:0;width:100%;height:100%;background:url('Images/packaging/transparent.gif')}
#popupIMG{position:absolute; left:30%; top:20%;padding:10px 10px 10px 10px;background-color:#032445;width:560px;}
#popupclose{position:absolute; left:30%; top:20%;width:560px;background:#032445;z-index:1;text-align:right;color:#ffffff;padding-right:10px;}

#popupIMGRubik{position:absolute; left:40%; top:20%;padding:10px 10px 10px 10px;background-color:#032445;width:355px;}
#popupcloseRubik{position:absolute; left:40%; top:20%;width:355px;background:#032445;z-index:1;text-align:right;color:#ffffff;padding-right:10px;}
#popupIMGRubik img{width:355px;}

#popupIMGnew{position:absolute; left:40%; top:20%;padding:10px 10px 10px 10px;background-color:#032445;width:400px;}
#popupcloseNew{position:absolute; left:40%; top:20%;width:400px;background:#032445;z-index:1;text-align:right;color:#ffffff;padding-right:10px;}
#popupIMGnew img{width:400px;}

.show{display:block;}
.hide{display:none;}

#magicleft{text-align:justify}
#magicright{float:right;margin:10px  0 0 10px;}

#tempLeft{float:left;margin:50px 20px 0 0 ;}
#tempRight{margin-left:10px;}
.tempSpecial{font-size:15pt;color:#154170;font-weight:bold;}

.validator{width:100px;text-align:center;float:left;}
.footerText{width:594px;text-align:center;float:left;}

.imgCopyright{text-align:center;font-weight:bold}

/*Contact Page*/
#contactLeft{float:left;width:220px;padding-top:19px}
#contactCentre{float:left;width:320px}
#contactRight{float:left;width:160px;padding-top:232px;margin-left:20px;}
