@charset "UTF-8";
/* CSS Document */

* { margin: 0px;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
	/*padding: 0px 0px 0px 0px;*/
	background: #FFF url("../img/grille-100.gif") repeat-x top center;
	font: 12px "Helvetica", arial, verdana, sans-serif;
	line-height: 17px;
	text-align: left;
}

p {
	font: 12px "Helvetica", arial, verdana, sans-serif;
	line-height: 17px;
	text-align: left;
	width: 410px;
	padding-bottom: 18px;
	/*padding-left: 35px;*/
}

h1 {
	font: 20px "Helvetica", arial, verdana, sans-serif;
	color: #ccc;
}

.mainindent {
	padding-left: 35px;
}

.pullindent {
	padding-left: 25px;
	width: 370px;
}

h2 {
	text-align: left;
	font: 23px "Helvetica", arial, verdana, sans-serif;
	/*color: #777;*/
	color: #222;
	font-weight: normal;
	padding-left: 55px;
}
.homepageheadline {
	text-align: left;
	font: 23px "Helvetica", arial, verdana, sans-serif;
	/*color: #777;*/
	color: #222;
	font-weight: normal;
	padding-left: 0px;
}
h3 {
	text-align: left;
	font: 17px "Helvetica", arial, verdana, sans-serif;
	color: #999;
	padding-left: 55px;
}
.headerlink a {
	top: 35px;
	font: 16px "Helvetica", arial, verdana, sans-serif;
	font-weight: bold;
/*	text-decoration: none;*/
	color: #222;
	margin-top: 35px;
	padding-top: 35px;
	padding-left: 27px;
	padding-right: 15px;
	padding-bottom: 10px;
}

a {
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}

#top-bar {
	position: absolute;
	width: 920px;
	margin-left: -460px;
	top: 10px;
	left: 50%;
}

#gallo-words {
	position: relative;
	width: 920px;
	height: 80px;
	margin-left: 0px;
}

#horizontal-divider {
	background: #FFF url("../img/horizontal-divider3.gif") no-repeat;
	width: 100%;
	height: 60px;
}

#small-divider {
	background: #FFF url("../img/small-divider.gif") no-repeat;
	width: 100%;
	height: 20px;
}

#spacer {
	background: #FFF;
	width: 100%;
	padding-top: 30px;
	height: 40px;
}

/*******************
	MAIN CONTENT CONTAINER
********************/

#main-content-home {
	text-align: center;
	position: relative;
	width: 960px;
	top: 35px;
	left: 50%;
	padding-top:10px;
	margin-left: -480px;
	z-index: 50;
}

#main-content {
	text-align: center;
	position: relative;
	width: 960px;
	top: 70px;
	left: 50%;
	padding-top:10px;
	margin-left: -480px;
	z-index: 50;
}

#main-content-3 {
	text-align: center;
	position: relative;
	width: 960px;
	top: 105px;
	left: 50%;
	padding-top:10px;
	margin-left: -480px;
	z-index: 50;
}





/*******************
	FOOTER
********************/

#push {
	height: 20px;
}

#footer {
	width: 100%;
	/*background: #0c0c0c*/
	background: #afafaf url("../img/ridge.png") repeat-x;
	position: relative;
	text-align: center;
	margin-top: 10px;
	padding-top: 40px;
	height: 50px;
	bottom: 0px;
	color: #555555;
}

#footerflags {
	margin-top: 10px;
}


#footer a:link, #footer a:active, #footer a:visited {color:#767579;}
#footer a:hover {color:#999; text-decoration:none;}

#copyright { padding-top:-10px; font-size:11px; font-color:#767579; }

ul#copyright { padding-top:0px; font-size:11px; font-color:#bdbdbf; }

ul#copyright li { float:left; margin-right:20px; }

ul#copyright a:hover { text-decoration:underline; color:#bdbdbf; }




/*******************
	NAV
********************/

#nav-1 {
	position: relative;
	background: #0c0c0c;
	width: 100%;
	height: 35px;
	margin-top: 100px;
	padding-top: 0px;
	display: block;
}

#nav-2 {
	position: absolute;
	background: transparent url("../img/nav-2-bg.gif") repeat-x;
	width: 100%;
	height: 35px;
	top: 135px;
}

#nav-3 {
	position: absolute;
	background: transparent url("../img/nav-3-bg.gif") repeat-x top center;
	width: 100%;
	height: 35px;
	top: 170px;
}




/*******************
	TOP MENU
********************/

.rhm1{
	float:none;
	text-align: center;
	width:984px;
	margin:0 auto;
}
.rhm1-bg li {
	float:left;
	list-style:none;
}
.rhm1-bg li a {
	display:block;
	color:#c5c5c5;
	font-weight:bold;
	padding:0 0 0 10px;
	height:35px;
	line-height:35px;
	text-align:center;
}
.rhm1-bg li a span {
	float:left;
	display:block;
	padding:0 18px 0 8px;
}


/* don't touch */
.rhm1-bg li.current a {
	color:#222222;
	background:url("../img/toptab-l.gif") no-repeat left 5px;
}
.rhm1-bg li.current a span {
	color:#222222;
	padding-top: 2px;
	background:url("../img/toptab-r.gif") no-repeat right 5px;
}
.rhm1-bg li a:hover {
	color:#222222;
	background:url("../img/toptab-l.gif") no-repeat left 5px;
}
.rhm1-bg li a:hover span {
	color:#222222;
	padding-top: 2px;
	background:url("../img/toptab-r.gif") no-repeat right 5px;
}



/*******************
	1ST ROW SUBMENU
********************/

#submenu1 {
	line-height: 35px;
	width: 984px;
	margin-left: -474px;
	position: absolute;
	top: 0px;
	left: 50%;
	}
#submenu1 ul {
	margin:0;
	background:transparent;
	padding:0px 20px 0 20px;
	list-style:none;
	}
#submenu1 li {
	display:inline;
	background:#fff;
	margin:0px 0px 0px 0px;
	padding:0;
	}
#submenu1 a {
	float:left;
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#999;
	}
#submenu1 a span {
	float:left;
	display:block;
	padding:0px 20px 0px 20px;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#submenu1 a span {float:none;}
/* End IE5-Mac hack */

#submenu1 a:hover span {
	color: #000;
	background: url("../img/menu-arrow.png") no-repeat center bottom;
	padding:0px 20px 0px 20px;
}
#submenu1 a:hover {
	background-position: 0% -4px;
}

#submenu1 a.submenuselected {
	display:block;
	background:url("../img/menu-arrow.png") no-repeat center bottom;
	padding:0px 0px 0px 0px;
	color:#000;
}


/*******************
	2ND ROW SUBMENU
********************/

#submenu2 {
	line-height: 35px;
	width: 900px;
	margin-left: -474px;
	position: absolute;
	top: 0px;
	left: 50%;	
	}
#submenu2 ul {
	margin:0;
	background:transparent;
	padding:0px 20px 0 20px;
	list-style:none;
	}
#submenu2 li {
	display:inline;
	/*background:#fff;*/
	margin:0px 0px 0px 0px;
	padding:0;
	}
#submenu2 a {
	float:left;
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#999;
	}
#submenu2 a span {
	display:block;
	padding:0px 20px 0px 20px;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#submenu2 a span {float:left;}
/* End IE5-Mac hack */

#submenu2 a:hover span {
	color:#000;
	background:url("../img/menu-arrow.png") no-repeat center bottom;
	padding:0px 20px 0px 20px;
}
#submenu2 a:hover {
	background-position:0% -4px;
}

#submenu2 a.submenuselected {
	display:block;
	background:url("../img/menu-arrow.png") no-repeat center bottom;
	padding:0px 0px 0px 0px;
	color:#000;
}



/*******************
	PRODUCT SUBMENU
********************/

/*#prodmenu {
	background: #FFF url("../img/submenu-bg-selected.png") repeat-x top center;

}*/

#prodmenu2 a.active {
	display:block;
	background:url("../img/menu-arrow.png") no-repeat center bottom;
	padding:0px 10px 0px 10px;
	color:#000;
	font: 12px "Helvetica", arial, verdana, sans-serif;
	color: #333;
}

#prodmenuselected {
	background: #FFF url("../img/submenu-bg-selected.png") no-repeat;
}

/*****************/

#nav-product {
	position: relative;
	background: transparent url("../img/submenu-bg.jpg") no-repeat;
	list-style: none;
	width: 450px;
	height: 35px;
	top: 0px;
	left: 0px;
	z-index: 20;
}


/****************/

#productsubmenu {
	line-height: 35px;
	width: 450px;
	margin-left: 5px;
	position: absolute;
	top: 0px;
	left: 50%;	
	}
#productsubmenu ul {
	margin:0;
	background:transparent;
	padding:0px 10px 0 10px;
	list-style:none;
	}
#productsubmenu li {
	display:inline;
	/*background:#fff;*/
	margin:0px 0px 0px 0px;
	padding:0;
	}
#productsubmenu a {
	float:left;
	margin:0;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#666;
	}
#productsubmenu a span {
	float:left;
	display:block;
	padding:0px 10px 0px 10px;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#productsubmenu a span {float:none;}
/* End IE5-Mac hack */
#productsubmenu a:hover span {
	color:#fff;
	float:left;
	display:block;
	background:url("../img/submenu-bg-selected.png") no-repeat center bottom;
	padding:0px 10px 0px 10px;
	color:#000;
}
#productsubmenu a:hover {background-position:0% -4px;}
/*#productsubmenu a:hover span {background-position:100% -42px;}*/                    


#productsubmenu a.submenuselected {
	display:block;
	background:url("../img/submenu-bg-selected.png") no-repeat center bottom;
	padding:0px 0px 0px 0px;
	color:#000;
}




/*******************
	LIGHTBOX GUBBINS
********************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#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: 100%;
	background: transparent url(../lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/prev.gif) left 52% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/next.gif) right 52% no-repeat; }


#imageDataContainer{
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 18px;
	overflow: auto;
	width: 100%	
	}

#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #mydesc{ display: block; clear: left; font-weight: normal; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  /*padding-bottom: 0.7em*/; }	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #222222;
	}


/*******************
	Scrolling tabs styles
********************/


#heading {
	display: block;
	text-align: left;
	font-weight: 500;
	color: #222;
	margin-bottom: 4px;
	padding-left: 30px;
	padding-right: 25px;
}
#heading * {
	display: inline;
	padding: 4px;
	padding-left: 25px;
	padding-right: 25px;
	user-select: none;
	cursor: pointer;
	vertical-align: middle;
}
#heading li.active {
	color: #660000;
	font-weight: 500;
	background-color: #f5f5f5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;
}
/*#wrapper { 
	border: 1px dotted gray;
	margin: 2em;
	padding: 1em; 
}*/
#panes {
	text-align: left;
	/*border-style: none;*/
	/*width: 245px;*/
	/*margin: 0 1em 0 1em;*/
}
/*#panes p {
	width: 100%;
	margin: 0 auto 1em auto;
	line-height: 1.2em;
}*/
/*#panes div div {
	overflow: hidden;
}*/



/* Screenshots */

ul.screenshots {
	list-style: none;
	margin: 10px auto 10px auto;
	clear: both;
	text-align: center;
}
	
ul.screenshots li {
	display: inline;
	list-style: none;
}
	
ul.screenshots li a img {
	float: none;
	margin: 0 10px;
}

.hide { display: none; }

.indent2 a {
	padding-left: 37px;
	/*padding-top: 20px;*/
	margin-top: 20px;
	line-height: 20px;
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}
.praisename {
	padding-left: 24px;
	line-height: 20px;
	color: #666666;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

.redstar {
	color: #CC3300;
}
hr {
	border: 0;
	width: 100%;
	color: #999;
	background-color: #999;
	height: 1px;
}
input.newsletter { width:130px; border:#747377 0px solid; color:#666666; /*background-color:#212121;*/ background:transparent; }