* {margin:0; padding:0;} body {background-color:#DBD6BD; font-family:Arial, helvetica, sans-serif; font-size:12px;} a {color:#5088BC; text-decoration:none; font-weight:bold; border:none} a:hover {color:#FF8800;} a img {border: none;} input, select, textarea {border: 1px solid #058CCD; padding: 1px 1px 1px 1px; font-size: 11px; background-color: #FFFFFF;} input[type="checkbox"], input[type="radio"] {border: none; background-color: transparent;} input .disabled, input.disabled {border: 1px solid #AAAAAA; background-color: #DDDDDD;} h1.style1 {width:300px; height:50px; float:left; padding:15px 0 0 85px; font-size:40px; color:#3a6c9a; text-align:left;} h1.style2 {width:300px; height:70px; float:left; padding:0 0 0 85px; font-size:28px; color:#3a6c9a; text-align:left;} h1.style3 {width:350px; height:70px; float:left; padding:0 0 0 85px; font-size:28px; color:#3a6c9a; text-align:left;} h1.style4 {width:350px; height:40px; float:left; padding:25px 0 0 85px; font-size:28px; color:#3a6c9a; text-align:left;} h1.style5 {width:350px; height:70px; float:left; padding:0 0 0 85px; font-size:20px; color:#3a6c9a; text-align:left;} h1.subheading {font-size:25px; color:#3a6c9a;} th, td {vertical-align:top;} h2 {font-size:16px; font-weight:bold;} h2.borders {color:#000000; display:block; margin:5px 0 5px 0; float:left; padding:2px 5px 2px 5px; width:940px; text-align:center; border-top-style:solid; border-top-width:2px; border-top-color:#999999; border-bottom-style:solid; border-bottom-width:3px; border-bottom-color:#FF8800;} .box h2 {width:100%; color:#FFFFFF; text-align:center; margin:0 0 4px 0; padding:1px 0 1px 0; background-color:#444444;} .box h2 a {color:#FFFFFF;} .box h2 a:hover {color:#FF8800;} .folder h2 {font-size:19px; color:#5088BC; margin:0; padding:3px 0 0 35px;} #added-value h3 {float:left; padding:22px 0 0 50px; color:#807C64; font-size:20px; text-transform:uppercase; border:none;} #added-value2 h3 {float:left; padding:22px 0 0 50px; color:#807C64; font-size:20px; text-transform:uppercase; border:none;} #quick-quote h3 {font-size:27px; text-align:center; font-style:italic; font-weight:normal; border:none;} .text {float:left; margin:5px;} ul, ol {list-style-position:inside; padding: 10px 0 10px 30px;} ul.none li {list-style:none;} .folder {float:left; background-repeat:no-repeat; width:203px; margin:0 3px 15px 3px; border-bottom:1px solid #999999;} .folder h3 {color:#058CCD; font-size:19px; margin:0; padding:3px 0 0 35px;} .folder .content {margin: 0 0 3px 0; padding: 15px 0 5px 10px; border-bottom:3px solid #FF8800; text-align:justify;} .box {float:left; width:938px; padding:5px; margin:0 0 10px 0; background-color:#EEEEEE; border:1px solid #CCCCCC;} .box ul li {list-style:circle;} .page {width:950px; float:left; padding:0 0 10px 20px;} .page2 {width:950px; float:left; padding:0 0 10px 20px; margin-top:-60px;} .extract {float:left; width:100%; height:82px; background-image:url(images/extract.gif); background-repeat:no-repeat; background-position:center; padding:15px 0 0 0; font-size:18px; color:#FF8B00; font-family:sans-serif; text-align:center; font-weight:bold;} .navigation {float:left; margin:0; padding:0; text-align:center;} .navigation ul {width:495px; height:22px; background-color:#5088BC; margin:0 0 2px 0; padding:7px 0 0 5px;} .navigation ul li {display:inline; list-style:none; margin:0; padding:0 7px 0 7px;} .navigation ul li a {text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:11px;} .navigation ul li.on a {color:#FF8800;} .navigation ul li a:hover {color: #FF8800;} .navigation ul li.seperator, .navigation ul li .seperator {color: #FFFFFF; padding:0; font-weight:bold;} .advert {float:right; margin:10px 0 0 0; padding:0; background-repeat: no-repeat; font-weight:bold;} .tabs {width:670px; margin:7px 0 0 0; padding:0; background-color:transparent; float:left;} .tabs ul {margin:0; padding:0; float:right;} .tabs ul li {font-size:10px; display:inline; list-style:none;} .tabs ul li a {width:128px; height:17px; float:left; background-image:url(images/tab-off.gif); background-repeat:no-repeat; padding:3px 0 0 6px; margin:0; font-weight:normal; color:#000000; text-align:center;} .tabs ul li.on a, #tabs ul li a:hover {background-image:url(images/tab-on.gif);} .tabs ul li.on a:hover {background-image:url(images/tab-off.gif);} #wrapper1 {width:990px; margin:0 auto 0 auto;} #wrapper2 {width:990px; float:left; background-image:url(images/background.gif); background-repeat:repeat-y;} #top {width:950px; padding:0 0 0 20px; float:left; margin:0 0 0 0} #search {width:502px; height:23px; padding:16px 0 0 0; float:left;} #search b {color:#058CCD; display:inline; font-size:15px;} #search form {float:right;} #banner {width:502px; height:80px; margin:0 0 2px 0; float:left;} #banner2 {width:270px; height:60px; margin:0 0 2px 0; float:left; font-size:22px; color:#5575AA; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:url(http://www.replication.com/images/banner3.gif); padding:20px 0 0 232px;} #banner2 h1 {font-size:22px; color:#5575AA; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;} #header {width:502px; height:101px; float:left; background-image:url(images/header.gif); background-repeat:no-repeat;} #top-left {width:448px; height:250px; margin:5px 0 0 0; float:right;} #centre {width:197px; height:154px; padding:120px 0 0 0; float:left; background-image:url(images/centre-ed.gif); background-repeat:no-repeat; text-align:center; color:#807C64; font-size:15px;} #centre2 {width:197px; height:56px; padding:120px 0 0 0; float:left; background-image:url(images/centre2.gif); background-repeat:no-repeat; text-align:center; color:#807C64; font-size:15px;} #centre .phone {font-size:23px; font-weight:bold; color:#FFFFFF;} #centre .email {padding:0 0 20px 0;} #centre .email a {font-size:18px; color:#FFFFFF;} #centre a {font-size:12px;} #quick-quote {width:248px; height:275px; padding:0; float:right; background-color:#E8E8E8;} #quick-quote2 {width:248px; height:246px; padding:80px 0 0 0; float:right; background:url(http://www.replication.com/images/quick_quote_body2.gif); background-repeat:no-repeat; color:#FFFFFF; font-size:10px; z-index:501;} #quick-quote th, #big-quote th, #download th {text-align:right; vertical-align:top;} .bigquote-link {height:40px; margin-top:5px; text-align: center;} .bigquote-link a {color:#575444;} .bigquote-link a:hover {color: #FF8800;} .bigquote-link2 {height:40px; margin-top:5px; text-align: center;} .bigquote-link2 a {color:#FFFFFF;} .bigquote-link2 a:hover {color: #FF8800;} #quick-quote .header {width:247px; height:48px; margin:0; background-image:url(images/quick_quote_header.gif); background-repeat:no-repeat;} #links {width:238px; float:left; margin:0; padding:0;} #links ul {width:238px; padding:0; margin:0;} #links ul li {width:238px; margin:2px 0 2px 0; padding:0; background-color:#5088BC; list-style:none; text-indent:5px; list-style-position:inside;} #links ul li.on {width:236px; background-color:#FFFFFF; color:#5088BC; border:1px solid #CCCCCC;} #links ul li a {display:block; padding:2px 0 2px 0; font-weight:bold; color:#FFFFFF; font-size:11px; border:1px solid #5088BC;} #links ul li.on a {color:#000000;} #links ul li a:hover {background-color:#FFFFFF; color:#5088BC; border-color:#CCCCCC;} #links .sub {width:238px; margin:0; padding:0; } #links .sub ul {width:226px; padding:0; margin:0;} #links .sub ul li {width:220px; margin:0 0 3px 16px; padding:0; background-color:#FFFFFF; list-style:none; text-indent:5px; border:1px solid #CCCCCC; overflow: hidden;} #links .sub ul li.on {width:220px; background-color:#5088BC; color:#FFFFFF; border:1px solid #CCCCCC;} #links .sub ul li a {display:block; padding:2px 0 2px 0; font-weight:normal; color:#000000; font-size:11px; border:none;} #links .sub ul li.on a {color:#FFFFFF;} #links .sub ul li a:hover {color:#FFFFFF; background-color:#5088BC;} #links .sub {width:238px; margin:0; padding:0; } #links .sub .sub ul {width:214px; padding:0; margin:0;} #links .sub .sub ul li {width:202px; margin:0 0 3px 32px; padding:0; background-color:#FFFFFF; list-style:none; text-indent:5px; border:1px solid #CCCCCC; overflow: hidden;} #links .sub .sub ul li.on {width:202px; background-color:#5088BC; color:#FFFFFF; border:1px solid #CCCCCC;} #links .sub .sub ul li a {display:block; padding:0px 0 0px 0; font-weight:normal; color:#000000; font-size:11px; border:none;} #links .sub .sub ul li.on a {color:#FFFFFF;} #links .sub .sub ul li a:hover {color:#FFFFFF; background-color:#5088BC;} #introduction {/*width:259px;*/ width:445px; padding:15px 10px 15px 15px; float:left; font-size:13px;} #introduction2 {/*width:259px;*/ width:460px; padding:0px 10px 15px 15px; margin-top:10px; margin-right: 50px; float:left; font-size:16px; color:#555555} #introduction3 {/*width:259px;*/ width:460px; padding:0px 10px 15px 15px; margin-top:10px; margin-right: 50px; float:left; font-size:16px; color:#555555; background:url(images/intro-welcome.gif); background-repeat:no-repeat;} #added-value2 {width:154px; padding:12px 15px 15px 14px; margin:8px 0px 0px 66px; float:left; background-color:#EBFAE7; border:1px; border-color:#81C172; border-style:solid; color:#295D1E;} #added-value {width:223px; height:270px; padding:0; margin:10px 0 0 0; float:left; background-image:url(images/added-value.gif); background-repeat:no-repeat;} #added-value .text {float:left; width:195px; padding:40px 0 0 4px; font-size:11px;} #added-value2 .text {float:left; width:195px; padding:40px 0 0 4px; font-size:11px;} #added-value .bullet {float:left; width:185px; padding:0 0 5px 20px; font-weight:bold; color:#807C64;} #added-value2 .bullet {float:left; width:185px; padding:0 0 5px 20px; font-weight:bold; color:#807C64;} #added-value .bullet img {vertical-align:middle; margin:0 5px 0 0;} #added-value2 .bullet img {vertical-align:middle; margin:0 5px 0 0;} #quality-assured {width:466px; height:105px; margin:0; background-image:url(images/quality_assured.gif); background-repeat:no-repeat; float:left;} #index-developments {width:241px; float:right; background-color:#E8E8E8; margin:10px 0 0 0;} #index-developments .head {width:241px; height:79px; background-image:url(images/developments_header.gif); background-repeat:no-repeat;} #index-developments .title {color:#5088BC; width:230px; padding:5px; font-size:14px; font-weight:bold; text-align:center;} #index-developments .content {width:231px; background-color:#E8E8E8; padding:0 0 5px 5px; font-size:12px;} #index-developments .link {text-align:right; font-size:11px;} #index-developments .author {text-align:right; padding:0 3px 0 0; font-size:11px;} #index-developments hr {color:#807C64; width:230px; margin:2px 0 3px 5px;} #index-developments .footer {width:131px; height:45px; float:left; background-image:url(images/developments_footer.gif); background-repeat:no-repeat; padding:5px 0 0 110px; font-size: 20px; font-weight: bold;} #developments .content {width:220px; background-color:#E8E8E8; padding:0 0 0 3px; font-weight:bold; font-size:11px;} #developments .author {text-align:right; padding:0 3px 0 0; font-weight:bold;} #developments .link {text-align:right;} #blogs .content {width:220px; background-color:#E8E8E8; padding:0 0 0 3px; font-weight:bold; font-size:11px;} #blogs .author {text-align:right; padding:0 3px 0 0; font-weight:bold;} #blogs .link {text-align:right;} #blogs-index .author {text-align:right; padding:0 3px 0 0;} #blogs-index .link {text-align:right;} #blogs-index .fullpost {display:none;} #blog-item .author {text-align:right; padding:0 3px 0 0; font-weight:bold;} #blog-item .link {text-align:right;} #footer {width:950px; float:left; margin:0; padding:0 0 0 20px; text-align:center;} #footer h3 {background-color:#AAAAAA; color:#000000; padding:1px 0 1px 0px; font-size:12px; width:950px; margin:0; text-align:center;} #footer .content {float:left; width:950px; margin:5px 0 10px 0; padding:4px 0 0 0; border-top:2px solid #FF8800;} #footer ul {text-align:center;} #footer ul li {list-style:none;} #footer h4 {color:#000000; font-size:10px; font-weight:bold;} .right {width:248px; float:right; margin:0; padding:0;} .right h3 {font-size:14px; text-align:left; margin:10px 0 0 0;} .left {float:left; width:670px;} .left h2.borders, .left .text {width:660px;} .left .box {width:655px;} /*PAGES*/ #about-us .event {float:left; width:120px; margin:0 47px 0 0; height:89px;} #cd-dvd-packaging .left {width:670px;} #cd-dvd-packaging .box, #cd-dvd-packaging h2 {width:660px; float:left; margin:5px 0 5px 0;} #cd-dvd-packaging .text {width:660px;} #cd-dvd-blu-ray-packaging .box {width:200px; margin:5px 5px 5px 0;} #cd-dvd-blu-ray-packaging .box input {width:200px; margin:2px 0 3px 0;} #cd-dvd-blu-ray-packaging .left ul {padding:0 0 4px 5px; margin:0;} #cd-dvd-blu-ray-packaging .left ul li {list-style-position:inside; padding:0; margin:0;} /* #cd-dvd-blu-ray-packaging .h2 {width:200px;} #cd-dvd-blu-ray-packaging .box img {float:left; text-align:center;} #cd-dvd-blu-ray-packaging .box a.expand {float:left; font-size:11px; font-weight:normal; color:#0000FF; margin:3px 0 3px 0; width:200px;} #cd-dvd-blu-ray-packaging .box .info {float:left; margin:0; padding:0; width:200px; height:10px; overflow:hidden} */ #cd-dvd-printing .left {width:670px;} #cd-dvd-printing .box {width:660px; float:left; margin:5px 0 5px 0;} #cd-dvd-printing .text {width:660px;} #copy-protection-replication img, #copy-protection-duplication img {float:left;} #copy-protection-encryption ul {padding-top:1px;} #usbs a {color:#FFFFFF;} #usbs a:hover {color:#FF8800;} #usb th {text-align:right;} #big-quote ul li {list-style:none;} #testimonials .author {text-align:right;} #hardware-quote th, #hardware-quote th {text-align:right; vertical-align:top;} #memory-packaging ul {margin:0 0 0 5px;} #creative-services li, #creative-authoring li, #creative-mastering li {margin-left:5px; list-style:circle;} #wizard #question {width: 446px; height: 100%; float: left;} #wizard #question .header {width: 100%; height: 41px; background-image: url(images/wizard_header.gif); background-repeat: no-repeat;} #wizard #question .content {width: 436px; height: 100%; background-image: url(images/wizard_content.gif); background-repeat: repeat-y; padding: 0 5px 0 5px; text-align: left;} #wizard #question .content h3 {text-align:center; font-size:16px; margin:0;} #wizard #question .content ul li {list-style:none; padding:7px 20px 0 0;} #wizard #question .footer {width:100%; height:28px; background-image:url(images/wizard_footer.gif); background-repeat:no-repeat;} #wizard #question ul {padding-left: 25px;} #wizard #information {float: right; width:450px; background-color:#ffffff; margin:0 auto 0 auto;} #wizard #information ul#hints, #wizard #information ol#answers {margin: 0 0 10px 0;} #wizard #information ul#hints li.header, #wizard #information ol#answers li.header {font-weight:bold; text-align:center; font-size:15px; list-style: none;} #wizard #information ul#hints {list-style:none;} #wizard #information ol#answers li {list-style-position:inside} #wizard #information ul#hints li ul {list-style-position:inside; width:350px;} #wizard #information ul#hints li ul li ul {list-style-position:inside; width:300px;} ul.list {list-style:none; padding:0;} ul.list li {list-style:none; padding:0 0 0 10px;} ul.list li ul li {list-style:circle;} ul.list li.heading {font-weight:bold; padding:0; font-size:15px;} ul.inline li {display:inline; list-style:circle;} .tableleft {border: 1px solid #d4d2d2; margin: 0px; padding: 1px;} .tableleft th {text-align: right; font-weight: bold; padding: 4px 4px 4px 4px; border: 1px solid #d4d2d2;} .tableleft td, .tabletop td, li.border {text-align: left; font-weight: normal; padding: 4px 4px 4px 4px; border: 1px solid #d4d2d2;} .tabletop {border: 1px solid #d4d2d2; margin: 0 0 0 0; padding: 1px 1px 1px 1px;} .tabletop th {text-align: center; font-weight: bold; padding: 4px 4px 4px 4px; border: 1px solid #d4d2d2;} .tablenone {background: #FFFFFF none; border: none;} .required {color: #FF0000; font-weight: bold;} /* #catalog table.product {width:325px; margin-top:0;} #section table.product {width:458px; margin-top:0;} #product table.product {width:948px; margin-top:0;} table.product {background-color:#EEEEEE; border:1px solid #CCCCCC; margin:0 0 5px 0;} .product h2 {font-size:16px; color:#FFFFFF; text-align:center; margin:0 0 4px 0; padding:1px 0 1px 0; background-color:#444444;} .product h2 a:active, .product h2 a:visited, .product h2 a:link {color:#FFFFFF;} .product h2 a:hover {color:#FF8800;} .product .link {float:right; margin:10px 0 0 0;} .product .link img {vertical-align:middle;} .product .image {float:left; text-align:center;} .product .info {float:left;} */ #catalog .box {width:325px; margin:0;} #catalog .box .image {width:100px; float:left; margin:1px 0 0 1px;} #catalog .info {width:215px; float:right;} #catalog .box .link {width:325px; float:left; margin:6px 0 0 0; text-align:right;} #section .box {width:325px; margin:0;} #section .box .image {width:100px; float:left; margin:1px 0 0 0; text-align:center;} #section .info {width:215px; float:right;} #section .box .link {width:100%; float:left; margin:6px 0 0 0; text-align:right;} #section table {float:left;} #product .box {width:670px; margin:0 0 5px 0;} #product .box .image {float:left; text-align:center; width:150px;} #product .box .info {float:right; width:500px;} #product .box .link {float:right; width:500px; text-align:right;} #product input {border:none; background:transparent; margin:10px 0 0 0;} #product table {float:left;} .text_breadcrumbs {width:670px; float:left; margin:7px 0 7px; font-weight:bold; font-size:13px; display:block;} .text_breadcrumbs a {margin: 0 4px 0 4px;} /* TextArea */ .toolbar {border-top:1px solid #888888; border-right:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #999999; background-image:url(images/textarea/background_silver.jpg); background-repeat: repeat-x; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0; width:100%;} .toolbar td {vertical-align:middle;} iframe {border: none; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; height:100%; background-color: #FFFFFF;} .seperator1 {background-image: url(images/textarea/seperator.gif); background-repeat: no-repeat; background-position: center; width: 10px;} .seperator2 {background-image: url(images/textarea/seperator2.gif); background-repeat: no-repeat; width: 10px; text-align: center; background-position: center;} .button {background: transparent; margin: 1px 1px 1px 1px;} .button_on {background-color: #FFFFFF; border: 1px solid #000000; cursor: pointer;} .dropdown {height: 100px; background-color: #FFFFFF; border: 1px solid #333333; overflow: auto; padding: 1px; display: block;} .dropdown button {background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 1px; text-align: left; width: 100%; font-weight: normal; font-size: 11px;} .dropdown button:hover, .dropcolours button:hover {background-color: #0000CC; color: #FFFFFF; cursor: pointer;} .dropcolours {border: 1px solid #000000; padding: 0 0 0 0; margin: 0 0 0 0; border-spacing: 0px; display: block; background-color: #FFFFFF;} .dropcolours button {border: 1px solid #000000; padding: 0 0 0 0; margin: 0 0 0 0; border-spacing: 0px; display: block;} .popup {padding: 6px 6px 6px 6px; background-color: #FFFFFF; border: 1px solid #000000; display: block;} .popup input, .popup select {font-size: 10px; font-weight: normal; color: #000000; background-color: #FFFFFF; border: solid 1px #0066FF;} #toppanel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #006699; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #333333; height: 24px; width: 100%; font-weight: bold; padding-left: 20px; line-height: 24px; }