/* Template Catergories Nav */

body#templates
	{}
	
	ul#template-nav
		{}
		
		ul#template-nav li
			{float: left; margin: 0 19px 19px 0; border: 4px solid #FFF; background-color: #EEE; position: relative; font-weight: bold; font-size: 12pt; letter-spacing: -0.015em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 1.2;
			-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
			/*ul#template-nav li:nth-last-child(3n+1)
					{margin-right: 0;}*/
			ul#template-nav li.end
					{margin-right: 0;}
			ul#template-nav li:hover
					{border-color: #F90;}
			
			ul#template-nav li a
				{display: block; width: 188px; height: 75px; text-decoration: none; color: #FFF; text-shadow: 0 1px 2px rgba(0,0,0,0.7);}
				
				ul#template-nav li a span
					{cursor: pointer;}
				
				ul#template-nav li a span.title
					{display: block; text-align: right; position: absolute; right: 12px; top: 40%;}
		
			ul#template-nav li.cat-hero
				{background-color: #EEE; font-size: 20pt;}
				
				ul#template-nav li.cat-hero a
					{height: 200px; width: 618px; text-shadow: 0 1px 2px rgba(0,0,0,0.7);}
					
					ul#template-nav li.cat-hero a span.title
						{font-size: 55pt; top: 18%; letter-spacing: -0.03em;}
						
					ul#template-nav li.cat-hero a span.countdown
						{position: absolute; top: 65%; right: 20px;  letter-spacing: -0.03em;}
						
						ul#template-nav li.cat-hero a span.days
							{padding: 0.1em 0.2em; background: #000; background: rgba(0,0,0,0.8); color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
							
							
			ul#template-nav li
				{}
				
				ul#template-nav li a
					{}
			
			
			ul#template-nav li.CHR
				{background-color:#C00; font-family: "Hoefler Text", Constantia, Baskerville, "Baskerville Old Face", Garamond, Cambria, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, Times, "Times New Roman", serif; font-style: italic;}
				ul#template-nav li.CHR a
					{}
					
			ul#template-nav li.EST
				{background-color: #FF0;}
				ul#template-nav li.EST a
					{}
					ul#template-nav li.EST a span.title
						{top: 12%;}
					ul#template-nav li.EST a span.countdown
						{top: 55%;}
						
			ul#template-nav li.FAD
				{background-color: #0033FF;}
				
				ul#template-nav li.FAD a span.title
					{font-size: 43pt; top: 20%;}
					
				ul#template-nav li.FAD a span.countdown
					{top: 60%;}
			
			ul#template-nav li.GUY
				{background-color: #000;}
				
				ul#template-nav li.GUY a
					{}
					
					ul#template-nav li.GUY a span.title
						{font-size: 45pt; width: 5em; line-height: 0.9; top: 15%;}
						
					ul#template-nav li.GUY a span.countdown
						{font-size: 17pt; top: 75%;}
						
						ul#template-nav li.GUY a span.days
							{background: #FC0; color: #000; tesxt-shadow: none !important;}
			
			ul#template-nav li.HAL
				{background-color: #000;}
				
				ul#template-nav li.HAL a span.days
					{background: #F90; background: rgba(255,153,0,0.8);}
					
			ul#template-nav li.STA a span.title,
			ul#template-nav li.STD a span.title,
			ul#template-nav li.STG a span.title,
			ul#template-nav li.STP a span.title
				{font-size: 37pt; top: 25%;}
				
			ul#template-nav li.STA a span.countdown,
			ul#template-nav li.STD a span.countdown,
			ul#template-nav li.STG a span.countdown,
			ul#template-nav li.STP a span.countdown
				{top: 60%;}
			
			ul#template-nav li.STA
				{background-color: #0065BD;}
				ul#template-nav li.STA a
					{}
					
			ul#template-nav li.STD
				{background-color: #FFF;}
				ul#template-nav li.STD a
					{color: #000; text-shadow: none;}
					
			ul#template-nav li.STG
				{background-color: #CF142B;}
				ul#template-nav li.STG a
					{}
					ul#template-nav li.STG a span.countdown
						{font-size: 15pt;}
					
			ul#template-nav li.STP
				{background-color: #009B48;}
				ul#template-nav li.STP a
					{}
					ul#template-nav li.STP a span.days
						{background-image: -moz-linear-gradient(#FFC 5%, #1D0C0E 25%); -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0;}
					
			ul#template-nav li.VAL
				{background-color: #FCF;}
				ul#template-nav li.VAL a
					{}
					ul#template-nav li.VAL a span.title
						{color: #CA2827;}
					
			ul#template-nav li.NYR
				{background-color: #000;}
				ul#template-nav li.NYR a
					{}
					
					
			ul#template-nav li.MOD
				{background-color: #F9F;}
				ul#template-nav li.MOD a
					{}
					
			ul#template-nav li.XXX
				{}
				ul#template-nav li.XXX a
					{}
					
			ul#template-nav li.XXX
				{}
				ul#template-nav li.XXX a
					{}
					
			ul#template-nav li.XXX
				{}
				ul#template-nav li.XXX a
					{}
					
			ul#template-nav li.XXX
				{}
				ul#template-nav li.XXX a
					{}
							
			ul#template-nav li.WCP
				{background-color: #3C0;}
				ul#template-nav li.WCP a
					{}
					
/* Template Specific Catergory Nav */

div#template-gallery
		{margin: 2em 0 0 0;}
		
		div.template
			{width: 200px; margin: 0 13px 20px 0; float: left;}
			div.template.lasttemplate {margin-right: 0;}
			di#template-gallery div.end
				{margin-right: 0;}
				
			div.template img
				{}
				
			div.template h2
				{margin: 8px 0; font-size: 10pt; font-weight: bold; line-height: 1.2;}
			
			div.template h2,
			div.template ul
				{padding: 0 6px;}
			
			div.template ul
				{}
				
				div.template ul li
					{float: left;}
					
					div.template ul li a
						{display: block; text-decoration: none; padding: 0.1em 0.3em; background-color: #F60; border: 2px solid #F90; color: #FFF; font-size: 8pt; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
						div.template ul li a:hover
							{border-color: #F60; background-color: #F90; color: #FFF;}
							
/* Template Detail */

body#template-detail
	{}
	
	body#template-detail h1 strong
		{display: block; font-size: 130%;}
		
		body#template-detail div#preview
			{position: relative; text-align: center;}
			
			body#template-detail .contentbox img
				{display: block; margin: 2em 0; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3); box-shadow: 0 2px 3px rgba(0,0,0,0.3);}
				
			body#template-detail div#finish-overlay
				{position: absolute; width: 626px; height: 313px; background-image: url(../images/template_finish_stitch.png); top: 0; left: 0;}
			
		form#form-template-add
			{margin-bottom: 1em;}
			
		form#form-template-add fieldset
			{width: 271px; margin-bottom: 20px;}
			form#form-template-add fieldset + fieldset
				{margin-top: 0;}
			
			form#form-template-add fieldset.banner
				{float: left;}
				
			form#form-template-add fieldset.custom
				{float: right;}
				
				form#form-template-add li.width,
				form#form-template-add li.height,
				form#form-template-add li.measurements,
				form#form-template-add li.quantity
					{width: 125px; margin-right: 0;}
					
				form#form-template-add li.width,
				form#form-template-add li.measurements
					{margin-right: 21px; position: relative;}
					form#form-template-add li.width:after
						{content: "\00D7"; position: absolute; right: -13px; top: 40%;}
					
					form#form-template-add li.width input,
					form#form-template-add li.height input,
					form#form-template-add li.quantity input
						{width: 115px;}
						
				form#form-template-add li.material,
				form#form-template-add li.finish,
				form#form-template-add li.field-1,
				form#form-template-add li.field-2,
				form#form-template-add li.field-3
					{margin-right: 0; width: 100%;}
					
					form#form-template-add li.measurements select,
					form#form-template-add li.finish select
						{width: 100%;}
						
				form#form-template-add li.finish
					{}
				
				form#form-template-add li.field-1,
				form#form-template-add li.field-2,
				form#form-template-add li.field-3
					{}
					
					form#form-template-add li.field-1 input,
					form#form-template-add li.field-2 input,
					form#form-template-add li.field-3 input
						{width: 261px;}
					
				form#form-template-add li.finish,
				form#form-template-add li.field-3
					{margin-bottom: 0; min-height: 48px;}
					
				form#form-template-add p.note
					{float: left; margin: 0 0 0 20px;}
				
			
			form#form-template-add div.calculate
				{float: left;}
			form#form-template-add div.calculated
				{width: 304px;}
				
				form#form-template-add div.calculate div#calculate
					{background-color: #DDD; padding: 10px 10px 7px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #CCC; -webkit-transition: background-color 0.3s linear;}
					form#form-template-add div.calculated div#calculate
						{background-color: #F90; border-color: #CE7B00;}
			
					form#form-template-add button
						{padding: 0; height: 47px; margin-top: -1px;}
						
						form#form-template-add button#calculateprice
							{float: left; margin-left: 0; width: 168px; background-image: url(../images/button_calculate_2.png);}
							
						form#form-template-add p#calculation
							{float: right; margin: 0; font-weight: bold; background-color: #FFF; line-height: 1; padding: 4px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: -0.1em; border: 1px solid #CE7B00;}
							
							form#form-template-add p#calculation .pounds
								{font-size: 260%;}
								
							form#form-template-add p#calculation .pennies
								{font-size: 150%;}
						
					form#form-template-add button#addbasket
							{margin: 10px 0 0 10px; background-image: url(../images/button_add_to_basket_small.png); width: 176px;}
							
					form#form-template-add li.custom-text {
						width: 100%;
					}
					
					form#form-template-add #custom-text {
						width: 100%;
						height: 150px;
					}
							
body#template-detail div#template-gallery div.template
	{margin-bottom: 5px;}

	body#template-detail div#template-gallery img
		{margin: 0;}
		
#template-contact {
	padding: 4px 0;
	border-top: #999 dashed 1px;
	border-bottom: #999 dashed 1px;
}

body#template-detail .contentbox #template-contact img {
	float: right;
	-moz-box-shadow: none;
	margin: 0 -20px 0 5px;
}

body#template-detail .contentbox form {margin-top: -20px;}

#template-contact strong {font-weight: bold; font-size: 1.4;}

/* Howdens */

body.howdens ul#template-nav li a span.title
	{top: auto; bottom: 6px;}
	
ul#template-nav li:hover
	{border-color: #F00;}

/* Zoomy jQuery Plugin */

a.zoom img
	{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.zoomy{
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.6);
	box-shadow: 0 3px 5px rgba(0,0,0,0.6);
    border: 0;
    cursor: url(blank.gif), move;
    line-height: 100px;
    text-align: center;
    background-image: url(loading.gif);
    background-position: center;
    background-color: #fff;
    z-index: 1000;
}
.zoomy span{
    display: block;
    margin: 10px auto;
    background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5)));
    background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);

}


.zoomy img{
    opacity: 0;
    filter:alpha(opacity=0);
}
.zoomy a{
    color: #333;
    text-decoration: none;
}

.broke a{
    display: block;
    height: 100%;
    width: 100%;
    
}

#brokeZoomy{
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: #fff url(broke.gif) center no-repeat;
}