body {
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	background:#3B434D url(../images/body-bg.jpg) repeat-x;
	color:#000;
}
.f-left {float:left;}
.f-right {float:right;}
.clear {clear:both;}
img {
	border:none;
	display:block;
}
form, p, h1, h2, h3, h4, h5, h6, ul {
	padding:0;
	margin:0;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
object {background:#000;}
/*page*/
#page {
	margin:15px auto 0;
	width:838px;
	background:url(../images/page-shdw.png) repeat-y;
}
/*header*/
.header {
	width:765px;
	height:135px;
	padding:22px 23px 0 50px;
	background:url(../images/header-bg.jpg) no-repeat;
	overflow:hidden;
}
/*logo*/
h1 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:171px;
	height:107px;
	margin:7px 0 0;
}
.header-inn {width:575px;}
.header-inn p {
	text-align:right;
	font-size:12px;
	color:#fff;
	padding:0 8px 0 0;
}
.header-inn p a {color:#fff;}
ul.top-nav {
	overflow:hidden;
	list-style:none;
	width:100%;
	padding:88px 0 0;
}
ul.top-nav li {
	float:right;
	padding:0 0 0 6px;
}
ul.top-nav li a {
	display:block;
	text-indent:-9999px;
	height:30px;
}
ul.top-nav li a.designs-m {
	width:94px;
	background:url(../images/desings-m.gif) no-repeat;
}
ul.top-nav li a.profile-m {
	width:94px;
	background:url(../images/profile-m.gif) no-repeat;
}
ul.top-nav li a.site-m {
	width:105px;
	background:url(../images/site-m.gif) no-repeat;
}
ul.top-nav li a.users-m {
	width:118px;
	background:url(../images/users-m.gif) no-repeat;
}
/*primary content*/
.primary-content {
	width:807px;
	padding:0 15px 10px 16px;
	overflow:hidden;
}
ul.menu {
	overflow:hidden;
	list-style:none;
	width:100%;
	height:45px;
	background:url(../images/menu-bg.jpg) no-repeat;
}
ul.menu li {
	float:left;
	text-transform:uppercase;
	font:13px/36px Arial, Helvetica, sans-serif;
	background:url(../images/menu-separator.gif) no-repeat 0 11px;
	padding:0 23px;
	margin:0 2px 0 -2px;
}
ul.menu li a {
	color:#47530A;
	text-decoration:none !important;
}
ul.menu li a:hover {color:#fff;}
.banner-box {
	width:785px;
	overflow:hidden;
	padding:0 11px 6px;
}
h2 {
	background:#9FA7B3;
	text-transform:uppercase;
	text-align:center;
	color:#E7F43C;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
}
ul.product-list {
	overflow:hidden;
	list-style:none;
	padding:8px 0 0 10px;
	width:797px;
}
ul.product-list li {
	float:left;
	width:193px;
	height:160px;
	padding:0 5px 4px 0;
	overflow:hidden;
	background:url(../images/product-box.jpg) no-repeat;
	text-align:center;
}
ul.product-list h3,
ul.product-list h3 a {
	color:#E35200;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:10px 0 5px;
}
ul.product-list img {margin:0 auto;}
ul.product-list p {
	color:#565E68;
	font-size:11px;
	padding:3px 10px 0;
}
.more {
	width:754px;
	padding:5px 29px 0 24px;
	overflow:hidden;
	font-size:13px;
}
.more-box {
	width:149px;
	height:55px;
	background:url(../images/more-btn.gif) no-repeat;
	margin:5px 0 0 20px;
}
.more-box a {
	display:block;
	text-indent:-9999px;
	height:35px;
	overflow:hidden;
}
/*footer*/
.footer {
	width:838px;
	padding:10px 0 20px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/footer-bg.png) no-repeat;
}
.footer ul {
	overflow:hidden;
	list-style:none;
	text-align:center;
}
.footer ul li {
	display:inline;
	font-size:12px;
	padding:0 5px 0 3px;
	background:url(../images/footer-separator.gif) no-repeat 100% 2px;
}
.footer ul li.last {background:none;}
.footer ul li a {
	color:#537200;
	text-decoration:none;
}
.footer ul li a:hover {text-decoration:underline;}
.footer div {
	width:762px;
	padding:28px 41px 0 35px;
	overflow:hidden;
}
.footer p {
	color:#7A838C;
	font-size:12px;
	text-align:right;
}
.footer p span {
	display:block;
	padding:5px 0 0;
}
.footer p span,
.footer p a {color:#B9BCC1;}
/* login-register page
---------------------- */
.register-form {
	width:706px;
	margin:14px 0 10px;
	padding:10px 85px 50px 16px;
	background:url(../images/dotted1.gif) repeat-y 341px 0;
	overflow:hidden;
}
.register-form h2 {
	color:#6B9BCF;
	font:14px Arial, Helvetica, sans-serif;
	text-transform:none;
	background:none;
	text-align:left;
	padding:0 0 15px;
}
.login-box {width:290px;}
.register-box {width:337px;}
.register-form label {
	font:11px/22px Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.register-form label.long {
	float:none;
	display:block;
	margin:5px 0 0;
}
.register-form label.long a {
	color:#003A79;
	text-decoration:underline;
}
.register-form label.long a:hover {text-decoration:none;}
.register-form input.check {
	margin:0;
	padding:0;
}
.register-form input.text {
	float:right;
	border:1px solid #A0A0A0;
	width:140px;
	padding:3px 2px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
.register-form input.text.color-inp {
	background:#DDEAF8;
	border:1px inset #848484;
}
.form-cnt {
	width:100%;
	overflow:hidden;
	padding:0 0 8px;
}
.login-box a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#006;
	text-decoration:underline;
	padding:0 0 0 144px;
}
.login-box a:hover {text-decoration:none;}
.login-box .submit-btn {margin:3px 0 0 144px;}
.register-box .submit-btn {
	display:block;
	margin:3px 0 0 189px;
}
.list-box {
	width:610px;
	padding:30px 0 22px 197px;
	overflow:hidden;
	border-bottom:20px solid #CBD0D7;
}
.list-box ul {
	overflow:hidden;
	list-style:none;
	float:left;
	width:176px;
}
.list-box ul.list1 {width:144px;}
.list-box ul li {
	font:14px Arial, Helvetica, sans-serif;
	background:url(../images/bullet.gif) no-repeat 0 4px;
	padding:0 0 0 17px;
	width:159px;
}
.list-box ul.list1 li {width:127px;}
.list-box ul li a {color:#7A838C;}
/* account page
---------------- */
.account-form {
	width:756px;
	overflow:hidden;
	padding:12px 39px 0 12px;
}
.account-form h2,
.design-box h2 {
	color:#6B9BCF;
	background:none;
	text-align:left;
	text-transform:none;
	font:14px Arial, Helvetica, sans-serif;
	padding:0 0 13px;
}
.account-form p {
	font:14px Arial, Helvetica, sans-serif;
	padding:0 0 15px;
}
.account-cnt {
	width:100%;
	overflow:hidden;
}
.account-form .account-cnt h2 {
	font:18px Arial, Helvetica, sans-serif;
	padding:2px 0 15px;
}
.personal-box {width:337px;}
.change-box {
	width:338px;
	padding:117px 0 0;
}
.personal-box div,
.change-box div {
	width:100%;
	overflow:hidden;
	padding:0 0 8px;
}
.account-form label {
	float:left;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
.account-form input.text {
	float:right;
	border:1px solid #a0a0a0;
	width:168px;
	padding:2px 2px;
	font:12px Arial, Helvetica, sans-serif;
}
.account-form input.button {float:right;}
/* design page
--------------- */
.design-box {
	width:753px;
	padding:15px 27px;
	background:#fff; /* A.G. 11/10/2009 */
	overflow:hidden;
}
ul.design-list {
	overflow:hidden;
	list-style:none;
	width:100%;
	padding:18px 0 0 30px;
	width:725px;
}
ul.design-list li {
	float:left;
	width:212px;
	padding:0 28px 25px 0;
}
.img-box {
	width:212px;
	height:195px;
	background:url(../images/img-box-bg.jpg) no-repeat;
	overflow:hidden;
}
.img-box img {margin:0 auto;}
.img-box p {
	padding:4px 0 6px 9px;
	font:14px/20px Arial, Helvetica, sans-serif;
}
.img-box p span {
	color:#AD6051;
	display:block;
}
.publish-btn {
	width:81px;
	height:26px;
	background:url(../images/publish-btn.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

/* proof page
------------- */
.proof-box {
	width:100%;
	overflow:hidden;
	padding:10px 0 0;
}
.publishing {
	width:789px;
	padding:0 0 0 18px;
	overflow:hidden;
}
.publishing label {
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	padding:3px 0 0;
}
.publishing input.text {
	width:127px;
	padding:0 2px;
	border:1px solid #989898;
	float:left;
	margin:0 6px;
}
.publishing input.button {float:left;}
.flipbook {
	width:100%;
	overflow:hidden;
	padding:20px 0 0;
}
.flipbook p {
	font:14px Arial, Helvetica, sans-serif;
	padding:0 0 0 27px;
}
.flipbook p strong {color:#2163AA;}
ul.flipbook-list {
	overflow:hidden;
	list-style:none;
	padding:10px 0 0 48px;
	width:759px;
}
ul.flipbook-list li {
	width:196px;
	height:196px;
	float:left;
	background:url(../images/flip-list-bg.gif) no-repeat;
	padding:15px 16px 15px 15px;
	font:14px Arial, Helvetica, sans-serif;
	margin:0 12px 0 0;
}
ul.flipbook-list li.no-cover {background:url(../images/no-cover.gif) no-repeat;}
ul.flipbook-list li.no-cover .pick {margin-top:18px;}
ul.flipbook-list .pick-box {
	width:100%;
	overflow:hidden;
	padding:3px 0 5px;
}
ul.flipbook-list .pick-box span,
ul.proof-list li span {color:#2163AA;}
.pick {
	width:53px;
	padding:0 0 0 12px;
	line-height:20px;
	height:20px;
	background:url(../images/pick-bg.gif) no-repeat;
}
.pick label {color:#2163aa;}
.pick input.radio {
	margin:0 0 -2px;
	padding:0;
}
ul.flipbook-list li img,
ul.proof-list li img {margin:0 auto;}
.create-btn {
	width:126px;
	height:19px;
	background:url(../images/create-btn.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin:0 0 0 28px;
}
.popular {
	width:779px;
	padding:0 0 0 28px;
	margin:21px 0 0;
	overflow:hidden;
	background:#9FA7B3;
	color:#fff;
	font:14px/20px Arial, Helvetica, sans-serif;
}
.popular strong {
	color:#E7F43C;
	text-transform:uppercase;
}
ul.proof-list {
	overflow:hidden;
	list-style:none;
	padding:17px 0 0 34px;
	width:773px;
}
ul.proof-list li {
	background:url(../images/proof-list-bg.jpg) no-repeat;
	width:191px;
	height:242px;
	padding:10px 11px 10px 26px;
	margin:0 17px 0 0;
	font-size:14px;
	position:relative;
	float:left;
}
ul.proof-list li span {
	display:block;
	margin:3px 0 5px;
}
ul.proof-list li div {
	width:100%;
	overflow:hidden;
	position:absolute;
	bottom:40px;
	width:191px;
	left:25px;
}
/* contents pageeeees */
.content-box {
	width:750px;
	overflow:hidden;
	padding:0 0 30px;
}
.content-box p {
	padding:0 0 15px;
	font-size:12px;
}
.content-box p.small {
	font-size:11px;
	padding:20px 0 0;
}
.content-box.faq-p p strong {display:block;}
.content-box p a {
	color:#4E739B;
	font-weight:bold;
}
.web-contact {
	width:100%;
	overflow:hidden;
}
.web-contact h3 {font:bold 12px Arial, Helvetica, sans-serif;}
.web-contact-cnt {
	width:100%;
	overflow:hidden;
	padding:0 0 8px;
}
.web-contact label {
	float:left;
	width:100px;
	font-size:12px;
}
.web-contact input.text {
	float:left;
	padding:0 2px;
	width:200px;
	font-size:11px;
}
.content-box .web-contact p {padding:15px 0 15px;}
.web-contact label.long {
	width:600px;
	overflow:hidden;
	float:none;
	display:block;
	margin:3px 0 0;
}
.web-contact input.check {
	margin:0 3px 0 0;
	padding:0;
}
.web-contact textarea {
	width:305px;
	height:100px;
	display:block;
}
.web-contact input.button {
	display:block;
	margin:15px 0 0;
}
ul.contact-list {
	width:305px;
	margin:15px 0 0;
	overflow:hidden;
	list-style:none;
	border-top:1px solid #ccc;
}
ul.contact-list li {
	border-bottom:1px solid #ccc;
	padding:15px 0 0;
}
ul.contact-list li h4 {font:bold 12px Arial, Helvetica, sans-serif;}
.detail {
	width:100%;
	overflow:hidden;
}
.detail-img {
	width:190px;
	text-align:center;
}
.detail-img p {padding:15px 20px 0;}
.detail-img img {margin:0 auto;}
ul.detail-cnt {
	width:400px;
	overflow:hidden;
	list-style:none;
	padding:0 0 10px;
}
ul.detail-cnt li {
	padding:0 0 13px;
	font-size:12px;
}
.price {
	width:100%;
	border-collapse:collapse;
	padding:0;
}
.price caption {
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:15px 0 0;
}

.price th {
	color:#fff;
	background:#000;
	padding:2px 0;
	border-right:1px solid #fff;
}
.price td {
	text-align:center;
	background:#ccc;
	padding:2px 0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

/* calculate page
----------------- */
.calculate-box {
	width:733px;
	overflow:hidden;
	padding:5px 0 14px;
}
.calculate-form {
	width:319px;
}
.calculate-form-box,
.calculate-form-box-top {
	width:100%;
	overflow:hidden;
	background:url(../images/calculate-box-bg2.gif) repeat-y;
}
.calculate-form-box-top {background:url(../images/calculate-box-top2.gif) no-repeat;}
.calculate-form-box-btm {
	background:url(../images/calculate-box-btm2.gif) no-repeat 0 100%;
	padding:6px 6px 11px 5px;
	height:1%;
	overflow:hidden;
}
.specification {
	color:#fff;
	font:14px/22px Arial, Helvetica, sans-serif;
	background:url(../images/specification-bg.gif) no-repeat;
	padding:0 0 0 9px;
}
.calculate-form-cnt {
	height:1%;
	padding:18px 10px 0;
	overflow:hidden;
}
.form-box {
	width:100%;
	overflow:hidden;
	padding:0 0 10px;
}
.form-box p {
	font:12px Arial, Helvetica, sans-serif;
	color:#767980;
}
.form-box label {
	float:left;
	width:84px;
	font:14px/18px Arial, Helvetica, sans-serif;
}
.form-box select {
	float:left;
	width:204px;
	font-size:12px;
}
.form-box select.short {width:85px;}
.form-box span {
	float:left;
	line-height:18px;
	padding:0 13px 0 14px;
}
.form-img {
	width:204px;
	float:right;
	padding:10px 0 8px;
}
.form-img img {margin:0 auto;}
.enter {
	width:100%;
	overflow:hidden;
	padding:25px 0 13px;
}
.enter label {
	font:14px/18px Arial, Helvetica, sans-serif;
	float:left;
}
.enter input.text {
	float:left;
	border:1px solid #ABAEB4;
	padding:2px 2px 2px;
	width:118px;
	font:11px Arial, Helvetica, sans-serif;
}
.enter input.button {float:right;}
ul.radio-list {
	width:100%;
	overflow:hidden;
	list-style:none;
	padding:5px 0 10px;
}
ul.radio-list li {
	float:left;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
}
ul.radio-list li input.radio {
	display:block;
	margin:0 auto;
	padding:0;
}
ul.radio-list li.local-r {width:72px;}
ul.radio-list li.messenger-r {width:77px;}
ul.radio-list li.ground-r {width:56px;}
ul.radio-list li.next-r {width:83px;}
.calculate-txt {
	margin:0 0 0 13px;
	width:401px;
}
.product-info {
	width:290px;
	padding:8px 0 0 4px;
	overflow:hidden;
}
.product-info h3,
.product-info h4 {
	color:#2163AA;
	font:14px Arial, Helvetica, sans-serif;
	padding:0 0 10px;
}
.product-info p {font:14px/22px Arial, Helvetica, sans-serif;}
.product-info h4 {
	color:#767980;
	padding-bottom:3px;
}
.add-box {
	width:100%;
	overflow:hidden;
}
.add-box p {
	color:#767980;
	font-size:14px;
}
.add-box p span {color:#000;}
.add-btn {margin:40px 30px 0 0;}

.product-item {
	font:14px Arial, Helvetica, sans-serif;
	color:#2163AA;
	float:left;
}
.after {
	width:617px;
	padding:0 0 30px 40px;
	overflow:hidden;
	position:relative;
}
.after p {
	color:#767980;
	padding:0 300px 0 0;
	font:14px/22px Arial, Helvetica, sans-serif;
}
.after a {
	position:absolute;
	bottom:40px;
	right:0;
}
/*addition reset for inner pages*/
.calculate-form-box-btm{
	padding:6px 16px 14px 5px;
}
.estimate{margin-right:88px !important;}
/* .table1{width:100% !important;} */ /* Otherwise it will erase the border */
/* .order-cnt, .odt-cnt{width:100% !important;} */
.shipping-method2 span img {display:inline;}
.payment-method2{width:100% !important;}
.finish p a {text-decoration:underline;}
.product-info-top .heading a{
	font-size:14px;
	outline:none;
}
.product-info-top{
	margin:0 -27px 22px !important;
	width:auto !important;
}
#box-outer {
	overflow:hidden;
	border:1px solid #4ca907;
	border-top:none;
}
.orders-table a{text-decoration:underline;}
.orders-table a:hover{text-decoration:none;}