body { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; margin: 0; text-decoration: none; background: url(../images/bodybg.jpg) repeat-x #00aef0; } form, ul, ol, p, h1, h2, h3, h4, input, select { margin: 0; padding: 0;} .input { border: 1px solid #6d6e71; background: url(../images/inputbg.gif) repeat-x 0 0 #575757; color:#ffffff; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: 2px; } select, textarea { border: 1px solid #6d6e71; background: url(../images/inputbg.gif) repeat-x 0 0 #575757; color:#ffffff; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-left: 2px; } p { margin-bottom: 10px; line-height: 17px; } img { border: none; outline: none; } a { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#01baff; text-decoration: underline; outline: none;} a:hover { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#01baff; text-decoration: none; outline: none;} .copyright { color:#ffffff; font-size: 12px; font-weight: bold; } .copyright a { color:#ffffff; font-size: 12px; font-weight: bold; text-decoration: none; margin: 0 5px; } .copyright a:hover { color:#01baff; font-size: 12px; font-weight: bold; text-decoration: none; } .clear { clear:both; } .aligncenter { text-align: center; } .alignright { text-align: right; } /* ------------------ Common CSS end here ------------------ */ .body-img { position:absolute; top: 187px; right:100px; } .template-img { margin-bottom: 20px; } #wrapper { width: 953px; margin: auto; } #top-container { width: 953px; height: 227px; } .toplink a { text-decoration: none; color:#FFFFFF; font-weight: bold; } .toplink a:hover { text-decoration: none; color:#01baff; font-weight: bold; } .toplink img { vertical-align: middle; margin: 0 5px 0 20px; } .logo { height: 123px; } /*.topright-img { position: absolute; top: 0px; right: -9px; }*/ #middle-container { width: 953px; background: url(../images/midd-gradientbg.gif) repeat-x 0 0 #212221; } .midd-featureitem-left { width: 549px; float: left; } .midd-featureitem-right { width: 376px; float: right; } h1 {font-weight:bold; font-size: 24px; color: #bcbec0; margin-bottom: 15px; } h1 a {font-weight:bold; font-size: 24px; color: #bcbec0; margin-bottom: 15px; text-decoration:none;} h1 a:hover {font-weight:bold; font-size: 24px; color: #bcbec0; margin-bottom: 15px; text-decoration:none;} .pink-border { border: 2px solid #e70189; } .left-arrow { position: absolute; top: 120px; left: -20px; } .right-arrow { position: absolute; top: 120px; right: -28px; } .comment-left-arrow { position: absolute; top: -13px; left: 160px; } .comment-right-arrow { position: absolute; top: 280px; left: 160px; } .customer-comment { width: 360px; float: right; padding-top: 20px; } .comment-search { background: url(../images/comment-searchbg.gif) no-repeat right; height: 22px; border: none; color: #ffffff; font-weight: bold; text-align: right; margin-top: 3px; } .search-icon { vertical-align: bottom; background: url(../images/comment-searchbg.gif) no-repeat; border:none;} .gre-inpit {background:none; float: right; border: none; color: #ffffff; font-weight: bold; text-align: left;} .comment-divider { background: url(../images/inputbg.gif) repeat-x center; height: 13px; } .middbox-leftpart { width: 569px; float: left; } .middbox-rightpart {margin-left:10px; width: 356px; float: right; } .arrow-black { position: absolute; top: 125px; right: 0px; } ul.roundbg-list { margin: 0; padding: 0; } ul.roundbg-list li { list-style-type: none; background: url(../images/round-listingbg.gif) no-repeat left top; width: 175px; height: 41px; text-align: center; float: left; margin-bottom: 6px; margin-right: 3px; } ul.roundbg-list li a { font-size: 20px; color: #bcbec0; text-decoration: none; line-height: 42px; } ul.roundbg-list li a:hover { font-size: 20px; color: #01baff; text-decoration: none; } ul.roundbg-list li.last { margin-right: 0; } ul.roundbg-list li.bottlast { width: 340px; background-position: center; } ul.roundbg-list li.doubleline a { font-size: 20px; color: #bcbec0; text-decoration: none; line-height: 24px; } ul.roundbg-list li.doubleline a:hover { font-size: 20px; color: #01baff; text-decoration: none; } ul.roundbg-list li.doubleline span { font-size: 11px; color: #bcbec0; } h3 { font-size: 16px; color: #ffffff; margin-bottom: 3px; } .appreal-desc {clear: both; float: left; } ul.desclist { margin: 0; padding:0; } ul.desclist li { font-size: 11px; width: 160px; float: left; display: block; list-style-type: none; } ul.desclist-small { margin: 0; padding:0; } ul.desclist-small li { font-size: 12px; width: 150px; float: left; display: block; list-style-type: none; } .desc-smalltxt { font-size: 9px; color: #bcbec0; line-height: 12px; } .desc-smalltxt1 { font-size: 8px; color: #bcbec0; line-height: 12px; } .middright-tab { width: 340px; margin: auto; margin-top: 20px; } .tab-content{ background: #212221; border: 10px solid #3b3b3c; padding: 7px; clear: both; line-height: 15px; } .tab a { font-size: 16px; font-weight: normal; color: #ffffff; text-decoration: none; display: block; height: 25px; padding-top: 3px; float: left; margin-right: 5px; padding: 0 6px; } .tab a:hover { font-size: 16px; font-weight: normal; color: #ffffff; text-decoration: none; background: #3b3b3c; } .tab a.active { font-size: 16px; font-weight: normal; color: #ffffff; text-decoration: none; display: block; height: 25px; padding-top: 3px; float: left; margin-right: 5px; padding: 0 6px; background: #3b3b3c; } .tab a.inactive { font-size: 16px; font-weight: normal; color: #ffffff; text-decoration: none; display: block; height: 25px; padding-top: 3px; float: left; margin-right: 5px; padding: 0 6px;} .build-btn { background: #3b3b3c; padding: 0 5px 5px 5px; text-align: right; } .smalltxt { font-size: 11px; line-height: 20px; } h3.dontsee { font-size: 20px; margin: 5px 0; } #bottom-container { width: 953px; background: #212221; height: 55px; padding-top: 20px; text-align: center; } /*-------------------------------------------------------------------------------------------------*/ .topright-image {background:url(../images/topright-img.png) no-repeat right bottom;} .toplink {height: 36px; font-weight: bold; padding-top: 15px;} .middpart-box { background: url(../images/midd-gradientbg.gif) repeat-x 0 0 #212221; padding: 12px 10px 14px 12px; border-bottom: 2px solid #00aef0; } .topnav { height: 29px;} .topnav ul { margin: 0; padding: 0; } .topnav ul li { list-style-type: none; float: left; margin-right: 5px; } .topnav ul li a { height: 29px; display: block; font-size: 16px; font-weight: bold; color:#000000; padding: 0px 7px; text-decoration: none; line-height: 25px;} .topnav ul li a:hover { background: #000000; color: #00aeef; line-height: 25px;} .topnav ul li a.active { background: #000000; color: #00aeef; height: 29px; display: block; font-size: 16px; font-weight: bold; padding: 0px 7px; text-decoration: none; line-height: 25px; } .comment-hd { width: 200px; font-size: 16px; font-weight: bold; color: #bcbec0; text-indent:10px; } .commentbg { background: url(../images/commentbg.gif) no-repeat; margin-left: 15px; } .relative { position: relative; } .comment-content { margin: 17px 35px; font-size: 11px; font-weight: bold; line-height: 15px; } .list {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .black-bg {background-color:#000000; font:normal 9px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding:5px;} .step {font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .build-order-hadd {font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .build-order-hadd a {font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .build-order-hadd a:hover {font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline;} .check-box {background-color:#818285; border:1px solid #434546;} .check-margin {padding-right:6px;} .white-bgtext {background-color:#ffffff; font:bold 11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} .right-size {font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .qty-input {background-color:#ffffff; border:1px solid #c0c1c1; font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} .dark-gray-bg {background-color:#202120;} .black-bg-1 {background-color:#000000; font:bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .checkout-input {background:none; border:none; padding-left:3px; font:bold 11px Arial, Helvetica, sans-serif; color:#585858; text-decoration:none; height:18px; padding-top:3px;} .checkout-drop-down {background:none; border:none; padding-left:3px; font:bold 11px Arial, Helvetica, sans-serif; color:#585858; text-decoration:none; height:21px;} .input-text {font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .checkout {font:bold 15px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .hgrayoborder {background:url(../images/h-gray-border.gif) repeat-y;} .gray-input-bg {background-color:#bec0c2; border:3px solid #808184;} .email {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .email a {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline;} .email a:hover {font:normal 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .register-bg {background-color:#bec0c2; border:3px solid #808184; font:normal 12px Arial, Helvetica, sans-serif; color:#231f20; text-decoration:none; padding-left:5px; padding-top:3px;} .register-bg span {font:normal 16px Arial, Helvetica, sans-serif; color:#231f20; text-decoration:none; } .pink {font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c00072; text-decoration:none;} .gray-border-box {border:2px solid #828383; padding:3px; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .addi-gray-bg {background-color:#5c5d5f; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding-left:6px; padding-right:6px;} .stepbg { background: url(../images/stepbg.gif) no-repeat; height: 55px; padding-top: 7px; vertical-align: top; text-align: center; color: #ec008c; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; } .stepbg-2 { background: url(../images/stepbg-2.gif) no-repeat; height: 46px; padding-top: 6px; vertical-align: top; padding-left:14px; color: #ec008c; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; } .stepbg-3 { background: url(../images/stepbg-3.gif) no-repeat; height: 46px; padding-top: 6px; vertical-align: top; padding-left:14px; color: #ec008c; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;} .stepbg-4 { background: url(../images/stepbg-4.gif) no-repeat; height: 46px; padding-top: 6px; vertical-align: top; padding-left:14px; color: #ec008c; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;} .stepbg-5 { background: url(../images/stepbg-5.gif) no-repeat; height: 46px; padding-top: 6px; vertical-align: top; padding-left:14px; color: #ec008c; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;} .add-cart-gray-border {border-left:7px solid #212221; border-top:7px solid #212221;} .set-line-height {line-height:20px; padding-top:5px; padding-bottom:5px;} .small-text {font:bold 10px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .des-box-text {font:normal 9px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .small-pink-text {font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c00072; text-decoration:none;} .gre-border {background:url(../images/gra-border.gif) repeat-x;} .listing-gray {font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9B9C9E; text-decoration:none;} .listing-gray-1 {font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9B9C9E; text-decoration:none;} .price-gray {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9B9C9E; text-decoration:none;} .border-gray {border-bottom:1px solid #929497;} .gray-hadd {font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#929497; text-decoration:none;} .input-error-msg {font:bold 11px Arial, Helvetica, sans-serif; color:#EA1212; text-decoration:none;} .errorbox-content { color: #000000; background-color: #FFFFDD;} div.errorbox-content { border: 0.1em solid #FFD700; width: 50%; background-image: url(../images/green-tick.gif); background-repeat: no-repeat; background-position: 10px 50%; padding: 5px 10px 5px 36px; text-align: left;} .box-content { color: #000000; background-color:#F9E9E9;} div.box-content { border: 0.1em solid #FFD700; width: 50%; background-image: url(../images/erroricon.gif); background-repeat: no-repeat; background-position: 10px 50%; padding: 5px 10px 5px 36px; text-align: left;} .noclass{ background:none; border:none;} .error-input{border: 1px solid #ff0000; padding-left: 2px; background:none; padding-left:3px; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; height:18px; padding-top:3px;} .error-drop-down {border: 1px solid #ff0000; background:none; padding-left:3px; font:bold 11px Arial, Helvetica, sans-serif; color:#585858; text-decoration:none; height:21px;} .notes-text {font:normal 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c00072; text-decoration:none;} .ovals-size {font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .ovals-size span {font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline;} .size-hadd {font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .printed {font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .printed span{font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .printed-small {font: normal 8px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .read-title{font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c00072; border-bottom:1px solid #808184; height:40px; } .border-ma {border:1px solid #D4D2C8;} .listing ul {margin:0px; padding:0px;} .listing li {list-style-type:none; background:url(../images/pink-arrow.gif) no-repeat; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding-left:15px;} .listing li a {list-style-type:none; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .listing li a:hover {list-style-type:none; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c00072; text-decoration:none;} .myaccount-bg {border:3px solid #808184;} /*-------------------------------------------------------------*/ .myaccount-border {border:1px solid #808184;} .cart-bg {background-color:#bec0c2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; height:20px;} .thumb_img img { border: 1px solid #CCCCCC; } .thumb_img:hover { background-color: transparent;} .thumb_img:hover img { border: 1px solid #A5101E; } .brownlink-bold {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; text-decoration:underline;} .brownlink-bold:link {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; text-decoration:underline;} .brownlink-bold:visited {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; text-decoration:underline;} .brownlink-bold:hover {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; text-decoration:none;} .shopping-input { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid #B5B5B5; color: #1F1F1F; background:#ffffff; padding-left: 2px;} .grey-bg {background-color:#808184;} .login-bg {background-image:url(../images/login-bg.gif); background-repeat:repeat-x; height:25px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#353535; text-decoration:none; border-left:1px solid #D4D2C8; border-right:1px solid #D4D2C8; padding-left:10px;} .login-border {border-left:1px solid #808184; border-right:1px solid #808184; border-bottom:1px solid #808184; padding:7px;} .black-heading {font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #c00072; } .border-gray {border-bottom:2px solid #808184;} .scrollbar {position:relative; overflow-x:hidden; overflow-y:scroll; border:none; border-top:none; vertical-align:bottom;} .white-border {border:1px solid #ffffff;} .bleed-text {font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff;} .vinyl-small-text {font: normal 7px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none;} .imprint-text {font: normal 8px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none;} .imprint-text-1 {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none;} .vinyl-pink {font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ec008c; text-decoration:none;} .stickers-border-botttom {background:url(../images/stickers-border-botttom.gif) repeat-x;} .stander-hadd-pink {font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EC008C; text-decoration:none;} .stander-hadd-pink span{font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .dotted-border {background:url(../images/dotted-border.gif) repeat-x;} .faq-drop-down {background:ffffff; border:none; padding-left:3px; font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#585858; text-decoration:none; height:21px; padding-top:3px;} .faq-bg {background-color:#bec0c2; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; padding-left:3px; } .faq-bg-answer{font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c00072; text-decoration:none; padding-left:3px; } .faq-bg-a {font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding-left:3px; } .faq-bg-a a {font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;} .faq-bg-a a:hover {font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#01baff; text-decoration:none;} /*---------------order-detail------------------*/ .headingbg { background: url(../images/thbg.gif) repeat-x 0 0 #606060; color:#FFFFFF; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; height:22px; text-indent: 7px; } .midd-padding { padding: 10px; } .omatterbold { color: #01baff; font-size: 11px; font-weight: bold; } .table-border { border: 1px solid #4D4D4D; } .lightgray { background: #272727; padding: 10px; line-height: 16px; vertical-align: top; } h4 { font-size: 13px; font-weight: 700; color: #ffffff; margin-bottom: 4px; border-bottom: 1px solid #3f3f3f; padding-bottom: 5px; } .billing-border {border:3px solid #3f3f3f;} .odd-rowbg { background: #3F3F3F; } .even-rowbg { background: #2E2E2E; } .gray-totalbg { background: #4F4F4F; } .darkgray-totalbg{ background: #272727;} .faq-bg {background-color:#bec0c2;} .whitebold { color:#01baff; font-weight: bold; } .grandtotal { font-size: 15px; font-weight: bold; color:#FFFFFF; } .grandtotal-amount { font-size: 15px; font-weight: bold; color:#01baff; } /*--------------------------------------order-history--------------------*/ .oddrowbg { background: #d6d6d6; height: 20px; color:#000000; font-family:Arial, Helvetica, sans-serif;} .oddrowbg { background: #c4c4c4; height: 20px; color:#000000; font-family:Arial, Helvetica, sans-serif;} .evenrowbg { background: #d6d6d6; height: 20px; color:#000000; font-family:Arial, Helvetica, sans-serif;} .history-headingbg { background: url(../images/thbg.gif) repeat-x 0 0 #606060; color:#FFFFFF; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; height:22px; text-indent: 7px; } a.histoty-link {font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;} a:hover.histoty-link {font:normal 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} /*#dropdown-main-width {width:633px; margin:auto;} .left {float:left; width:470px; margin-right:10px;} .right {float:left; width:153px;} .drop-menu-nev ul {margin:0px; padding:0px;} .drop-menu-nev li {list-style-type:none; background:url(../images/img-dropdown.gif) no-repeat left; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ec008c; padding-right:10px; height:53px; } .drop-menu-nev li a {background-color:#00FF00; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ec008c; } .drop-menu-nev li a:hover {font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ec008c; }*/ h2 {font-weight:bold; font-size: 20px; color: #01aef2; margin-bottom:10px; border-bottom:1px solid #ccc; } .hr-dottedline {background:url(../images/hr-dottedline.gif) repeat-x center;} .home-wmatter-bold {font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;} .home-divider {background:url(../images/home-divider.gif) no-repeat 0 5px; padding:0 0 0 15px;} .textarea-font {color:#585858} .order-radiobtn {float:left; width:20px; margin:3px 0 0 0;} .order-text {float:left; width:165px;} .paypal-heading {color:#EC008C;font-size: 11pt;} .paypal-subheading {color:#96BBCE;font-size: 10pt;} .blog {position:absolute; right:30px; top:-30px;}