/** BEGIN CUSTOM SKIN **/

/* Reset */
html {/*overflow-y:scroll;*/}
* {margin:0;padding:0;}

/* Basic HTML style */
a:link, a:visited {color:#d12420; text-decoration:none;}
a:hover {text-decoration:none;}

html {margin:0; padding:0;}
body {text-align:center;  font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#fff; color:#444; padding:0; margin:0;}
blockquote {font-family: Georgia; font-weight: bold; font-size: 18px; font-style: italic; color: #666; margin: 15px 30px; line-height: 1.5;}
caption {font-weight:bold; background:#c1c1c1; border-bottom:0; color:#444;}
form {}
dd {}
dl {}
dt {}
ol {}
ul {}
hr {color:#ccc; background:#ccc; border-style:none;}
table tr td { padding:4px; }
ul li {padding:2px 0px; margin:0px; font-size:12px; color:#555;}
a img, :link img, :visited img {border:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#d12420; font-family: Tahoma, Arial, Helvetica, sans-serif;}
h6 { font-size:14px; }
h5 { font-size:15px; }
h4 { font-size:16px; }
h3 { font-size:17px; }
h2 { font-size:21px; }
h1 { font-size:24px; }
h1 span {color:#444; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

p {margin:20px 10px;font-size:13px; line-height:22px;color:#777;}
big {color:#F00;}
b {color:#444;}
note {color:#F00; font-size:12px;}

/*Global Styles*/
.contentBox {padding:15px 15px 15px 15px !important;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
	.contentBox p {margin-top:5px !important; font-size:12px !important; color:#555;}

.clear, .clearerB {clear:both; line-height:0px; height:0px; font-size:0px;}
.clearL, .clearer {clear:left; line-height:0px; height:0px; font-size:0px;}
.clearR, .clearerR {clear:right; line-height:0px; height:0px; font-size:0px;}

.hr {border-top:1px dotted #ccc; margin: 16px 0px;}

/* Form Elements */
label {font-size:12px; margin-top:5px !important;}
.optionFormat {text-align:right;}
.inputFormat {border:2px solid #ccc;padding:3px 0 0 3px; height: 16px;}

.btnSearch, .btnSubmit { color:#666; font-size:11px; cursor:pointer}
.bullet {list-style:square; list-style-type:square}

.btnCheckout {border:1px solid #666; background-color:#fff; font-size:11px; }


/* Main Layout*/
#mainContainer {width:940px; margin:auto; text-align:center;}
#mainContainerInner {width:100%; margin:auto; text-align:left;}

		#header {padding:0; margin:0 auto; background-repeat:repeat-y; position:relative; height:85px; z-index: 10;}
			#logo {position:absolute; top:3px; left:0px;}
	
	#cart {float:right; text-align: right; font-weight: bold; font-size:12px; padding: 0px 10px 0px 0px; color: #444; width: 251px;}
		#cart a {color:#d12420;}
		#cart a span {color:#444;}
		
		/* QuickCart stuff */ 
		#quickCart a {margin:0;}
		#quickCart {position:absolute; top:75px; right:0; background-color:white; border:2px solid #999; width:350px; padding:0px; margin:0px;}
			#quickCartClose {width:auto; float:right;}
				#quickCartClose a {color:#FFF; padding:2px 8px; background-color: #A90019; display: block;}
			#quickCartContent {padding:0; margin:0px; text-align:left; font-size: 14px;}
				#quickCart table {border-collapse: collapse;}
				#quickCart p.button a:link, #quickCart p.button a:visited {padding:1px; display:block; margin:1px; text-align:center; background-color: #EEE;}
				#quickCart p.button a:hover {background-color:#A90019; padding:1px; margin:1px; color: #FFF;}
				.viewCheckout {float:right; width:50%;}
				.viewCart {float:left; width:45%;}
				.tdHeader {background:#f2f2f2; font-size: 12px; font-weight: bold;}
				
		/* QuickCart2 stuff */ 
		#quickCart2 a {margin:0;}
		#quickCart2 {position:absolute; top:275px; right:0; background-color:white; border:2px solid #999; width:350px; padding:0px; margin:0px;}
			#quickCartClose2 {width:auto; float:right;}
				#quickCartClose2 a {color:#FFF; padding:2px 8px; background-color: #A90019; display: block;}
			#quickCartContent2 {padding:0; margin:0px; text-align:left; font-size: 14px;}
				#quickCart2 table {border-collapse: collapse;}
				#quickCart2 p.button a:link, #quickCart p.button a:visited {padding:1px; display:block; margin:1px; text-align:center; background-color: #EEE;}
				#quickCart2 p.button a:hover {background-color:#A90019; padding:1px; margin:1px; color: #FFF;}
				.viewCheckout2 {float:right; width:50%;}
				.viewCart2 {float:left; width:45%;}
				.tdHeader2 {background:#f2f2f2; font-size: 12px; font-weight: bold;}
		
	#topLinks {float:right; text-align:right; padding:0; margin:25px 10px 0px 0; color:#444; font-weight:bold; line-height: 18px; font-size:12px; width: 319px;}
		#topLinks a {color:#d12420; }
					
	#navBar {bottom: 0; height:37px; left: 0; text-align:left; width:940px; }
	#navBarInner {width:100%; margin: 0px auto;}
		.navBarButtons {float:left; width:325px; padding: 10px 0px 0px;}
		.navBarDivs {float:right; margin-top:1px; position:relative;}
			.navBarLink {display:block; padding: 15px 21px 0px;}
			.navBarLink:link, .navBarLink:visited {color:#444; font-size:16px;}
			.navBarLink:hover, .navBarLink:active {color:#565656; background-color: #D6D6D6;}		

		.navBarSubs {position:absolute; top:47px; right:0; width:200px; font-size:14px; text-align:left; z-index:5;}
			.navBarSubs_right {position:absolute; top:47px; right:15px; width:200px; font-size:14px; text-align:left;}
			.navBarSubsInner {border:2px solid #ddd; border-top:0;}
				.navBarSubLink {display:block; padding:10px; border-top:1px dotted #ddd;}
				.navBarSubLink a {display:block;}
				.navBarSubLink:link, .navBarSubLink:visited {color:#444; background-color:#fff;}
				.navBarSubLink:hover {color:#555; background-color:#efefef;}

	#mainContentWrapper {}
	#mainContentWrapperInner {*height:1%;}	
	
	/* Column One */ 
	#columnOne_hidden {display:none;}
	#columnOne {float:left; width:215px;}
		.leftHeader {height:45px;}
			#columnOne h6 {display:block; font-size:20px; color:#fff; padding:10px 0 0 10px;}
		
		.catLink {position:relative; width:100%;}		
			.catLink a {display:block;padding:4px 4px 4px 20px; }			
			.catLink a:link, .catLink a:visited {color:#8f8f8f; }
			.catLink a:hover, .catLink a:focus {color:#343434; background-color:#ddd; }
			
			.subLinks {position:absolute;left:209px;top:-1px;width:250px;}
			.subLinksInner {border:2px solid #ddd; border-left:0;margin-left:7px;}
				.subLinks a {display:block;padding:4px 6px; }			
				.subLinks a:link, .subLinks a:visited {color:#8f8f8f; }
				.subLinks a:hover {color:#343434; background-color:#ddd; background-image:none !important;}	
				
			#creditCards {margin:18px 0 0 0;padding:5px;background-color:#e3e3e3; border:1px solid #ccc; color:#444;}
			#creditCards img {margin:auto; margin-top:5px;}
	
	/*Main Content*/
	#mainContent {float:right; text-align:center; width:100%; }
	#mainContentInner {text-align:left;}
	.pageType_default {width:100%; margin:10px auto 30px;}
	.pageType_noPadding {}
	.pageType_checkout {width:100%; margin:30px auto 40px;}
		
	/*Storefront Template*/
	#sfMain {width:100%; float:left; margin:24px 0px 0px;}
		#sfMain div {float:left; height: 386px;}
		#sfMain div.primary {width: 550px; background:url('bgLineGradient.jpg') top repeat-x; border-top:1px solid #c6c6c6;}
			#sfMain div.primaryInner, #sfMain div.secondaryInner {margin:0px 1px; background-color:white;}
		#sfMain div.secondary {width: 386px; background:url('bgLineGradient.jpg') top repeat-x; border-top:1px solid #c6c6c6; margin:auto auto auto 4px; }
	
			
		#sfPromos {float:left; width:99%; margin:24px 0px; border: 4px solid #ddd; overflow: hidden; background-color:#fff; padding: 0px 1px;}
			.sfPromoBox {float:left; width:308px; height:132px; background-color:#eee; margin:2px 1px;}

	/* Footer */															
	#mainFooter {color:#444; background:#f2f2f2 url(bgFooter.jpg) repeat-x bottom; border-top: 2px solid #DFDFDF; text-align:center; font-size:11px; float:left; width:100%; padding:0; margin:auto; margin-top:0; height:98px; margin-bottom:20px;}
	#mainFooterInner {padding:15px 0px; margin:0px auto; width:940px;}
		#mainFooter a:hover {}
		.footerLeft {float:left; width:570px;}
			.footerFlash {float:left; width:300px; height:120px; margin-top:-35px; overflow:hidden;}
			.footerLinks { width:auto; text-align:left; line-height: 1.5; color:#777777; font-weight:bold;}
				.footerLinks a:link, .footerLinks a:visited {color:#d12420; font-weight:bold;}
			.footerCopyright {font-weight:normal; padding-top:10px;}
				.footerLinks p {margin:8px 0px;font-size:11px; font-weight: bold;}
		.footerRight {float:right; width:370px;}
			.footerPhone {color:#d12420; font-size:22px; font-weight:bold; float:right; width:250px;text-transform:uppercase;}
				.footerPhone span {color:#444 !important;}
				.footerSeal {float:right;width:118px;}
				.footerCreditCards {float:right; width:225px; text-align:left; margin: -7px 0;}
				.footerEmedia {text-align:left;margin: 0 95px;}
				.footerEmedia a:link, .footerEmedia a:visited {color:#777777; font-weight:normal;}
				.footerEmedia a:hover {color: #D12420;}
	
	/* Product List Template */
	#headerTxt {
		width:300px;
		margin-top:10px;
		margin-left:623px;
		padding-bottom:15px;
	}
	#headerImg {width:110px;height:110px;margin-top:-84px; margin-left:820px;padding-bottom:10px;}
		
	.liSubCat {width:23%; float:left; padding-left:12px;}
	.sfCats {width:66%; float:left; text-align:center; margin-left:2px;}
		.sfCatTitle a {font-size:24px; font-weight:bold; color:#444; text-align:center;}
		.sfCatTitle span {font-weight:normal;}
		.sfCatButton {margin:10px auto;}
		
	.sfCats2 {width:33%; float:left; text-align:center; margin-left:2px;}
		.sfCatTitle2 a {font-size:24px; font-weight:bold; color:#444; text-align:center;}
		.sfCatTitle2 span {font-weight:normal;}
		.sfCatButton2 {margin:10px auto;}
	
			#liHeader {float:left; width:100%; *height:1%; border:2px solid #eee; margin:12px 0; }
				#liHeaderImage {width:300px;float:left; text-align:left; overflow:hidden;}
				#liHeaderDesc {width:340px; float:left; margin:10px; font-size: 14px; line-height: 1.5;}
	
	.liListing {float:left; width:100%;}
		.liProdOne {width:100%; float:left; *height:1%; text-align:center;}
		.liProdTwo {width:50%; float:left; *height:1%; text-align:center;}
		.liProdThree {width:310px; float:left; *height:1%; text-align:center;}	
		.liProdFour {width:25%; float:left; *height:1%; text-align:center;}
		.liProdFive {width:19%; *width:18%; float:left; *height:1%; text-align:center; border: 1px solid #EEE; margin: 0 auto 24px;}
		
			.liProdInner {width:90%; margin: 16px auto; overflow: hidden;}
				.liProdInfo {}
				.liProdImage {width:115px; height:115px; margin:auto; overflow:hidden; background-color:#FFF; margin-top:3px; margin-bottom:8px;} 
				.liProdTitle {padding:0px 8px; font-size:16px;}	
				.liProdBrief {padding:0px 8px; font-size:10px;}	
				.liProdDesc {text-align:left; padding:1px; height:50px;}
				.liProdStock {font-size:10px;}
			
			.liProdPrice {color:#BE121C; font-size:16px; font-weight:bold; text-align:center; margin-bottom:8px;}
				.liProdPrice span {color:#aaa; font-size:11px; font-weight: normal;}
				.retail {text-decoration:line-through;}
				
			.compare {margin:4px 0px;}
				.compare input {vertical-align:middle;}
				
			.liProdButtons {text-align:center; width:100%; float:left;}
				.liProdButtons img {}
				.liProdButtons span a {}
				.liProdButtons span a:link, .liProdButtons a:visited {color:#999 !important;}
				.liProdButtons span a:hover {color:#444 !important;}
			
			.liProdInner a {}
			.liProdInner a:link, .liProdInner a:visited {line-height:normal;text-decoration:underline;}
			.liProdInner a:hover {text-decoration:none;}
	
		/* form elements for multiple project add on All Mugs */
		input.multiqty, button.multiadd {border: 1px solid #999; display: inline-block; vertical-align: middle;}
		input.multiqty {padding: 3px 0 0 3px; height: 18px;}
			input.multiqty:focus {border-color:teal;}
		button.multiadd {background-color: #A90019; color: #FFF; padding: 0 0 3px 3px; height: 23px;}		
		
	.searchResults {text-align:right; background-color:#f2f2f2; float:left; width:100%;margin:14px 0; font-size:13px; color:#999;}
	.searchResultsInner {width:98%; padding:4px 0px;}
		.searchResults a {padding:2px 4px;font-size:12px;}
		.searchResults a:link, .searchResults a:visited {color:#888;border:1px solid #888;background-color:white;}
		.searchResults a:hover {color:white; background-color:#1C7B7A;}

	/* Detail Template */
		#dtZoom {position:relative; float:left;}
		#dtZoomInner {width:90px; position:absolute; top:-28px; *top:-25px; left:0px;background-color:white; border:1px solid #ccc; }
			#dtZoom img {vertical-align:middle; margin:0px 5px 0px 0px; }
			#dtZoom a {display:block;padding:4px;}
		#dtMulti {}
			.altThumbContainer {border: 1px solid #888; width:60px; height: 70px; overflow:hidden; float:left; margin:0 4px 4px 0; position: relative;}
				.altThumbContainer a {display:block;}
				.altThumb {position: relative; top: -70px; left: -85px;}
			.altThumbCartContainer {border: 1px solid #EEE; width:50px; height: 50px; overflow:hidden; float:left; margin:0; position: relative;}
				.altThumbCart {position: relative; top: -70px; left: -85px;}
			.dtThumb {width:84px; float:left;background-color:#eee; overflow:hidden; border:1px solid #ccc; margin:4px 2px 4px 0;}
			#dtMulti h6 {font-size:14px; font-weight:normal; padding:4px; line-height:24px;}
			
			/* Image overlay */
				#imageOverlay {padding:20px; border:5px solid #e1e1e1; margin-bottom:15px; text-align:center;}
					#imageOverlayClose {text-align:right;}
					#imageOverlay img {margin:auto;}
		
		#dtProdContent {width:100%;float:left; position:relative; z-index:1;}
		.dtProdContentInner {}
			.dtHeader {width:100%;float:left;}
			.dtHeaderInner {}
				.dtProdTitle {}
					.dtProdTitle h1 {font-size:24px;}
					.dtProdTitle h1, .dtProdTitle h2, .dtProdTitle h3, .dtProdTitle h4, .dtProdTitle h5, .dtProdTitle h6 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#444;}
					
				.dtProdLeft {width:440px; float:left;}
				.dtProdLeftInner {margin:0px;padding:0px;}
				
				#dtProdImage {border: 5px solid #f2f2f2; text-align:center; margin:auto; height: 430px;}
				 #dtProdImage img {margin: 40px auto 0;}
				.dtProdFlash {border: 2px solid #555; text-align:center; margin:auto; width:450px; height:490px; position:absolute; top:0px; left:0px; z-index:5; background: #FFF url(movie-loading.gif) no-repeat center center;}
					.dtFlashClose {position:absolute; top:5px; right:5px;}
			
				.dtProdInfo {float:right; width:490px;text-align:center;}
				.dtProdInfoInner {text-align:left; margin:0px 10px 20px;}
				
					.dtProdPriceStrike {color:#d12420; width: 100px; font-size:24px; margin-bottom: 16px; font-family:Tahoma, Geneva, sans-serif; 
						font-weight:bold; text-decoration: line-through; float: left;}
				
					.dtProdPrice {color:#d12420; width: 100px; font-size:24px; margin-bottom: 16px; font-family:Tahoma, Geneva, sans-serif; 
										font-weight:bold;}
										
					.dtProdPriceNew {color:#000000; padding-top: 5px; padding-bottom: 5px; width: 370px; font-size:16px; margin-bottom: 16px; 
										font-family:Tahoma, Geneva, sans-serif; font-weight:bold; float: right;}
										
						.dtRetailPercent {color:#F00; font-size:14px;}
										
					.dtProdSku {width:45%; float:right; text-align:right; margin-bottom: 8px;}
					.dtProdBrand {width:50%;float:left; margin-bottom: 8px;}
					.dtProdInfo form {float:left; width:100%;}
					
					.dtProdBrief, .dtProdDesc {font-size:16px; line-height:24px;}
					.dtProdDesc span {display: block; font-weight: bold; color: #BE121C;}	
					.dtProdBrief li {font-size:18px; float: left; width: 45%; margin-left:4%; font-size: 11px;}
					.dtProdDescInner {padding:10px;}
					.dtProdPromo {font-size:14px; font-style: italic; color:#565656;}				
					.dtProdStock {font-size:11px !important;}		
				.dtRelated {width:100%; float:left; clear:both; margin-top:16px; background:url('bgRelated.jpg') bottom center repeat-x;}
					.liProdRelated {float:left; width:180px;}
					.dtRelatedImage {float:left; width:100px; text-align:center;}
						.dtRelated img {text-decoration: none; border: none; margin-bottom:8px;}
					.dtRelatedInfo {float:left; width:80px;}
					.dtRelatedTitle {font-size:12px; color:#444; font-weight:normal;}
					.dtRelatedPrice {font-size:12px; color:#d12420; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
					.dtRelatedBuy {margin-top:20px;}
						.dtRelated h6 {padding-bottom:8px; font-size:18px; font-weight:bold;}
						.dtRelated a {text-decoration: none;font-size:12px; color:#444; }
				.addthis_toolbox {margin: 16px 0 0 8px;}
				
		/* Add to Cart */
		.dtCartAdd {margin: 15px 0px; background-color: #f2f2f2; border: 1px solid #c9c9c9; float:left; width:100%; font-weight:bold; font-family:Tahoma, Geneva, sans-serif;}
		.dtCartAddInner {padding:10px; margin:0px;}
			
			.dtCartQty { float:left; width:auto; padding:15px 5px 10px 5px; text-align:center;}
			.dtCartQty label {}
			.dtCartRadio {float:left; width:100px;padding:5px;}
			.dtCartPulldown {float:left;padding:5px;}	
			.dtCartBuy {float:right; width:auto; margin:10px 5px;} 

			.stockOut { float:left; width:auto; padding:15px 5px 10px 5px; text-align:center; vertical-align:center;}
			

	/* Checkout Template */
	#checkoutContainer { }
	#checkoutContainerInner { } 
		#upsellProds {width:100%; text-align:center;}
		#upsellProdsInner {width:auto; margin:auto;}
			.upsellText { text-align:left;}
			.upsellProd {width:20%; float:left;}
			.upsellProdInner {width:85%; margin:auto; text-align:left; border:3px solid #e1e1e1; padding:5px; height: 220px; overflow:hidden;}
				.upsellProdImage {text-align:center;}
		
		.progress {text-align:center; /*background-color: #F6F6F6;*/}
		.rightInfo {width:30%; float:right; margin-top:50px; padding:10px; background-color:#434343; font-size:11px;}
			.rightInfo img {vertical-align:middle; margin:0 4px 0 0;}
		.inputFormatter input { border:2px solid #ccc; padding:3px 0 0 3px;}
		.radio, .checkbox, .button, .textArea { height:auto !important; border:none !important;}
	
		#checkoutContainer table tr td {font-size:14px; vertical-align:middle; padding:8px;}
		
		.th1 {background-color:#E1E1E1;}
			.th1 span {font-size: 11px;}
		.th2 {background-color:#F9F9F9;}
	
		.why {border:1px solid #666666; background-color:#EFEFEF;padding:6px;}
			.why img {margin:5px 10px;}
	
		#logininfo { text-align:center; width:100%;}	
		#logininfoInner { text-align:left; margin:auto; width:90%;}
			

/** END CUSTOM SKIN **/