@charset "UTF-8";
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	color: #555555;
	text-align:left;
}
p {
	margin: 0px;
	padding: 5px 10px 5px 0;
}
ul {
	margin-left: 0;
	padding-left: 16px;
}
#footer a{
	text-decoration:none;
}
#footer a:link, #footer a:visited {
	color: #555555;
}
a:link, a:visited {
	color:#000000;
	text-decoration:underline;
}
a:active, a:hover,
#footer a:active, #footer a:hover {
	color:#6699CC;
	text-decoration:none;
}
.blue {
	color: #6699CC;
}
.subhead {
	text-transform: uppercase;
	font-size:9px;
	color: #6699CC;
}
.detailDownloadHead {
	width: 350px;
	float: left;
}
p.detailDownload {
	border-bottom:#DDDDDD 1px solid;
}
.subheadIMG {
	padding: 2px 0;
}
#galleryDiv {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#page {
	position:absolute;
	top:445px;
	left:150px;
	width: 666px;
	background:#FFFFFF url(images/main/dotBorderSides.gif) repeat-y;
	margin: 0 0 0 10px;
	z-index:2;
}
#content{
	background:url(images/main/dotBorderTop.gif) top left no-repeat;
	padding: 16px 20px 12px 20px;
}
#content p {
	width: 90%;
}
.twoColumnTable {
	background: #EEEEEE;
	padding: 10px;
}
#content .twoColumnTable p {
	width: 250px;
}
div.halfColumn {
	float: left;
	width: 280px;
	background: #EEEEEE;
	padding: 10px;
	margin-right: 10px;
}
#content div.halfColumn p {
	width: 275px;
}
#footer{
	background:#FFFFFF url(images/main/dotBorderBtm.gif) top left no-repeat;
	font-size:9px;
	padding: 5px 10px 20px 10px;
}


#nav {
	font-size: 10px;
	text-transform: uppercase;
}
#nav #leftNav {
	float:left;
}
#nav #rightNav {
	float:right;
	text-align: right;
}
#nav #leftNav, #nav #rightNav {
	padding: 1px 0 7px 0;
}
#nav #navHR {
	background:url(images/main/dotBorderXtile.gif) repeat-x;
	height: 10px;
	clear:both;
}
#nav a:link,
#nav a:visited {
	color: #666;
	text-decoration: none;
}
#nav a:active,
#nav a:hover,
#nav a.selected {
	color: #6699cc;
	text-decoration: none;
}
hr {
	background:url(images/main/dotBorderXtile.gif) repeat-x;
	height: 3px;
	border: 0px;
	clear: both;
}
div.boxed {
	border:#CCCCCC 1px solid;
	padding:10px;
}
.showHead, .showHead2, .subHeadRollover {
	padding: 5px 0 4px 0;
	text-transform: uppercase;
	font-size: 9px;
}
a.subHeadRollover:link,
a.subHeadRollover:visited {
	color: #666;
	text-decoration: none;
}
a.subHeadRollover:active,
a.subHeadRollover:hover {
	color: #6699cc;
	text-decoration: none;
}
.showHead img, .showHead2 img {
	padding: 2px 0 0 4px;
}
.imageBorder {
	border:#999999 1px solid;
}


.thumbHolder{
	width: 485px;
	margin:10px auto; /*center*/
}
.thumbTileHolder{
	width: 626px;
	margin:10px auto; /*center*/
}
.centerThumb {
	padding: 0 10px;
}
.centerLeftThumb {
	padding: 0 4px 0 8px;
}
.centerRightThumb {
	padding: 0 8px 0 4px;
}
.thumb, .thumbTile, .thumbStructure {
	float:left;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-size: 10px;
	text-align:center;
}
.thumb {
	width: 153px;
}
.thumbStructure {
	width: 147px;
}

#photoPopup {
	position:absolute;
	background:url(images/photoPopup/shadow.png) no-repeat;
	width:505px;
	height:275px;
	z-index:3;
}
#photoTilePopup {
	position:absolute;
	background:url(images/photoPopup/shadowTile.png) no-repeat;
	width:330px;
	height:226px;
	z-index:4;
}
#photoPopup #main, #photoTilePopup #mainTile {
	margin: 10px;
}
#videoThumbHeadPopup {
	position:absolute;
	background:#FFFFFF;
	z-index:5;
	text-transform:uppercase;
	font-size:9px;
	padding-right: 2px;
}
.dottedForm { 
	border-width: 1px;
	border-style: dotted;
	border-color: #999999;
	width:100%;
	margin: 0 0 5px 0;
}
#calPopupDiv {
	position: absolute;
	background:#FFFFFF;
	visibility:hidden;
}
.dropMenu {
	width:100%;
}
label {
	color:#6699CC;
	padding: 0;
	margin: 5px 0 0 0;
}
.inlineFormTable {
	margin: 5px 0;
}
.youtubevideo{
	padding: 10px 0;
}
#logo p {
	color:#888888;
	padding: 0 0 8px 22px;
	font-size:10px;
	line-height:12px; 
}
#logo a:link, #logo a:visited {
	color:#888888;
}
#logo a:active, #logo a:hover {
	color:#6699CC;
}

/* PNG FIX FOR IE */
* html img,
* html .png {
  azimuth: expression(
    this.pngSet?
      this.pngSet=true : 
        (this.nodeName == "IMG" ? 
          (this.src.toLowerCase().indexOf('.png')>-1 ? 
            (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
                this.src = "images/main/blank.gif") :
            '') :          
          (this.currentStyle.backgroundImage.toLowerCase().indexOf('.png')>-1) ?
            (this.origBg = (this.origBg) ? 
              this.origBg :             
              this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
              this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
              this.runtimeStyle.backgroundImage = "none") :
            ''
        ), this.pngSet=true
  );
}


/* OLD SIGNUP FORM ################################################## */

/*#signupForm {
	width: 159px;
	color: #6699CC;
	font-size: 10px;
	line-height: 13px;
}
#signupForm .pad {
	padding: 7px 0 0 23px;
}
#signupForm .copy {
	padding: 0 0 5px 0;
}*/

/* NEW SIGNUP FORM ################################################## */

#signupForm{
	width: 159px;
}
#signupForm,
#signupForm .link,
#signupForm .link a,
#signupForm #SignUp .signupframe {
	color: #6699CC;
	font-size: 10px;
	line-height: 13px;
}
#signupForm .pad {
	padding: 7px 0 0 23px;
}
#signupForm .copy {
	padding: 0 0 5px 0;
}

.link,
.link a {
	text-decoration: none;
}
#SignUp .signupframe {
	border: 0;
	width: 159px;
}
#SignUp .signupframe td,
#SignUp .signupframe tr {
	padding: 0;
}
#SignUp .signupframe .required {
	font-size: 10px;
}
.signupframe input[text] {
	border-width: 1px;
	border-style: dotted;
	border-color: #999999;
	margin:3px 0;
	padding:3px;
	width: 125px;
	color:#777777;
}
	

/* FORM ################################################## */

input {
	font-size:10px;
}
input.radio {
	margin: 2px 0 2px 1px;
	vertical-align: top;
}
input.text {
	border-width: 1px;
	border-style: dotted;
	border-color: #999999;
	margin:3px 0;
	padding:3px;
	width: 125px;
	color:#777777;
}
input.button{
	background:#cccccc;
	border: 0px;
	margin:3px 0;
	padding: 3px 7px 5px 7px;
	color:#FFFFFF;
}
input.button:hover{
	background:#666666;
	cursor:pointer;
}
label {
	font-size:9px;
	line-height: 11px;
	font-style:italic;
	display: inline-block;
	padding: 0 0 3px 0;
	margin: 0;
}
label.error {
	color: #FF0000;
}

/* ZALMAG FORMS ################################################################# */


#zalmag-form .radioGroup {
	padding-bottom: 5px;
}
#zalmag-form input {
	font-size:13px;
}
#zalmag-form select{
	margin:3px 0 6px 0;
}
#zalmag-form input.radio {
	margin: 1px 2px 2px 0;
	vertical-align: top;
}
#zalmag-form input.text,
#zalmag-form textarea {
	margin: 1px 5px 3px 0;
	padding:3px;
	width: 300px;
	border-width: 1px;
	border-style: dotted;
	border-color: #999999;
}
#zalmag-form .form-qty input.text {
	width: 150px;
}
#zalmag-form input.button, 
#zalmag-form div.button {
	font-size: 11px;
	background: #999;
	border: 0px;
	margin: 10px 0;
	padding: 1px 6px 3px 6px;
	color: #FFFFFF;
	float:left;
}
#zalmag-form div.button {
	padding: 1px 6px 1px 6px;
}
#zalmag-form input.button:hover,
#zalmag-form div.button:hover {
	background: #666666;
	cursor: pointer;
}
#zalmag-form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
#zalmag-form legend {
	padding-top: 4px;
}
#zalmag-form label {
	font-size: 10px;
	font-style: italic;
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	line-height: 15px;
}
#zalmag-form label.error {
	padding-top: 0;
	display: none;
	font-style: italic;
	font-weight:normal;
}
#zalmag-form label.error, 
#zalmag-form .red {
	color: #FF0000;
}
#zalmag-form label.radioError {
	/*display: block;*/
}
#zalmag-form label.checkboxLabel {
	font-weight: normal;
}
#otherBox {
	display: none;
}