.clear {clear:both;}

#content {background:none; position:relative;}

#content #graphicPackages {position:relative; z-index:2;}
#content .title1 {width:100%; text-indent:15px; line-height:35px; letter-spacing:2px; color:#ffffff; font-weight:normal; font-size:14px; background-color:#e5b312;}
#content .title2 {width:100%; text-indent:15px; line-height:35px; letter-spacing:2px; color:#ffffff; font-weight:normal; font-size:14px; background-color:#8d8d8d;}

#content .titleLine {width:100%; height:3px; position:relative; background-color:#dedede;}
#content .titleLineColour1 {width:350px; height:3px; background-color:#E5B312;}
#content .titleLineColour2 {width:350px; height:3px; background-color:#FBDC2A;}

#content #brochureInfo1{height:100%; background:url('../siteimages/package1-bg.png') bottom left no-repeat;}
#content #brochureInfo2{height:100%; background:url('../siteimages/package2-bg.png') bottom left no-repeat;}
#content #flyerInfo1{height:100%; background:url('../siteimages/package3-bg.png') bottom left no-repeat;}
#content #flyerInfo2{height:100%; background:url('../siteimages/package4-bg.png') bottom left no-repeat;}

#content #brochureInfo1 h3, #content #flyerInfo1 h3 {margin-left:15px;}
#content #brochureInfo1 .order, #content #flyerInfo1 .order {margin-top:10px;}
#content #brochureInfo2 h3, #content #flyerInfo2 h3 {margin-top:70px; margin-left:15px;}

#content #brochureInfo1 ul, #content #flyerInfo1 ul {}
#content #brochureInfo2 ul, #content #flyerInfo2 ul {}

#content .infoCol {position:relative; float:left;}
#content .layoutCol {margin:25px 20px 0 20px; position:relative; float:left;}
#content .sampleCol {margin:35px 0 0 25px; float:left;}

#content .infoBox {width:360px; height:170px; margin-top:10px; position:relative;}
#content .infoBox .packageTitle{padding-top:10px; margin-left:20px; font-size:13px; letter-spacing:1px; font-weight:bold;}
#content .infoBox h3{font-size:20px; font-weight:normal;}
#content .infoBox ul{list-style:none; font-size:12px; position:absolute; top:55px; left:190px;}
#content .infoBox ul li{padding-bottom:3px;}
#content .infoBox ul a {text-decoration:underline;}
#content .infoBox ul a:hover{color:#000000;}
#content .infoBox .order {margin-left:9px; margin-top:3px; text-transform:uppercase;}
#content .infoBox .order img {width:70px;}
#content .infoBox .order a{font-size:15px; color:#444444; letter-spacing:1px; text-decoration:none; font-weight:bold;}
#content .infoBox .order a:hover{font-size:16px;}

#content .layoutCol .layoutInfo {position:absolute; left:120px; list-style:none; z-index:2;}
#content .layoutCol #threeFoldInfo, #content .layoutCol #bannerInfo {top:30px;}
#content .layoutCol #twoFoldInfo, #content .layoutCol #labelInfo {top:144px;}
#content .layoutCol #oneFoldInfo, #content .layoutCol #flyerInfo {top:250px;}

#content #logo-design-charges {width:535px; height:182px; margin-top:18px; background:#b8b8b8; text-transform:uppercase; float:left; position:relative; z-index:2;}
#content #logo-design-charges p {width:90px; margin-top:12px; margin-left:12px; font-weight:bold; float:left;}
#content #logo-design-charges ul {margin-top:12px; margin-left:12px; list-style-type:none; color:#ffffff; line-height:18px; float:left;}

#content #logo-payment {width:425px; height:160px; margin-top:38px; margin-left:20px; float:left; position:relative; z-index:2; zoom:1;}
#content #logo-payment ul {list-style-type:none; line-height:16px; margin-left:10px; text-indent:-10px;}
#content #logo-payment img {margin-top:12px;}

.moreDetailsBox {width:570px; min-height:260px; height:auto; height:260px; background-color:#ffffff;}
.moreDetailsBox .container{width:560px; padding-top:4px; margin:0 4px;}

.moreDetailsBox h2 {width:100%; text-indent:30px; line-height:35px; font-size:14px; letter-spacing:2px; font-weight:normal;}
#logo-special h2 {background-color:#e6cc45;}
#logo-silver  h2 {background-color:#8d8d8d; color:#ffffff;}
#logo-golden h2 {background-color:#e5b312; color:#ffffff;}
#logo-express h2 {background-color:#cc9e24; color:#ffffff;}
#logo-bundle h2 {background-color:#e2c624; color:#ffffff;}
#logo-stationery h2 {background-color:#e6cc45;}
#logo-silverUpgrade  h2 {background-color:#8d8d8d; color:#ffffff;}

.moreDetailsBox .headerShadow{width:100%; height:10px; background:url('../siteimages/header-shadow.gif') repeat-x}

.moreDetailsBox .content {width:100%; min-height:260px; margin-top:5px;}
#logo-special .moreDetailsBox .content {background-color:#ffffff;}
#logo-silver .moreDetailsBox .content {background-color:#e6cc45;}
#logo-golden .moreDetailsBox .content {background-color:#8d8d8d; color:#ffffff;}
#logo-express .moreDetailsBox .content {background-color:#e2c624;}
#logo-bundle .moreDetailsBox .content {background-color:#ffffff;}
#logo-stationery .moreDetailsBox .content {background-color:#ffffff;}
#logo-silverUpgrade .moreDetailsBox .content {background-color:#e6cc45;}

.moreDetailsBox ul {width:270px; margin:0 5px; padding-top:22px; display:inline;}
.moreDetailsBox li {margin-bottom:5px; margin-left:20px; text-indent:-11px; line-height:16px; list-style-type:none;}
.moreDetailsBox .noIndent {margin-left:10px; text-indent:0 !important;}