/* CSS Document */

/*@import url(http://fonts.googleapis.com/css?family=Handlee);
*/
body, p, div, ul, li, a {
	font-family: Verdana, Geneva, sans-serif;
	/*font-family:"Goudy Old Style", Verdana, Geneva, sans-serif*/
    /*margin:0; padding: 0;*/
}

a {color: #00649d;}
a:hover { cursor:pointer }


h1, h2, h3, h4 {
	margin: 0; padding: 0; line-height: 1;

}
h1 { 
	/*font-family:'Handlee',cursive, Verdana;*/
	font-family: cursive, Verdana;
	margin:22px 10px 10px 0px;
	font-size:24px;
	font-weight: bold;
}
h1 a {
	display:block;
	margin-bottom: 16px;
	text-decoration: none;
}


.specialFont {
	/*font-family:'Handlee',cursive;*/
	font-family: cursive;
}

h2 { font-size:16px;font-weight:bold }
h3 { font-size:16px;font-weight:bold }
h4 { font-size:16px; font-weight: bold; margin: 0 0 5px 0}

img {border:0;}

.footer {  width: 950px }


p {
	margin:0 0 13px 0;
	padding:0;
}

.customerComments {
	font-style:italic; 
}
.customerComments h2 { font-size:11px; color:#000000; font-style:normal; font-weight:normal; padding:0 0 5px; }
.customerComments p {  margin-bottom:6px }
.customerComments a { font-style:normal; text-decoration:none}
.customerComments hr {height:1px; }

.spacerLine { height:1px;  padding:0px; margin:5px 0 10px 10px; 
	background-image:url(spacerLine.jpg); background-repeat:no-repeat }

.small {font-size:13px; }

.sections { margin: 10px 3px 0 3px }

.section {
	/*display:block;
	float:left;
 	width: 303px;*/
 	/*background-color:#FDFAF0;
	border: 1px solid #CBA96C ;*/
}
.section.border-1 {
	border:1px solid #efefef;
}


/*a.section {
	text-decoration:none;
}
a.section:hover {
	border: 1px solid #7E6842;
}*/
/*.section img {border:none }
*/
.section .head {	
 background-color:#F9EFD2;
}
.section .head h3 {
	padding: 5px 5px 5px 10px;
  font-size: 14px;
  font-weight:normal;
  letter-spacing:1px;
  float: left;
}

.section input[type="checkbox" i] {
	margin: 0 auto;
}
.section label { 
	font-size:12px;
	padding:0;margin:0;}


/*.section .head .a { 
	display:block;
}*/

/*
.section .head a, 
.section .head span
{
	float:left;
	text-decoration:none;
	color:#333;
	padding: 4px 0px 2px 0; 
	margin: 3px 4px 0 0;
}
*/


/*	
	color:#333;
	padding: 4px 23px 2px 0; 
	margin: 3px 4px 0 0;
	background-image:url(images/linkBullet.gif); 
	background-position:right; 
	background-repeat:no-repeat; 

*/
.section .head a.linkBullet,
.linkBullet 
{ 
	color:#00649d;
	float:right; 
	padding: 4px 2px 2px 0; 
	margin: 3px 4px 0 0;
	}
.section .head a:hover,
.section .head a:hover h3, 
.section .head a.linkBullet:hover, 
.linkBullet:hover 
{
	color: #00649d;
}

/*.section .head a.linkBullet:hover, 
.linkBullet:hover 
{
	background-image:url(images/linkBulletHover.png); 
}*/


.section ul {
	padding: 2px 10px 10px 10px;
}
.section ul a {
	text-decoration: none;
	color: #00649d;
	font-weight: bold;
}
.section ul .normal a {
	font-weight: normal;
}
.section ul a:hover {
	color: #00649d;
	text-decoration: underline;
}

.fadeSpacer {margin: 0 0 10px 0;padding:0; background-image:url(fade.jpg); background-position:left; 
	background-repeat:no-repeat; background-color:#84A8CC;height:5px;width:100%}

.footer { padding: 10px; margin: auto; font-weight:10px  }
.footer a { color: #FFF; text-decoration:none; font-style:normal; padding-right:10px  }
.footer a:hover { text-decoration:underline  }

.clear {clear:both; }
.pad4 {padding: 4px; }
.textPageContent { 
	margin:auto; 
	width:750px; 
	padding:0px 10px 10px 10px;  
	/*min-height:500px */
}




/* use on product pages */
.productPageContent { padding:0px 20px 10px 20px; min-height:500px } 

/*facebook*/
.fb_edge_comment_widget  {top: inherit!important; bottom: 12px!important }
.fb_ltr { background-image:none }
.connect_widget_button_count_excluding table.uiGrid { display:none }

.copyright {
	font-size:10px;
	text-align:center;
	padding:10px 0 0 0;
}
.copyright strong { font-weight:normal }


/*for the area where user builds there own nativity set*/
/*height: 460px*/
.buildIt {
	position: relative; 
	width: 800px; 
	height:300px; ;
	margin-top:10px; 
}
.buildIt > img {
	position: absolute;
}
.buildIt.small, .buildit.medium { 
	height: 300px;
}
.buildIt.large { 
	height: 220px;
}
.buildIt.lifesize { 
	height: 220px;
}

.headerHover:hover {
	background-color: #F1F1F3;
	background-color: #f7f7f7;
	 cursor:pointer;
}


.nativityNav { float:right; margin: 5px 30px 0 0 }
.nativityNav a { text-decoration:none; font-size:14px; font-style:normal; margin-right:8px; padding:1px 2px; border: 1px soLid #fff}
.nativityNav a:hover { border:1px solid #000 }
.nativityNav a.selected {color:#000; border:1px solid #333 }

a.boxHover:hover {border:1px solid #000}


.indent { padding: 4px 0 4px 16px; margin:0 }

.shopTable { width: 100%; margin-left:40px }
.shopTable td { padding: 20px 40px 20px 0px; width:33%; vertical-align:top }
		
.regPrice {
	font-size:11px;
	font-style:normal;
	text-decoration:line-through;
	color:#888;
	}
.salePrice {
	font-size:13px;
	color: #900;
}

.extrasTable {}
.extrasTable th {
	color: #929497;
}
.extrasTable th, .extrasTable td { 
	/*border:1px solid #eee; */
	padding: 2px 4px;
	text-align:center;
}

.extrasTable td.title { 
	font-weight: bold;
	text-align:right;
}

.extrasLink {
	font-weight: bold;
}
.extra {
	float: left;
	margin: 2px;
}
.extra img {
	/*height: 114px;*/
	height: 98px;
	display: block;
}
.extra a {
	display: block;
	font-weight: bold;
    text-align:center
}


/*For TShirt colors*/
.colorChip  {
	text-decoration:none; 
	padding: 1px;
	width:13px;
	height:13px;
	display: inline-block;
}
.colorChip.selected {
	border:1px solid #000;
/*	
border:1px solid #cba96c;
	background-color: #cba96c;*/
}
.colorChip img,
.colorChip span img {
	width:12px;
	height:12px;
	display: inline-block;
}
#tshirtTable input { width: 50px;}

.errorMessage {
	color: red;
}

.useCheckboxes
{float: right; 
	padding-right:20px ; 
	margin:auto; 
}

.photos img {
	border-bottom: 10px solid #ffffff;
	 width: 100%;
	height: auto;
}


/*stuff  for messages page*/
.messages .card h2 {
    padding: 5px 0 5px 0;
}
.messages .card span {
    padding: 10px 0 10px 0;
}
.messages .card div {
}

.messages .card span.price  {
	display: inline-block;
	position: relative;
	top:-10px;
	font-weight: bold;
}



/*stuff to affect bootstrap*/
.not-rounded, * {
  border-radius: 0 !important;
}
