/* Default LF CSS */

body {font:75%/1.4 Calibri, Arial, Trebuchet MS; color:#5f5f60; background:url(/images/bg.png);}

/* 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;}
address,caption,cite,code,dfn,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none; padding-left: 0;}
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;} 


/*      Default Form Styles      */
input, select,  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:90%; height:200px;}
label { display:block; width:100%; clear:both;}
label input { display:block; float:left; margin-right: 5px;}
.sub_option label input { width: 500px; }

/*      Error Handling      */
.success { font-size:105%; color:#006600; margin:10px 0; font-weight:bolder;}
.error, .alert { border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding:0px 15px; text-align:left; font-style:italic; color:#FF0000; font-size:105%; font-weight:bolder;}
#flash_notice { width:350px; left:50%; margin:0 0 0 200px; text-align:center; font-size:100%;}


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


/*      Header Styles      */
h1 { font-size:225%; font-weight:normal; color: #006864; padding:0; margin:0;}
  #right h1 { width:90%;}
  #left h1 { width:85%; font-size:17px; border-bottom:1px solid #E7E5E5; padding:0 0 6px 0;}
h2 { font-size:125%; font-weight:normal; color: #000; margin:10px 0 0px 0; padding:0;}
  h2 em { font-style:normal; color:#000000; font-weight:bolder;}
h3 { font-size:110%; font-weight:normal; font-style:italic; margin:0px 0 5px 0px; color:#333;}
h4 { font-size:110%; font-weight:normal; margin:0px 0 5px 0px; color:#999999;}


/*      Base Layout CSS         */
#container { width:880px; height:auto; text-align:left;}

#header { height:180px; width:870px; margin:0 0 0 4px;}
.logo {margin: 0 0 0 124px;}
#nav { height:47px; width:870px; clear:both; background:url(/images/navBg.png) no-repeat;padding: 10px 0 0 30px;}
    #nav ul li {margin:0; float:left;  padding: 0 52px 0 0; display:block;}
    #nav ul {padding:0; margin:0;}
    #nav img {clear: both; display:block;}
    #nav a:link, #nav a:visited, #nav li.num {display:block; font-family: Candara, Calibri, Arial, Trebuchet MS; font-size:80%; color: #CBEAEF; text-decoration:none;}
	#nav ul li a:hover span.navSubText { color:#333333; }
    .navSubText {margin: 0 0 0 2px;}
	#shopCart {background:url(/images/cartIcon.png); background-position:left; background-repeat:no-repeat; width:130px; float:right; font-size: 105%; color:#5B5B5B; margin: 0px 14px 0 0;}
	#shopCart span {float: right;}
	#shopCart a:link, #shopCart a:visited {color:#5b5b5b; text-decoration:none;}
#content {background:url(/images/contentBg.png); padding: 0 0 16px 0; position:relative;}
#admin #content, #content2 { padding:16px 30px;}
#contentTopBorder {background:url(/images/topContent.png); width:878px; height:11px; margin:-10px 0 0 0;}
#contentBottomBorder {background:url(/images/bottomContent.png); width:878px; height:19px;}
#left { width:182px; min-height:425px; float:left; background:url(/images/leftBg.png); background-repeat:no-repeat; background-position:top right; display: block; padding:20px 0 0 36px; position:relative;}
.leftHead {border-bottom: 1px solid #e7e5e5; padding:0 0 6px 0; width:150px;}
	#left ul {padding:0; margin: 0; float:left; font-family:Century Gothic, Arial, Helvetica, sans-serif;}
	#left ul li {padding:0 0 10px 0; margin:0; width:150px; display:block; float:left; border-bottom: 1px solid #e7e5e5;}
	#left ul li a:hover span {color:#000000;}
	#left img {margin:0;}
	#left ul li a:link, #left ul li a:visited {display:block; text-decoration:none;}
	#left ul li a:hover strong { color:#000000; }
	#left ul li a strong, #currentEvents li a strong, #currentEvents li strong {display:block; font-size: 125%; color:#5a5a59; margin:8px 0 0 0 ; }
	#past {margin:0 0 20px 0;}
	#past strong {display:block; font-size:100%; color:#5a5a59; margin:6px 0 0 0;}
	#leftTextBox {width:89%; padding: 10px 12px; margin: 10px 0; background-color:#f4faf9; float:left; font-family: Calibri, Arial, Trebuchet MS; font-size: 1.2em;}
	#leftTextBox a {font-size:100%; font-family:Calibri, Arial, Trebuchet MS; color:#28bcb6; text-decoration:underline;}
	#pastHead {padding:15px 0 8px 0;}
	.leftText { font-size:84%; font-weight:normal; color: #058680; margin:0; padding:0; display:block; }
	.pastText { font-size:84%; font-weight:normal; color: #8e8e8e; margin:0; padding:0; display:block; }
	#viewAll a:link, #viewAll a:visited {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-style:italic; text-decoration:underline; color:#2f2f2e; font-size:100%; }
	#viewAll {width:132px; text-align:center; margin:146px 0 0 0;}
#right { width:608px; float:right; margin:20px 0 0 0; padding:0 25px 0 0;}

#right2 { float:right; width:43%; margin:32px 0 0 0; }
#left2 { float:left; width:45%; margin:0 0 0 45px;}

#flashHolder {width:627px; height:288px; padding:0; margin:-6px 0 35px -24px;}
#right ul { margin:0; padding:0;}
#right ul li {display: block; float:left; width: 28%; }
	#products ul { margin:10px 0 0 0;}
	#products ul li img {clear:right;}
	.product1 {margin: 0 0 0 5px;}
	.product2 {margin: 0 0 0 40px;}
	.product3 {margin: 0 0 0 40px;}
	.product1, .product2, .product3 { padding:0 0 18px 0; height:17em; }
	#products a:link span, #products a:visited span {border:none; display:block;}
	#products a:link, #products a:visited {text-decoration:none;}
	#products a:hover span { color:#000;}
	.productTitle  { font-size:150%; font-weight:normal; color: #006864; padding:0; margin:0;}
p {margin:4px 0 0 0; line-height:18px;}
.secondaryText1 {width:250px; margin: 0 32px 42px 0; float:left;}
.secondaryText2 {width:462px; margin: 0 0 0 0;}
.secondaryPic {margin:4px 37px 0 0; float:right;}


	#productImages {margin:16px 0 0 0; float:left; width:300px;}
	 #productImages ul { margin:15px 0 0 0; width:100%; clear:both;}
	 #view_large_item { height:210px;}
	 #productImages ul li { margin:0 15px 10px 0; float:left; padding:0; width: auto; }
	 
	#productDescription {margin:25px 5px 0 0; float:right; width:300px;}
	#productDescription form {margin:25px 0 0 0;}
	.productOption{font-size:120%;}
	
	#productDescription ul li { clear: left; width: 100%; }
	#productDescription h2 { padding-bottom: 10px !important; }
	#productDescription form input {float:left; margin:3px 15px 10px 0; text-align: center; }
	#productDescription form input[type=text] { width: 25px; }
	#productDescription form select {width:100%;}
	#productDescription form span+span { font-weight: bold; color: #151515; }
	#productDescription p.info { font-size: 15px; line-height: 18px; color: #555; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px !important;}
	#productDescription .section { border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; }
	
	#price {font-size:130%; color:#000000;}
#clear {clear:both; margin:0; width:100%, height:50px;}

#clear {clear:both; margin:0; width:100%, height:50px; float:left;}
#bottom {margin: 18px 0 0 36px; display:block; width:100%; clear:both;}
    #bottom img {float:left;}
#footer { height:31px; width:842px; background:url(/images/footerBg.png); background-repeat:no-repeat; padding:10px 0 0 15px; margin: 20px 0 0 18px; }
  #footerLeft {float:left;}
  #footerRight {float:right; margin: 0 32px 0 0;}
  #footer a:link, #footer a:visited { color:#2c2c2c; font-weight:bold; text-decoration:underline;}
  #footer a:hover { color:#CCC; border-bottom:1px solid #CCCCCC;}


/*      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; 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; border-bottom:1px solid #e6e5e5; font-size:95%; width:auto; 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 { display:inline; padding:0; color:#13539a; border-bottom:0;}
  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:#f8f8f8; padding:3px 6px; 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;}
.red { color: red; }
.bold { font-weight: bold !important; }

#right div.secondaryText2 ul { width:45%; float:left; list-style-type:circle; list-style-position:outside; margin:0 20px 20px 0px; border-top:1px solid #ececec; }
#right div.secondaryText2 ul li { display:block; padding:3px 0; border-bottom:1px solid #ececec; width:100%;}

#shopContainer { width:90%; padding:24px 0 0 42px;}


ul.items { width:100%; clear:both; padding:0 0 20px 0; border-top:1px solid #ececec; }
ul.items li { width:100%; clear:both; padding:8px 0; border-bottom:1px solid #ececec; }
ul.items li div.name { float:left; width:45%; }
	ul.items li div.name span { display:block; font-size:1.7em; color:#000000; }
ul.items li div.price { float:left; width:30%; margin:12px 0 0 0; text-align:center; }
	ul.items li div.price span { font-size:1.6em; color:#000000; display:block; }
ul.items li div.quan { float:right; width:5%; text-align:right; margin:0 15px 0 0; }
	ul.items li div.quan input { display:block; clear:both; text-align:center; width:27px; }
	ul.items li div.quan a.delete { display:block; clear:both; float:none; }

div.totals { float:right; margin:0 158px 0 0; font-size:1.5em;}
div.totals span { color:#000000; display:block;}

div.checkout { width:114px; float:right; margin:0px 6px 0 0; font-size:120%; }
	div.checkout input[type="hidden"] { display:none;}
div.add { float:left; margin:5px 0 0 20px; }


img#qualityPic { clear:both; margin:20px 0 0 -33px;}

#shopContainer #left { background: none !important; width: 380px; min-height: inherit; }
#shopContainer #right { width: 350px; }
	#siteseal { display: block; margin: 10px 0 0 110px; }
	#siteseal a { margin-left: 45px; position: relative; top: 4px; }

/* 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; width: 310px; font-size: 12px; line-height: 14px; padding: 0px 0px 12px 0px; }
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:50%; }
dl.totalsList dt{ clear:left; color:#666; float:left; padding:0pt 5px 4px 0pt; text-align:left; }
dl.totalsList dd{ color:#999; 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;}

#cartW { padding:0 20px; }




/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:22px;
}