* {margin: 0px; padding: 0px; text-decoration: none; }
html {height:100.2%; margin-bottom:0; }

body {
   font:12px/1.4em Georgia, ‘Times New Roman’, Times, serif;
   color:#333;
   text-align:left;
   background:#fff url(../images/icky2.gif);
   }

#container {
   width:95%; max-width:940px; min-width:760px;
   z-index:1;
   text-align:left;
   background:#fff;
   color:#333;
   margin:20px auto;
   padding:15px;
   border:1px solid #333;
   border-radius: 8px 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   box-shadow: 5px 5px 8px #444;
  -moz-box-shadow: 5px 5px 8px #444;
  -webkit-box-shadow: 5px 5px 8px #444;
   }

#header{
   height:106px;
   width:100%;
   margin:0 0 5px;
   background: transparent;
   padding-right:20px;
   }

.alert{width:200px;font:1em/1.4em Tahoma,Verdana,sans-serif;color:#333;background-color:#fff;padding:2px 0 0 2px;margin:0;border:1px solid #548CFF;border-radius: 5px 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}

#header img {
   float: left;
   background: transparent;
   margin: 0 0 5px 0;
   padding:0;
   }
#header .cart {
   float: right;
   margin: 0 5px 0 0;
   }

#pagewrap {
   display:block;
   padding:0 0 10px 10px;
   border:1px solid #b3b3bf;
   }

#pagewrap, #menubar, .box, .notice, .sm_links {
   border-radius: 5px 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   }

/****** content styles ******/

#content {
   margin:15px 255px 10px 10px;
   padding-right: 10px;
   background:transparent;
   }

h2, h3, h4 {
   font-family:Tahoma, Geneva, Verdana, sans-serif;
   }

h1 {
   font-family: Geneva,Tahoma,Verdana,sans-serif;
   font-size: 2.5em;
   font-weight: 700 ;
/*   line-height:1.0em; */
   color:#77777F;
   background-color:inherit;
   margin:0 0 20px;
   padding: 20px 0 15px;
   border-bottom: 1px dashed #B3B3BF;
   }

h1 a {
   font-weight:700;
   color:#74748F;
   text-decoration:none;
   }

h1 a:hover {
   color:#000;
   text-decoration:underline;
   }

h2 {
   width:75%;
   font-size:1.2em ;
   font-weight: 700;
   color:#53546f;
   background-color:inherit;
   margin:20px 0 10px;
   display:block;
   padding:0 0 5px;
   border-bottom:1px solid #c3c3cF;
/*   text-shadow: 2px 2px 2px #afafaf; */
   }
h2 a {
   color:#06c;
   }
h2 a:hover {
   color:#000;
   text-decoration:underline;
   }

h3,h4 {
   text-align:left;
   font-weight:700;
   font-size:1.1em;
   padding:0;
   color:#606074;
   margin:0 0 5px 0
   }

h3 a {font-weight:700; color:#606074; text-decoration: none; background:#fff;
   }

h4 a {
font-weight:700; color:#606074; text-decoration: none; background:#fff url(http://www.bluemoonkites.com/images/misc/arrow_down.gif);
   background-repeat:no-repeat; background-position:center right; padding-right:14px;
   }

h3 a:hover,h4 a:hover {color: #000; text-decoration: underline;}   

h5 {
   font-size: 1em;
   color: #606074;
   padding-bottom: 10px;
   }

#content a:hover,#subcontent a:hover {
   text-decoration:underline;
   }

/****** content section lists ******/

.c_list {margin:2px 0 25px 15px; }
.c_list li {list-style-type:circle; padding:0 8px 10px 0;}
.c_list li a { font-weight:700; text-decoration:none; }
.c_list li ul {font-weight:400; margin:3px 0 3px 20px;}
.c_list li ul li {margin-bottom:0; list-style-type:disc; padding-bottom:2px; }
.c_list li ul a {font-weight:400; }
.c_list li ul li ul li {margin-bottom:0; list-style-type:circle; padding-bottom:2px; }



/****** kitelist ******/
.kitelist{float:left; clear:left; width:98%; padding:10px 0 0; }

/****** sidebar styles ******/

#subcontent {
   float:right;
   width:220px;
   background-color:inherit;
   margin:25px 15px 10px;
   padding:15px 0 0 15px;
   border-left:1px dashed #b3b3bf;
   border-top: 1px dashed #b3b3bf;
   }

.box {
   font:1em/1.4em Tahoma,Verdana,sans-serif;
   color:#333;
   background-color:#fff;
   padding:10px;
   margin:0 0 15px;
   border:1px solid #b3b3bf;
   }

.notice {
   font-style: italic;
   color:#333;
   background-color:#fff;
   padding:15px 8px 8px;
   margin:0 0 15px;
   border:1px solid #53546f;
   }

.price {
   padding:0;
   margin:0 0 10px;
   color:#000;
   font-style: italic;
   font-weight: bold;
   font-size: 1.2em;
   }

.buy {
   padding:5px 0 0;
   margin:0;
   color:#333;
   font-style: italic;
   font-weight: bold;
   }

.buy a {
   font-weight: bold;
   font-size:0.9em;
   }

.menublock {margin:2px 0 5px 15px; }
.menublock li {list-style-type:circle; padding:0 8px 2px 0; }
.menublock li a { font-weight:700; text-decoration:none; }
.menublock li ul {font-weight:400; margin:3px 0 3px 8px; }
.menublock li ul li {margin-bottom:0; }
.menublock li ul a {font-weight:400; }

.sidebar {margin:5px 0 15px 20px; }
.sidebar li {list-style-type:circle; margin-bottom:2px; padding:0 8px 2px 0; }
.sidebar li a {font-weight:400; text-decoration:none; }

.splitcontentleft{float:left; width:42%; border-right: 0px dashed #b3b3bf; padding:20px 10px 10px;}
.splitcontentright{float:right; width:52%; padding: 0 10px; margin: 0 auto;}

/******* images & objects *******/

.flickrthumbs {padding-top:0; }
.flickrthumbs img {border:1px solid #555; padding:0px; background-color:#fff; margin:1px; }
.flickrthumbs img:hover {border:1px solid #000; padding:1px; background-color:#fff; margin:0px; }

img.float-right,img.float-left { border:1px solid #333; }
img.float-right { margin:5px 0 5px 10px; }
img.float-left { margin:5px 15px 5px 0; }
img.float-left-wht {border:0; margin:0 5px 0 0; }
img.float-right-wht {border:0; margin:0 0 0 5px; }

.float-left,.float-left-wht {float:left; }
.float-right,.float-right-wht {float:right; }
.align-left {text-align:left; }

/****** misc. styles *******/
hr { background:#B3B3BF; color:#B3B3BF; height:1px; border:0; margin:5px 0 10px; }
/*
hr.heavy { background:#B3B3BF; color:#B3B3BF; height:2px; border:0; margin:5px 0 15px; }
*/

p { padding:0 0 0.8em; }
p form { margin-top:0; margin-bottom:20px; }

/*
p.credits { font-style:italic; margin:0 0 15px; padding:0; }
*/

a { color:#336599; font-weight:400; text-decoration:none; background-color:inherit; outline: none; }
a:hover { color:#000; text-decoration:none; background-color:inherit; }
a img { border:none; }

.hidden { display: none; }
.unhidden { display: block; }

select { font-size: 12px; border: 1px solid #777;}

/************************* footer ***************************************************************/

#footer {clear:both; height:20px; background-color:inherit; margin-top:0; padding:10px 0;}
#footer a {color:#808080;}
#footer a:hover {color:#000; text-decoration:underline;}

.right {color:gray; float:right; margin-top:8px; }
.left {color:gray; float:left; margin-top:5px; }

/*** linkbar ***/

.sm_links {
   float: left;
   border: solid 1px #ccc;
   padding: 3px 5px;
   margin-top: 8px;
   background: #fff;
   }

.sm_links img {
   margin: 0 4px;
   clear: none;
   }

.bubbleInfo {
    position: relative;
    clear:none;
    float:left;
   }

.popup {
   position: absolute;
   display: none; /* keeps the popup hidden if no JS available */
   clear:none;
   color: #777;
   font-size: 11px;
   font-family: Helvetica, sans-serif;
   }


/*************************************** index thumbs ***************************************************/

ul.thumb {
   float: left;
   list-style: none;
   margin: 0; padding: 10px;
   width: 100%;
}
ul.thumb li {
   margin: 0; padding: 5px;
   float: left;
   position: relative;
   width: 145px;
   height: 145px;
}
ul.thumb li img {
   width: 135px; height: 135px;
   border: 1px solid #ccc;
   padding: 5px;
   background: #fafafa;
   position: absolute;
   left: 0; top: 0;
   -ms-interpolation-mode: bicubic;
}
ul.thumb li img.hover {
   background:url(../images/kites/thumbs/thumb_bg.png) no-repeat center center;
   border: none;
}

/*
#main_view {
   float: left;
   padding: 9px 0;
   margin-left: -10px;
}
*/

/******************************************************* slimbox **************************************************************/

#lbOverlay {
   position: fixed;
   z-index: 9999;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   cursor: pointer;
}

#lbCenter, #lbBottomContainer {
   position: absolute;
   z-index: 9999;
   overflow: hidden;
   background-color: #fff;
}

.lbLoading {
   background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
   position: absolute;
   left: 0;
   top: 0;
   border: 10px solid #fff;
   background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
   display: block;
   position: absolute;
   top: 0;
   width: 50%;
   outline: none;
}

#lbPrevLink {
   left: 0;
}

#lbPrevLink:hover {
   background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
   right: 0;
}

#lbNextLink:hover {
   background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 10px;
   color: #666;
   line-height: 1.4em;
   text-align: left;
   border: 10px solid #fff;
   border-top-style: none;
}

#lbCloseLink {
   display: block;
   float: right;
   width: 66px;
   height: 22px;
   background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
   margin: 5px 0;
   outline: none;
}

#lbCaption, #lbNumber {
   margin-right: 71px;
}

#lbCaption {
   font-weight: bold;
}


/***************************************** superfish menu ----------------------------------------------------------- */

#menubar {
   font-family: Verdana, Tahoma, sans-serif;
   font-size:11px;
   width:99.8%;
   background-color:#fff;
   border: 1px solid #b3b3bf;
   float:left;
   margin-top:6px;
   }

.sf-menu, .sf-menu * {
   margin:        0;
   padding:    0;
   list-style:    none;
   }

.sf-menu {
   line-height: 1.4em;
   float: left;
   margin-bottom: 0;   margin-left:5px;
   }

.sf-menu ul {
   position: absolute;
   top: -999em;
   width: 140px; /* left offset of submenus need to match (see below) */
   }

.sf-menu ul li {
   width:100%;
   }

.sf-menu li:hover {
   visibility: inherit; /* fixes IE7 'sticky bug' */
   }

.sf-menu li {
   float:         left;
   position:      relative;
   background:    #fff;
   }

.sf-menu a {
   font-size:11px;
/*   text-transform:uppercase;  */
   display:    block;
   position:      relative;
   border-right:   1px solid #fff;
   padding:4px 8px 6px;
   text-decoration:none;
/*   text-shadow: 2px 2px 2px #afafaf; */
   }

.sf-menu a:hover {
   color: #000;
   }

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   color: #55555f;
   font-weight: 700;
   }

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
   left: 0;
   top: 23px; /* match top ul list item height */
   z-index: 99;
   }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
   top: -999em;
   }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
   left: 140px; /* match ul width */
   top: 0;
   }

/*** DEMO SKIN ***/
.sf-menu li li {
   background: #d3d3df;
   }

.sf-menu li li a:hover {
   background: #b3b4c2;
   }

.sf-menu li li li {
   background: #d3d3df;
   }

.sf-menu li li li a:hover {
   background: #b3b4c2;
   }

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   background: #d3d3df;
   outline: 0;
   }

.sf-first {
   border-top: 1px solid #b3b3bf;
   }

.sf-menu a.sf-with-ul {
   padding-right: 1.8em;
   min-width:     1px;
   }

.sf-sub-indicator {
   position:      absolute;
   display:    block;
   right:         .5em;
   top:        1.05em;
   width:         11px;
   height:        11px;
   text-indent:   -999em;
   overflow:      hidden;
   background:    url('../images/hardware/arrows_outline.png') no-repeat -10px -100px;
}
a > .sf-sub-indicator {
   top: 5px;
   background-position: -9px -99px;
}

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
   background-position: -9px -99px;
}


.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
   background-position: -10px 0;
}

.sf-shadow ul {
   background: url('../images/hardware/shadow.png') no-repeat bottom right;
   padding: 0 8px 9px 0;
   -moz-border-radius-bottomleft: 17px;
   -moz-border-radius-topright: 17px;
   -webkit-border-top-right-radius: 17px;
   -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
   background: transparent;
}

.sf-menu ul li ul {
   margin-top: -1px;
   }

.sf-menu ul li ul li a, .sf-menu ul li a {
   border-bottom: 1px solid #b3b3bf;
   border-left: 1px solid #b3b3bf;
   border-right: 1px solid #b3b3bf;
   margin-left: -1px;
   }

.nolink {
   cursor:text;
   }

/******* tabs ****************************************************************************************************************/

.tabwrap {
   width: 98%;
   margin-top: 20px;
   min-height:620px;
   float:left;
   }

ul.tabs {
   margin: 0;
   padding: 0;
   float: left;
   list-style: none;
   height: 26px;
   width: 100%;
   }

ul.tabs li {
   float: left;
   margin-right: 1px;
   padding: 0;
   height: 26px;
   line-height: 26px;
   background: #dfdfdf;
   overflow: hidden;
   position: relative;
   }

ul.tabs li a {
   text-decoration: none;
   color: #53546F;
/*   text-shadow: 2px 2px 2px #afafaf; */
   display: block;
   font-size: 1em;
   font-weight: 700;
   font-family: Verdana, Tahoma, sans-serif;
   padding: 0 10px;
   outline: none;
   border: 1px solid #95959F;
   }

ul.tabs li a:hover {
   color: #000;
   text-decoration: none;
/*   text-shadow: 2px 2px 2px #666; */
   background: #b3b3bf;
   }

ul.tabs li, ul.tabs li a, ul.tabs li a:hover {
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   }

html ul.tabs li.active  {
   background: #fff;
   border-bottom: 1px solid #fff;
   }

html ul.tabs li.active a:hover {
   background: #fff;
   }

.tab_container {
   border: 1px solid #95959F;
   -webkit-border-radius: 5px;
   -webkit-border-top-left-radius: 0;
   -moz-border-radius: 5px;
   -moz-border-radius-topleft: 0;
   border-radius: 5px;
   border-top-left-radius: 0;
   clear: both;
   float: left;
   width: 100%;
   background: #fff;
   margin-top: 0;
/*   box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc; */
   }

.tab_content {
   padding: 10px 20px;
   font-size: 1em;
   }



