/* ----------------------------------------------------------------- */
/*     CSS developed by Ahmad F. Rashidi                             */
/* ----------------------------------------------------------------- */

body{ text-align: center; margin: 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: url(../images/bg.gif) repeat center; color: #5c696f; }
.spacer { clear: both; }
hr{ display:none;}
p{line-height: 1.5;}

/* Links */
a{text-decoration:underline; color:#0055bb; }
a:hover {color:#339900; }
a.active {color:#0055bb; }

/* ----------------------------------------------------------------- */
/* MainDivision */
/* ----------------------------------------------------------------- */
#wrapper { margin: 0 auto; padding: 0; width: 725px; text-align: left; }

/* ----------------------------------------------------------------- */
/* Header */
/* ----------------------------------------------------------------- */
#head{ margin: 22px 0 0 0; height: 90px; background:url(../images/head30years.png) no-repeat 213px 0; border-bottom:1px solid #5c6970; overflow:hidden;}
#logo{width: 188px; float: left;}
#logo h1 { display: block; width: 188px; height: 90px; text-indent: -9000px; overflow: hidden; }
#logo h1 a{ display: block; height: 90px; width: 188px; background: url(../images/IDSybron_logo.png) no-repeat 0 50%;}

/* Country / Search / Profile */
#meta, #personalData{font-size:11px;}

/* Country / Search */
#meta{float: right; margin:0 0 8px 0; /*border:#ff0000 1px solid;*/}
#meta form input, select {border: 1px solid #ccc; width: 115px; font-size:11px; }
#meta form select{margin: 0 5px 0 0;}
#meta form input{width: 100px;}
#meta form input:focus,select:focus { background:#ffe3b8; border:1px solid #5c696f; }
#meta .searchButton {width: 30px; background:#fff; color: #f19000; }

/* Profile */
#personalData{float: right; width: 345px; height: 35px; height: 10px; background: url(../images/allDividerDotted.gif) repeat-x top; padding:8px 0 0 0; /*border: 1px solid #ff0000;*/}
#personalData span{float: right;}
#personalData ul { list-style: none; padding: 0 0 0 0; float: right;}
#personalData li { float: left; margin: 0 0 0 10px;}

ol {margin:auto;}


/* ----------------------------------------------------------------- */
/* Navigation                                                        */
/* ----------------------------------------------------------------- */ 
/* IE <= 6 */
#nav {width: 346px; height: 23px; float: right; margin: 20px 0 0 0;}

/* FF, Safari 3, Opera, etc. */
html>body #nav{width: 345px;  margin: 24px 0 0 0;}

/* IE 7 */
*+html>body #nav{margin: 21px 0 0 0;}

/* Safari 2 */
html[xmlns*=""] body:last-child #nav {margin: 20px 0 0 0; }

#nav ul { list-style: none; padding: 0 0 0 0; }
#nav li { float: left; margin: 0 0 0 1px;}
#nav li a {display: block; width: 68px; height: 23px; text-indent: -9000px; overflow: hidden;}

#nav li.home a{background: url(../images/navHome.jpg) no-repeat;}
#nav li.home a:hover{background: url(../images/navHomeActive.jpg) no-repeat;}
#nav li.home, li.active{background: url(../images/navHomeActive.jpg) no-repeat;}

#nav li.store a{background: url(../images/navStore.jpg) no-repeat;}
#nav li.store a:hover{background: url(../images/navStoreActive.jpg) no-repeat;}
#nav li.store, li.active{background: url(../images/navStoreActive.jpg) no-repeat;}
.storeActive{background: url(../images/navStoreActive.jpg) no-repeat;}

#nav li.products a{background: url(../images/navProducts.jpg) no-repeat;}
#nav li.products a:hover{background: url(../images/navProductsActive.jpg) no-repeat;}
#nav li.products, li.active{background: url(../images/navProductsActive.jpg) no-repeat;}
.navProducts{background: url(../images/navProductsActive.jpg) no-repeat;}

#nav li.support a{background: url(../images/navSupport.jpg) no-repeat;}
#nav li.support a:hover{background: url(../images/navSupportActive.jpg) no-repeat;}
#nav li.support, li.active{background: url(../images/navSupportActive.jpg) no-repeat;}
.navSupport{background: url(../images/navSupportActive.jpg) no-repeat;}

#nav li.about a{background: url(../images/navAbout.jpg) no-repeat;}
#nav li.about a:hover{background: url(../images/navAboutActive.jpg) no-repeat;}
#nav li.about, li.active{background: url(../images/navAboutActive.jpg) no-repeat;}
.navAbout{background: url(../images/navAboutActive.jpg) no-repeat;}


/* ----------------------------------------------------------------- */
/* Main */
/* ----------------------------------------------------------------- */
#contentwrapper {margin: 15px 0; }

#leftColumn {float: left; width: 134px; margin: 0 6px 10px 0; }
html>body #leftColumn {margin: 0 8px 10px 0; }

#centerColumn {float:left; width:442px; margin:0 6px 10px 0;}
html>body #centerColumn {margin:0 7px 10px 0;}
*+html>body #centerColumn {margin:0 6px 10px 0;}

#rightColumn {float: left; width: 134px; font-size: 11px; }

/* FeatureMenu */
#featureMenu {margin: 0 0 10px 0; font-size: 11px; z-index:7; }
#featureMenu ul {list-style: none;}
#featureMenu li a {display: block; height: 15px; background:#d9d9d9 url(../images/featureMenuCorner.gif) no-repeat bottom right; margin: 0 0 1px 0; padding: 4px 0 0 8px; color:#5c6970; text-decoration:none;}
#featureMenu li a:hover {background: url(../images/featureMenuActive.gif) no-repeat top right; overflow:hidden; color:#ff9b00;}
#featureMenu li.active a {background: url(../images/featureMenuActive.gif) no-repeat;}

/* left Menu Column Ads */
#leftColumn .ads{margin: 0 0 8px 0;}

/* right Menu Column Store */
#rightColumn .store{margin: 0 0 8px 0; height: 70px; background: url(../images/columnLeftStore.jpg);}
#rightColumn .store h2 { display: block; width: 135px; height: 70px; text-indent: -9000px; overflow: hidden; }
#rightColumn .store h2 a{ display: block; height: 29px; width: 135px;}

/*Middle Column */
#centerColumn .store{margin: 10px 0 8px 0; height: 70px; width:134px; background: url(../images/columnLeftStore.jpg);}
#centerColumn .store h2 { display: block; width: 135px; height: 70px; text-indent: -9000px; overflow: hidden; }
#centerColumn .store h2 a{ display: block; height: 29px; width: 135px;}

.mainContentTable {vertical-align:top; vertical-align:text-top;}

/* right Column */
#rightColumn .box{margin: 0 0 8px 0; border-bottom: 1px solid #ff8c03; width: 134px;}
#rightColumn .box h2{height: 15px; background:#d9d9d9; color:#5c6970; padding: 4px 0 0 5px; border-bottom: 1px solid #ff8c03;}

/* left column */
#leftColumn .box{margin: 0 0 8px 0; border-bottom: 1px solid #ff8c03; width: 134px;}
#leftColumn .box h2{height: 15px; background:#d9d9d9; color:#5c6970; padding: 4px 0 0 5px; border-bottom: 1px solid #ff8c03;}

/* Login */
#rightColumn .boxContentLogin{ background:#f2f2f2; padding: 5px; }
#rightColumn .box form{background:#f2f2f2; }
#rightColumn .box form input {border: 1px solid #ccc; width: 120px; height:15px; margin: 5px 0; }
#rightColumn .box form label {margin: 5px 0 0 0; }
#rightColumn .box form input:focus { background:#ffe3b8; border:1px solid #5c696f;}
#rightColumn .proceed, #rightColumn  .noLogin{background:#f2f2f2;}
#rightColumn .box .proceed {text-align:right; padding:0px 5px 10px 0; background-image:url(../images/allDividerDotted.gif)repeat-x bottom;}
#rightColumn .box .noLogin{ padding: 6px 5px; }

/* News */
#rightColumn .boxContentNews{ background:#f2f2f2; }
#rightColumn .box h3{font-weight: bold; padding: 10px 5px 0 5px;}
#rightColumn .box p{background: url(../images/allDividerDotted.gif)repeat-x bottom; padding: 6px 5px 10px 5px;}
#rightColumn .box p.last{background:none;}

#leftColumn .boxContentNews{ background:#f2f2f2; }
#leftColumn .box h3{font-weight: bold; padding: 10px 5px 0 5px;}
#leftColumn .box p{background: url(../images/allDividerDotted.gif)repeat-x bottom; padding: 6px 5px 10px 5px;}
#leftColumn .box p.last{background:none;}

/* center Column */
#centerColumn .subMainBox{margin:12px 0 0 0;}
#centerColumn .mainBox{width:575px; background-color:#FFFFFF; color:#000000;}
#broadcrumb{color:#CCCCCC; margin-bottom:10px; font-size:10px;}
#broadcrumb a {color:#CCCCCC;}
#broadcrumb a:hover {color:#339900;}

.mainBox h1 {margin-bottom:20px; font-size:20px;}

.img-shadow{clear: both; float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right; margin: 20px 0 0 17px !important; margin: 20px 0 0 8px;}
.img-shadow img{display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;padding: 4px;}
.imageLabel{display:block;clear:both;padding: 5px 0 5px 0;}
.imageLabel_top{display:block;padding: 0 0 5px 0;text-align:center;}

.patent{margin-top:15px; margin-bottom:15px;}
.patent ol{list-style-type:decimal; margin-left:25px; white-space:normal; line-height:1.5;}
.patent label{margin-right:50px;}

.nizul {list-style-position:outside; list-style-type:circle; float:none; list-style-image: url(images/list.jpg); line-height:3.5; padding:0;}

/* ----------------------------------------------------------------- */
/* Footer                                                            */
/* ----------------------------------------------------------------- */
#footer{clear:both; border-top: 1px solid #5c6970; font-size:100%; padding: 4px 0 0 0; margin-bottom:20px;}
#footer .left{float: left; margin-top:0px;}
#footer .right{float: right; margin-top:0px;}
#footer ul { list-style: none; padding: 0 0 0 0;}
#footer li { float: left; margin: 0 8px 0 0;}
#footer .requirement {color:#FF9900; text-decoration:underline; font-weight:bold;}

/*********************************Product Overview*********************************/
.ScrewPlant_Overview {padding:5px;color:#FFFFFF; background-color:#CC3366; font-weight:bold; text-align:center;}
.ScrewPlus_Overview {padding:5px;color:#FFFFFF; background-color:#FF9900; font-weight:bold; text-align:center;}
.ScrewDirect_Overview {background-color:#3366CC; padding:5px; color:#FFFFFF; font-weight:bold; text-align:center;}
.ScrewIndirect_Overview {background-color:#FFCC00; padding:5px; color:#FFFFFF; font-weight:bold; text-align:center;}
.ScrewRedirect_Overview {background-color:#CC33CC; padding:5px; color:#FFFFFF; font-weight:bold; text-align:center;}
.Legacy_Overview {background-color:#66CC33; padding:5px; color:#FFFFFF; font-weight:bold; text-align:center;}
.RePlus_Overview {background-color:#999999; padding:5px; color:#FFFFFF; font-weight:bold; text-align:center;}
.RePlant_Overview {background-color:#000000; padding:5px; color:#FFFFFF; font-weight:bold; text-align:center;}
.img_Overview {padding-top:20px; text-align:center;}
.nav_Overview a {color:#FFFFFF; text-align:center; text-decoration:none;}
.nav_Overview a:hover {text-decoration:underline; text-align:center;}
/********************************End of Product Overview**************************************/

/*********************************Movies*********************************/
.out {display:block; background:#bbb; border:1px solid #ddd; position:relative; margin:1em 0;}
.in {text-align:center; background:#fff; border:1px solid #000000; position:relative; padding:0px; font-weight:normal;}
.inScrewPlant {text-align:center; background:#fff; border:1px solid #CC3366; position:relative; padding:0px; font-weight:normal;}
.inScrewPlus {text-align:center; background:#fff; border:1px solid #FF9900; position:relative; padding:0px; font-weight:normal;}
.inScrewDirect {text-align:center; background:#fff; border:1px solid #3366CC; position:relative; padding:0px; font-weight:normal;}
.inScrewIndirect {text-align:center; background:#fff; border:1px solid #E95E01; position:relative; padding:0px; font-weight:normal;}
.inScrewRedirect {text-align:center; background:#fff; border:1px solid #CC33CC; position:relative; padding:0px; font-weight:normal;}
.inGoDirect {text-align:center; background:#fff; border:1px solid #9701ff; position:relative; padding:0px; font-weight:normal;}
.inLegacy {text-align:center; background:#fff; border:1px solid #66CC33; position:relative; padding:0px; font-weight:normal;}
.inLegacy3 {text-align:center; background:#fff; border:1px solid #16b5b0; position:relative; padding:0px; font-weight:normal;}
.inRePlus {text-align:center; background:#fff; border:1px solid #999999; position:relative; padding:0px; font-weight:normal;}
.inRePlant {text-align:center; background:#fff; border:1px solid #000000; position:relative; padding:0px; font-weight:normal;}
.inReActive {text-align:center; background:#fff; border:1px solid #ACACAC; position:relative; padding:0px; font-weight:normal;}
.inSwissPlant {text-align:center; background:#fff; border:1px solid #000000; position:relative; padding:0px; font-weight:normal;}
.ltin {left:-5px;}
.tpin {top:-5px;}
.narrow {width:152px;}
.narrowVideo {width:162px;}
.narrowNiz {width:220px;}
.narrowNiz1 {width:200px;}
.narrowNiz2 {width:290px;}
.narrowTut1 {width:260px;}
.video h4 {font-weight:bold; color:#000; margin:0;}
.video p {margin: 0 0 10px 0; text-align:center;}
.HiQ {width:100px; text-align:left;}
.LoQ {width:100px; text-align:right;}
/*********************************End of Movies*********************************/