body{margin:0; padding:0; font-family: sans-serif; color: black; min-width: 950px; font-size: 9.6pt; line-height: 1.15em;}
form{ margin:0; padding:0; }
img{border:0;}
table{border-collapse: collapse; margin: 0; padding:0;}
td{vertical-align: top;}
a{color: #2b3e73; text-decoration: none;}
a:hover{text-decoration: underline;}
a div{cursor: pointer;}
hr{border: 1px solid black;}
input, textarea, select{ color: black; font-size: 1em; line-height: 1.3em; padding: 0.1em;
	border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; margin: 0.1em; 
	background: #F8F8F8 url('/img/fieldbg.gif') repeat-x top;
}
.tr{text-align:right;}
.b{font-weight:bold;}
.hide{display:none;}

/********** Layout */
body{background: #f9f9f9 url(../img/headbg.jpg) 0 0 no-repeat;}

#container { width: 920px; margin: auto; border: 1px solid #aaa; border-top: 0; padding: 5px; background: white;}

#header{ height: 75px; }

#contentContainer{ margin-left: 200px; margin-bottom: 50px; margin-right: 40px; }

#nav{ position: absolute; top: 120px; width: 200px; }

#footer { width: 920px; margin: auto; border: 1px solid #aaa; padding: 5px; margin-top: 8px; text-align: center; background: white;}

/********** Content */
#header h1{ margin:0; padding:0; }
#header h1 img{}

#nav ul{list-style: none; margin-left: 0; padding-left: 18px;}

/********** Pages */
/* login */
#loginbox {width: 320px; border: 1px solid #aaa; background: #fbfbfb;}
#loginbox td{padding: 2px; padding-left: 4px; vertical-align: middle;}
#login { width: 150px; }
#password { width:150px; }

/* gallery */
.gallerythumb{ border: 1px solid #aaa; background: #fbfbfb; height: 94px; width: 125px; float: left; margin: 5px; padding: 5px;}

/* FAQ */
.faqquestion h3{ margin-bottom: 0em; margin-top: 1.8em; padding:0;}
.faqquestion p{ padding-left: 1.8em;}

/* TOS */
.tosbox{ border: 1px solid #aaa; background: #f9f9f9; width: 250px; height: 150px; float: left; margin: 5px; padding: 5px; text-align: center;}
.tosbox div{margin: 10px 0px; width: 124px; float: left;}

/* order */
.ordertable{ border: 1px solid #aaa; background: #fbfbfb; width: 90%; }
.ordertable td{padding: 2px; padding-left: 4px; vertical-align: middle;}
.clipbox{ border: 1px solid #aaa; background: #fbfbfb; width: 90%; }
.clipbox td{padding: 2px; padding-left: 4px; vertical-align: middle;}
/********** Other */
.graytable {border: 1px solid #aaa; background: #fbfbfb;}
.graytable td{padding: 2px; padding-left: 4px; vertical-align: middle;}
.clearall{clear: both;}
.bold{font-weight: bold;}
.right{text-align: right;}
.center{text-align: center;}
.printonly{display: none;}

/* hoverline */
.hoverline { cursor: pointer; }
.over{ background-color: #EEE;}

/* msgbox */
#msgbox{z-index: 200; display: none; background: white; border: 1px solid black; position: absolute; top: 0; left: 0; height: 150px; width: 400px;}
#msgbox h4{ padding: 0.7em; margin: 0; background: #D5D5D5;}
#msgbox #msgboxtextbox{ height: 90px; width: 95%; overflow: auto;}
#msgbox p{ padding: 0.5em; margin: 0;}
#msgbox #msgboxbuttons{ text-align: center; margin-top: auto;}
#msgbox button{ margin: 0 0.5em;}

#grayout { position: fixed; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; background: #666; opacity: 0.15; filter:alpha(opacity=15);}
#grayoutwrapper {
    z-index: 2; 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#grayoutcontent {
    position: absolute;
    left:0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow:auto;
}

#grayoutbox { 
    position: relative;
    top: 5%;
    height: 90%;
    border: 1px solid black; 
    overflow: auto; 
    background: #fff; 
    width: 825px;
    left: 50%;
    margin-left: -412px;
}

#grayoutbox #grayoutclose { position: absolute; right: 0; bottom: 0; margin: 5px; }
iframe{display: none;}
.ie iframe{z-index: 100; position:absolute; top:0; left:0; height: 150px; width: 400px; background: transparent; display:none;}
.ie .ieshow{display:block;}