@charset "utf-8";

.btn-standard {display: inline-block; padding: 12px 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0px -1px 0 rgba(255, 255, 255, 0.3) inset, 0 4px 5px rgba(0, 0, 0, 0.5); text-decoration: none; text-align: center; font-size: 16px; font-weight: bold;color: #fff; text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);}
.btn-small {display: inline-block; margin: 0 0 10px 0; padding: 6px 25px 6px 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0px -1px 0 rgba(255, 255, 255, 0.3) inset, 0 3px 3px rgba(0, 0, 0, 0.5); text-decoration: none; text-align: center; font-size: 12px; font-weight: bold;color: #fff; text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);}
.btn-small *{color:#fff;}
.btn-standard:hover, .btn-small:hover, .btn-small:hover * {text-decoration: none;}
.green {background-color: #16af66; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33cc66), to(#019a66i)); background-image: -webkit-linear-gradient(top, #33cc66, #019a66); background-image: -moz-linear-gradient(top, #33cc66, #019a66); background-image: -ms-linear-gradient(top, #33cc66, #019a66); background-image: -o-linear-gradient(top, #33cc66, #019a66);}
.green:hover {background-color: #2ec766; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33cc66), to(#16af66)); background-image: -webkit-linear-gradient(top, #33cc66, #16af66); background-image: -moz-linear-gradient(top, #33cc66, #16af66); background-image: -ms-linear-gradient(top, #33cc66, #16af66); background-image: -o-linear-gradient(top, #33cc66, #16af66);}
.green:active {background-color: #16af66; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#019a66i), to(#33cc66)); background-image: -webkit-linear-gradient(top, #019a66i, #33cc66); background-image: -moz-linear-gradient(top, #019a66i, #33cc66); background-image: -ms-linear-gradient(top, #019a66i, #33cc66); background-image: -o-linear-gradient(top, #019a66i, #33cc66);}
.blue {background-color: #438ac3; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#438ac3), to(#166db4)); background-image: -webkit-linear-gradient(top, #438ac3, #166db4); background-image: -moz-linear-gradient(top, #438ac3, #166db4); background-image: -ms-linear-gradient(top, #438ac3, #166db4); background-image: -o-linear-gradient(top, #438ac3, #166db4);}
.blue:hover {background-color: #438ac3; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4797d3), to(#1879c7)); background-image: -webkit-linear-gradient(top, #4797d3, #1879c7); background-image: -moz-linear-gradient(top, #4797d3, #1879c7); background-image: -ms-linear-gradient(top, #4797d3, #1879c7); background-image: -o-linear-gradient(top, #4797d3, #1879c7);}
.blue:active {background-color: #438ac3; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#166db4), to(#438ac3)); background-image: -webkit-linear-gradient(top, #166db4, #438ac3); background-image: -moz-linear-gradient(top, #166db4, #438ac3); background-image: -ms-linear-gradient(top, #166db4, #438ac3); background-image: -o-linear-gradient(top, #166db4, #438ac3);}
.w204 {width: 204px;}
.w172 {width: 172px;}

#myDesigns {font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif; font-size: 12px;}

#header { padding: 0 0 10px 0; }

#nav {display: block;width: 960px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); background-color: #438ac3; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#438ac3), to(#166db4)); background-image: -webkit-linear-gradient(top, #438ac3, #166db4); background-image: -moz-linear-gradient(top, #438ac3, #166db4); background-image: -ms-linear-gradient(top, #438ac3, #166db4); background-image: -o-linear-gradient(top, #438ac3, #166db4);}
#nav ul {width: 960px;}
#nav ul li {float: left; position: relative;}
.bdr-light {border-right: solid 1px #5796c9;}
.bdr-dark {border-left: solid 1px #1d6bac;}
#nav ul li.button {padding: 0 16px;}
#nav ul li.button:hover, #btnSearch {cursor: pointer;}
#nav ul li.button a {display: block; padding: 12px 25px 12px 0; background: url(../images/gfx-btn-arrow.png) no-repeat right 17px; color: #fff; text-decoration: none;font-size: 16px; font-weight: bold;text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);}
#nav #search {padding: 2px 0; position: relative;}
#nav #search input[type="text"] {margin: 0;float:left; font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif; font-size: 13px; color: #b4b6b8; border: solid 1px #ddd; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border: solid 1px #2474b7; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset; padding: 0 10px; height: 34px; width: 443px;}
#nav #search input[type="text"]:focus {background: #fefccf; border: solid 1px #fad300; color: #636363;}
#nav #search input[type="image"] {position: absolute; z-index: 2; top: 2px; right: 0; background: url(../images/btn-search.png) no-repeat top left; width: 37px; height: 36px;}
#nav ul.nav-dropdown {position: absolute; top: 40px; left: 0px; width: auto; background: #fff; border: solid 1px #cacaca; display: block; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);}
#nav ul.nav-dropdown li {float: none; display: block;}
#nav ul.nav-dropdown li a {display: block; padding: 9px 15px; background: none; color: #156cb4; text-decoration : none; font-size: 13px; font-weight: normal; text-shadow: none;}
#nav ul.nav-dropdown li a:hover {background: #e9f5ff;}
#nav ul#accountDD {width: 148px; display: none;}

#main {}
#main .contentTitle {}
#main .contentTitle h1 {width: 920px; border: solid 1px #e0e0e0; border-top: 0; padding: 15px 19px;background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefefe, #eeeeee); background-image: -ms-linear-gradient(top, #fefefe, #eeeeee); background-image: -o-linear-gradient(top, #fefefe, #eeeeee);font-size: 21px;}
#main .content {width: 958px; border: solid 1px #e0e0e0; border-top: 0; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; }
#accountMain {width: 920px!important; padding: 30px 19px 35px 19px; clear:both;}
#accountMain ul {float: left; width: 209px; padding: 20px 20px 0 0; border-left: solid 1px #eaeaea; font-size: 12px; background-position: 17px 15px; background-repeat: no-repeat; height: 165px;}
#accountMain ul.noBorder{border:none;}
#accountMain ul li {padding: 0 0 13px 17px; font-size: 13px; line-height: 15px;}
#accountMain ul li:first-child {padding: 0 0 30px 49px;}
#accountMain ul h3 {font-size: 18px;}
#accountMain ul a {text-decoration: none;}
#accountMain #orders {background-image: url(../images/gfx-orders.gif); border: 0;}
#accountMain #savedDesigns {background-image: url(../images/gfx-savedDesigns.gif);}
#accountMain #accSettings {background-image: url(../images/gfx-accSettings.gif);}
#accountMain #addressBook {background-image: url(../images/gfx-addressbook.gif);}
#accountMain #publish{border:none}
#accountMain ul#iStatus li{font-size:11px;} 
#accountMain ul#iStatus li button{margin:0;}
#accountMain ul#publish li:first-child, #accountMain ul#iStatus li:first-child{padding:0 0 30px 20px}

.cont-next-row{padding-top:0px !important;}

#accountSettings {width: 920px!important; padding: 18px 19px 25px 19px; clear:both;}
#accountSettings hr {border: 0; border-top: solid 1px #eee;margin: 15px 0 18px 0;}

.settings {padding: 0 0 7px 0;}
.settings h2 {font-size: 20px;}
.settings table {margin: 20px 135px 0;}
.settings table td {margin: 0; padding: 0 0 10px 7px; font-size: 12px; }
.settings table tr td.labels {text-align: right; width: 195px; font-weight: bold; background: url(../images/gfx-asterisk.gif) no-repeat top right; padding-right: 10px; vertical-align: middle;}
.settings table tr td.action {padding-top: 8px; margin-left: 29px;}
.settings table tr td.note {font-size:11px; padding:0 10px 20px; color:#636363;}

tr.subscribe td input[type="checkbox"] {margin: 0; padding: 0;}
tr.subscribe td textarea {text-align: left; padding: 5px; margin: 0;}
#subscribe + label, #subscribe_2 + label {cursor: pointer;}
.settings table tr.subscribe td.labels,
table#unsubscribe_account td.labels {vertical-align: top!Important; padding-top: 3px;}
.settings table tr.subscribe td.save {height: 145px; background: url(../images/gfx-subscription-save.gif) no-repeat 0 9px;}
table#unsubscribe_account {display: none;}
table#unsubscribe_account tr.subscribe td.save {background: none!important;}

.settings table tr.hrdiv td {padding-bottom: 0;}
.settings table tr.hrdiv td hr {width: 508px!important; margin: 9px 0 15px 87px!important; border-color: #eaeaea!Important; }
.settings .not-required {font-weight: normal!important; background: none!important;}
.settings form input[type="text"], .settings form input[type="password"] {font-family: Arial, Verdana, Sans-Serif; color: #636363; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: solid 1px #e0e0e0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 3px 2px rgba(0, 0, 0, 0.04); padding: 5px 4px 4px 4px!important; height: 15px; width: 244px; vertical-align: middle;}
.settings form input[type="text"]:focus, .settings form input[type="password"]:focus {background: #fefccf; border: solid 1px #fad300; color: #636363;}
.settings form input[type="password"] {font-size: 18px!important; vertical-align: middle!important; }
.settings form .ext {width: 45px!important;}
.settings form .spacer10 {display: inline-block; padding-left: 10px; vertical-align: middle;}
.settings form .validated {background: #eef6fc; border: solid 1px #cbe4f5; color: #636363;}
.settings form .show-pw-wrap {position: relative; z-index: 111;}
.settings form .show-pw-wrap a {position: absolute; top:0; left: 10px; z-index: 777; display: block; width: 111px; height: 20px; /* ie9 hack */ background: url(../images/hack.png) no-repeat top left; text-decoration: none;}

.account-popup {margin: 2px 10px 0 10px; width: 490px;}
.account-popup h2 {border-bottom: solid 1px #ddd;padding: 0 0 4px 0;font-size: 22px;}
.account-popup .settings table {margin:45px 0;}
.account-popup .settings table tr td.labels {width: 105px;}
.account-popup .settings form .phone-field {width: 148px;}
.account-popup .settings form .zip-field {width: 100px; float:left}
.account-popup .settings form select {font-family: Arial, Verdana, Sans-Serif; color: #636363; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: solid 1px #e0e0e0; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04); padding: 5px 4px 4px 4px!important; height: 27px; width: 254px; vertical-align: middle; border: solid 1px #ccc; border-bottom: solid 1px #bbb; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefefe, #eeeeee); background-image: -ms-linear-gradient(top, #fefefe, #eeeeee); background-image: -o-linear-gradient(top, #fefefe, #eeeeee);}
#req_zipcode{margin: 4px 0pt 0pt 4px; float:left}

#addressBookPage {width: 920px!important; padding: 18px 19px 25px 19px;clear:both;}
#addressBookPage .btn-wrap {text-align: right;}
#addressBookPage table {width: 920px; font-size: 12px; color: #5b666a; margin: 25px 0 0 0;}
#addressBookPage table th {text-align: left; border: solid 1px #b8b8b8; padding: 13px 15px 12px 20px; background-color: #e8e8e8; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8), to(#c9c9c9)); background-image: -webkit-linear-gradient(top, #e8e8e8, #c9c9c9); background-image: -moz-linear-gradient(top, #e8e8e8, #c9c9c9); background-image: -ms-linear-gradient(top, #e8e8e8, #c9c9c9); background-image: -o-linear-gradient(top, #e8e8e8, #c9c9c9); font-weight: bold; color: #464646; font-size: 14px;}
#addressBookPage table td {padding: 10px 15px 9px 20px; border-bottom: solid 1px #b8b8b8; border-right: solid 1px #e5e5e5;}
#addressBookPage table td:last-child {border-right: solid 1px #b8b8b8; width: 185px;}
#addressBookPage table td:first-child {border-left: solid 1px #b8b8b8; width: 185px;}
#addressBookPage table tr{}
#addressBookPage table tr:hover {background: #ffd909;}
#addressBookPage table tr:hover td {border-right: solid 1px #e5cb39;background: #ffd909;}
#addressBookPage table tr:hover td:last-child {border-right: solid 1px #b8b8b8;}
#addressBookPage table a {text-decoration: none; display: inline-block;}
#addressBookPage table a:hover {text-decoration: underline;}
#addressBookPage table a.make-default {visibility: hidden; width: 84px; display: inline-block;}
#addressBookPage table tr:hover td a.make-default {visibility: visible;}
#addressBookPage table a.edit-address {inline-block;}
#addressBookPage table a.delete-address {display: inline-block;}
#addressBookPage table .is-default-add a.make-default {visibility: visible; text-decoration: none; color: #000; font-weight: bold; cursor: default;}
#addressBookPage table .is-default-add a.delete-address {visibility: hidden!important;}
.nr-border{border-right:none !important;}
#delAddress{padding: 19px 13px 0;text-align: center;}
#delAddress a{margin:18px 18px 0;}

.saved-design-header { font-size: 12px; font-weight: bold; color: #000; margin: 8px 0 0 0; padding: 10px 0 11px 0; width: 958px; border: solid 1px #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; text-shadow: 0px 1px 0px #fff; background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#f0f0f0)); background-image: -webkit-linear-gradient(top, #fdfdfd, #f0f0f0); background-image: -moz-linear-gradient(top, #fdfdfd, #f0f0f0); background-image: -ms-linear-gradient(top, #fdfdfd, #f0f0f0); background-image: -o-linear-gradient(top, #fdfdfd, #f0f0f0); text-align:left;}
.saved-design-header .select-all {float: left; width: 286px; padding-top: 13px; padding-left: 4px; padding-right: 10px;}
.saved-design-header .select-all a {text-decoration: none; color: #000;}
.saved-design-header .bulk-actions {float: right; width: 638px; padding-left: 10px; padding-right: 10px; text-align: right;}
.saved-design-header .bulk-actions a {margin-left: 10px;}

.saved-design {font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif; font-size: 12px; margin: 8px 0 0 0; width: 958px; /* background: #eee; */ background: #fff; border: solid 1px #d7d7d7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; text-align:left;}
.saved-design table {width: 958px;}
.saved-design table tr td { border-right: solid 1px #ddd; vertical-align: top;}
.saved-design table tr td:last-child {border: 0;}
.saved-design .select {width: 30px; text-align: center; padding: 7px 0 0 0;}
.saved-design .select:hover {cursor: pointer;background: #f0f0f0;}
.saved-design .thumbs {width: 280px; padding: 20px 0 17px 20px; vertical-align: top; background: #f6f6f6;}
.saved-design .thumbs ul li {width: 120px!important; margin-right: 17px; text-align: center; float:left;}
.saved-design .thumbs ul li p {font-size: 11px; padding: 4px 0 0 0; color: #777;}
.saved-design .thumbs img {margin: 0 auto; display: block; max-width: 120px!important; max-height: 120px!important; border: solid 1px #999;}
.saved-design .details {width: 560px; padding: 14px 20px 14px 20px; }
.saved-design .details ul {float: left; width: 415px!important; padding: 2px 0 0 0; height: 141px!important; overflow: auto;}
.saved-design .details ul li {padding: 0 0 8px 0; line-height: 12px; overflow: hidden; /* word-wrap: break-word; */}
.saved-design .details ul li:first-child {font-weight: bold!important; padding-bottom: 12px}
.saved-design .details .actions { float: right; width: 120px; padding: 4px 0 0 20px;}
.saved-design .details .actions a {display: block; margin: 0 0 10px 0; padding: 6px 5px;}
.saved-design .delete {width: 29px; text-align: center; padding: 8px 0 0 0; }
.saved-design .delete:hover {cursor: pointer; background: #f7f7f7;}

.main-page-title h1{font-size: 23px; padding:0 20px;}
ul#dropdownMenu li a {padding:5px 0}