body { background-color: #BABABC; margin: 0; font-family: Tahoma,Geneva,sans-serif; }
input { border: 0; }
#sbar input{ float:left; padding:8px 10px 9px 7px;}
a img { border: none; }
#wrapper { width: 900px; height: 100%; margin: auto; text-align:left; padding: 0 0px 0 40px; background: url(/App_Themes/TotemHobbies/images/sunburst.jpg) repeat-y #CCCCCC; }
#header { height: 120px; width: 860px; margin:0 0 0 0px; position: relative; z-index: 9; }
.topcont { height: 69px; }

#fluidcontent{float:left; width:642px; padding:0px 0 0 20px; margin:10px 0 0 0;}
.fullcontent {margin:0;padding:0;}

#suckerfishmenu, #theadings { position: absolute; top: 19px; left: 190px; }
#theadings ul { }
#suckerfishmenu li,#theadings li { display: inline; list-style: none; height: 27px; }
#suckerfishmenu li a,#theadings li a { padding: 7px; text-decoration: none; color: #fff; background-color: #666; font-size: 12px; font-weight: 400; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #333 0 1px 1px 0; -webkit-box-shadow: #333 0 1px 1px 0; box-shadow: #333 0 1px 1px 0; }
#suckerfishmenu li a:hover,#theadings li a:hover { background-color: #ccc; color: #253d76; }
#suckerfishmenu li ul{display:none;}
#topbar { height: 51px; width: 844px; display: inline; }
#topbar .left { height: 51px; width: 8px; background: url(images/left_toptab.png) left no-repeat; margin: 0; padding: 0; float: left; }
#topbar .middle { height: 51px; width: 840px; background: #253d76; margin: 0; padding: 0; float: left; }
#topbar .right { height: 51px; width: 8px; background: url(images/right_toptab.png) right no-repeat; margin: 0; padding: 0; float: left; }
.social { margin:5px 0 0 0; padding:0; float:right; }
.social li { list-style:none; display:inline; }
#logo { height: 108px; width: 150px; position: absolute; margin: 0; padding: 0; left: 20px; top: 3px; }
#star { width: 93px; height: 93px; background-image: url(/images/star.png); position: absolute; top: 47px; right: 50px; z-index: 11; }
#sbar { height: 33px; position: absolute; left: 230px; top: 78px; width: 190px; float: left; }
#sbar .left { height: 33px; width: 7px; background: url(images/sbar_left.png) left no-repeat; float: left; }
#sbar .middle { height: 33px; width: 176px; background-color: #fff; float: left; }
#sbar .right { height: 33px; width: 7px; background: url(images/sbar_right.png) right no-repeat; float: left; }
#lbar { height: 33px; position: absolute; right: 156px; top: 78px; width: 264px; float: left; }
#lbar .left { height: 33px; width: 7px; background: url(images/lbar_left.png) left no-repeat; float: left; }
#lbar .middle { height: 33px; width: 236px; background-color: #666; float: left; text-align: left; }
#lbar .middle a { color: #fff; text-align: left; margin: 10px 0 0 5px; display: inline-block; text-decoration: none; font-family: Tahoma,Geneva,sans-serif; font-size: 11px; }
#lbar .middle a:hover { color: #999; }
#lbar .right { height: 33px; width: 7px; background: url(images/lbar_right.png) right no-repeat; float: left; }
#searchfield { border: none; margin-top: 8px; }
#target { height: 25px; width: 25px; position: absolute; top: 82px; left: 390px; }
#scart { width: 30px; height: 26; position: absolute; top: 82px; right: 262px; }
#price a { position: absolute; top: 86px; right: 182px; text-decoration: none; color: #FFf; font-size: 14px; }
#leftcontent { width: 190px; height: auto; background-color:#253D76; padding: 10px; float: left; margin: 10px 0 0 0; -moz-border-radius:5px;-webkit-border-radius: 5px; border-radius: 5px; }
#leftcontent ul { width: 190px; list-style: none; border: 0; padding: 0; margin: 0px; }
#leftcontent ul li { background-color: #666; padding-bottom: 2px; text-align: left; margin: 0;border-bottom:1px dotted #253D76; }
#leftcontent ul li  li{ background-color: #999;}
#leftcontent ul li a { text-decoration: none; color: #fff; font-family: Tahoma,Geneva,sans-serif; font-size: 11px; font-weight: 400; padding: 5px; display: block; line-height: 14px; }
#leftcontent ul li a:hover { background-color: #253D76; color:#fff;}
.shop img { width: 158px; height: 52px; padding: 0; margin: 0; }
#wsnSlider { position: relative; width: 627px; height: 211px; overflow: hidden; font-family: Arial,Helvetica,sans-serif; float: left; margin: 0px; padding: 0; z-index: 1;-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;}
#wsnSlider .buttons { margin: 0 0 3px 0; padding: 5px; list-style: none; position: absolute; bottom: 10px; right: 10px; z-index: 2; visibility: hidden; }
#wsnSlider .buttons li { width: 15px; text-align: center; float: left; }
#wsnSlider .buttons li a { color: #999; display: block; font-size: 1em; text-decoration: none; padding: 2px; font-weight: bold; }
#wsnSlider .buttons li a:hover { background-color: #ccc; }
#wsnSlider .buttons li.current a { color: #253d76; }
.over { height: 281px; width: 161px; z-index: 3; position: absolute; top: 10px; right: 130px; }
#rot_mask { width: 650px; height: 219px; background-image: url(images/rotator_mask.png); position: absolute; top: 0; left: 0; }
#wsnSlider .mbutton { width: 41px; height: 18px; position: absolute; bottom: 50px; right: 17px;z-index:199; }
#sshow { width: 230px; padding: 16px 5px; background-color: #fff; float: left; margin: 10px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.sshowimage { height: 100px; width: 230px; background: url(images/gt.png) no-repeat; margin-top: 5px; }
.sshowtext { width: 220px; font-family: Tahoma,Geneva,sans-serif; color: #253d76; padding: 20px 5px 5px 5px; font-size: 13px; text-align: left; line-height: 20px; }
.sshowtext a { text-decoration: none; color:#FF4455; }
.sshowtext a:hover { text-decoration: underline; }
.sshowtext span { font-weight: bold; }
#rotate_ad { height: 200px; width: 377px; background-color: #fff; margin: 10px 0 0 10px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; }
#adslider { height: 182px; width: 375px; overflow: hidden; }
#pager { position: absolute; bottom: 10px; left: 15px; z-index: 14; }
#pager a { color: #999; display: inline-block; font-size: 1em; text-decoration: none; padding: 2px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; }
#pager a:hover { color: #253d76; }
#pager .pager-active { color: #253d76; }
.rads { margin: 3px 0 0 5px; background-color:#fff;width:375px;}
#gp {  position:absolute; bottom:10px; right:20px; }
#koyosho { float: left; width: 660px; height: 129px; background: url(images/kyosho_ads.png) no-repeat; padding: 0 0 0 204px; margin-top: 10px; overflow: hidden; position:relative;}
#slider1 { height: 119px; width: 660px; margin: 0; }
#slider1 img { border: solid 1px #fff; }
.ad { width: 150px; height: 109px; float: left; padding: 10px 10px 0 0; margin: 0; }
#vbox_out { float: left; height: 160px; width: 365px; background-color: #fff; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; margin: 10px 0 0 10px; overflow: hidden; }
#vbox_out a {color:#253d76; text-decoration:none;}
#vbox_out a:hover {text-decoration:underline; color:#FF4455;  }

.watch { position: absolute; top: 12px; left: 6px; }
#vbox_in { height: 140px; width: 345px; background-color: #999; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#vbox_thumb { width: 110px; height: 120px; float: left; padding-top: 20px; }
.thumbs a { height: 38px; width: 67px; }
.vbox_show { width: 224px; height: 144px; float: left; overflow: hidden; padding: 2px; }
.bx-wrapper { width: 400px; height: 185px; position: relative; float: left; z-index: 13; }
.bx-window { height: 185px; width: 400px; position: relative; overflow: hidden; }
.bx-prev {width:25px;height:25px; position:absolute; bottom:80px;left:-190px; }
.bx-next {width:25px;height:25px; position:absolute; bottom:80px;left:-60px; }

.lcoll {float:left;width:170px; height:auto; text-align:left;padding:5px;}
.lcoll h3 {font-size:13px; margin:0;padding:0; color:#253d76; }
.lcoll p {margin:3px 0;padding:0; font-size:11px; color:#666;line-height:18px; }

.rcoll { float:right;width:160px; height:auto; text-align:left;background-color:#D4E6F7;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.rcoll  h3 { font-size:13px; margin:0;padding:10px;color:#333; }
#admin {width:856px; background-color:#fff; -moz-border-radius:0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align:center; }
#admin a {  color:#000; font-size:12px; text-decoration:none; text-align:center;}
#admin a:hover {font-weight:bold; }
#koyosho .txt {position:absolute; top:83px; left:50px;  }
#koyosho .txt a {color:#000; font-size:11px;}
#koyosho .txt a:hover { text-decoration:none;}

.rcoll img { padding:24px 10px 10px 10px }
#footer { height: auto; background-color: #253d76; width: 840px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin: 5px 0 0 0;padding:10px; }
#footer .catlist { width:840px; }
.footcopy { width:400px; color:#fff; text-align:left; float:left;}
.footcopy h1{margin:0; font-size:14px; color:#fff; }
.footcopy h2{font-size:11px;margin-bottom:5px; }

.footcopy p{font-size:10px; margin:0 0 5px 0; }
#footer ul.catlist {margin:0;padding:20px 0 0 0;clear:left;  }
#footer .catlist li { display:inline; border-right:1px solid #666;}
#footer .catlist li a {  color:#fff; text-decoration:none;font-size:10px; padding:0 5px 0 1px;}
.fsupport { float:left; width:200px; font-size:10px; padding-left:15px; }

.fsupport p { font-size:14px;margin:0;padding:0;color:#FFf; }
.fsupport ul { margin:0; padding:0; }
.fsupport li { list-style:none; color:#fff; padding:5px 0 0 0;}
.fsupport span { color:#fff;font-size:20px; }
.fsupport li a {text-decoration:none; color:#fff;}
.fsupport img { margin-top:10px;}


.fsupport li.cr { color:#fff;padding-top:5px; margin-top:5px; border-top:1px solid #fff;}
.fsupport li.cr a{color:#fff;}

address {float:left; font-style:normal;width:200px; font-size:12px; padding-left:20px; line-height:16px; color:#999; }
address span { font-weight:bold; }
.content-copy { background-color:#fff; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:836px; margin-top:10px; font-size:12px; line-height:16px;}
.content-copy a {color:#253d76;}
.content-copy h1 { font-size:12px; color:#253d76; }
.content-copy h2 {font-size:12px; color:#253d76;  }
#wrapper:before, #wrapper:after { content: ""; display: table; }
#wrapper:after { clear: both; }
#wrapper { zoom: 1; }
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; text-align:left;}


.cfrm {  background-color:#999; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:836px; margin-top:10px; font-size:12px; line-height:16px; }

/** Clearfix *****************************************************************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


