/*---
 Reset Styles 
---------------------------------*/
*, html, body{ margin:0; padding:0; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img{ border:0; }
html{ overflow-y:scroll; }
/*---
Layout
---------------------------------*/
body{ font-family: Helvetica, Arial, Verdana, sans-serif; font-size:12px; background:url(../images/blue_bg.gif) repeat-x #141f2a; color:#fff; }
.containershadow{ width:1000px; margin:0 auto; background:url(../images/shadow_bg.png) top center repeat-y; }
.container{ width:950px; margin:0 auto; }
#header{ position:relative; width:950px; height:82px; }
#header a#logo{ position:absolute; left:14px; top:17px; display:block; width:180px; height:47px; outline:none; background:url(../images/kobold_logo.png) no-repeat; text-indent:-6000px; z-index:3; }
#header img{ position:absolute; top:0; left;); z-index:2; }
#content{ padding-bottom:5px; }
#main{ background:url(../images/content_main_inner_bg.gif) repeat-x #26303c; padding-top:5px; }
#footer{ width:994px; min-height:50px; margin:0 auto; background:url(../images/footer_shadow.png) no-repeat; color:#fff; padding-top:10px; font-size:10px; text-align:center; }
#footer a{ color:#ccc; text-decoration:underline; }
#footer a:hover{ color:#fff; }
.clear{ clear:both; }

/*---
Grid / Row
---------------------------------*/
.grid:after,
.row:after,
.head:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.grid{ width:auto; }
.grid .column{ float:left; }
.grid .column.first{ margin-left:0px !important; }
.grid .column.last{ float:right; }
.grid.center .column{ width: 49%; }
.grid.left .column.first{ width:62%; }
.grid.left .column.last{ width:37%; }
.grid.right .column.first{ width:37%; }
.grid.right .column.last{ width:62%; }
.grid.three .column{ width:32%; margin-left:1%; }

/*---
Fonts
---------------------------------*/
p{ font-size:12px; line-height:18px; margin-bottom:18px; }
a:link, a:active, a:visited{ text-decoration:underline; color:#fff; }
a:hover{ color:#36404a; text-decoration:none; }
p.legal{ font-size:11px; color:#999; }
ul{ margin-bottom:18px; margin-left:2.2em; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
h3{ font-weight:bold; margin-bottom:0; }
blockquote{ padding-left:30px; }
/*---
Navigation
---------------------------------*/
#nav_container{ width:940px; height:34px; background:url(../images/menu_bg.gif) repeat-x; margin:0 auto; position:relative; }
#nav_container img{ position:absolute; top:10px; right:18px; filter:alpha(opacity=40); opacity:0.4; }

#subnav_container{ width:933px; _width:940px; height:34px; margin:0 auto; background:url(../images/subnav_bg.gif) repeat-x; position:relative; padding-left:7px; }
#subnav_container .cap{ position:absolute; width:3px; height:34px; top:0; background:url(../images/subnav_caps.gif) no-repeat; }
#subnav_container .cap.left{ left:0; }
#subnav_container .cap.right{ right:0; background-position:-3px 0; }

ul#nav { margin:0; padding:0; height:34px; list-style:none; display:inline; overflow: hidden; border:none; }
ul#nav li { display:inline; }
ul#nav a { display:block; float:left; font-size:14px; margin-top:1px; padding:9px 20px 9px; border-right:1px solid #2d3b49; border-left:1px solid #404d5a; color:#ddd; outline:none; text-decoration:none; }	
ul#nav a.selected{ background:url(../images/menu_over.gif) 0 -1px repeat-x; color:#fff; cursor:default; border-left:1px solid transparent; border-right:1px solid transparent; }
ul#nav a:hover{ color:#fff; }
ul#nav a.first{ border-left:none; }

ul#subnav{ margin:0; padding:0 0 0 10px; height:34px; list-style:none; display:inline; overflow:hidden; border:none; }
ul#subnav li{ display:inline; }
ul#subnav li a{ display:block; float:left; font-size:12px; padding:0; color:#444; padding:11px 10px 0; outline:none; text-decoration:none;  }
ul#subnav li a:hover{ color:#111; }
ul#subnav li a.selected{ color:#111; cursor:default; }
ul#subnav li a.selected:hover{ color:#111; }

/*---
Accordian
---------------------------------*/
#hero{ width:940px; height:307px; margin:5px auto 0; background:#e6e6e6; position:relative; }
#hero .hero{ position:absolute; }
#heroaccordion{ position:absolute; top:0; right:0; z-index:2; width:313px; height:307px; background:url(../images/accordian_text.gif) repeat-y top left; }
#heroaccordion .accordion-toggle{ display:block; width:303px; padding:9px 10px 9px 0; line-height:21px; line-height:15px; text-align:right; color:#fff; background:url(../images/accordian_closed.gif) repeat-x; font-size:14px; position:relative; z-index:10px; cursor:pointer; }
#heroaccordion .accordion-toggle, x:-moz-any-link{ padding:10px 10px 9px 0; }
#heroaccordion .accordion-toggle.accordion-toggle-active{ background:url(../images/accordian_open.png) no-repeat top left; margin-left:-18px; width:321px; }
#heroaccordion .accordion-content{ overflow:hidden; width:313px !important; height:205px; color:#444 }
#heroaccordion .accordion-content p{ padding:10px; }

/*---
Bottom
---------------------------------*/
.bottom{ width:940px; margin:0 5px; }
.bottom h2{ background:url(../images/heading_bg.gif) repeat-x; font-weight:bold; font-size:15px; color:#525559; padding:10px 0 7px 10px; border-bottom:1px solid #a5a5a5; border-top:1px solid #fff;  margin-bottom:10px; *padding:8px 0 6px 10px; }
.bottom.grid.three .column{ width:312px !important; margin-left:0 !important; margin-bottom:5px; height:204px; border-right:1px solid #ccc; background:url(../images/bottom_box.gif) repeat-x #f6f6f6; }
.bottom.grid.three .column.last{ width:314px !important; border-right:none; font-size:11px; color:#444; }
.bottom.grid.three h3{ font-weight:bold; font-size:11px; }
.bottom.grid.three ul{ list-style-type:disc; }
.bottom.grid.three ul li{ margin-bottom:9px; }
.bottom.grid.three img.flush{ margin-top:-10px; }
.bottom.grid.three .column h2{ border-left:1px solid #fff; }
.bottom.grid.three .column.first h2{ border-left:none; }

#subpage_bg{ width:940px; min-height:574px; background:url(../images/bg_long.png) repeat-y; margin:5px auto 0; position:relative; padding-bottom:17px; }
#subpage_bg.long{ background:url(../images/bg_long.png) repeat-y; padding-bottom:50px; }
#subpage_bg .topcap{ width:940px; height:195px; background:url(../images/long_top_cap.png) no-repeat; position:absolute; top:0; left:0; z-index:1; }
#subpage_bg .bottomcap{ width:940px; height:195px; background:url(../images/long_bottom_cap.png) no-repeat; position:absolute; bottom:0; left:0; z-index:1; }
#subpage_bg h2{ font-size:30px; color:#fff; }
#subpage_bg h2 span{ color:#e4f1fd; font-size:16px; }
#divider{ position:absolute; top:1px; left:275px; background:url(../images/divider.png) no-repeat; width:47px; height:470px; z-index:2; }
#subpage_bg.grid .column{ position:relative; z-index:10; }
#subpage_bg.grid .column.first{ width:322px; padding-top:50px; text-align:center; }
#subpage_bg.grid .column.last{ width:522px; margin-right:49px; padding-top:15px; }

#calltoaction{ position:absolute; width:164px; height:200px; background:url(../images/products/call_to_action_bg.png) no-repeat; left:319px; top:2px; z-index:11; font-size:11px; }
a.buynow{ display:block; position:absolute; left:44px; bottom:40px; width:107px; height:25px; text-indent:-5000px; outline:none; background:url(../images/products/buy_now.gif) no-repeat; }
a.buynow:hover{ background-position:0-25px; }
a.reserve{ display:block; position:absolute; left:44px; bottom:40px; width:107px; height:25px; text-indent:-5000px; outline:none; background:url(../images/btn_reserve.png) no-repeat; }

#calltoaction ul{ margin:0; padding:0; list-style-type:none; text-align:right; padding-right:15px; text-transform:uppercase; padding-top:13px; }
#calltoaction ul li{ margin-bottom:18px; }
#calltoaction ul li a{ color:#fff; text-decoration:none;  }
#calltoaction ul li a:hover{ color:#bed6ef; }

.acc_title{ padding-left:135px; }
a.buynow_acc{ display:block; width:107px; height:25px; text-indent:-5000px; outline:none; background:url(../images/products/buy_now.gif) no-repeat; margin-top:5px; }
a.buynow_acc:hover{ background-position:0-25px; }

.case_size{ position:absolute; z-index:2; top:-1px; right:-1px; }
.keyline{ width:auto; height:1px; padding-top:5px; margin-bottom:10px; border-bottom:1px solid #617182; }
.signature{ margin-bottom:16px; }
.mike{ margin-top:-19px; }

body#product #subpage_bg.grid .column.first{ width:474px; text-align:left; }
body#product #subpage_bg.grid .column.first img{ margin-left:30px; margin-top:-50px; }
body#product #subpage_bg.grid .column.last{ width:368px; }
body#product #divider{ left:437px; }
body#product_home #divider{ left:190px; }
body#product_home #subpage_bg.grid .column.first{ width:230px; }
body#product_home #subpage_bg.grid .column.last{ width:617px; }
.collections{ text-align:right; color:#fff !important; font-size:14px; padding-right:0; text-decoration:none; }
body#product_home .collections{ text-align:right; color:#fff !important; font-size:15px; padding-right:0; }
.collections li{ margin-bottom:5px; }
.collections a{ color:#cad4df !important; display:block; vertical-align:center; padding:6px 25px 6px 0; width:179px; text-decoration:none;  }
.collections a.selected{ background:url(../images/mnu_selected_bg.png) no-repeat top right; pointer:default; }
.collections a:hover{ color:#fff !important; }
.collections.feature a{ width:auto !important; }
/*---
Lightbox
---------------------------------*/
.overlay{ position:absolute; left:100px; top:100px; padding:0 0; position:absolute; z-index:5000; }
.overlay .tl,
.overlay .bl,
.overlay .tr,
.overlay .br{ position:absolute; width:36px; height:36px; background:url(../images/overlay_corners.png) no-repeat; }
.overlay .tr{ background-position:-36px 0; right:0; top:0; }
.overlay .tl{ background-position:0 0; left:0; top:0;  }
.overlay .br{ background-position:-36px -37px; right:0; bottom:0;  }
.overlay .bl{ background-position:0 -37px; left:0; bottom:0; }
.overlay .tm{ margin:0 36px; background:url(../images/overlay_top.png) repeat-x; height:36px; }
.overlay .bm{ margin:0 36px; background:url(../images/overlay_bottom.png) repeat-x; height:36px; }
.overlay .mr{ background:url(../images/overlay_right.png) 100% 0 repeat-y; padding-right:36px; }
.overlay .ml{ background:url(../images/overlay_left.png) 0 0 repeat-y; padding-left:36px; }
.overlay .overlay_inner{ background:#000; width:700px; height:600px; }
.overlay .overlay_content{ padding:10px; }

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


#lightbox .tl,
#lightbox .bl,
#lightbox .tr,
#lightbox .br{ position:absolute; width:36px; height:36px; background:url(../images/overlay_corners.png) no-repeat; }
#lightbox .tr{ background-position:-36px 0; right:0; top:0; }
#lightbox .tl{ background-position:0 0; left:0; top:0;  }
#lightbox .br{ background-position:-36px -37px; right:-36px; bottom:0;  }
#lightbox .bl{ background-position:0 -37px; left:-36px; bottom:0; }
#lightbox .tm{ background:url(../images/overlay_top.png) repeat-x; height:36px; }
#lightbox .bm{ background:url(../images/overlay_bottom.png) repeat-x; height:36px; position:relative; }
#lightbox .mr{ background:url(../images/overlay_right.png) 100% 0 repeat-y; padding-right:36px; margin:0 -36px; }
#lightbox .ml{ background:url(../images/overlay_left.png) 0 0 repeat-y; padding-left:36px; }


#outerImageContainer{ position: relative; width: 250px; height: 250px; margin: 0 auto -20px; padding:0 36px; }
#imageContainer{ padding:0; }

#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: 28px; 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:hover, #prevLink:visited:hover { background: url(/assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ margin:0 auto; line-height:18px; height:56px; width:100%; z-index:1000; position:relative; background:url(../images/tray_bg.png) repeat; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; padding:10px; }	
#imageData #caption{ font-weight: normal; } 
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; width:25px; height:25px; position:absolute; right:19px; top:18px; z-index:5500; }

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

.watch_thumb{ float:left; width:190px; margin:0 -17px -20px -19px; height:273px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; }
.watch_thumb span.replace{ font-size:11px; line-height:16px; display:block; text-align:center; margin-top:-70px; padding-top:10px; position:relative; height:60px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../trans_bg.png) repeat; }
.watch_thumb .cufon{ margin-bottom:4px; }
.watch_thumb .watch_title{ width:110px; margin:0 auto; }

.acc_thumb{ float:left; width:250px; height:116px; margin:0 35px 0 0; padding:10px; background:transparent url(/assets/images/products/accessory_bg.png) repeat-x scroll 0 0; }
.acc_thumb img{ float:left; margin:0 10px 0 0; }
.acc_thumb .acc_title{ text-align:left !important; line-height:16px; }
/*---
Checkout / Form Styles
---------------------------------*/
.main_wrapper{ background:url(../images/trans_bg.png) repeat; padding:10px; }
.main_wrapper a{ color:#ddd; }
.main_wrapper a:hover{ color:#fff; }
.returning_customer{ color:#fff; }
.main_wrapper p{ padding:5px; }
.login h3{ font-size:16px; font-weight:normal; padding:10px; background:url(../images/trans_bg.png) repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#eee; }
input.long_box{ padding:7px; width:350px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ccc; background:#fff; color:#444; }
.login_form td{ padding:5px; }

.forgot strong{ padding-top:4px; font-size:14px; display:block; float:left; }
.inner{ margin:0 49px; padding:15px 0; }
.inner *{ position:relative; z-index:10; }

.messageStackError td{ color:#eee; font-weight:bold; font-size:14px; padding-bottom:10px; }
.messageStackError td img{ display:none; }

.disabled{ color:#666 !important; cursor:default; }
.disabled:hover{ color:#666 !important; }

.gallery{ display:none; }

#sb-container,#sb-wrapper{ text-align:left; }
#sb-container,#sb-overlay{ position:absolute; top:0; left:0; width:100%; margin:0; padding:0; }
#sb-container{ height:100%; display:none; visibility:hidden; z-index:999; }
body > #sb-container{ position:fixed; }
#sb-overlay{ height:expression(document.documentElement.clientHeight + 'px'); }
#sb-container > #sb-overlay{ height:100%; }
#sb-wrapper{ position:relative; }
#sb-wrapper img{ border:none; }
#sb-body{ position:relative; margin:0; padding:0; overflow:hidden; border:1px solid #303030; }
#sb-body-inner{ position:relative; height:100%; }
#sb-content.html{ height:100%; overflow:auto;  }
#sb-loading{ position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px; }
#sb-body,#sb-loading{ background-color:#060606;  }
#sb-title,#sb-info{ position:relative; margin:0;  padding:0; overflow:hidden; }
#sb-title-inner,#sb-info-inner{ position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; line-height:16px; padding-bottom:20px; }
#sb-title,#sb-title-inner{ min-height:40px; }
#sb-title-inner{ font-size:11px; padding:5px 0; color:#fff; padding-bottom:15px; }
#sb-info,#sb-info-inner{ height:20px; }
#sb-info-inner{ font-size:12px; color:#fff; }
#sb-nav{ float:right; height:16px; padding:2px 0; width:45%; }
#sb-nav a{ display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; }
#sb-nav-close{ background-image:url(/assets/images/lightbox/close.png); background-repeat:no-repeat; }
#sb-nav-next{ background-image:url(/assets/images/lightbox/next.png); background-repeat:no-repeat; }
#sb-nav-previous{ background-image:url(/assets/images/lightbox/previous.png); background-repeat:no-repeat; }
#sb-nav-play{ background-image:url(/assets/images/lightbox/play.png); background-repeat:no-repeat; }
#sb-nav-pause{ background-image:url(/assets/images/lightbox/pause.png); background-repeat:no-repeat; }
#sb-counter{ float:left; padding:2px 0; width:45%; }
#sb-counter a{ padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; }
#sb-counter a.sb-counter-current{ text-decoration:underline; }
div.sb-message{ font-family:'Lucida Grande',Tahoma,sans-serif; font-size:12px; padding:10px; text-align:center; }
div.sb-message a:link,div.sb-message a:visited{ color:#fff; text-decoration:underline; }

.padded{ padding:10px; border-bottom:1px solid #eee; margin-bottom:10px; }

#facts{ color:#fff; padding:10px; overflow:none; }

#test{display:none; }