/* Default LF CSS */


body { background:url(/images/bg.png) center top repeat; font-family:Century Gothic, Apple Gothic, sans-serif; font-size:90%;}

/* Clear styles */
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;}
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;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
br.clear { clear:both; height:0; margin:0; font-size: 1px; line-height:0px;}

br { height:0; margin:0; padding:0; clear:both; }

#admin br, #checkout br { display:block; }


/*      Default Form Styles      */
input, select, label, textarea { font-size:100%; padding:2px 3px 2px 2px; margin:2px 0 4px 0; display:block;}
input.submit { margin:5px 0 15px 0; padding:3px; font-size:120%; color:#003300;}
textarea { width:85%; height:200px;}
textarea.short { width:85%; height:110;}
label.checkbox input { float:left; display:inline-block; margin:0 6px 0 0 !important; }
input[type=hidden] { display:none; }


/*      Error Handling      */
.success { font-size:105%; color:#006600; margin:10px 0; font-weight:bolder; clear:both; width:98%;}
.error, .alert { color:#FF0000; padding:5px 15px; text-align:left; font-style:italic; font-size:105%; font-weight:bolder; position:relative; z-index:10;}
#admin #flash_notice_holder { width:350px; left:50%; margin:66px 0 0 -309px; text-align:center; font-size:100%; position:absolute; z-index:10; background-color:#FFF;}


div#top_navigation_replace p#flash_notice_holder { font-family:"Cambria", "Georgia"; font-weight:normal !important; }


/*      Link Styles      */
a {  cursor:pointer; outline-style:none;}
a, a:link, a:visited { color:#006666; text-decoration:none;}
a:hover { color:#990000 !important}
a.delete { color:#CC0000 !important}
a.delete:hover { color:#333333;}


/*      Header Styles      */
h1 { font-size:1.4em; font-weight:normal; margin:10px 0 0 0; color:#333333;}
h2 { font-size:120%; font-weight:normal; margin:10px 0 0px 0px; color:#666666;}
  h2 em { font-style:normal; color:#000000; font-weight:bolder;}
h3 { font-size:130%; font-weight:normal; margin:0px 0 5px 0px; color:#2d539c;}
h4 { font-size:110%; font-weight:normal; margin:0px 0 5px 0px; color:#999999;}


p { letter-spacing:-.02em; }
/*      Base Layout CSS         */

/*      List styles         */
.move li {cursor:move !important}
ul.list, ul.feed { margin:0 0 30px 0; padding:0 0 0 0;}
  ul.list li a:link, ul.list li a:visited { display:block; padding:3px 5px !important; border-bottom:1px solid #e6e5e5;}
  ul.list li.active a:link, ul.list li.active a:visited { color:#000000;}
  ul.list li a:hover { background:#f9f9f9;}
  ul.list li.active { margin:0 0 0 -5px; color:#000000; font-weight:bolder;}
ul.feed li { padding:3px 5px 5px 3px !important; border-bottom:1px solid #e6e5e5; font-size:95%; width:90% !important; clear:both; color:#666666;}
  ul.feed li span.right { font-size:90%; color:#999999; margin:-1.5em 0 0 0;}
  ul.feed li div.right { font-size:95%; color:#999999; margin:5px 0 0 0;}
  ul.feed li:hover { background:#f9f9f9;}
  ul.feed li a:link, ul.feed li a:visited, ul.feed li a { display:inline !important; padding:0; color:#13539a; border-bottom:0; width:auto !important;}
  ul.feed li a:hover { color:#000;}

ul.move li { background:url(../images/move.png) center left no-repeat; padding:3px 5px 5px 20px; cursor:move !important }

/*      Repeating styles         */
.info { color:#666666; background:none; font-size:86%; margin:0; padding:0 !important}
.highlight { background:#E9D8C7; padding:3px 6px !important; margin:6px 0; color:#333333 !important}
.right { float:right !important}
.left { float:left !important}
.em { font-style:italic !important}
.read { font-style:italic; color:#CCCCCC; font-size:90% !important}
.unread { color:#999999; font-size:90% !important}
.small { font-size:85% !important}
.big { font-size:130% !important}
.huge { font-size:200% !important}
.tiny { font-size:70% !important}
.thin { line-height:70% !important}
.center { text-align:center !important}
.sitRight { float:left; margin:-38px 0 0 150px;}
.fontN { font-weight:500; font-style:normal !important}
.half { width:49% !important}
b { font-weight:bold !important}
.black { color:#000000 !important}
.grey { color:#999999 !important}
center.white { background-color:#FFFFFF !important}
.drag { cursor:move;}
/* .navTiny { font-size:.7em !important; } */
 

/*      Tide Clocks home         */


#wrapper { width:900px; background:url(/images/bgT.png) center top no-repeat;}
#container { width:720px;}

#header {height:100px; width:850px;}
	#logo { margin:14px 0 25px 104px; float:left;}
	
#nav { width:433px !important; margin:0px 0px -30px 115px; float:left; clear:both; height:61px; position:relative; z-index:4; list-style:none;}

#nav li { float:left; }

#nav li a { margin:0;}
#nav li a#home {background: url(/images/home_nav.png) 0 0 no-repeat; text-decoration:none; color:#663300; display:block; text-indent:-2000px; height:60px; width:116px; margin:0 0 0 0;}
#nav li a#home:hover, #wrapper #nav li a#home.active { background:url(/images/home_nav.png) 0 -60px !important; background-repeat:no-repeat}
#nav li a#about {background: url(/images/about_nav.png) 0 -3px no-repeat; text-decoration:none; color:#663300; display:block; text-indent:-2000px; height:60px; width:99px; }
#nav li a#about:hover, #about.active { background:url(/images/about_nav.png) 0 -63px !important; background-repeat:no-repeat}
#nav li a#shop {background: url(/images/shop_nav.png) 0 3px no-repeat; text-decoration:none; color:#663300; display:block; text-indent:-2000px; height:60px; width:87px; margin-left:0px !important; }
#nav li a#shop:hover, #shop.active { background:url(/images/shop_nav.png) 0 -57px !important; background-repeat:no-repeat}
#nav li a#contact {background: url(/images/contact_nav.png) 0 0 no-repeat; text-decoration:none; color:#663300; display:block; text-indent:-2000px; height:60px; width:130px; }
#nav li a#contact:hover, #contact.active { background:url(/images/contact_nav.png) 0 -60px !important; background-repeat:no-repeat}

#nav ul { list-style:none;}
	#nav ul li { width:90px; height:30px;  display:inline; padding:15px 0 0 10px;}

.section { padding:0 0; background:url(/images/topR.png) top left repeat-y; margin:0 0 0 0; width:452px; min-height:155px; }
	.section .bg { background:url(/images/topT.png) top left no-repeat; width: 93%; padding:1px 5% 0 2%; min-height:84px;}
	.section .bot { background:url(/images/topB.png) top left no-repeat; width: 100%; height:87px; margin:-23px 0 0 0;}
	.mid .bot { margin:-30px 0 0 0;}
	.section .botTwo { background:url(/images/topB2.png) top left no-repeat; width: 100%; height:87px; margin:-14px 0 0 0;}
	.section p { padding:10px 0 10px 10px; position:relative; z-index:4; line-height:1.5em;  }
	form { position:relative; z-index:4; }
	.section h1 { color:#461f00; padding:15px 0 0 0; }
	.section h1 a:link, .section h1 a:visited { color:#461f00; }
	.section ul { list-style:none; padding:24px 0 0 0; }
	.section .shop ul {padding:0 0 0 0 !important; }
		.section ul li { display:inline-block; width:114px; margin:0 22px 10px 0; padding:10px 2px 20px 2px; float:left;}
		.section div.shop ul li { margin:0 22px 10px 0; }
		.section ul li a { display:block; width:114px; }
		.section ul li a:link span, .section ul li a:visited span { text-align:center; height:2em; display:block; padding:125px 0 0 0; color:#733500; font-weight:bolder; }
		.section ul li:hover, .section ul li.active { background:#dfc5a4; }
		.section ul li:hover a span { color:#FFF; }

	#top_navigation_replace { padding-left:4%; }
	#top_navigation_replace h2 { padding-top:25px; }
	
	.leftClip { background-image:url(/images/leftClip.png); background-repeat:no-repeat; padding:13px 0 13px 49px!important; color:#421e00; margin-left:-25px; font-family:Helvetica, Arial, sans-serif; font-weight:bolder; text-transform:uppercase; letter-spacing:-.05em; margin-top:-27px; }
	.leftClip2 { background-image:url(/images/leftClip.png); background-repeat:no-repeat; padding:16px 0 21px 49px!important; color:#421e00; margin-left:-50px; font-family:Helvetica, Arial, sans-serif; font-weight:bolder; text-transform:uppercase; letter-spacing:-.05em; margin-top:-20px; font-size:1.1em; }
.sectionPic { position:absolute; margin:-26px 0 0 -35px;}
	
.mid { background:url(/images/topR.png); margin-top:-12px; }	
	.mid .bg { background:url(/images/midT.png) top left no-repeat; width: 93%;}
	.mid .bot { background:url(/images/midB.png) top left no-repeat; width: 100%; height:96px;}
	.bot .bot { background:url(/images/botB.png) top left no-repeat; width: 100%; height:96px;}
	.bot p { padding:10px 0px 10px 10px; }
	.bot p+p { padding:10px 0 10px 10px; }

div.section div.shop { min-height:360px; display:inline-block; }
div.section div.shop ul { position:relative; z-index:5; }
div.section div.featured { min-height:214px !important; }

/* .bg { text-align:right;}
.bgBottom { margin-left:-55px; margin-top:-40px; z-index:0; background-image:url(/images/background_04.png); height:185px; width:610px; position:absolute; background-repeat:no-repeat;}
*/
#header { width:100%; }
#container { width:780px; text-align:left; position:relative;}
#mid { width:25%; float:left; margin:20px 0 0 0;}
#footer { height:90px; width:100%; background:url(../images/footerBg.png) top left repeat-x; color:#CCC; font-size:85%; padding:5px 0 0 0; position:relative; z-index:2;}
  #footer a:link, #footer a:visited { color:#FFF; font-weight:bolder;}
  #footer a:hover { color:#CCC; border-bottom:1px solid #CCCCCC;}

.section ul.subNav { font-family:"Cambria", "Georgia"; display:inline-block;  }
	.section ul.subNav li { float:left; margin:0 0 0 0; width:190px; padding:0;}
	.section ul.subNav li:hover { background:none;}
	.section ul.subNav li a:link, .section ul.subNav li a:visited { font-size:.7em; text-transform:uppercase; display:block; height:1.3em; border-bottom:1px solid #cc9966; border-top:1px solid #cc9966; padding:4px; color:#673b00 !important; overflow:hidden; width:95%; margin:0px 0 -1px 0;}
	.section ul.subNav li.right { margin:0 15px 0 0 !important; text-align:left; }
	.section ul.subNav li a:hover { color:#000 !important; }
	.section ul.subNav li.active a:hover { background-color:#DFC5A4 !important; }

#left {float:left; width:455px; margin:0 0 0 45px; }
	#topinfo { color:#996600; padding-top:15px; margin-top:-10px;}
	#topinfo p { padding-top:-10px;}
	#wereFirst p { padding:25px 40px 5px 25px;}

#right { background:url(/images/rightR.png) top left repeat-y; float:right; text-align:left; width:266px; margin:28px 40px 20px 91px; position:absolute; left:50%; z-index:3; padding:0 0 0 0;}

	#right .bg {  background:url(/images/rightT.png) top left no-repeat;width: 100%; padding:72px 0 0 0; min-height:500px;}
	#right .bot { background:url(/images/rightB.png) bottom left no-repeat; width: 100%; height:74px;}
	#right p { padding:5px 40px 15px 40px; }
	#right a {color:#006666; }
	.delete { padding-left:25px; }
	.pics { margin:5px 7px 15px !important; }
	.picsLast { margin:5px 7px 0 !important; }
	#right .bg img { margin:5px 7px 15px; }
	#aboutTide { width:250px; height:50px; margin:0 0 10px 30px !important;}
	.aboutBot { margin:20px 0 0 !important; }
	
#footer { background:url(/images/footerBg.png) top left no-repeat; z-index:1; margin:-75px 0 0 0; color:#000; width:900px; font-size:80%; height:280px; position:relative; }
	
	#footText a {color:#993300 !important; text-decoration:underline}
	#footText { padding:210px 125px 0; text-align:left;}
	#footText span { float:left; margin-top:10px; font-size:.9em; }
	.left { text-align:left; margin-top:50px}
	.right { text-align:right; margin-top:50px;} 


/* 		Shop 		*/

#itemPic { margin:5px 12px !important; }

h1.itemTitle, h1.itemTitle2 { background-image:url(/images/itemTitle.png); background-repeat:no-repeat;  font-size:1em; width:170px; height:48px; text-transform:uppercase; padding:11px 70px 0 10px; margin-left:30px; color:#421e00; font-family:Helvetica, Arial, sans-serif; font-weight:bolder; letter-spacing:-.04em;}
h1.itemTitle2 { font-size:1.4em; padding-top:14px; height:54px; }

#right #price p { padding-left: 19px !important;}

#price { background-image:url(/images/priceTag.png); background-repeat:no-repeat; height:75px; width:115px; margin-left:115px; padding-top:28px; font-size:1.8em; font-family:"Cambria"; color:#461f00; background-position:0 15px; }
#addtocart { background-image:url(/images/btnAddCart.png); background-repeat:no-repeat; background-position:bottom left; height:31px; width:95px; margin:10px 0 10px 136px; text-indent:-3000px; position:relative; z-index:3; display:block; }

#cartBox { padding:10px 30px; }
	#cartBox h2 { border-bottom:1px solid #963; font-size:.8em; padding:0 0 3px 0; margin:0 0 0 0; color:#333; }
	.cart { }
	.cart li { border-bottom:1px solid #963; padding:7px 0 7px 0; }
	.cart span.title { width:100%; display:block; font-size:1em; font-weight:bolder; }
	.cart span.info { width:100%; display:block; font-size:.9em;}
	.career { padding-top:10px; }
	

a.delete { float:right; margin:-18px 15px 0 0; }
#order a.delete { margin:0; }

.catalog { position: relative; z-index: 5; left:25%; }
.ctr { left:15%; }

table.order{ width:80%;background:#hhh; border-collapse:collapse; border-top:1px solid #CCCCCC; }
	table.order tr{ border-bottom:1px solid #CCCCCC; }
	table.order tr td{ padding:2px 15px; }
	table.order thead tr td{ font-weight:bolder; color:#999999; }
	
#shopBottomHold ul { }
#shopBottomHold p { }

h1.topText { margin:15px 0 0 0; width:400px; }


/* form#checkOut styles */

form#checkOut{ width: 360px; text-align: left; }

fieldset{ margin: 0; border: 0; padding: 0; }

legend{ display: none; }

form#checkOut h3{ clear: both; padding: 5px 0px 10px 0px; font-size: 14px; }

form#checkOut div { display: block;font-size: 12px; line-height: 14px; padding: 0px 0px 12px 0px; }
form#checkOut div#how_you_heard_other { display:inline-block; clear:both; }
form#checkOut div#how_you_heard_other div { display:block; width:auto; padding:0;}

form#checkOut div.line{ padding: 0px; width:100%; }

form#checkOut input{ display: block; margin-top: 3px; }

form#checkOut select { float: left; display: block; font-size:12px; width:100%; margin:4px 0 0 0; }

form#checkOut div.field-first, form#checkOut div.field-address, form#checkOut div.field-city, form#checkOut div.field-email{ clear: left; }


form#checkOut div.field-first, form#checkOut div.field-last, form#checkOut div.field-city, form#checkOut div.field-email, form#checkOut div.field-phone{ float: left; margin: 0px 10px 0px 0px; width: 150px; }

form#checkOut div.field-first input, form#checkOut div.field-last input, form#checkOut div.field-email input, form#checkOut div.field-city input, form#checkOut div.field-phone input{ float: left; width: 150px; }


form#checkOut div.field-first input, form#checkOut div.field-city input { width:140px; }

form#checkOut div.field-state{ float: left; margin-right: 10px; width: 60px; }

form#checkOut div.field-state select, form#checkOut div.field-state input{ width: 60px; float: left; margin-top: 3px; }

form#checkOut div.field-zip{ float: left; width: 80px; }
form#checkOut div.field-cvv{ float: left; width: 80px; margin:0 0 0 17px; padding:0; }

form#checkOut div.field-zip input{ float: left; width: 80px; }

form#checkOut div.field-address{ float: left; width: 310px; margin: 0px 0px 0px 0px; }

form#checkOut div.field-address input{ float: left; width: 310px; }

form#checkOut input.checkbox{ clear: left; float: left; padding: 0px; margin: 0px 0px 0px 0px; }

form#checkOut div.radioitem{ clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px; }

textarea{ display: block; }

form#checkOut input#checkbox_1, form#checkOut input#checkbox_2, form#checkOut input#checkbox_3{ clear: both; float: left; padding: 0px; margin: 0px; }

form#checkOut div.field-checkbox{ clear: none; margin: 0px 0px 0px 25px; padding: 0px 0px 15px 0px; }
form#checkOut div.field-bday select{ width:auto; }
form#checkOut textarea{ margin-top: 3px; }

form#checkOut div.field-gender{ margin:3px 0 0 0; }
form#checkOut div.field-gender input{ float: left; display:inline; margin:0px 6px 0 0; }

form#checkOut div.field-describe{ display:block; clear:both; }

div.fieldWithErrors input{ display:inline; width:inherit; border:1px solid #FF0000; }


form#checkOut div.field-ccMonth{ float: left; margin-right: 10px; width: 120px; }
form#checkOut div.field-ccMonth select{ width: 110px; float:none; margin-top: 3px; }
form#checkOut div.field-ccYear{ float: left; width: 80px; }
form#checkOut div.field-ccYear select{ width: 80px; float: left; margin-top: 3px; }
form#checkOut div.field-ccDay{ float: left; width: 80px; }
form#checkOut div.field-ccDay select{ float: left; width:auto; margin-top: 3px; }

dl.totalsList{ font-size:130%; float:left; width:90%; margin:0 0 0 40px; position:relative; z-index:4; }
dl.totalsList dt{ clear:left; color:#555; float:left; padding:0pt 5px 4px 0pt; text-align:left; width:90px; }
dl.totalsList dd{ color:#222; font-weight:bolder; padding:0pt 0pt 4px 4px; }

img.ccPic{ float:left; padding:4px; }

#cartwrap div.clearfix a.huge{ color:#FFF; margin:20px 80px 0 0; font-size:160% !important; }

div#priceInfo { margin:10px 0 0 0; font-size:1.2em; }
div#priceInfo b { display:inline-block; width:50%; float:left; font-weight:normal !important }
.cartLink { float:right; font-weight:bolder; color:#FFF !important }

#indvItemInfo h1 { font-size:160% !important } 

#backLink { margin:0 0 5px 0; display:block; }

#cartTop { position:absolute; left:50%; top:8px; margin:0 0 0 200px; }

#cartTop a { color:#FFF !important; font-weight:bold;}


/*		Login Page		*/

#login { padding:10px 20px; background-repeat:repeat-y;}

/*		Admin Pages		*/

#home_right { padding:15px 0 0 15px !important; }
#home_left_top { padding:6% 0 0 5%; }
	#right_title { width:85%; }

#about_right { padding:10px 0 0 10px !important; }
	#about_right ul.list { width:90%; }
	
#contact_top h2 { padding-top:25px; }	

#top_navigation_replace .topTextW { color:#673B00; font-family:"Cambria", "Georgia"; margin:30px 0 0 0; min-height:50px; width:94%;}
#top_navigation_replace .topTextC { color:#673B00; font-family:"Cambria", "Georgia"; margin:0px 0 0 0; min-height:50px; display:inline-block;}
	#top_navigation_replace .topTextC a:link, #top_navigation_replace .topTextC a:visited { color:#2e1a00;}

#top_navigation_replace .left { width:40%; margin:40px 0 0 0; }
#top_navigation_replace div.right { width:40%; margin:40px 58px 0 0; }
#top_navigation_replace .em { width:90%; font-size:.8em; margin:10px 0 0 0; }



#bigPic { background-image:url(/images/shopPicBg.png); background-repeat:no-repeat; margin:15px 0 0 9px; width:245px; height:246px; overflow:hidden; text-align:center; }
#bigPic a { margin:10px 10px 10px 10px; display:inline-block;}


a.cartPic { background:url(/images/cartPic.png) top left no-repeat; display:block; width:138px; height:133px; }

ul.cartList { }
	ul.cartList li div.left { width:138px; float:left; margin:0 0 0 5px; }
	ul.cartList li div.right { width:120px; float:right; text-align:left; font-size:.9em; margin:7px 0 0 0;  }
	ul.cartList li div.right h2 { color:#461F00; font-weight:bolder; }
	ul.cartList li div.right strong { display:block; }

div#cart div.section ul li { width:80% !important; }
	div#cart div.section ul li input { width:100px;}
	div#cart div.section ul li a.delete { margin:5px 0 0 0; float:left; clear:both; display:block; }

#right h1.itemTitle span { display:block; font-size:.9em; color:#333; }


input[type=hidden] { display:none !important; }
div.securityPic { padding:20px;}

#right .links { padding:10px 20px; font-size:1.4em; text-align:center; }
	#right .links a:link, #right .links a:visited { color:#461F00; font-family:"Cambria", "Georgia"; text-decoration:underline; font-style:italic; }


a.cartLink { position:absolute; left:50%; margin:0 0 0 300px; top:5px; font-size:.8em; }

#homeFlash { margin:0 0 0 4px; }

#item_information ul { list-style-type:disc; margin:25px 0 0 40px; padding:0 10px 0 0; }

div.pics { padding:0 0 0 20px; display:block; }
div.pics img { width:50px; height:50px; margin:5px 7px 5px 0 !important; }


form#checkOut input.submit { margin:20px 0 10px 0; }

#left .section div.shop a.right { margin:0 115px 0 0; color:#006666; font-family:"Cambria", "Georgia";}
#left .section div.shop p.right { margin:0; color:#461F00; padding:0; font-family:"Cambria", "Georgia";}


#left div.section div.bg ol { list-style-type:decimal; padding:0 0 20px 30px; }
#aboutPage #left div.mid div.bg ul { list-style-type:disc; list-style-position:outside; padding:0 0 0 30px; margin:0; }
#aboutPage #left div.mid div.bg ul li { margin:0; padding:0; width:100%;}


textarea#order_gift_note { height:100px; }