/* ------------------------------------------------------------------------------ */
/* An unnecessary scroll bar shows up in ie7, this is a fix to resolve this issue */
/* ------------------------------------------------------------------------------ */

html {
	overflow-x: hidden;
	overflow-y: auto;
	}
	
	
	
/* ------------------------------ */
/* ---------- TAG MODS ---------- */
/* ------------------------------ */
	
body {
	background-color: #fff;
	background-image: url(../images/body_bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	}



/* ----------------------------- */
/* ------------ IDs ------------ */
/* ----------------------------- */

#container {
	width: 988px;
	min-height: 702px;
	_height: 702px;
	margin: auto;
	}

	#header {
		width: 988px;
		height: 50px;
		background-image: url(../images/header_bg.png);
		}
		
	#sub_header {
		width: 988px;
		height: 44px;
		background-image: url(../images/sub_header_bg.png);
		}
	
	#flash_area {
		width: 988px;
		height: 377px;
		background-image: url(../images/flash_area_bg.gif);
		position: relative;
		}
		
		#flash {
			width: 988px;
			height: 377px;
			position: absolute;
				left: 80px;
				top: -50px;
			}
	#flash_container {
		width:988px;
		margin:0 auto;
		
	}
	#flash_container2 {
		background:url('../images/flash_container_bg.gif') repeat-x left top;

	}
		#flash_content {
			background:#fff;
			width:700px;
			margin:0 auto;
			min-height:570px;
			_height:570px;
			padding-top:30px;
			padding-left:83px;
			padding-right:83px;
			background:url('../images/flash_middle.gif') repeat-y left top;
		}
			#flash_top {
				width:866px;
				margin:0 auto;
			}
			#flash_bottom {
				width:866px;
				margin:0 auto;
			}
		
	#sub_pImg_area {
		width: 988px;
		height: 148px;
		background-image: url(../images/sub_pImg_area_bg.gif);
		position: relative;
		}
		
	#nav_container #menu {
		position: absolute;
			top: 16px;
		}
	
	#nav_container {
		width: 988px;
		height: 61px;
		background-image: url(../images/nav_container_bg.gif);
		position: relative;
		z-index: 500;
		}
		
	#sub_nav_container {
		width: 988px;
		height: 55px;
		background-image: url(../images/sub_nav_container_bg.gif);
		position: relative;
		z-index: 500;
		}
		
	#sub_above_content {
		width: 988px;
		height: 35px;
		background-image: url(../images/sub_above_content_bg.gif);
		}
		
	#sub_content_container {
		width: 968px;
		background-image: url(../images/sub_content_container_bg.gif);
		position: relative;
		padding: 10px;
		}
		
	#sub_content_text {
		width: 685px;
		position: relative;
			left: 151px;
			top: 0px;
		}
			
	#sub_below_content {
		width: 988px;
		height: 55px;
		background-image: url(../images/sub_below_content_bg.gif);
		}
	
	#home_under_nav {
		background-image: url(http://www.sunroc.net/images/home_under_nav_bg.gif);
		height: 160px;
		position: relative;
		width: 988px;
		}
		
		#home_under_nav_box1 {
			color: #515151;
			float: right;
			height: 150px;
			margin-right: 75px;
			margin-top: 15px;
			width: 300px;
			}
			
		#home_under_nav_box2 {
			color: #4666A1;
			float: right;
			font-size: 11px;
			font-weight: bold;
			margin-top: 38px;
			width: 250px;
			}
			
		#home_under_nav_box2 a,
		#home_under_nav_box2 a:link,
		#home_under_nav_box2 a:visited,
		#home_under_nav_box2 a:active {
			color: #4666a1;
			text-decoration: none;
			}
		
		#home_under_nav_box2 a:hover {
			color: #000;
			text-decoration: none;
			}


		
	#footer {
		width: 988px;
		height: 83px;
		background-image: url(../images/footer_bg.gif);
		position: relative;
		}
		
	#footer-new {
		width: 810px;
		margin: 25px auto 0 auto;
		padding: 10px 0;
		border-top: 1px solid #ddd;
		padding-left:40px;
		}
		
		#footer-new li {
			list-style: none outside;
			display: inline;
			border-right: 1px solid #c9c9c6;
			padding: 4px 8px;

			text-transform: uppercase;
			font-size: 0.8em;
			}
			
			#footer-new a:link, #footer-new a:visited {
				color: #949494;
				text-decoration: none;
				}
				
				#footer-new a:link.login, #footer-new a:visited.login {
					color: #6382ac;
					}



/* ------------------------------- */
/* ----------- CLASSES ----------- */
/* ------------------------------- */

.clearance {
	clear: both;
	}
	
#contentText {
	color: #515151;
	/*margin-top: 13px;*/
	font-size: 11px;
	}
	
.footImg1 {
	position: absolute;
		left: 180px;
		top: 39px;
	border: none;
	}
	
.footImg2 {
	position: absolute;
		left: 418px;
		top: 39px;
	border: none;
	}
	
.footImg3 {
	position: absolute;
		left: 500px;
		top: 39px;
	border: none;
	}
	
.footImg4 {
	position: absolute;
		left: 580px;
		top: 39px;
	border: none;
	}
	
.footImg5 {
	position: absolute;
		left: 688px;
		top: 39px;
	border: none;
	}
	
.footImg6 {
	position: absolute;
		left: 763px;
		top: 39px;
	border: none;
	}
	
.footImg7 {
	position: absolute;
		left: 863px;
		top: 39px;
	border: none;
	}
	
.logoButton {
	border: none;
	position: absolute;
		left: 145px;
		top: -2px;
	z-index: 500;
	}
	
.page_image {
	position: absolute;
		left: 75px;
		top: 0px;
	}
	
.page_title {
	color: #d21d24;
	font-family: "Verdana";
	font-size: 21px;
	font-weight: bolder;
	}
	
.viewPositions {
	position: absolute;
		left: 1px;
		top: 45px;
	border: none;
	}

.viewVideo { position: absolute; left: 1px; top: 70px; border: none; }

#products {}

#products #categories {
margin: 0 0 15px 0;
padding: 0;
}

#products #categories li {
background: #132146 url('../images/cat_bg.gif') repeat-x;
border: 1px solid #fff;
list-style: none outside;
width: 22%;
height: 126px;
padding: 5px;
margin: 0 5px 5px 0;
float: left;
}

#products #categories li img {
background: #4c6090;
display: block;
margin: 0 auto;
border: 2px solid #162652;
}

#products #categories li a.cat-title {
color: #fff;
font-weight: bold;
padding: 5px 0;
display: block;
text-decoration: none;
text-align: center;
}

#products #categories li a.cat-title:hover { background: #4e6392; }

#products #gallery {
margin: 0;
padding: 0;
}

#products #gallery li {
background: #eee;
list-style: none outside;
float: left;
width: 140px;
height: 106px;
text-align: center;
border: 1px solid #4e6392;
margin: 0 10px 10px 0;
padding: 10px;
}

/* Highslide */
.highslide {
	cursor: url(../images/highslide/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(../images/highslide/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(../images/highslide/controlbar4.gif);
	width: 167px;
	height: 34px;
	margin-top: -5px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(../images/highslide/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.ClydeImage 
{
border:1px black solid;
padding:5px 5px 5px 5px ;
margin:0px 0px 2px 5px; 
}

.ClydeImageSmall 
{
border:1px black solid;
padding:5px 5px 5px 5px ;
margin:0px 0px 2px 5px; 
}


a.contentBtn {
overflow:hidden;
height:20px;
color:white;
font-size:1em;
text-decoration:none;
cursor:pointer;
display:block;
}

a.contentBtn span {
background:url(../images/content_btn_tile.gif) repeat-x;
padding:3px 0 4px;
margin:0;
float:left;
}
a.contentBtn img {
width:6px;
height:20px;
float:left;
}
div .cntParagraph div p a img {
	border:none;
}

div .cntParagraph div p a img {
	border:none;
}
#container a img { border: none; }