/* 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,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;}


/* 
COLOR PALLETTE 
PURPLE: A61B40;
YELLOW: F2B705;
ORANGE: F25C05;
RED: A61103;
DARK: 590202;
*/

div {position: relative;}
a {text-decoration: none; border: none;}

p {padding: 5px 10px; font-size: 13px; color: #6a5330; line-height: 18px;}
	p a {color: #3f2905; text-decoration: underline;}
	p.view_all {font-size: 10px; padding: 0 10px;}
h1{padding: 5px 10px; font-weight: bold; font-size: 26px; line-height: 36px; font-size: 26px; font-family: Georgia, serif;}
h2{padding: 3px 10px;}
h3{color: #b68942; font-family: Georgia, serif; font-weight: bold; font-style: italic; padding: 3px 10px;}
	h3 a {color: #b68942; }
	h3 a:hover {color: #590202; }
h4{padding: 5px 25px; font-size: 16px; line-height: 42px; font-weight: bold; background: url(images/right-header.png) 0 0 no-repeat;color: #590202;}
	h4 a {color: #590202;}
	h4 a:hover {color: #f1f1f1;}
h5 {font-size: 11px; font-weight: bold; line-height: 30px;}

/* LIST ITEMS IN THE MAIN CONTENT AREA */
 div#column_main ul {list-style: disc; margin: 5px 10px; font-size: 13px; padding: 2px 20px;}

.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.imgleft {float: left; padding: 0 20px 20px 0;}
.imgright {float: right; padding: 0 0 20px 20px;}


body {background: #fff url(images/ctk-bg.jpg) repeat-x 50% 0 fixed;  font-family: verdana, arial, sans-serif; color: #590202; padding: 60px 0 0 0; }
div#main {width: 840px; min-height: 1120px; background: #f7f4ee; margin: 20px auto;border: 2px solid #ad8f60; padding: 0 0 213px 0;}
div#header {background: url(images/ctk-header.png); width: 853px; height: 144px; position: absolute; top: -70px; left: -7px;}
div#content {margin: 100px 0 0;}
	div#content div#cb {}

	body#home div#content {}
		body#home	div#content div#cb {}
	div#content div#home_content {}

	
	div#content div#column_main {float: right; width: 510px;}
	div#content div#column_side {padding-top: 195px; width: 325px;}
		 body#home div#column_side {padding-top: 165px;}
		
		div#column_side div#home_filler {background: url(images/home-filler.png) 0 0 no-repeat; z-index: 99; position: absolute; top: -80px; left: -20px; width: 350px; height: 275px; }
		body#wedding div#column_side div#home_filler {background: url(images/wedding-filler.png) 0 0 no-repeat; z-index: 99; position: absolute; top: -80px; left: -20px; width: 350px; height: 275px; }
		div#content div#column_side h3 {}
			div#content div#column_side h3 span {}
			
			div#column_side div#newsletter_collection {background: url(images/sidebar-flap.jpg) 0 100% no-repeat; padding: 20px 10px 40px; }



div#footer {font-size: 11px; width: 982px; height: 170px; padding: 40px 0 0 0;  margin: -150px auto 0; background: url(images/footer.png) 50% 100% no-repeat;}			
	div#footer a {}	
	div#footer p {margin: 0 40px;}
		div#footer p.half {width: 400px; padding: 10px; float: left; line-height: 22px;}
		div#footer p.quarter {float: left; font-size: 12px; line-height: 21px;} 
		div#footer p.quarter2 {font-size: 12px; line-height: 21px;} 
	div#footer h5 {margin-left: 540px;}
	
div#header h5#logo {}
	div#header h5#logo span {}

blockquote {}
 blockquote p {}

#content #colright ul {}


#logo {background: url(images/ctk_logo.jpg) 0 0 no-repeat; width: 228px; height: 63px; margin: 30px;}
	#logo a {}
	#logo span {display: none;}
	
/* SUBHEAD */
div#subhead {position: absolute; left: 330px; top: 108px;}
	div#subhead ul {font-family: Georgia, serif; font-weight: bold; font-style: italic; font-size: 14px;}
	div#subhead ul li {display: inline; padding-right: 15px;}
		div#subhead ul li a {color: #5a3f14;}
		div#subhead ul li a:hover {color: #b68942;}
	
/* HIDDEN DROP DROP NAVIGATION */
#nav {position: absolute; top: 10px; margin: 0 0 1px 265px; padding: 10px 4px; font-size: 11px; font-family: Georgia, serif; font-weight: bold; font-style: italic; height: 26px; text-transform: lowercase;}		 

	#nav ul#main_nav {margin: 0; padding: 0;}
	#nav ul#main_nav li {list-style: none; float: left; margin-left: 1px; padding-left: 8px; line-height: 24px; white-space: nowrap; position: relative;}
	#nav ul#main_nav li a {display: block; padding: 0 8px 0 0; text-decoration: none; font-weight: bold; color: #5a3f14;}
		
	#nav ul#main_nav li a:hover {color: #b68942;}
			
		ul#main_nav ul.sub_nav {position: absolute; top: 23px; left: -9999em; z-index: 99;  padding: 2px 0 10px; width: 150px; text-align: left;}
			ul#main_nav ul.sub_nav li {float: none;  color: #292929; padding: 0; display: block; width: 150px;}
			ul#main_nav ul.sub_nav li a {background: none; color: #f9f9f9;padding: 0; margin: 0; }
				ul#main_nav ul.sub_nav li a:hover {color: #fdff4a; display: block;}
		
		ul#main_nav li:hover ul {left:0; position: absolute; z-index: 99;}
		
		/* FORCE IE TO DEAL WITH PSUEDO CLASSES BETTER */
		#nav ul#main_nav li {}
		#nav ul#main_nav li:hover {}
		#nav ul#main_nav li:hover a {}
	
/* THREE BUCKETS */
#threebuckets {background: url(images/three_buckets.jpg) 0 0 repeat-y; float: left; }
	#threebuckets .bucket {background: url(images/bucket.jpg) 0 0 repeat-x; float: left; width: 320px;}
	#threebuckets h3 {line-height: 46px; padding: 0 15px;}
	#threebuckets p {padding: 5px 15px;}

/* CJG STORE */

/* CART PREVIEW */
div#cart_preview {float: right; z-index: 99; position: absolute; right: 70px; top: 30px; text-align: center;}
	div#cart_preview p#cart {background: url(images/cart.png) 0 50% no-repeat; padding: 0 0 0 25px; margin: 8px 0 3px; line-height: 16px;}
	div#cart_preview p#preview {margin: 0; padding: 0 0 3px 0; line-height: 16px; font-size: 10px;}
	div#cart_preview a {color: #5a3f14}
		div#cart_preview a:hover {color: #b68942;}

/* STORE NAV*/
ul#storenav_v {padding: 5px 10px; font-size: 12px;}
	ul#storenav_v li {padding: 5px; border-bottom: 1px solid #f4e1c2;}
	ul#storenav_v li.category a {display: block; color: #590202; text-decoration: none;}
		ul#storenav_v li.category a:hover	{color: #b68942;}
	ul#storenav_v li.subcategory a {display: block; color: #b68942; text-decoration: none; padding-left: 10px;}
		ul#storenav_v li.subcategory a:hover {color: #590202; }
		
	/* IN THE FOOTER */
	ul#storenav_footer {padding: 5px 10px; font-size: 12px; margin: 35px auto; width: 900px;}
	ul#storenav_footer li {padding: 5px; white-space: nowrap;}
	ul#storenav_footer li.category {float: left; clear: left;}
	ul#storenav_footer li.category a { color: #590202; text-decoration: none; font-size: 10px;}
		ul#storenav_footer li.category a:hover	{color: #b68942;}
	ul#storenav_footer li.subcategory {float: left;}
	ul#storenav_footer li.subcategory a { color: #b68942; text-decoration: none; padding-left: 4px; font-size: 10px;}
		ul#storenav_footer li.subcategory a:hover {color: #590202; }

/* CATEGORY PREVIEW */
.category_preview {float: left; padding: 10px;}
	
/* PRODUCT DISPLAY */
div.product { float: left; text-align: center; width: 150px; height: 185px;padding: 2px; margin: 6px;}
	div#column_side div.product {width: 130px; height: 170px;padding: 2px; margin: 5px;}

	div.product img.feature_image { padding: 2px 7px 2px 8px; }
div.product h2 {font-size: 11px; border: none;}

div#product_detail {padding: 10px 0;}
div#product_detail img.feature_image {float: left; padding: 2px 15px 5px 10px;}
	
/* CART DISPLAY */
table#cart {background: #FFFFFF; margin: 20px auto; width: 500px; border-left: 1px solid #647f86; border-top: 1px solid #647f86;}
table#cart th, table#cart td {text-align: center; padding: 4px 6px 3px; border-bottom: 1px solid #647f86; }
table#cart td { font: 13px Arial; border-right: 1px solid #647f86; }
	table#cart td.right { text-align: right; }
	table#cart td.name { text-align: left; }
table#cart thead th { font: bold 11px Arial; border: 1px solid #647f86; border-width: 0 1px 1px 0; background: #647f86; color: white; }
table#cart th { border-right: 1px solid #647f86; font: bold 12px Arial; }

/* CHECKOUT FORMS */
/* ADD TO CART FORM */
form#add_to_cart { font-size: 11px;}
form#add_to_cart div {}
form#add_to_cart label {display: block;}

/* FORMS */
form.form {width: 500px; margin: 20px auto; font-size: 11px;}
form.form fieldset {margin: 0 0 20px 0; padding: 5px 5px 5px 10px; border: 1px solid black;}
form.form legend {padding: 5px;}
form.form label {display: block;}
form.form input {width: 455px; padding: 6px; line-height: 18px; border: 1px solid #c3c3c3; margin-bottom: 4px;}
form.form textarea {width: 455px; padding: 6px; line-height: 18px; border: 1px solid #c3c3c3; margin-bottom: 4px; height: 100px;}
form.form input.button {width: auto; float: right; margin: 5px 10px;}

form.form button {width: auto; float: right; margin: 5px 10px;}

form.form div.box input {width: 15px;}  
form.form div.box label {display: inline; }

form.form div.half {width: 50%; float: left;}
form.form div.half input {width: 215px;}

form.form div.third {width: 33%; float: left;}
form.form div.third input, form.form div.third select {width: 136px;}

div.half {width: 280px; float: left;}


div#success {border: 1px solid #00320b; background: #e8fbe2;}
div#failure {border: 1px solid red; background: pink;}
/* input:focus, select:focus, textarea:focus {background:#f1f1f1;} */

/* CHECKOUT PROCESSS */
div.checkout {background: url(images/checkout-process.gif); background-repeat: no-repeat; width: 600px; height: 40px; margin: 20px auto 0;}
	div#step1 {background-position: 0 0;}
	div#step2 {background-position: 0 -40px;}
	div#step3 {background-position: 0 -80px;}
	div#step4 {background-position: 0 -120px;}
	div#step5 {background-position: 0 -160px;}


/* PAGINATION */
.pagination {margin: 0 0 20px; padding: 5px 15px; text-align: right; background: #f2f2f2; color: #013451; font-size: 11px;}
.pagination a {text-decoration: none; color: #0282c1; padding: 1px 5px; font-weight: bold;}
	.pagination a:hover {color: #FF9B00;}
.pagination .current { color: #FF9B00; padding: 1px 5px;}


/* ANNOUNCE */

div#announce {background: url(images/announce-bg.png) 50% 0 no-repeat; padding: 40px 20px 10px;}



/* MODALBOX CSS */

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(http://www.cattlekate.com/public/scripts/lightbox/images/prevlabel.gif) left 0 no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(http://www.cattlekate.com/public/scripts/lightbox/images/nextlabel.gif) right 0 no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }