/* -------------------------- CSS Reset -------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* -------------------------- General Styles -------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #0b2f5f;
}

a {
	color: #358ae4;
	outline: none;
	text-decoration: none;
}

#tooltip{
	position:absolute;
	border:1px solid #e0e6ef;
	background:#b1d7e3;
	padding: 5px;
	color:#6a7d91;
	display:none;
}

.image-left, .table-left, .div-left {
	float: left;
	margin: 0 1em 1em 0;
}
.image-right, .table-right, .div-right{
	float: right;
	margin: 0 0 1em 1em;
}

.image-center {
	margin-bottom: 1em;
}
.borderBtm {
	border-bottom: 1px solid #e0e6ef;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.borderTop {
	border-top: 1px solid #e0e6ef;
	margin-top: 15px;
	padding-top: 15px;
}

.hidden {
	display: none;
}

.clearfix {
	clear: both;
}

.crossedOut {
	text-decoration: line-through;
}

.emailList {
	background: url(../images/static/newsletter.png) no-repeat 160px top;
	margin-bottom: 10px;
	padding-top: 2px;
}

.button, .buttonAlt {
	background: url(../images/static/buttonLeft.png) no-repeat left 0;
	color: #fff;
	display: block;
	font-size: 1.1em;
	height: 19px;
	padding-left: 5px;
}

.viewFull {
	background: url(../images/static/viewFullHistory.png) no-repeat center 0;
	color: #fff;
	display: block;
	float: right;
	font-size: 1.1em;
	height: 16px;
	margin: 0 10px;
	padding-top: 3px;
	text-align: center;
	width: 103px;
}

.viewFull:hover {
	background-position: left -19px;
	text-decoration: none;
}

.arrow {
	background: url(../images/static/buttonLeftArrow.png) no-repeat left 0;
	color: #fff;
	display: block;
	font-size: 1.1em;
	height: 19px;
	padding-left: 12px;
}

.buttonAlt {
	background: url(../images/static/buttonLeftAlt.png) no-repeat left 0;
}

.button span, .buttonAlt span {
	background: url(../images/static/buttonRight.png) no-repeat right 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 16px;
	padding: 3px 8px 0 3px;
}

.buttonAlt span {
	background: url(../images/static/buttonRightAlt.png) no-repeat right 0;
}

.btnLft {
	float: left;
	margin: 0 10px 10px 0;
}

.btnRght {
	float: right;
	margin: 0 0 10px 10px;
}

.button:hover, .buttonAlt:hover {
	background-position: left -19px;
	text-decoration: none;
}

.button:hover span, .buttonAlt:hover span{
	background-position: right -19px;
}

.even {
	background: #f9fdff;
}

.errorMessage {
	background: #f9fdff;
	border: 1px solid #c00000;
	color: #c00000;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 20px 0;
	text-align: center;
	width: 98%;
}

.error {
	color: #c00000;
	padding-bottom: 5px;
}

#newsletterSignup .error {
    color: #FFFFFF;
}

.success {
	color: #00a108;
	padding-bottom: 5px;
}

#newsletterSignup .success { 	 
    color: #FFFFFF;
}

#content .price, #content .sale {
	color: #6a7d91;
	font-size: 1.2em;
	line-height: 1.5em;
}

#col2 .price, #col2 .sale {
    font-size: 1.6em;
}

#content .sale {
	color: #c00000;
	font-weight: bold;
}

#content .sale span{
	color: #6a7d91;
	text-decoration: line-through;
	font-weight: normal;
}

#content .sale span.divider{
	color: #6a7d91;
	padding: 0 6px;
	text-decoration: none;
	font-weight: normal;
}

#content .productCode {
    color: #6a7d91;
    font-size: 1.6em;
    padding-bottom: 0px;
    line-height: 8px;
}

#content .productCodeSmall {
    color: #6a7d91;
    font-size: 1.2em;
    padding-bottom: 0px;
    line-height: 8px;
}

.extraMarginTop {
	margin-top: 20px;
}

.extraMarginBottom {
	margin-bottom: 20px;
}

.optional {	
	font-style: italic;
}

/* -------------------------- Font Styles -------------------------- */

p {
	color: #6a7d91;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 15px;
}

td, th {
	color: #6a7d91;
	vertical-align: top;
}

th {
	font-weight: bold;
}

p a {
	color: #358ae4;
} 

a:hover {
	text-decoration: underline;
}

li {
	color: #6a7d91;
}

h1 {
	color: #0b2f5f;
	font-size: 2em;
	font-weight: bold;
	padding-bottom: 20px;	
}

h2 {
	color: #0b2f5f;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 10px;	
}

h3 {
	color: #0b2f5f;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 5px;
}

dt {
	color: #0b2f5f;
	font-size: 1.2em;
	font-weight: bold;
}

dd {
	color: #6a7d91;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 15px;
}

/* -------------------------- Forms Styles -------------------------- */

label {
	color: #6a7d91;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 7px;
}

input, select {
	color: #6c6c6c;
	font-size: 1.2em;
	margin: 0 5px 15px 0;
}

select {
	padding: 2px 0;
}

form .input{
	background: url(../images/static/input_bg.png) repeat-x left bottom;
	border: 1px solid #e0e6ef;
	padding: 3px;
	width: 275px;
}

form .disabled{
	background: #efefef;
	border: 1px solid #e0e6ef;
	padding: 3px;
}

form .textarea{
	background: url(../images/static/input_bg.png) repeat-x left bottom;
	border: 1px solid #e0e6ef;
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0 5px 15px 0;
	padding: 3px;
}

form .checkbox {
	margin-bottom: 5px;
}

form .focusField {
	background: #fff;
	border: 1px solid #e0e6ef;
	padding: 3px;
	width: 275px;
}

form .left {
	float: left;
	margin-right: 10px;
	padding-top: 3px;
}

form .right {
	float: right;
	margin-left: 10px;
	padding-top: 3px;
}

form .extraSmall {
	width: 25px;
}

form .small {
	width: 50px;
}

form .medium {
	width: 100px;
}

form .large {
	width: 200px;
}

form br{
	clear: both;
}

.form-column {
	float: left;
	padding: 20px;
	width: 45%;
}

.order-history-column {
	float: left;
	padding: 20px;
	width: 28%;
}

.borderRght {
	border-right: 1px solid #e0e6ef;
}

.form-column ul, .form-column ol {
	padding: 0 0 15px 30px;
}

.form-column li{
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom: 2px;
	color: #6a7d91;
}

.form-column ul li{
	list-style-type: disc;
}

.form-column ol li{
	list-style-type: decimal;
}

.cancel {
	display: block;
	float: left;
	font-size: 1.2em;
	margin-top: 10px;
}

.modal {
	background: #fff;
	padding: 20px;
	width: 600px;
}

.modal .form-column {
	width: 40%;
}	

/* -------------------------- Container Styles -------------------------- */

#container {
	background: #fff url(../images/static/container_bg.png) repeat-x left bottom;
	width: 100%;
}

#wrapper {
	margin: 0 auto;
	width: 1010px;
}

/* -------------------------- Header Styles -------------------------- */

#header {
	padding: 0;
	height: 110px;
	width: 1008px;
}

#utilityBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 25px;
	height: 32px;
	width: 765px;
}

#currentPromotion {
	color: #358ae4;
	float: left;
	font-size: 1.1em;
	padding: 5px 0 0 0;
}

#currentPromotion span {
	color: #002b54;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

#branding {
	float: left;
	margin: 40px 0 15px 0;
}

#branding a {
	background: url(../images/lifeUniform_logo.png) no-repeat left top;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 213px;
}

/* -------------------------- Navigation Styles -------------------------- */


/* ------------- Utility Navigation Styles ------------- */

#utilityNav {
	color: #677788;
	float: right;
	font-size: 1.1em;
	padding-top: 3px;
}

#utilityNav .nav {
	float: left;
}

#utilityNav li, #utilityNav .welcome {
	float: left;
	padding-top: 2px;
}

#utilityNav .welcome {
	color: #d5f3fb;
	padding-right: 10px;
}

#utilityNav .shoppingBag {
	margin: 0;
}

#utilityNav .shoppingBag a {
	background: url(../images/static/shoppingBag.png) no-repeat 10px center;
	padding-left: 30px;
}

#utilityNav a {
	color: #677788;
	display: block;
	float: left;
	padding: 0 8px 2px 8px;
}

/* ------------- Top Navigation Styles ------------- */

#topNav {
	border-bottom: 1px solid #d1dde8;
	border-top: 1px solid #d1dde8;
	float: right;
	padding: 6px 0;
	width: 765px;
}

#topNav li {
	float: left;
	margin-left: 5px;
}

#topNav li a {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #677788;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 6px 8px;
	text-transform: uppercase;
}


#topNav li a:hover, #topNav li.selected a {
	background: #0b2f5f;
	color: #fff;
	text-decoration: none;
}

#topNav li a:hover span, #topNav li.selected span {
	background-position: right 0;
}

/* ------------- Side Navigation Styles ------------- */

#sideNav {
	float: left;
	padding: 10px 12px 25px 12px;
	width: 186px;
}


#contentNav h4 {
	color: #358ae4;
	font-size: 1.6em;
	font-weight: bold;
	padding: 10px 0 20px 10px;
	text-transform: uppercase;
}

#contentNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contentNav ul {
	margin-bottom: 10px;
}

#contentNav li {
	border-bottom: 1px solid #dde6ef;
	margin: 4px 0 4px 0;
}

#contentNav li.last {
	border-bottom: none;
}

#contentNav li a {
	color: #8291a0;
	display: block;
	font-size: 1.3em;
	height: 24px;
	padding: 0 10px 0 10px;
	width: 166px;
}

#contentNav li a:hover {
	background-position: 0 -54px;
	text-decoration: none;
}

#contentNav .selected a, #contentNav .selected a:hover {
	background-position: 0 -0;
	color: #082a58;
}

#contentNav li li{
	border-bottom: none;
	margin: 6px 0 6px 10px;
}

#contentNav li li a {
	background: none;
	color: #8291a0;
	display: inline;
	font-size: 1.2em;
}

#contentNav li li a:hover {
	color: #8291a0;
	text-decoration: underline;
}

#contentNav .selected li a, #contentNav .selected li a:hover {
	color: #8291a0;
}

#contentNav li.selected {
	font-weight: bold;
}

#contentNav li.selected li{
	font-weight: normal;
}

#contentNav li.selected li.selected{
	font-weight: bold;
}

/* -------------------------- Search Styles -------------------------- */

#quickSearch {
	float: right;
	position: relative;
	top: -28px;
}

#quickSearch input {
	margin: 0;
}

#quickSearch .query {
	background: #f7f7f9 url(../images/static/search_icon.png) no-repeat 5px center;
	color: #666;
	font-size: 1.1em;
	padding: 1px 10px 1px 20px;
	width: 115px;
}

#quickSearch .submit {
	background: #002b54;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	height: 20px;
	padding: 1px 0 2px 0;
	text-transform: uppercase;
	width: 31px;
}

/* -------------------------- Breadcrumb/Payment Navigation Styles -------------------------- */

#breadcrumb {
	color: #8291a0;
	height: 25px;
	padding-left: 255px;
	width: 705px;
}

#breadcrumb li{
	color: #8291a0;
	float: left;
	padding: 0 2px;
	font-size: 1.1em;
}

#breadcrumb a{
	color: #8291a0;
	padding-right: 4px;
	text-decoration: underline;
}

#breadcrumb .last {
	color: #0b2f5f;
	text-decoration: none;
}

.paymentNav {
	background: #fff;
	color: #8291a0;
	height: 35px;
	padding-left: 235px;
	width: 725px;
}

.noSubNav .paymentNav {
	padding-left: 0;
}

#workflow {
	float: left;
	margin: 54px 0 0 35px;
}

#workflow ol {
	background: url(../images/static/navPayment_bg.png) no-repeat left top;
	height: 27px;
	padding: 0 0 0 10px;
}

#workflow li {
	background: url(../images/static/navPayment_arrows.png) no-repeat right 0;
	color: #195493;
	display: block;
	float: left;
	height: 21px;
	padding: 6px 30px 0 10px;
}

#workflow li.last {
	background: url(../images/static/navPayment_arrows_clear.png) no-repeat right 0;
}

#workflow li.selected {
	color: #0b2f5f;
	font-size: 1.2em;
	font-weight: bold;
}

/* -------------------------- Feature Slideshow Styles -------------------------- */

.home #hero {
	float: left;
	height: 382px;
	margin-bottom: 15px;
	width: 651px;
}

/* -------------------------- Category Feature Styles -------------------------- */

#hero {
	height: 295px;
	margin-bottom: 30px;
	width: 723px;
}

/* -------------------------- Featured Brands Styles -------------------------- */

#featuredBrand {
	background: #d5e0ed url(../images/static/featuredBrand_bg.png) repeat-x 0 0;
	border: 1px solid #b2c6db;
	float: left;
	height: 358px;
	margin: 22px 0 30px 15px;
	width: 290px;
}

#featuredBrand h1{
	background: url(../images/static/featuredBrand_header.png) no-repeat center 0;
	height: 77px;
	padding-bottom: 0;
	margin-bottom: 15px;
	text-indent: -9999px;
	width: 290px;
}

#featuredBrand h2 {
	padding-bottom: 0;
	font-size: 1.7em;
}

#featuredBrand h2 span {
	color: #b4031d;
}	

.featured-brand {
	padding: 0 12px;
	text-align: center;
}

.shopSale {
	background: url(../images/static/shopSale_bg.png) no-repeat center center;
	display: block;
	height: 21px;
	margin: 15px auto;
	text-indent: -9999px;
	width: 86px;
}

.shopAllBrands {
	border-top: 1px solid #d5e0eb;
	margin-top: 10px;
	padding-top: 10px;
}

/* -------------------------- Brands Styles -------------------------- */

#brands {
	background: url(../images/static/brand_bg.png) no-repeat center top;
	clear: both;
	height: 86px;
	width: 960px;
}

#content #brands li {
	float: left;
	list-style-type: none;
	line-height: 66px;
	height: 56px;
	padding: 20px 10px 10px 10px;
}


/* -------------------------- Promo Boxes Styles -------------------------- */

#features {
	margin: 0 0 20px 0;
	padding-top: 11px;
	width: 960px;
}

.feature {
	float: left;
	height: 129px;
	margin-bottom: 15px;
	padding-right: 30px;
	width: 290px;
}

.feature h2{
	color: #358ae4;
	font-size: 1.8em;
	font-weight: normal;
}

.feature p {
	line-height: 1.4em;
}

.feature .shopNow {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 2px;
	text-transform: uppercase;
}

.feature img{
	max-height: 122px;
	margin-bottom: 25px;
}

.bagPromo {
	background: #483d89;
}

.halloweenPromo {
	background: #a8362e;
}

.bagPromo h1, .halloweenPromo h2, .bagPromo a, .halloweenPromo a {
	color: #faa324;
}

.bagPromo h1, .halloweenPromo h2  {
	padding: 10px 0 5px 15px;
	text-transform: uppercase;
}

.bagPromo p, .halloweenPromo p {
	color: #fff;
	padding: 0 0 10px 15px;
}

/* -------------------------- Content Styles -------------------------- */

#body {
	min-height: 400px;
	padding: 0 25px 30px 25px;
	width: 960px;
}

.wide #body {
	padding: 20px 25px 30px 25px;
}

.home #body {
	padding: 20px 25px 0 25px;
}

#content {
	float: left;
	padding: 15px 0 15px 25px;
	width: 723px;
}

#contentHeader {
	border-bottom: 1px solid #e0e6ef;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#contentFooter {
	margin-top: 15px;
}

.wide #content {
	background: none;
	float: none;
	padding: 0 40px;
	width: 880px;
}

.home #content {
	background: none;
	float: none;
	padding: 0 0;
	width: 960px;
}

.copy {
	padding: 0 120px 0 40px;
	width: 800px;
}

.no-bg {
	background: none;
}

.categoryLanding {
 padding-top: 0;
}

#content ul, #content ol, .copy ul, .copy ol {
	padding: 0 0 15px 30px;
}

#content li, .copy li{
	font-size: 1.2em;
	line-height: 1.6em;
	padding-bottom: 2px;
	color: #6a7d91;
}

#content ul li, .copy ul li {
	list-style-type: disc;
}

#content ol li, .copy ol li{
	list-style-type: decimal;
}

.cards {
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

#content .cards li {
	border: 1px solid #ccc;
	float: left;
	height: 23px;
	list-style-type: none;
	margin-right: 5px;
}

/* -------------------------- Deal Tabs Styles -------------------------- */

#content .dealTabs .tabNavigation{
	background: url(../images/static/dealTabs_bg.png) repeat-x left bottom;
	height: 40px;
	padding: 0;
	width: 100%;
}

#content .dealTabs .tabNavigation li{
	list-style-type: none;
	float: left;
	height: 40px;
	padding: 0;
}

.home #content .tabNavigation li, .wide #content .tabNavigation li {
	font-size: 1.2em;
	line-height: 1.6em;
}

.dealTabs {
    margin-top: 20px;
}

.dealTabs .tabNavigation a {
	background: url(../images/static/tabsLeft.png) no-repeat left 0;
	color: #fff;
	display: block;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	height: 40px;
	padding: 0 0 0 15px;
}

.dealTabs .tabNavigation span {
	background: url(../images/static/tabsRight.png) no-repeat right 0;
	display: block;
	float: left;
	height: 26px;
	padding: 14px 21px 0 6px;	
}

.dealTabs .tabNavigation a:hover {
	background-position: left -40px;
	text-decoration: none;
}

.dealTabs .tabNavigation a:hover span{
	background-position: right -40px;
}
.dealTabs .tabNavigation .selected {
	background: url(../images/static/tabsLeft.png) no-repeat left -40px;
}

.dealTabs .tabNavigation .selected span {
	background: url(../images/static/tabsRight.png) no-repeat right -40px;
}

/* -------------------------- CrossSells Styles -------------------------- */

#content .crossSells {
	margin: 15px 0;
}

#content .crossSells h2{
	padding: 5px 0 5px 0;
}

#content .crossSells ul{
	padding: 0;
}

#content .crossSells ul li{
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: none;
	margin-right: 30px;
	width: 21%;
}

.home #content .crossSells ul li, .wide #content .crossSells ul li{
	font-size: 1.2em;
	line-height: 1.6em;
	margin-right: 30px;
	width: 17%;
}

#content .crossSells img {
	height: 145px;
}

/* -------------------------- Category Styles -------------------------- */


.subcatRow, .productRow, .storesRow {
	border-bottom: 1px solid #e0e6ef;
	clear: right;
	margin-bottom: 25px;
	padding: 15px 0 25px;
}

.subcatRow {
	border-bottom: 1px solid #e0e6ef;
	clear: right;
	margin-bottom: 25px;
	padding: 15px 0 25px;
	width: 723px;
}

.productRow {
	border-bottom: 1px solid #e0e6ef;
	clear: right;
	margin-bottom: 25px;
	padding: 15px 0 25px;
	width: 723px;
}

.subcatDisplay {
	float: left;
	width: 216px;
	margin: 2px 20px 4px 0;
	padding: 0;
	display: block;
}

.subcatDisplay img, .productDisplay img {
	height: 155px;
	margin-bottom: 10px;
}

.productDisplay {
	float: left;
	width: 236px;
	margin: 7px 0 3px 0;
	padding: 0;
	display: block;
}

.subcatDisplay .description, 
.productDisplay .description  {
	width: 187px;
	font-family: arial, "sans serif";
	letter-spacing: -.03em;
	line-height: 9px;
	padding-bottom: 1px;
}

.subcatDisplay .description a,
.productDisplay .description a  {
	color:#358ae4;
	display: block;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:10px;
}


/* -------------------------- Product Styles -------------------------- */

#productSortContainer {
	float:left;
	padding:10px 0 0;
	width:300px;
}

.itemsFound {
	color: #6a7d91;
	float: right;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 17px;
}

.pagination {
	color: #6a7d91;
	float:right;
	font-size: 1.2em;
	margin:0 17px 19px 0;
	padding:11px 0 0;
	text-align:right;
}

.pagination a {
	color: #358ae4
}

.pagination span {
	padding: 0 4px;
}

.of {
	font-family: Georgia, Times, sans-serif;
	font-style: italic;
}

.next {
	background: url(../images/static/next.png) no-repeat right center;
	padding: 0 15px 0 4px;
}

.prev {
	background: url(../images/static/prev.png) no-repeat left center;
	padding: 0 4px 0 15px;
}

/* -------------------------- Account Styles -------------------------- */

.accountInfo table {
	margin-bottom: 20px;
	width: 100%;
}

.form-column-row {
	background: url(../images/static/accountBlock_bg.png) repeat-x left bottom;
	border-bottom: 1px solid #e0e6ef;
	margin-bottom: 15px;
}

.address{
	padding-bottom: 20px
}

.address .button, .address p {
	margin-top: 5px;
}

.address div{
	color: #6a7d91;
	font-size: 1.2em;
	line-height: 1.5em;
}

.orderHistory {
	margin-bottom: 30px;
}

.order-history  {
	margin-bottom: 20px;
	width: 100%;
}

.order-history tr {
	border-bottom: 1px solid #e0e6ef;
}

.order-history th, .order-history td {
	color: #6a7d91;
	font-size: 1.2em;
	padding: 10px;
	width: 20%;
}

#signIn-submit-group, #createAccount-submit-group, #requestPassword{
	padding-bottom: 20px;
}

/* -------------------------- Shopping Bag Styles -------------------------- */

#cart {
	margin-bottom: 30px;
}

#cart table {
	width: 100%;
}

#cart th, #cart td {
	border-bottom: 1px solid #d3d8dd;
	border-right: 1px solid #d3d8dd;
	color: #6a7d91;
	font-size: 1.2em;
	padding: 10px;
}

#cart .embroidery td {
	border-bottom: 0;
}

#cart select, #cart h3, #cart td p{
	font-size: 1em;
}

#cart p {
	padding-bottom: 5px;
}

#cart .description a {
	color: #0b2f5f;
	font-size: 1.1em;
	font-weight: bold;
}

#cart .last {
	border-right: 0;
}

#cart img {
	width: 81px;
}

#cart .image {
	border-right: 0;
	width: 10%;
}

#cart .product {
	width: 20%;
}

#cart .description {
	width: 40%;
}

#cart .price, #cart .quantity, #cart .subtotal {
	width: 12%;
}

#cart .quantity {
	width: 50px;
}

#promoEntry-code-group, #catalogEntry-code-group {
	padding-top: 20px;
}

#promoEntry-code-group input, #catalogEntry-code-group input {
	margin-bottom: 0;
}

#promoEntry-code-group .submit, #catalogEntry-code-group .submit {
	background: #002b54;
	border: 1px solid #8db1d8;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	height: 23px;
	padding-bottom: 2px;
	text-transform: uppercase;
	width: 45px;
}

#total .update .submit {
	background: transparent url(../images/static/update_bg.png) no-repeat center center;
	border: 0;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: .9em;
	height: 23px;
	margin-bottom: 0;
	padding-bottom: 2px;
	text-transform: uppercase;
	width: 103px;
}

#total .total th, #total .total td{
	color: #0B2F5F;
	font-weight: bold;
}

#total th, #paymentTotal th {
	text-align: right;
	width: 175px;
}

#total p, #paymentTotal p {
	font-size: 1em;
	font-weight: normal;
}

#promoEntry {
	float: left;
}

/* -------------------------- Product Styles -------------------------- */

#col1 {
	float: left;
	width: 300px;
}

#col2 {
	float: left;
	margin: 0 0 40px 30px;
	width: 390px;
}

#col2 .option {
	border-bottom: 1px solid #e0e6ef;
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#col2 .option .sale {
	font-size: 1em;
}

#col2 .selected a {
	color: #0b2f5f;
}

#productImage {
	margin-bottom: 20px;
}

.embroideryLines {
	width: 160px;
}

.submit {
	background: transparent url(../images/static/submitLarge.png) no-repeat center center;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1.2em;
	height: 25px;
	padding-bottom: 2px;
	width: 194px;
}

#checkout {
	margin-bottom: 30px;
}

#cart #total, #checkout, #cart #paymentTotal {
	clear: right;
	float: right;
	width: 280px;
}

#cart #paymentTotal {
	margin-top: 15px;
}

#checkout .submit {
	float: right;
	margin-top: 15px;
}

#total a, #paymentTotal a {
	margin: 5px 0 0 0;
}

#total .totalTitle {
	text-align: right;
}

#total select {
	margin: 0;
}

#total .orderTotal td{
	border-bottom: 0;
	font-weight: bold;
}

#total a {
	font-size: .9em;
}

/* -------------------------- Product Colors -------------------------- */

#attr-swatches {
	overflow: hidden;
	width: 100%;
}

#attr-swatches .swatch {
	display: block;
	height: 32px;
	float: left;
	margin-right: 4px;
	padding: 3px;
	width: 32px;
}

#attr-swatches .swatch:hover, #attr-swatches .selected {
	background: url(../images/static/selectProductColor_bg.png) no-repeat center center;
}

#attr-swatches span {
	display: block;
	height: 32px;
	width: 32px;
}


/* -------------------------- Thread Colors -------------------------- */

#thread-swatches {
	overflow: hidden;
	width: 100%;
}

#thread-swatches .swatch {
	display: block;
	height: 20px;
	float: left;
	margin-right: 2px;
	padding: 2px;
	width: 20px;
}

#thread-swatches .swatch:hover, #thread-swatches .selected {
	background: url(../images/static/selectThreadColor_bg.png) no-repeat center center;
}

#thread-swatches span {
	display: block;
	height: 20px;
	width: 20px;
}

/* -------------------------- Colors -------------------------- */

.red {
	background: #c00000;
	color: #c00000;
}

.orange {
	background: #d9680d;
	color: #d9680d;
}

.teal {
	background: #287082;
	color: #287082;
}

.maroon {
	background: #772f28;
	color: #772f28;
}

.violet {
	background: #1a3660;
	color: #1a3660;
}

.magenta {
	background: #ff00ff;
	color: #ff00ff;
}

.lime {
	background: #99cc00;
	color: #99cc00;
}

.paleYellow {
	background: #ffff99;
	color: #ffff99;
}

.lightBlue {
	background: #99ccff;
	color: #99ccff;
}

.blue {
	background: #3366ff;
	color: #3366ff;                                                          , #catalogEntry-code-group .submit
}

.no-bg-color {
	background: none;
}

/* -------------------------- Payment Styles -------------------------- */

.paymentOptions {
	float: left;
	width: 530px;
}

.form-container{
	background: #f5fafb;
	border: 1px solid #e0e6ef;
	margin-bottom: 30px;
	padding: 15px;
}

.payment-summary {
	background: #bcd4ee;
	float: left;
	margin: 20px 0 0 15px;
	width: 245px;
}

.payment-summary table{
	font-size: 1.2em;
	margin-bottom: 15px;
	width: 100%;
}

.payment-summary td, .payment-summary th{
	padding: 7px;
}

.payment-summary th {
	border-right: 1px solid #91a3b6;
	text-align: right;
	width: 175px;
}

.payment-summary .total {
	border-top: 1px solid #91a3b6;
	font-size: 1.1em;
	font-weight: bold;
}

#saveCardForFutureLabel {
	padding-bottom: 20px;
}


/* -------------------------- Store Locator Styles -------------------------- */

.storeLocator {
	background: url(../images/static/accountBlock_bg.png) repeat-x left bottom;
	border: 1px solid #e0e6ef;
	width: 100%;
}

.locatorMap {
	margin-bottom: 20px;
}

#findZip {
	width: 60px;
}

#findCityState {
	width: 120px;
}

.find, .submitSmall {
	background: #002b54;
	border: 1px solid #8db1d8;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	height: 23px;
	padding-bottom: 2px;
	text-transform: uppercase;
	width: 43px;
}

.storeLocations {
	border-bottom: 1px solid #d3d8dd;
	margin-bottom: 15px;
	width: 100%;
}

.storeLocations .store_location {
	width: 50%;
}

.storeLocations .store_location img {
    margin-right: 5px;
    vertical-align: top;
}

.storeLocations .distance {
	width: 20%;
}

.storeLocations .store_hours {
	width: 30%;
}

.storeLocations th {
	padding: 5px 10px 5px 5px;
}

.storeLocations td {
	padding: 5px 10px 15px 5px;
}

.storeLocations th {
	color: #0b2f5f;
	font-size: 1.2em;
	font-weight: bold;
}

.storeLocations h4 {
	font-size: 1.2em;
	padding-bottom: 0;
}

.storeLocations p {
	padding-bottom: 0;
}

/* -------------------------- Catalog Form Styles -------------------------- */

.requestCatalog {
	background: url(../images/static/accountBlock_bg.png) repeat-x left bottom;
	border: 1px solid #e0e6ef;
	width: 100%;
}

.requestCatalogForm {
	float: left;
	height: 330px;
	margin: 20px;
	width: 50%;
}

.requestCatalogInfo {
	border-left: 1px solid #e0e6ef;
	float: left;
	height: 330px;
	padding: 20px;
	width: 40%;
}

/* -------------------------- Footer Styles -------------------------- */


#footer {
	clear: both;
	margin: 0 auto;
	padding: 30px 0;
	width: 940px;
}

#footer h4{
	color: #8db1d8;
}

.footerNav {
	color: #fff;
	float: left;
	padding: 0 20px 30px 0;
	width: 140px;
}

.footerNewsletter {
	color: #fff;
	float: right;
	padding: 0;
	width: 240px;
}

#newsletter-signup {
	width: 150px;
}

.newsletter {
	color: #666;
	font-size: 1.1em;
	padding: 2px 5px 1px 5px;
}

.join {
	background: #002b54;
	border: 1px solid #8db1d8;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	height: 23px;
	padding-bottom: 2px;
	text-transform: uppercase;
	width: 45px;
}

.footerNav a {
	color: #fff;
	font-size: 1.1em;
	line-height: 2em;
}

#copyright {
    margin-top: 5px;
    margin-left: 64px;
}

#verisign {
    margin-left: 98px;
}

/* -------------------------- Footer Styles -------------------------- */

.error_404_box {
	background: #f5fafb;
	border: 1px solid #e0e6ef;
	margin: 30px auto;
	padding: 30px;
	width: 498px;
}

#cvvHelp {
    margin-left: 5px;
}

/* @ clue-tip */
#cluetip-close img {
    border: 0;
}
#cluetip-title {
    overflow: hidden;
}
#cluetip-title #cluetip-close {
    float: right;
    position: relative;
}
#cluetip-extra {
    display: none;
}
.cluetip-default {
    background-color: #f5fafb;
}
.cluetip-default #cluetip-outer {
    position: relative;
    margin: 0;
    background-color: #f5fafb;
}
.cluetip-default h3#cluetip-title {
    margin: 0 0 5px;
    padding: 8px 10px 4px;
    font-size: 1.1em;
    font-weight: normal;
    background-color: #f5fafb;
    color: #6A7D91;
}
.cluetip-default #cluetip-title a {
    color: #f5fafb;
    font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
    padding: 10px;
}
.cluetip-default div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px; 	 
    color: #900;
}
/* @end clue-tip */

/* jqModal base Styling courtesy of;
   Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
   the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
    position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}