@charset "utf-8"; /**/ .container_1 { margin: 0 auto; } /**/ #top_bar { background-image: url(../images/print_03.jpg); background-repeat: repeat-x; height: 21px; } #topbarleft { background-image: url(../images/print_01.jpg); float: left; height: 21px; margin-left: -50px; width: 50px; } #topbarright { background-image: url(../images/print_05.jpg); float: right; height: 21px; margin-right: -50px; width: 50px; } #topbarlinks { color: #808080; float: right; font-size: 9px; height: 15px; margin-top: 5px; } #topbarlinks ul { margin-bottom: 0; } #topbarlinks ul li { display: inline; margin-left: 20px; } #topbarlinks ul li a { color: #ed145b; text-decoration: none; } #topbarlinks ul li a:hover { text-decoration: underline; } /**/ #header-top { height: 32px; } /**/ #boxlinksl { height: 32px; } #boxlinks { height: 32px; } #boxlinks ul { margin-bottom: 0; } #boxlinks ul li { display: inline; } #boxlinks a { background-image: url(../images/box.gif); color: #666666; display: block; font-size: 11px; height: 28px; padding-top: 4px; text-align: center; text-decoration: none; width: 140px; padding-top: 7px; } #boxlinks a:hover { background-image: url(../images/boxhov.gif); color: #0072bc; padding-top: 7px;} /**/ #logo { background-image: url(../images/print_09.jpg); height: 55px; } /**/ #tab { background-image: url(../images/print_11.jpg); height: 62px; margin-top: 55px; } /**/ #pagetitle { height: 62px; } #pagetitle h1 { color: #4c4c4c; font-size: 12px; height: 23px; margin-top: 35px; margin-left: 10px; } #spacer { height: 62px; } /**/ #menu { color: #4c4c4c; font-size: 11px; height: 28px; margin-top: 23px; } #menu ul { margin-bottom: 0; } #menu ul li { display: inline; margin-left: 0; margin-right: 20px; } #menu ul li a { color: #666666; padding: 5px 10px 5px 10px; text-decoration: none; } #menu ul li a:hover { background-color: #ed145b; color: #FFFFFF; -moz-border-radius: 5px; padding: 5px 10px 5px 10px; text-decoration: none; } #menu ul li ul { display:none; } /**/ #blank { height: 55px; } #contentbg { background-image: url(../images/print_12.jpg); background-repeat: repeat-y; min-height: 400px; padding-bottom: 10px; } #content { min-height: 300px; } /**/ #leftcolumn { background-color: #FFFFFF; } /**/ /* #leftmenu ul { background-color: #ed145b; list-style: none; margin-bottom: 0; } #leftmenu ul li { margin-left: 0; } #leftmenu ul li a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; margin-left: 10px; text-decoration: none; } #leftmenu ul li ul { background-color: #fde7ee; background-image:none; } #leftmenu ul li ul li { } #leftmenu ul li ul li a { color: #666666; font-size: 10px; margin-left: 20px; text-decoration: none; background-image:none; } #leftmenu a */ #leftmenu { } #leftmenu ul { list-style: none; margin-bottom: 0; } #leftmenu ul .red { background-color: #ea1d24; background-image:url(../images/red1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .red a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .red a:hover { text-decoration:underline; } #leftmenu ul .red ul { background-color: #fde8e9; background-image:url(../images/red2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .red ul li { margin-left:10px; } #leftmenu ul .red ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .red ul li a:hover { text-decoration:underline } #leftmenu ul .orange { background-color: #f7941f; background-image:url(../images/orange1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .orange a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .orange a:hover { text-decoration:underline; } #leftmenu ul .orange ul { background-color: #fef4e8; background-image:url(../images/orange2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .orange ul li { margin-left:10px; } #leftmenu ul .orange ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .orange ul li a:hover { text-decoration:underline } #leftmenu ul .green { background-color: #83cb45; background-image:url(../images/green1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .green a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .green a:hover { text-decoration:underline; } #leftmenu ul .green ul { background-color: #f3faeb; background-image:url(../images/green2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .green ul li { margin-left:10px; } #leftmenu ul .green ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .green ul li a:hover { text-decoration:underline } #leftmenu ul .turquoise { background-color: #00a651; background-image:url(../images/turquoise1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .turquoise a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .turquoise a:hover { text-decoration:underline; } #leftmenu ul .turquoise ul { background-color: #e5f6ed; background-image:url(../images/turquoise2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .turquoise ul li { margin-left:10px; } #leftmenu ul .turquoise ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .turquoise ul li a:hover { text-decoration:underline } #leftmenu ul .blue { background-color: #0173bc; background-image:url(../images/blue1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .blue a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .blue a:hover { text-decoration:underline; } #leftmenu ul .blue ul { background-color: #e5f1f8; background-image:url(../images/blue2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .blue ul li { margin-left:10px; } #leftmenu ul .blue ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .blue ul li a:hover { text-decoration:underline } #leftmenu ul .cyan { background-color: #00b2ec; background-image:url(../images/cyan1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .cyan a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .cyan a:hover { text-decoration:underline; } #leftmenu ul .cyan ul { background-color: #e5f7fd; background-image:url(../images/cyan2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .cyan ul li { margin-left:10px; } #leftmenu ul .cyan ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .cyan ul li a:hover { text-decoration:underline } #leftmenu ul .purple { background-color: #92278f; background-image:url(../images/purple1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .purple a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .purple a:hover { text-decoration:underline; } #leftmenu ul .purple ul { background-color: #f4e9f4; background-image:url(../images/purple2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .purple ul li { margin-left:10px; } #leftmenu ul .purple ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .purple ul li a:hover { text-decoration:underline } #leftmenu ul .magenta { background-color: #ec008c; background-image:url(../images/magenta1.jpg); margin-left: 0; padding-top:1px; } #leftmenu ul .magenta a { height:20px; width:140px; color: #FFFFFF; font-size: 12px; font-weight:bold; margin-left: 10px; text-decoration: none; } #leftmenu ul .magenta a:hover { text-decoration:underline; } #leftmenu ul .magenta ul { background-color: #fde5f3; background-image:url(../images/magenta2.jpg); background-repeat:repeat-x; padding-bottom: 5px; margin-top: 4px; } #leftmenu ul .magenta ul li { margin-left:10px; } #leftmenu ul .magenta ul li a { color: #666666; font-size: 10px; font-weight:normal; margin-left: 10px; text-decoration: none; background-image:none; } #leftmenu ul .magenta ul li a:hover { text-decoration:underline } /**/ #rightcolumn { background-color: #FFFFFF; } #rightcolumn h1 { margin-bottom:0; padding-top:3px;font-size:18px; } #rightcolumn h2 { margin-bottom:0; padding-top:3px; font-size:15px; } #rightcolumn p { margin-bottom:0; padding:5px 0; font-size:11px; } #rightcolumn a { text-decoration:underline; color:#FFFFFF; } #rightcolumn a:hover { } /**/ #right1 { background-color: #FFFFFF; border: solid 1px #CCCCCC; margin-bottom: 10px; padding: 3px; } #right1a { background-color: #3ab8db; background-image: url(../images/bg-upper-blue.gif); background-repeat: repeat-x; color: #FFFFFF; min-height: 50px; padding: 5px 10px; } /**/ #right2 { background-color: #FFFFFF; border: solid 1px #CCCCCC; margin-bottom: 10px; padding: 3px; } #right2a { background-color: #b1d43f; background-image: url(../images/bg-upper-green.gif); background-repeat: repeat-x; color: #FFFFFF; min-height: 50px; padding: 5px 10px; } /**/ #right3 { background-color: #FFFFFF; border: solid 1px #CCCCCC; margin-bottom: 10px; padding: 3px; } #right3a { background-color: #faac11; background-image: url(../images/bg-upper-yellow.gif); background-repeat: repeat-x; color: #FFFFFF; min-height: 50px; padding: 5px 10px; } /**/ #right4 { background-color: #FFFFFF; border: solid 1px #CCCCCC; margin-bottom: 10px; padding: 3px; } #right4a { background-color: #4c4c4c; background-image: url(../images/bg-upper-grey.gif); background-repeat: repeat-x; color: #FFFFFF; min-height: 50px; padding: 5px 10px; } /**/ #right5 { height: 200px; margin-bottom: 10px; } #right6 { height: 200px; margin-bottom: 10px; } /**/ #main { color:#666666; line-height:100%; padding-left: 10px; padding-top: 5px; margin-left:0; } #main a { color:#333333; } #main a:visited { color:#333333; } #main a:hover { color:#ed145b; text-decoration:none; } #main h1 { margin-bottom:12px; font-size:22px; } #main h1 span { color:#ed145b; text-transform:lowercase; font-weight:bolder; } #main h2 { font-size:16px; margin-bottom:12px; color:#ed145b; } #main p { font-size:13px; margin-bottom:12px; } #main ul { font-size:13px; margin-left:20px; margin-bottom:12px; list-style-image:url(../images/bullet.gif); } #main ul a { color:#666666; } #main ul a:visited { color:#666666; } #main ul a:hover { color:#ed145b; text-decoration:none; } #main ol { font-size:10px; margin-left:20px; margin-bottom:12px; list-style:decimal; } #main ol a { color:#666666; } #main ol a:visited { color:#666666; } #main ol a:hover { color:#ed145b; text-decoration:none; } /**/ #footer { background-image: url(../images/print_14.jpg); background-repeat:no-repeat; float: left; padding-top: 50px; margin-bottom:30px; color:#A0A0A0; font-size:9px; } #footer ul { color:#ed145b; list-style-image:url(../images/bullet.gif); } #footer li { margin-left:13px; margin-bottom:2px; } #footer p { margin-bottom:5px; } #footer a { text-decoration:none; color: #ed145b;} #footer a:hover { text-decoration:underline; } #footerleft { } #footerleft1 { margin-bottom:15px; } #footerleft2 { } #footerleft2 div { border-right: 1px solid #dddddd; height:60px; } #footerright { } #footerright1 div { float:right; } /*Business Card Descriptions Page*/ #bcdesc { } #bcdesc h2 { font-size:12px; margin-bottom:3px; } #bcdesc p { margin-bottom:20px; } #bcalt { } #bcimg1 { height:60px; background-image:url(../images/bc1.gif); } #bcimg2 { height:60px; background-image:url(../images/bc2.gif); } #bcimg3 { height:60px; background-image:url(../images/bc3.gif); } #bcimg4 { height:60px; background-image:url(../images/bc4.gif); } #bcimg5 { height:60px; background-image:url(../images/bc5.gif); } #bcblank { height:60px; } #bccorn { height:60px; background-image:url(../images/bccorn.gif); } #bccut { height:60px; background-image:url(../images/bccut.gif); } #bcdrill { height:60px; background-image:url(../images/bcdrill.gif); } #bcfold { height:60px; background-image:url(../images/bcfold.gif); } #bcperf { height:60px; background-image:url(../images/bcperf.gif); } /*rounded corners and drilling info*/ #corndrilla { height:177px; } #corndrill { height:177px; background-image:url(../images/corndrill.gif); background-repeat:no-repeat; margin-bottom:20px; } /*business card artwork layout*/ #bcartworka { height:173px; } #bcartwork { height:173px; background-image:url(../images/bcartwork.gif); background-repeat:no-repeat; } /*enquiry form styling*/ form { } #formentry { } /*Product Templates*/ .templates { margin-bottom:20px; } .templates p { margin-bottom: 4px; } #prodimg1 { height:147px; background-image:url(../images/tempstandard.jpg); } #prodimg2 { height:127px; background-image:url(../images/tempbc.jpg); } #prodimg3 { height:86px; background-image:url(../images/tempenv.jpg) } #prodimg4 { height:153px; background-image:url(../images/templeaf.jpg) } #prodimg5 { height:156px; background-image:url(../images/tempfolder.jpg) } #prodimg6 { height:142px; background-image:url(../images/tempbox.jpg) } #downloads { /*height:100px;*/ } #pdftemp { /*height:100px;*/ } #epstemp { /*height:100px;*/ } #pdftemp p { margin-bottom: 4px; } #epstemp p { margin-bottom: 4px; } /*Contact Page*/ #form { background-color: #FFFFFF; border: solid 1px #CCCCCC; padding:3px; margin-bottom:10px; } form { background-color: #fef4e8; padding: 17px 17px 7px 17px; } #formentry { margin-bottom: 10px; } /* PRODUCT ORDERING PAGE */ .product { } iframe { width:639px; scrolling:no; } iframe html body { margin-top:-151px; } /* News ------------------------------ */ .news {} /* Preview -------------------- */ .news-preview {} .news-preview .container {} .news-preview .news-content {padding: 5px 10px 10px 5px;} .news-preview .news-content img {float: left; margin-right: 15px; background: #f0f0f0; border: 1px solid #ddd;} .news-preview h2.news-title {font-weight: normal;} .news-preview h2.news-title a {text-decoration: none;} .news-preview .news-info {margin-top: 0; margin-bottom: .2em; font-size: 90%; color: #333;} .news-preview .news-date {background: url(../images/icons/time.png) 0 0 no-repeat; padding: 0 0 0 18px;} .news-preview .news-author {background: url(../images/icons/user.png) 0 0 no-repeat; margin: 0 0 0 10px; padding: 0 0 0 18px;} .news-preview .news-category {background: url(../images/icons/information.png) 0 0 no-repeat; margin: 0 0 0 10px; padding: 0 0 0 18px;} .news-preview .news-more {font-size: 90%;} .news-preview .news-more a {} .news-preview .news-more a strong {font-weight: normal;} /* Full Article -------------------- */ #main .news-article {} #main .news-article .news-details {} #main .news-article .news-date {float: left; font-size: 18px; color: #db398a;} #main .news-article .news-author {float: right; font-size: 18px; color: #db398a;} #main .news-article h1.news-title {} #main .news-article h1.news-title strong {font-weight: normal;} #main .news-article .news-content {} #main .news-article p, #main .news-article blockquote {margin-top: 1.33em;} #main .news-article hr {margin: 5px auto;} #main .news-article .news-extra {display: none;} #main .news-article .news-extra {margin: 10px 0 0 0; background: #f0f0f0; border-top: 1px solid #ccc; padding: 10px 8px 32px 8px;} #main .news-article .news-back {} #main .news-article .news-back .button {float: left; width: 96px; height: 24px; overflow: hidden; text-align: center;} #main .news-article .news-back .button a {display: block; height: 24px; line-height: 24px; vertical-align: middle; background: #ed145b; -moz-border-radius: 5px; color: #fff; text-decoration: none;} #main .news-article .news-back .button a:hover {display: block; height: 24px; line-height: 24px; vertical-align: middle; background: #fff; color: #ed145b;} #main .news-article .news-link {} #main .news-article .news-link code {border-left: 5px solid #e8871f; padding: 5px 0 5px 4px; font-size: 10px;} /* Pagination ------------------------------ */ #main .pagination-results {margin: 20px auto 10px auto; text-align: center;} #main .pagination-summary {font-size: 10px;} #main .pagination-options {margin: 5px 0 0 0; font-size: 11px;} #main .pagination-summary .current-page {} #main .pagination-summary .total-pages {} #main .pagination-results a {text-decoration: none;} #main .pagination-results ul.pages {display: inline; margin: 0 auto; padding: 0; list-style-type: none;} #main .pagination-results ul.pages li {display: inline; padding: 0;} #main .pagination-results ul.pages li a {margin: 0 2px; padding: 2px 6px 2px 9px; background: #ed145b; color: #fff; -moz-border-radius: 5px; } #main .pagination-results ul.pages a:hover {background: #fff; color: #ed145b;} #main .pagination-results ul.pages a:focus {background: #ed145b; color: #fff; -moz-border-radius: 5px;} #main .pagination-results ul.pages a.current {background: #ed145b; color: #fff; font-weight: bolder; -moz-border-radius: 5px;} #main .pagination-results .next a, #main .pagination-results .previous a {padding: 2px 6px; background: #fff;} #main .pagination-results .next a:hover, #main .pagination-results .previous a:hover {background: #fff; color: #ed145b;} #main .pagination-results .next a:focus, #main .pagination-results .previous a:focus {background: #ed145b; color: #fff; -moz-border-radius: 5px;} #main .pagination-results .next a {margin-left: 4px;} #main .pagination-results .previous a {margin-right: 0;} #main .pagination-results .disabled {margin: 0 2px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #ccc;} .hidden { display:none; }