/******************************************************
*  resets default browser css styles.     *
******************************************************/
@charset "utf-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, iframe {
 margin: 0;
 padding: 0;
 border: 0;
 font-weight: inherit;
 font-style: inherit;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 10pt;
 color: #000000;
}
/******************************************************
*   fixed page formating       *
******************************************************/
body,html{
 background-color: #609cff;
 background-image: url('/docs/templates/top_h/i/background5.jpg');
 background-attachment: fixed;
 background-repeat:repeat;
 background-position:0 0;
 font-family:helvetica,courier,arial;
 font-size:10pt;
}

fieldset{
 margin-top:6px;
 font-size:10px;
 border-color:#ccc;
 padding: 10px;
 border-style: solid;
 border-width: 1px; 
}

legend{
 font-weight:bold;
 color:#660000;
 margin-bottom:10px;
}

/* presets */
textarea, input[type="text"], select, #code, #email    
{
 background:#fff;
 color:#000;
 border: 1px solid #ccc;
 margin-bottom: 6px;
 padding: 2px 6px;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 box-shadow: 0 2px 2px #ddd;
 -moz-box-shadow: 0 2px 2px #ddd;
 -webkit-box-shadow: 0 2px 2px #ddd
 }

.input2     { background:#fff;color:#000;width:24px; }
.input4     { background:#fff;color:#000;width:36px; }
.input8     { background:#fff;color:#000;width:75px; }
ul.disc     { list-style-type:disc; }
ul.circle   { list-style-type:circle; }
ul.square   { list-style-type:square; }
ul.none     { list-style-type:none; }
pre         { font-family:times-roman; }
hr          { height:1px; }
button img  { cursor:pointer; vertical-align:middle; }
.head       { color:#993300; font-family:georgia, arial,verdana;font-size:16pt;font-weight:bold; }
.warn       { color:red;font-family:georgia,arial,verdana;font-weight:bold;font-size:16pt;}
.warnsml    { color:red;font-family:georgia,arial,verdana;font-weight:normal; }
.class1     { position:relative;left:2px;top:2px;width:2px;height:15px; }
.notice     { color:green;font-size:9pt;font-family: arial,verdana,georgia; }
.plinks     { font-size:8pt;color:#000; }
.borderlight{ border:1px solid #dde;background-color:#eef;color:#000; }
.basic      { background-color:#ffffff; color:#000000; font-size:10pt; }
.basicinfo  { color:brown; }
.small      { font-family:georgia,arial,verdana;font-weight:bold; }
.big1       { font-family:georgia,arial,verdana;font-weight:bold;font-size:12pt; }
.big2       { font-family:georgia,arial,verdana;font-weight:bold;font-size:14pt; }
.big3       { font-family:georgia,arial,verdana;font-weight:bold;font-size:16pt; }
.single     { text-indent:25pt; margin-bottom:0; margin-top:0; text-align:justify; }
.note       { font-family:arial,georgia,verdana; font-weight:normal; font-size:8pt; }
.basicinput { background-color:#fff; color:#000; }
.adminth    { font-weight:bold; text-align:right; width:150px; }
.admintd    { color:green; }
.hidden     { position:absolute; left:0px; top:-500px;width:1px; height:1px; overflow:hidden; } 
.uimg       { color:blue; text-decoration:underline; font-size:10pt; cursor:pointer; }
.admin, .admin td, .admin th { background-color:#fff; color:#000; font-size:10pt; font-family:arial,verdana,georgia; }
.admin a,.admin a:link, .admin a:visited { color:blue; text-decoration:none; }
.admin a:hover { color:blue; text-decoration:underline; }
img.floatleft  { float: left; margin: 4px; }
img.floatright { float: right; margin: 4px; }

.bgnorepeat { background-repeat: no-repeat; }
.divvisible { overflow:auto; display:block; left: 0px; position: relative; }
.divhidden  { overflow:auto; display:block; left: 0px; position: relative; visibility:hidden; }
iframe      { border:0px; frameborder:0px; }

h1{ font-size : 2.5em; } 
h2{ font-size : 2.0em; } 
h3{ font-size : 1.75em; } 
h4{ font-size : 1.5em; } 
h5{ font-size : 1.25em; } 
h6{ font-size : 1.0em; } 

td.shadowbr-topleft     { width: 6px; height: 1px }
td.shadowbr-top         { height: 8px }
td.shadowbr-topright    { background-image: url(/i/corners/2/2_tr.gif); width: 6px; height: 8px; }
td.shadowbr-right       { background-image: url(/i/corners/2/2_r.gif);  width: 6px; }
td.shadowbr-bottomright { background-image: url(/i/corners/2/2_br.gif); width: 6px; height: 8px; }
td.shadowbr-bottom      { background-image: url(/i/corners/2/2_b.gif);  height: 8px; }
td.shadowbr-bottomleft  { background-image: url(/i/corners/2/2_bl.gif); width: 6px; height: 8px; }

/* alterable */

.but{
 background-color:#609cff;
 color:#000000;
 cursor:pointer;
}

.but1{
 background-color:#609cff;
 color:#000000;
 cursor:pointer;
 }

.box{
 cursor:pointer;
}

input.username
{
 color:#000;
 background: #fff url('/i/contact.gif') no-repeat 2px center;
 left:10px;
 padding-left: 20px;
}

input.userpass, #password, #apw 
{
 color:#000;
 background: #fff url('/i/i_lock2.gif') no-repeat 2px center;
 padding-left: 20px;
}

#email, #email2, #email3, #adminemail 
{
 color:#000;
 background: #fff url('/i/i_email.gif') no-repeat 2px center;
 padding-left: 20px;
}

/*not used yet
*#paneltop
*{
* border-width:px px px px;
*}

*#panelbot
*{
* border-width:px px px px;
*}
*/

#sitepage,#base1,#base2
{
 height: auto;
 min-height: 100%;
 height: 100%;
}

#mytable{ text-align:left; }

.mainpage
{ 
 font-family:helvetica,courier,arial;
 font-size:10pt;
}

/******************************************************
*                  main page td                       *
******************************************************/
#wrapperdiv
{
 width:900px;
/* float:center;*/
 margin: 0px auto;
}

#sitepage
{
 border-style:groove;
 border-color:#000000;
 border-width:1px 5px 5px 1px;
 width:auto;
}

/******************************************************
*                  outer main page                    *
******************************************************/
#base1
{
 width:100%;
 border-width:0px 0px 0px 0px;
 border: 5px 10px 5px 5px solid #555453;
}

/******************************************************
*                  inner main page                    *
******************************************************/
#base2
{
 background-color:#ffffff;
 color:#000000;
 height:700px;
 border-width:0px 0px 0px 0px;
 padding:10px 10px 10px 10px;
 width:100%;
 border: 1px solid #555453; border-top: 20px solid #555453; padding:10px ;
}

/******************************************************
*                  other pages                        *
******************************************************/
.page
{ 
 background-color:#ffffff;
 color:#000000;
 border-width:0px 0px 0px 0px;
 padding:10px 10px 10px 10px;
 width:100%;
}

.hbut {
 color:#02032a;
 background-color:#e9e4d8;
 font-weight:normal;
 cursor:pointer;
}

.hbut:hover {
 color:#065b6b;
 cursor:pointer;
}

.bbut {
 color:#02032a;
 background-color:#e9e4d8;
 font-weight:normal;
 font-size: 12pt;
 width:100px;
}

.dbut {
 color:#02032a;
 background-color:#ccc;
 font-weight:normal;
}

.info {
 color:#660000;
 font-family:georgia,arial;
 font-weight:bold;
}

.infosub {
 color:#660000;
font-family:arial,arial;
font-weight:bold;
}

a {
 color:#0d21da;
}

a:link {
 color:#0d21da;
}

a:visited {
 color:#93009c;
}

a:active {
 color:#3333ff;
}

a:hover {
 color:none;
}


#copywrite h2, cr, ul li{ color:#000000; border-bottom:1px dotted #000000; }

.footer, .footer a{ font-size:10px; color:#000000; text-decoration:none; }

.footer_text{ font-size:10px; color:#000000; text-decoration:none; }

.cr td, .cr th {
 font-size:10pt;
}

a:link.cr, a:hover.cr, a:visited.cr, a:active.cr {
 color:#000000;
 font-size:10pt;
}

.date-font {
 color:#000000;
 font:10pt verdana, arial, sans-serif;
 font-weight: bold;
}

.dhtmlgoodies_question {
 background-color: #b0c829;
 background-image: url(/i/tab_off.gif); 
 padding: 2px; 
 padding-top: 5px; 
 padding-left: 10px; 
 margin-bottom: 2px; 
 overflow: hidden; 
 width: 100%; 
 cursor: pointer; 
 color: #333; 
 height: 20px; 
 position: relative;
 font-weight:bold;
 font-family:arial;
}

.dhtmlgoodies_answer {
 visibility: hidden; 
 overflow: hidden; 
 width: 100%; 
 position: relative; 
 height: 0px; 
 background-color: #f1f1f1;
}

/*used for mouse-over div*/
#dhtmltooltip {
  position: absolute;
  left: -300px;
  width: 150px;
  padding: 3px;
  visibility: hidden;
  z-index: 100;
  text-align: justify;
  background-color: #eeeeee;
  color: #000000;
  font-size:10pt;
  border:1px solid #000;
 filter: progid:dximagetransform.microsoft.shadow(color=gray,direction=135);
}

#dhtmlpointer {
  position:absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden;
}

/* listing and post divs */
.listout {
 width: 100%;
 background-color: #ffffff;
 margin-bottom:10px;
}

.listin1 {
 background-color: #dddddd;
 margin: 0;
 padding: 5px;
 border: 1px solid #aaaaaa;
 min-height:100px;
}

.listin2 {
 background-color: #eeeeee;
 margin: 0;
 padding: 5px;
 border: 1px solid #bbbbbb;
 min-height:100px;
}

.post {
 background-color: #ffffff;
 border: 1px solid #e8e8e8;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 20px;
 padding-right: 20px;
}

/**************** containers - tables ********************/

#container{ display: table; }
#row      { display: table-row; }
#left, #right, #middle { display: table-cell; }

/******************************************************
*                  main menu                        *
******************************************************/
#menu {
 width: 100%;
 margin:0px;
 text-align:center;
 background-image: url('/i/menu/bg/menubar.jpg');
 background-position:center left;
 background-repeat: repeat;
 height:30px;
}

#mainmenu {
 color:#ffffff;
 font-family:arial,sans-serif,verdana;
 font-weight:bold;
 font-size:12pt;
 position: relative;
 z-index: 1;
 top: 0;
 padding: 0px;
/* margin: 0px auto;*/
 list-style: none;
 display: table;
}

li ul {
 position:relative;
 display:none;
 padding:0px;
 margin:0px;
 list-style:none;
}

li.mli {
 position:relative;
 padding:8px 0px 8px 0px;
 margin:0px;
}

.mli {
 font-size:12pt;
 border:0px;
 color:#ffffff;
 text-align:center;
 width:8em;
}

.mli ul li {
 background-color: #333333;
}

#mainmenu .submenu {
 text-decoration:none   ;
 text-align:center;
 width:8em;
}

.click {
}

.click ul {
 display:block;
}

#mainmenu li.hover {
 cursor:pointer;
 background-image: url('/i/menu/over/blackgrey.jpg');
 background-repeat:no-repeat;
 z-index: 3;
 text-align:center;
}

#mainmenu li ul li {
 width:10em;
}

#mainmenu li ul li.hover {
 background-color: #000000;
 z-index: 3;
 text-align:center;
}

#mainmenu ul li:hover {
 cursor:pointer;
 z-index: 2;
}

#mainmenu li ul li.hover a:hover {
 background-color: #000000;
 text-align:center;
 color:#cccccc;
}

#mainmenu li a, #mainmenu li ul a, #mainmenu li.hover ul li a {
 color:#ffffff;
 width:8em;
}

#mainmenu li.hover a, #mainmenu li ul li.hover a {
 text-decoration:none   ;
 color:#ffffff;
 width:8em;
 text-align:center;
}

#mainmenu li {
 text-align:center;
 color:#ffffff;  
 width:8em;
}

#mainmenu li a {
 font-family:arial,sans-serif,verdana;
 font-weight:bold;
 font-size:12pt;
 text-decoration:none   ;
 text-align:center;
 width:8em;
}

#mainmenu li a:visited, #mainmenu li a:active, #mainmenu li a:link {
 color:#ffffff;
 text-decoration:none   ;
}

#mainmenu li a:hover {
 font-size:12pt;
 background-position:center left;
 text-decoration:none   ;
 color:#cccccc;
}

/****************************************************************
 *                       android menu                           *
 ****************************************************************/

#androidoptionsdiv{
 position:absolute;
 display:none;
 top:20px;
 left:5px;
 background:#000;
 cursor:pointer;
 z-index:10000;
}

#androidmenudiv{
 position:absolute;
 display:none;
 width:150px;
 top:5px;
 left:-1000px;
 background:white;
 color:black;
 padding:5px;
 text-align:center;
 overflow:hidden;
 z-index:10001;
}

#androidmenudiv a{ padding:5px; }

/******************************************************
*                 shop cart menu  and other           *
******************************************************/

.shopcart {
 margin:0px;
 position: relative;
}

#cartmenu {
 font-family:arial,sans-serif,verdana;
 position:relative;
 z-index:1;
 top:0;
 left:0;
 padding:0px;
 list-style:none;
 width:10em;
 display: table;
}

li.scart {
 position:relative;
 padding:0px;
 margin:0px;
}

.mcart {
}

.scart {
}

#cartmenu .submenu {
 width:10em;
}

.clicks {
}

#cartmenu .hover {
 cursor:pointer;
}

#cartmenu ul li a:hover {
 cursor:pointer;
}

#cartmenu li ul li.hover, #cartmenu li ul li.hover a:hover{
}


#cartmenu li a {
 font-family:arial,sans-serif,verdana;
 font-size:8pt;
 width:10em;
 height:100%;
}

#cartmenu li a:visited, #cartmenu li a:active, #cartmenu li a:link {
 font-size:8pt;
 width:10em;
 height:100%;
}

#cartmenu li a:hover {
 background-image:url('/i/menu/menu1.gif');
 background-position:center left;
 background-repeat:no-repeat;
 font-size:8pt;
 width:10em;
 height:100%;
}

#cartmenu ul {
 padding:1px;
 margin:0px;
}

li.sm {
 position:relative;
 padding:1px;
 margin:0px;
 text-align:center;
 width:10em;
}

.sm {
 text-decoration: none;
 text-align: center;
 cursor: pointer;
}

#scd1{ color:green; }

#scd2{ color:green; }

.cartinfo{ color:#660000; }
.cartinfosub { color:#660000; }

/******************************************************
*                 photo slice                         *
******************************************************/
/* don't edit! */
div.photoslice { padding: 0px; margin: 0px; }
div.photoslice div.clear { clear: both; overflow: hidden; height: 0px; }
div.photoslice img { visibility: hidden; }

/* photo background */
div#psbackground { background-color: #000; }

/* photo stage */
div#psstage { }

div#psstage img { border: 6px solid #fff; margin: 0px auto; }

div#psstage-replica { background-color: #fff; }

/* panel */
div#psmenu { text-align: center; padding:4px 0px; }

div#psmenu div#psbuttons { height: 38px; padding: 5px 10px; }

div.photoslice a.button {
 cursor: pointer;
 margin: 0px 2px; 
 padding: 10px 20px;
 background-color: #333;
 border: 2px solid #999;
 color: #fcfcfc;
 font: 13px arial;
 line-height: 38px;
 text-align: center;
 text-decoration: none;
}

div.photoslice a.button:hover { border: 2px solid #ccc; }

div.photoslice a.disabled { display: none; }

div#pscaption { font: 13px arial; }

div#pscaption p { color: #fcfcfc; text-align: center; line-height: 32px; }

div#pscaption p a { border-bottom: 1px dotted #ccc; color: #ccc; text-decoration: none; }

div#pscaption p a:hover { background-color: #333; }

div#pscaption a#psabout {
 float: right;
 line-height: normal;
 margin: 4px; padding: 0px 14px;
 line-height: 30px;
}

/******************************************************
*                 ul image                            *
******************************************************/
ul.ulimage {
 margin:30px 20px 40px 20px;
 padding:0px;
 list-style:none;
 font-family:verdana,helvetica,arial;
 color:#000000;
 list-style:none;
}

ul.ulimage li {
 margin:0px 0px 30px 0px;
 padding:8px 0px 0px 34px;
 font-family:verdana,helvetica,arial;
 color:#000000;
}

/******************************************************
*                 members                             *
******************************************************/

#member td{ text-align:left; }

/******************************************************
*                 rounded corners                     *
******************************************************/
/***  ****
<div class="container">
 <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
 contents goes here
 <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
</div>
.rtop *, .rbottom * //taken out due to possible error
*/

.container { background-color:#ccc; color:#000; margin:0 15px; }
.rtop, .rbottom{ display:block; background-color:#fff;}
.rtop, .rbottom
{
 display: block;
 height: 1px;
 overflow: hidden;
 background-color:#ccc;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px }

/******* end rounded corners *******/

/***************************************************
*                   copyright                      *
***************************************************/
#copyright{
 margin: auto;
}

/***************************************************
*            rounding input buttons                *
***************************************************/
.hbut {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #02032a;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	border: 0;
	text-decoration: none;
	
	border-radius: 3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#e9e4d8'); /* for ie 7 */
	-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#ffffff, endcolorstr=#e9e4d8)"; /* for ie 8 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(5%, #ffffff), to(#e9e4d8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 5%, #e9e4d8 100%); /* for firefox 3.6+ */
	
	box-shadow: 0 1px 1px 1px #888;
	-moz-box-shadow: 0 1px 1px 1px #888;
    -webkit-box-shadow: 0 1px 1px 1px #888;
    
    padding-left: 6px;
    padding-right: 6px;
    
    text-shadow: #ddd 0px 1px 0px;
}

/***************************************************
*                image shadowing                   *
***************************************************/
.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

/***************************************************
*          menu tabbing not yet being used.        *
***************************************************/
#menutab {
	float: left;
	padding: 0px 10px;
	margin: 0px;
	border-bottom: 5px solid #05480a;
}

#menutab li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menutab li a {
	float: left;
	color: #000000;
	text-decoration: none;
	background: url('menuleft.gif') top left no-repeat;
	margin: 0px 1px;
	padding: 9px 0px 6px 10px;
}

#menutab li a span {
	background: url('menuright.gif') top right no-repeat;
	padding: 9px 25px 6px 15px;
}

#menutab li a:hover,
#menutab li a.highlight {
	background: url('menuleft-hl.gif') top left no-repeat;
	color: #ffffff;
}

#menutab li a:hover span,
#menutab li a.highlight span {
	background: url('menuright-hl.gif') top right no-repeat;
}