/* 
Developer: Shahid Ali
copyright©2010. All rights reserved. 
*/
* {
padding:0px;
margin:0px;
}
body {
margin:0px;
padding:0px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
min-width:820px;
}
.val_badge {
width:88px;
height:auto;
padding:20px 0px 0px 90px;
}
.val_badge img {
padding:0px 0px 10px 0px;
}
#wrapper {
width:804px;
margin:auto;
}
.clearer {
clear:both;
}
img {
border:none;
}
.linkpage a:link {
text-decoration:underline;
color:#999999;
}
.linkpage a:visited {
text-decoration:underline;
color:#999999;;
}
.linkpage a:hover {
text-decoration:underline;
color:#099CDD;
}
.linkpage a:active {
text-decoration:underline;
color:#099CDD;
}
/*------------Message Order Form - Error ------------ */
div.message {
width:auto;
height:auto;
padding:20px;
color:#666666;
}
/* -------------- Flash Banner - 2010 ---------------*/
div.importFlash {
width:520px;
height:120px;
} 
/* ------------------------ Top content ------------------------------  */
.header {
width:804px;
height:193px;
background-image:url(images/headerBg04.jpg);
background-repeat:no-repeat;
}
/* Komprint Logo  */
.top {
background-image:url(images/logoheader.jpg);
background-repeat:no-repeat;
width:804px;
height:161px;
}
/* Main menu buttons */
.menuImg {
background-image:url(images/navMenuBg04.jpg);
background-repeat:no-repeat;
width:804px;
height:32px;
}
.nav {
width:600px;
height:23px;
margin-left:12px;
}
.nav ul {
width:600px;
height:23px;
margin:0px;
padding:0px;
}
.nav li {
float:left;
width:100px;
height:23px;
line-height:20px;
list-style-type:none;
text-align:center;
}
.nav a {
font-size:11px;
}
.nav a:link {
text-decoration:none;
color:#999999;
}
.nav a:visited {
text-decoration:none;
color:#999999;
}
.nav a:hover {
text-decoration:underline;
color:#099CDD;
}
.nav a:active {
text-decoration:underline;
color:#099CDD;
}
/* ----------------------  Main content page ----------------------- */
.mainContent {
width:804px;
height:100%;
}
/* Right Column */
.right {
width:250px;
height:100%;
float:right;
background-image:url(images/sideBar.jpg);
background-repeat:no-repeat;
background-position:top;
}
/* Left Column */
.left {
width:553px;
height:100%;
float:left;
}
/* --------------------- Create a new side bar inside of the right column ---------------------------- */
.sideBar {
width:189px;
height:580px;
margin-top:15px;
margin-left:35px;
}
/* Create side menu buttons */
.navBar {
width:185px;
height:350px;
margin-top:0px;
margin-left:3px;
}
.navBar ul {
width:185px;
height:200px;
margin:0px;
padding:0px;
}
.navBar li {
list-style-type:none;
width:185px;
height:auto;
float:none;
background-image:url(images/sidebtn05.gif);
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
line-height:30px;
}
.navBar a {
font-size:11px;
width:155px;
height:30px;
padding-left:30px;
display:block;
color:#999999;
}
.navBar a:link {
text-decoration:none;
color:#999999;
}
.navBar a:visited {
text-decoration:none;
color:#999999;;
}
.navBar a:hover {
text-decoration:underline;
color:#099CDD;
}
.navBar a:active {
text-decoration:underline;
color:#099CDD;
}
.navBar li.navBorder {
border-bottom:none;
}
/* Create dropdown menu for leaflet button */
ul#submenu {
font-size:12px;
}
ul#submenu {
height:90px;
}
ul#submenu li {
background-image:none;
border:none;
}
ul#submenu a {
font-size:10px;
}
ul#submenu a:link {
color:#999999;
}
ul#submenu a:visited {
color:#999999;
}
ul#submenu a:hover {
color:#099CDD;
text-decoration:underline;
}
/* Create dropdown menu for stationery button */
ul#submenu02 {
font-size:12px;
}
ul#submenu02 ul {
height:90px;
}
ul#submenu02 li {
background-image:none;
border:none;
}
ul#submenu02 a {
font-size:10px;
}
ul#submenu02 a:link {
color:#999999;
}
ul#submenu02 a:visited {
color:#999999;
}
ul#submenu02 a:hover {
color:#099CDD;
text-decoration:underline;
}
/* Create dropdown menu for brochure button */
ul#submenu03 {
font-size:12px;
}
ul#submenu03 {
height:60px;
}
ul#submenu03 li {
background-image:none;
border:none;
}
#submenu03 a {
font-size:10px;
}
ul#submenu03 a:link {
color:#999999;
}
ul#submenu03 a:visited {
color:#999999;
}
ul#submenu03 a:hover {
color:#099CDD;
text-decoration:underline;
}
/* Create dropdown menu for calendar button */
ul#submenu04 {
font-size:12px;
}
ul#submenu04 {
height:60px;
}
ul#submenu04 li {
background-image:none;
border:none;
}
ul#submenu04 a {
font-size:10px;
}
ul#submenu04 a:link {
color:#999999;
}
ul#submenu04 a:visited {
color:#999999;
}
ul#submenu04 a:hover {
color:#099CDD;
text-decoration:underline;
}
/* Link cursor for leaflet and stationery buttons */
.linkPointer {
cursor:pointer;
}
/* Discount Image */
.imgdis {
text-align:right;
}
/* Create a new space at the bottom of the right column */
.rightSpacer {
width:100%;
height:80px;
}
/* ---------------- New content inside of the left column  ------------------ */
.mainInfo {
width:490px;
height:100%;
color:#999999;
font-size:11px;
margin-top:15px;
margin-left:15px;
line-height:14px;
}
.mainInfo p {
margin:0px;
padding:0px;
}
/* Title page  */
.title {
text-decoration:underline;
font-weight:bold;
}
.mainColInfo {
width:490px;
height:auto;
}
.mainColInfo ul {
padding:0px;
margin:0px;
}
.mainColInfo li {
width:auto;
height:auto;
list-style-type:none;
float:left;
}
.mainColInfo ul li.mainTextInfo {
width:209px;
}
/* ----------------------  Bottom content  ----------------------------  */
.footer {
width:804px;
height:150px;
color:#999999;
text-align:center;
border-top:1px solid #CCCCCC;
}
.footer p {
margin:0px;
padding:0px;
font-size:9px;
font-family: "Verdana", Arial, Helvetica, sans-serif;
}
.footer a:link {
text-decoration:none;
color:#999999;
}
.footer a:visited {
text-decoration:none;
color:#999999;
}
.footer a:hover {
text-decoration:underline;
color:#666666;
}
.footer a:active {
text-decoration:underline;
color:#666666;
}
/*----------- Arrow button for -------------- */
.arrowContent01 {
width:490px;
height:auto;
}
.arrowContent02 {
width:350px;
height:auto;
}
.arrowContent03 {
width:212px;
height:auto;
}
.posArrowContect {
float:right;
width:auto;
height:auto;
}
div#contentArrow, div#contentArrow02, div#contentArrow03, div#contentArrow04, div#contentArrow05, div#contentArrow06, div#contentArrow07 {
width:65px;
height:17px;
}
div#contentArrow ul, div#contentArrow02 ul, div#contentArrow03 ul, div#contentArrow04 ul, div#contentArrow05 ul, div#contentArrow06 ul, div#contentArrow07 ul {
width:65px;
margin:0px;
padding:0px;
}
div#contentArrow li, div#contentArrow02 li, div#contentArrow03 li, div#contentArrow04 li, div#contentArrow05 li, div#contentArrow06 li, div#contentArrow07 li {
list-style-type:none;
float:left;
width:auto;
height:17px;
}
.blankText {
width:50px;
height:17px;
}
.displayTopText {
width:50px;
height:17px;
display:none;
}
.displayTopText01 {
width:50px;
height:17px;
display:none;
}
.displayTopText02 {
width:50px;
height:17px;
display:none;
}
.displayTopText03 {
width:50px;
height:17px;
display:none;
}
.displayTopText04 {
width:50px;
height:17px;
display:none;
}
.displayTopText05 {
width:50px;
height:17px;
display:none;
}
.displayTopText06 {
width:50px;
height:17px;
display:none;
}
.displayTopText07 {
width:50px;
height:17px;
display:none;
}
.displayTopText08 {
width:50px;
height:17px;
display:none;
}
.arrowBtn {
width:15px;
height:17px;
cursor:pointer;
}
/* --------- Create a new table for extra information  ---------  */
.mainInsert {
width:490px;
height:auto;
padding:0px 0px 0px 18px;
}
.mainInsert ul {
width:490px;
margin:0px;
padding:0px;
}
.mainInsert li {
width:245px;
height:auto;
float:left;
list-style-type:none;
}
.insertCol01 {
width:235px;
height:245px;
}
.insertCol01 ul {
width:235px;
margin:0px;
padding:0px;
}
.insertCol01 li {
width:235px;
height:118px;
list-style-type:none;
float:none;
}
.insertCol02 {
width:235px;
height:245px;
}
.insertCol02 ul {
width:235px;
margin:0px;
padding:0px;
}
.insertCol02 li {
width:235px;
height:118px;
list-style-type:none;
float:none;
}
.imgpos {
float:right;
border:1px solid #CCCCCC;
}
.imgposNoBorder {
float:right;
}
.imgbtn {
float:right;
}
/* -------------------- LoadXML table -------------------- */
.leafletA5XML {
width:350px;
height:228px;
}
.leafletA4UnfoldedXML {
width:350px;
height:228px;
}
.leafletA4FoldedXML {
width:490px;
height:228px;
}
/* A5 Brochure - 4pp to 12pp */
.brochureXMLA501 {
width:490px;
height:242px;
}
/* A5 Brochure - 4pp to 12pp (part 2) */
.brochureXMLA502 {
width:490px;
height:242px;
}
/* A5 Brochure - 12pp to 18pp */
.brochureXMLA503 {
width:490px;
height:161px;
}
/* A5 Brochure - 24pp to 32pp */
.brochureXMLA504 {
width:490px;
height:161px;
}
/* A4 Brochure - Original */
.brochureXML {
width:350px;
height:242px;
}
/* A4 Brochure - Original Copy*/
.brochureXML02 {
width:350px;
height:242px;
}
/* A4 Brochure - 12pp to 20pp */
.brochureXMLA403 {
width:490px;
height:161px;
}
/* A4 Brochure - 24pp to 32pp  */
.brochureXMLA404 {
width:490px;
height:161px;
}
.folderXML {
width:350px;
height:171px;
}
.folderXML02 {
width:350px;
height:171px;
}
.letterheadXML {
width:352px;
height:90px;
}
.slipXML {
width:352px;
height:90px;
}
.businessXML01 {
width:212px;
height:68px;
}
.businessXML02 {
width:212px;
height:68px;
}
.businessXML03 {
width:212px;
height:68px;
}
.postCardXML {
width:215px;
height:210px;
}
/*Calendar A3 Standard Table */
.calendarA3XML01 {
width:213px;
height:243px;
}
/*Calendar A3 Custom Table */
.calendarA3XML02 {
width:213px;
height:143px;
}
/*Calendar A5 Standard Table */
.calendarA3XML03 {
width:213px;
height:243px;
}
/*Calendar A5 Custom Table */
.calendarA3XML04 {
width:213px;
height:143px;
}
/*  Poster A3 and A5 Table */
.posterXML {
width:352px;
height:182px;
}
.poster02XML {
width:352px;
height:182px;
}
.templateXML {
width:350px;
height:228px;
}
/*------------------Price Detail Text ------------------*/
.priceVAT {
font-size:9px;
}
/* ----------------------------------------------------- Home Page    --------------------------------------------------------------- */
.imgViewer {
width:520px;
height:auto;
}
div#viewerLoad {
width:520px;
height:240px;
background-color:#FFFFFF;
}
div#homeSpacer01 {
height:20px;
width:490px;
}
div#creativeWorkContent {
width:520px;
height:360px;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}
.homeBar {
width:520px;
height:40px;
text-align:center;
}
.homeBarPic {
padding:5px 0px 0px 0px;
}
.addBar {
width:520px;
height:40px;
text-align:center;
}
.addBarPic {
padding:5px 0px 0px 0px;
}
.portfolioWork {
width:488px;
height:92px;
padding:0px 0px 0px 18px;
}
.portfolioWork ul {
width:488px;
height:150px;
margin:0px;
padding:0px;
}
.portfolioWork li {
list-style-type:none;
float:left;
width:122px;
font-size:11px;
text-align:center;
}
.imgportfolio {
border:1px solid #CCCCCC;
}
.homeContent {
width:520px;
height:100%;
color:#999999;
font-size:11px;
margin-top:15px;
margin-left:15px;
line-height:14px;
}
p.homeTitle {
text-decoration:underline;
}
/* ----------------------------------------------------- About Us Page    --------------------------------------------------------------- */
.rainbowAboutUsBg {
width:520px;
height:600px;
color:#999999;
font-size:11px;
margin-top:15px;
margin-left:15px;
line-height:14px;
}
.komprintDetail {
width:500px;
height:100px;
padding:0px 0px 0px 5px;
}
.aboutListCat {
font-weight:bold;
}
/* ------------------------------------------------------ Color Page ----------------------------------------------------------------------*/
.rainbowColorBg {
width:520px;
height:600px;
color:#999999;
font-size:11px;
margin-top:15px;
margin-left:15px;
line-height:14px;
}
.imgScreenColor {
width:490px;
height:250px;
}
.colorSampleVar {
float:right;
}
.colorDetail {
width:500px;
height:100px;
padding:0px 0px 0px 5px;
}
/* -------------------------------------------------------Delivery Page ---------------------------------------------------------------- */
.headerDeliveryImg {
width:520px;
height:260px;
margin:0px;
padding:15px 0px 0px 15px;
}
.deliveryDetail {
width:520px;
height:100px;
margin:0px;
color:#999999;
padding:0px 0px 0px 15px;
font-size:11px;
line-height:14px;
}
.deliveryDetail a {
text-decoration:underline;
}
.deliveryDetail a:link {
color:#999999;
}
.deliveryDetail a:visited {
color:#999999;
}
.deliveryDetail a:hover {
color:#666666;
}
.deliveryDetail a:active {
color:#666666;
}
/* ----------------------------------------------------------Special Page -------------------------------------------------------------- */
.headerSpecialImg {
width:520px;
height:255px;
margin:0px;
padding:15px 0px 0px 15px;
}
.specialText {
width:520px;
height:auto;
color:#999999;
font-size:11px;
line-height:14px;
margin:0px;
padding:0px 0px 0px 15px;
}
.specialSubTitle {
font-size:14px;
font-weight:bold;
text-align:center;
}
.specialListContent {
width:520px;
height:600px;
margin:0px;
padding:0px 0px 0px 15px;
color:#999999;
font-size:11px;
line-height:14px;
}
.specialListContent ul {
width:520px;
margin:0px;
padding:0px;
}
.specialListContent li {
width:520px;
height:auto;
padding-bottom:10px;
list-style-type:none;
border-bottom:1px solid #CCCCCC;
float:none;
}
.specialListContent ul li.borderSN {
border:none;
}
.specialOfferImg {
float:left;
margin:0px;
padding:15px 15px 0px 0px;
}
.specialOfferDetail {
width:auto;
height:auto;
margin:0px;
padding:15px 0px 0px 0px;
}
.specialOfferBtn {
width:120px;
height:100px;
float:right;
text-align:center;
}
.specialBlankBtn {
width:119px;
height:30px;
}
/*------------------------------------------------------- Calendar Page    ----------------------------------------------------------- */
.mainCalendarA3Table {
width:490px;
height:auto;
}
.mainCalendarA3Table ul {
padding:0px;
margin:0px;
width:490px;
}
.mainCalendarA3Table li {
width:245px;
float:left;
list-style-type:none;
}
/* ----------------------------------------------------- Leaflet Page --------------------------------------------------------------- */
/* Create a box for images and text */
.leafletBox {
width:490px;
height:auto;
}
.leafletImg {
float:right;
}
.leafletInfo {
line-height:13px;
}
div#tableBar01 {
width:355px;
height:20px;
background-image:url(images/leaflet/greenTopBar.gif);
background-repeat:no-repeat;
}
div#tableBar01 ul {
margin:0px;
padding:0px;
}
div#tableBar01 ul li {
width:70px;
height:20px;
list-style-type:none;
float:left;
font-size:9px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
line-height:18px;
border-right:1px solid #FFFFFF;
}
/* Green Title  */
.leafletTitleOne {
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#CCCC33;
}
/* Blue Title  */
.leafletTitleTwo {
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#099CDD;
}
/* Pink Title  */
.leafletTitleThree {
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#FF0099;
}
/* Create a table for insert rollover images*/
div#imgTable {
width:490px;
height:50px;
}
div#imgTable ul {
width:490px;
margin:0px;
padding:0px;
}
div#imgTable li {
width:69px;
height:50px;
list-style-type:none;
float:left;
}
/* Rollover image */
#imgSampleBg {
position:absolute;
width:150px;
height:110px;
display:none;
border:1px solid #CCCCCC;
color:#099CDD;
font-size:10px;
}
/* ----------------------------------------------------- Brochure Page --------------------------------------------------------------- */
.brochureTitle {
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#099CDD;
}
.brochureTitle02{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#FF0099;
}
.brochureTitle03{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#CCCC33;
}
.brochureImg {
float:right;
margin:20px 0px 0px 0px;
}
/* ----------------------------------------------------- Postcard Page --------------------------------------------------------------- */
.postcardTitle{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#099CDD;
}
.posterImg {
float:right;
margin:10px 0px 0px 0px;
}
/* ----------------------------------------------------- Stationery Page --------------------------------------------------------------- */
.letterHeadTitle{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#CCCC33;
}
.businessTitle{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#099CDD;
}
.slipTitle{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#FF0099;
}
/* ----------------------------------------------------- Presentation Page --------------------------------------------------------------- */
.presentationTitle{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#099CDD;
}
.styleFolder {
width:490px;
height:210px;
background-image:url(images/presentationfolders/selfBorder.gif);
background-repeat:no-repeat;
}
.styleFolder ul {
width:490px;
margin:0px;
padding:0px;
}
.styleFolder li {
width:245px;
list-style-type:none;
float:left;
}
.varFolder {
width:240px;
height:89px;
padding:10px 0px 0px 5px;
}
.varFolder ul {
margin:0px;
padding:0px;
width:240px;
}
.varFolder li {
list-style-type:none;
float:left;
width:60px;
height:89px;
text-align:center;
}
.viewFolder {
width:220px;
height:auto;
padding:15px 0px 0px 10px;
text-align:center;
}
.varFolderText {
font-size:8px;
font-weight:bold;
}
.viewFBtnCursor {
cursor:pointer;
}
.desFolder {
font-size:9px;
}
/* ----------------------------------------------------- Poster Page --------------------------------------------------------------- */
.posterTitle{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#CCCC33;
}
/* ----------------------------------------------------- Calendar Page --------------------------------------------------------------- */
.calendarTitle01{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#099CDD;
}
.calendarTitle02{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#FF0099;
}
.calendarPriceImg {
float:right;
}
/*--------------------------------------------------------- Artwork page ---------------------------------------------------------------*/
div#mainArtworkContent {
width:490px;
height:auto;
}
/*------Main Table-------*/
div#artworkImgPanel01 {
width:490px;
height:55px;
background-image:url(images/artwork/artworkTableBg01.gif);
background-repeat:no-repeat;
}
div#artworkImgPanel02 {
width:490px;
height:220px;
background-image:url(images/artwork/artworkTableBg.gif);
background-repeat:no-repeat;
}
.artworkContent {
width:470px;
height:240px;
margin:0px;
padding:10px 0px 0px 10px;
}
.artworkContent ul {
margin:0px;
padding:0px;
}
.artworkContent li {
float:left;
list-style-type:none;
width:auto;
height:auto;
}
.artworkContent02 {
width:470px;
height:40px;
margin:0px;
padding:10px 0px 0px 10px;
}
.artworkContent02 ul {
margin:0px;
padding:0px;
}
.artworkContent02 li {
float:left;
list-style-type:none;
width:auto;
height:auto;
}
/*----------Column One-----------*/
.artworkCol01 {
width:270px;
height:auto;
}
.artworkCol01 ul {
width:270px;
padding:0px;
margin:0px;
}
.artworkCol01 li {
float:none;
list-style-type:none;
height:17px;
}
/*----------Column Two-----------*/
.artworkCol02 {
width:100px;
height:auto;
}
.artworkCol02 ul {
width:100px;
padding:0px;
margin:0px;
}
.artworkCol02 li {
float:none;
list-style-type:none;
height:17px;
}
/*----------Column Three-----------*/
.artworkCol03 {
width:100px;
height:auto;
}
.artworkCol03 ul {
width:100px;
padding:0px;
margin:0px;
}
.artworkCol03 li {
float:none;
list-style-type:none;
height:17px;
}
/*----- extension file font -------*/
.smallText {
font-size:11px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#33CC33;
}
.artTitle {
font-size:12px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}
/* Compress Detail */
.comImg {
width:490px;
height:300px;
}
.comImg ul {
width:490px;
margin:0px;
padding:0px;
}
.comImg li {
float:left;
width:auto;
height:auto;
list-style-type:none;
}
.textComDetail {
width:225px;
height:auto;
}
.compressDetail {
width:265px;
height:300px;
}
/* Resoultion Image */
.sampleResolution {
width:490px;
height:230px;
}
.sampleResolution ul {
width:490px;
margin:0px;
padding:0px;
}
.sampleResolution li {
width:245px;
float:left;
list-style-type:none;
}
/* Print Sample */
.samplePic {
padding:0px 0px 0px 0px;
}
.compareTitle {
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
}
ul#featureList02 {
width:420px;
margin:0px;
padding:0px 0px 0px 30px;
}
ul#featureList02 li {
float:none;
list-style-image:url(images/artwork/bulletStar.gif);
list-style-position:outside;
}
ul#featureList {
width:335px;
margin:0px;
padding:0px 0px 0px 30px;
}
ul#featureList li {
float:none;
list-style-image:url(images/artwork/bulletStar.gif);
list-style-position:outside;
}
/* ----------------------------------------------------- Self-Adhesive Label Page --------------------------------------------------------------- */
.selfTitle{
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#CCCC33;
}
/* ----------------------------------------------------- Order Page --------------------------------------------------------------- */
.orderContent {
width:520px;
height:100%;
color:#999999;
font-size:11px;
margin-top:15px;
margin-left:15px;
line-height:14px;
}
.orderImg {
float:right;
}
.orderTitle {
font-weight:bold;
}
.downloadImgPos {
float:right;
vertical-align:bottom;
padding:25px 0px 0px 0px;
}
.orderTextBox {
width:520px;
height:231px;
padding:0px 0px 20px 0px;
}
.postTable {
width:200px;
height:auto;
padding:0px 0px 50px 30px;
}
.postImg{
padding:8px 0px 8px 0px;
}
/* -------- Create tables for Steps instruction -------- */
.stepInfo  {
width:520px;
height:auto;
}
.stepInfo p {
text-align:center;
}
.stepInfo ul {
width:520px;
height:auto;
padding:0px;
margin:0px;
list-style-type:none;
}
.stepInfo li {
width:520px;
float:left;
height:auto;
padding-bottom:15px;
}
p.headerStep {
text-align:center;
font-size:14px;
color:#666666;
}
p.proInfo {
font-size:12px;
text-decoration:underline;
}
.stepInfo a {
text-decoration:underline;
}
.stepInfo a:link {
color:#999999;
}
.stepInfo a:visited {
color:#999999;
}
.stepInfo a:hover {
color:#666666;
}
.stepInfo a:active {
color:#666666;
}
/* ----------------------------------------------------- Contact Page --------------------------------------------------------------- */
.formTable {
width:490px;
height:500px;
padding:20px 0px 0px 0px;
}
ul#detailForm {
margin:0px;
padding:0px;
}
ul#detailForm li {
list-style-type:none;
float:none;
width:100px;
height:25px;
line-height:20px;
}
ul#comForm {
margin:0px;
padding:0px;
}
ul#comForm li {
list-style-type:none;
float:none;
width:auto;
height:25px;
}
.mainFormTable {
width:auto;
height:auto;
}
.mainFormTable ul {
margin:0px;
padding:0px;
}
.mainFormTable li {
list-style-type:none;
float:left;
width:auto;
height:auto;
}
div#commentTextBox {
width:490px;
height:auto;
}
div#commentTextBox ul {
list-style-type:none;
}
div#commentTextBox ul li {
float:left;
}
div#commentTextBox ul li.commentText  {
width:100px;
}
div#commentTextBox ul li.messageBox {
width:300px;
height:auto;
}
.errorText {
font-size:14px;
color:#990000;
}
.linkReturn a {
color:#999999;
text-decoration:underline;
}
.linkReturn a:link {
text-decoration:underline;
color:#999999;
}
.linkReturn a:visited {
text-decoration:underline;
color:#999999;
}
.linkReturn a:hover {
text-decoration:underline;
color:#990000;
}
.linkReturn a:active {
text-decoration:underline;
color:#990000;
}
.contactRequired {
font-size:9px;
color:#990000;
}
/* ----------------------------------------------------- Proofing Page --------------------------------------------------------------- */
.proofHeaderImg {
width:520px;
height:260px;
margin:0px;
padding:15px 0px 0px 15px;
}
.proofText {
width:519px;
height:auto;
margin:0px;
padding:0px 0px 0px 16px;
color:#999999;
font-size:11px;
line-height:14px;
}
.proofImg {
float:right;
padding:3px 0px 0px 10px;
}
.proofImg02 {
float:left;
padding:3px 10px 0px 0px;
}
/* ----------------------------------------------------- Design Page --------------------------------------------------------------- */
.designText {
width:520px;
height:100%;
color:#999999;
font-size:11px;
line-height:14px;
padding:0px 0px 0px 15px;
}
.headerDesignImg {
width:520px;
height:260px;
margin:0px;
padding:15px 0px 0px 15px;
}
div.tableCost ul {
width:auto;
height:20px;
padding:0px;
margin:0px;
list-style-type:none;
}
div.tableCost ul li {
height:20px;
float:left;
line-height:18px;
border-bottom:1px solid #CCCCCC;
}
div.tableCost ul.topCB li {
border-top:1px solid #CCCCCC;
color:#666666;
}
div.tableCost ul li.descAr {
width:250px;
border-left:1px solid #CCCCCC;
text-indent:10px;
}
div.tableCost ul li.dgCost {
width:110px;
text-align:center;
border-left:1px solid #CCCCCC;
}
div.tableCost ul li.artCost {
width:110px;
text-align:center;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
p.noticeLy {
font-size:9px;
}
/*------------------------------------------------------ Sitemap --------------------------------------------------------------------------*/
.sitemapContent {
width:520px;
height:auto;
color:#999999;
font-size:10px;
line-height:14px;
padding:15px 0px 0px 15px;
}
div#sitemapMultiCol {
width:516px;
height:auto;
}
div#sitemapMultiCol ul {
margin:0px;
padding:0px;
}
div#sitemapMultiCol li {
width:172px;
list-style-type:none;
float:left;
}
.sitemapCol {
width:170px;
height:20px;
background-image:url(images/sitemap/label.gif);
background-repeat:no-repeat;
}
.sitemapHeader {
color:#999999;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
.listSite {
width:160px;
height:auto;
}
.listSite ul {
margin:0px;
padding:0px;
}
.listSite li {
list-style-image:url(images/sitemap/bulletStar.gif);
list-style-position:inside;
float:none;
height:20px;
width:160px;
text-indent:15px;
line-height:18px;
}
.listSite a:link {
text-decoration:underline;
color:#999999;
}
.listSite a:visited {
text-decoration:underline;
color:#999999;
}
.listSite a:hover {
text-decoration:underline;
color:#666666;
}
.listSite a:active {
text-decoration:underline;
color:#666666;
}
.listSite ul li.noneImgList {
list-style-image:none;
list-style-type:none;
}
/* ----------------------------------------------------- Terms and Conditions Page --------------------------------------------------------------- */
.term {
width:490px;
height:auto;
margin:0px 0px 0px 18px;
}
.sublist {
list-style-position:inside;
}
.linkInfo {
margin:0px 0px 0px 22px;
}
.linkInfo a:link {
text-decoration:none;
color:#999999;
}
.linkInfo a:visited {
text-decoration:none;
color:#999999;
}
.linkInfo a:hover {
text-decoration:underline;
color:#666666;
}
.linkInfo a:active {
text-decoration:underline;
color:#666666;
}
.listTitle {
font-weight:bold;
}
.topLink {
text-align:left;
}
.topLink a:link {
text-decoration:none;
color:#999999;
}
.topLink a:visited {
text-decoration:none;
color:#999999;
}
.topLink a:hover {
text-decoration:underline;
color:#666666;
}
.topLink a:active {
text-decoration:underline;
color:#666666;
}