@charset "utf-8"; /* Default LF CSS */

body { margin:0; padding:0; background:url(../images/bg2.png) top left no-repeat; }
body, td, th, textarea, input, select, h1, h2, h3, h4, h5, h6 { font: 83%/1.4 Calibri, Arial, "Times New Roman"; }

.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; }

input { 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; }
label { display:block; margin:0; }
textarea { width:90%; height:200px; }
select { margin:0; }
span.drag { cursor:move; }
input[type=checkbox] { float:left; display:inline; }


/*      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:#0c3695; text-decoration:none; }
a:hover { color:#990000!important }
a img, a:link img, a:visited img, a:hover img { border:0; }
a.delete { color:#CC0000!important }
a.delete:hover { color:#333333; }
.green { color:#2a8219!important }

a:link.offline, a:visited.offline { color:#7faf7f!important }
a:link.online, a:visited.online { color:#006600!important }
a:hover.online, a:hover.offline { color:#333333!important }
.red, a.red, #container li.red a:link, #container li.red a:visited { color:#b21f1f!important }


h1 { font-size:140%; font-weight:normal; margin:10px 0 0 0; color:#333333; }

h2 { font-size:120%; font-weight:normal; margin:0 0 5px 0px; color:#666666; }
h2 em { font-style:normal; color:#000000; font-weight:bolder; }

h3 { font-size:130%; font-weight:normal; margin:0 0 5px 0px; color:#FFFFFF; }
	h3 a:link, h3 a:visited { color:#FFFFFF; }
h5 { font-size:130%; font-weight:normal; margin:0px 0 5px 20px; color:#2d539c; }

h4 { }

#header { height:166px; width:100%; background:url(../images/topBg.png) top left repeat-x; }

ul#nav { height:113px; width:392px; clear:both; margin:0 0 0 278px; padding:0; }
ul#nav li { float:left; margin:0; padding:0; list-style:none; }
ul#nav li.small { float:right; margin:-13px 25px 0 0; padding:0; list-style:none; }


#nav a { border-bottom:0; }


#frame { margin:27px 0 0 163px; width:621px; }
#frame2 { background:url(../images/contBg.png) top center no-repeat; margin:19px 0 0 48px; padding:30px 40px; width:771px; }
#frame3 { background:url(../images/contBg2.png) top center no-repeat; margin:7px 0 0 184px; padding:30px 30px; width:479px; }


#cont { overflow:scroll; width:770px; height:510px; text-align:left; }
#cont2 { width:770px; height:510px; text-align:left; }
#contS { width:770px; background:#FFFFFF; text-align:left; }
#cont3 { overflow:scroll; width:auto; height:415px; text-align:left; }
#cont4 { width:auto; height:415px; text-align:left; padding:0 10px; }

#container { text-align:left; width:780px; }

#footer { width:550px; color:#999999; font-size:85%; padding:5px 0 0 0; margin:0 0 40px 235px; }
#footer2 { width:446px; color:#999999; font-size:85%; padding:5px 0 0 0; margin:0 0 40px 235px; }

#footer a:link, #footer a:visited, #footer2 a:link, #footer2 a:visited { color:#666; font-weight:bolder; }
#footer a:hover, #footer2 a:hover { color:#666; border-bottom:1px solid #CCCCCC; }

#left { width:30%; float:left; margin:20px 0 0 0; }
#right { width:65%; float:right; margin:20px 0 0 0; }

#homeFlash { width:100%; height:343px; }
#home2 { background:url(../images/home2.png) top left no-repeat; width:100%; height:222px; color:#FFFFFF; padding:0 0 0 8px; }


ul.items { padding:0; margin:0; }
ul.items li { list-style:none; float:left; margin:0 25px 0 0; }


.aboutPic { float:right; padding:5px 15px 5px 6px; }


ul.feed li input { margin:0 4px 0 0; }

#home2 div.btn { float:right; margin:48px 27px 12px 0; }
#home2 img.item { margin:20px 0 0 37px; float:left; }


#cart { position:absolute; top:0; left:0; margin:0 0 0 550px; }


div#buttons { width:100%; margin:0; clear:both; }
	div#buttons span.left { float:left; margin:0; }
	div#buttons span.right { float:right; margin:0; width:auto; }

ul.list, ul.feed { margin:0 0 30px 0; padding:0 0 0 0; }
ul.list li, ul.feed li { list-style:none; }
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.featured { margin:0 0 0 35px; padding:0 0 0 0; }
	ul.featured li { list-style:none; float:left; width:195px;}
	ul.featured li img { float:left; margin:0 5px 0 0; padding:5px 5px;}
	ul.featured li div.right { margin:0 5px 0 0; width:auto; text-align:left; color:#CCCCCC; float:left !important}
	ul.featured li div.right h3 { font-size:125%; margin:5px 0 0 0;}

ul.pics { margin:0 0 0 30px; padding:0; }
ul.pics li { list-style:none; float:left; margin:5px; }

.move li { cursor:move!important }
p.info { color:#666666; background:none; font-size:86%; margin:0; padding:0; }
.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 }
p.sitRight { float:left; margin:-38px 0 0 150px; }
.half { width:49%!important }
.negT1 { margin-top:-1px!important }
.negT5 { margin-top:-5px!important }
.negT10 { margin:-10px 0 0 0!important }
.pad08 { margin:0 8px!important }
.pad4 { margin:4px!important }
.pad04 { margin:0 4px!important }
.pad28 { margin:2px 8px!important }
.pad26 { margin:2px 6px!important }
.pad25 { margin:2px 5px!important }
.pad10 { padding:10px!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 }
.pad0 { margin:0px; padding:0px!important }
.padTop0 { margin-top:0px; padding-top:0px!important }
.padTop4 { margin-top:4px!important }
.padTop6 { margin-top:6px!important }
.padTop10 { margin-top:10px!important }
.padTop15 { margin-top:15px!important }
.padBot4 { margin-bottom:4px!important }
.padBot10 { margin-bottom:10px!important }
.fontN { font-weight:500; font-style:normal!important }
.padL6 { margin-left:6px!important }
b { font-weight:bold!important }
.black { color:#000000!important }
.grey { color:#999999!important }
 
 p.right { width:auto; padding:10px 60px 0 0; }
#right { width:256px; float:right; border-left:1px solid #CCCCCC; margin:0px 45px 0 0; padding:0 0 0 75px; }
	#right form { width:100px; float:left; display:block; margin:8px 0 0 0; }
	#right input.submit { float:none; margin:0; }
#left { width:345px; float:left;margin:0px 0 0 0; }

select { margin:0 0 35px 0; }
label { font-size:80%; color:#999999; display:block; clear:both; }

h3 { font-size:100%; margin:0; padding:0; }

.product { width:300px; height:382px; }
.product img { margin:20px 0 0 0px; }

div.right { float:right; width:100px; margin:20px 0 0 0; }
 
 
div.line { clear:both; height:1px; display:block; width:90%; background:#e3e3e3; margin:9px 0 15px 0; }
 
 
 div.item { width:90%; display:block; border-bottom:1px dotted #e3e3e3; padding:0 0 5px 0; margin:0 0 5px 0; }

div.title { width:50%; font-size:130%; float:left; }
div.price { width:20%; font-size:110%; float:left; margin:13px 0 0 0; }

div.quantity { float:right; text-align:right; width:6%; color:#666666; }
div.quantity input { width:2em; float:right; clear:both; display:block; }




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;}