﻿body {
font: 11px Arial, Helvetica, sans-serif;
background-color:#A4C1C9;
margin: 10px;
padding: 0;
text-align: center; 
color: #3f3f3f;
z-index: 0;
}
h1, h2, h3, h4, h5, h6 {
color: #778488;
}
h1 {
font-size: 18px;
}

a {
text-decoration: none;
outline: none;
color: #778488;
}
a:hover {
text-decoration: underline;
}

img{
border:0 none;
Padding: 0;
outline: 0;
margin: 0;
}

hr{

border: 0;
color: #94a1a7;
background-color: #94a1a7;
height: 1px;
margin: 10px 3px 10px 3px;
}	

/* 
#################################
###### content css ##################
#################################
*/

.clear
{
     clear:both;
      width:0px;
      height:0px;
}

#wrapper {
background-image: url('../../images/bg-gradient.jpg');
background-repeat: repeat-x;
position: relative;
z-index:0;
width:980px;
text-align: left;
margin: 0px;


}



.rotatingitem{
     visibility:hidden;
}

.rotatingitem0{

}

.rotatingitems{
 position:absolute;
  top:165px;
  left:635px;
  z-index:100;
  width:300px;
  height:175px;
}




#header {
width:980px; 
}

#top {
width:980px; 

}

.topspacer{
float:left;
width:14px;
height:45px;

/*border: solid 1px Black*/

}

#topmenu {
float:left;
 text-align:left;
}






		.navitem {
			float: left;
			z-index: 50;
		}

		.navdropitem {
			float: left;
			position: relative;
			z-index:50;
		}
			.subdropdiv {
				background: #8aacb6 repeat left top;
				 color:White;
				position: absolute;
				left: 0px;
				top: 0px;
				margin-top: 42px;
				display: none;
				z-index:40;
				font: 13px Arial, Helvetica, sans-serif;
				 width:102px;
				 text-align: center;
				 border-bottom: solid 2px #76919c;
				 border-left: solid 2px #76919c;
				  border-right: solid 2px #76919c;
			}
			.subdropdiv a {
				display: block;
				color:White;
				margin: 10px 10px 10px 10px;
				 font-weight: bold;
				 text-decoration: none;
			}

			.subdropdiv2 {
				background: #8aacb6 repeat left top;
				 color:White;
				position: absolute;
				left: 0px;
				top: 0px;
				margin-top: 42px;
				display: none;
				z-index:40;
				font: 13px Arial, Helvetica, sans-serif;
				 width:162px;
				  text-align: center;
				 border-bottom: solid 2px #76919c;
				 border-left: solid 2px #76919c;
				  border-right: solid 2px #76919c;				  
			}
			.subdropdiv2 a {
				display: block;
				color:White;
				margin: 10px 10px 10px 10px;
				 font-weight: bold;
				 text-decoration: none;
			}			









.topspacer2{
float:left;
width:15px;

}                    

#topimage {
background-image: url('../../images/dropshadow1.png');
background-repeat: repeat-y;
float:left;
height:201px;
width:954px;
padding-left:7px;
position: relative;
}




#maincontent {

/* height: 421px;*/
}

.midspacer{
float:left;
width:15px;

}

#midarea {
float:left;
background-image: url('../../images/dropshadow1.png');
background-repeat: repeat-y;            
width:954px;
}


#nextmenu {
background-color: #85AAB3;  
margin-left:7px; 
width:940px;
padding: 20px 0px 0px 0px;

}


.nextmenuspacing {
padding: 25px 8px 15px 10px;
}                        


#midareaBGCol {
background-image: url('../../images/midBGHalf.png');
background-repeat: repeat-x;  
    
background-color: #e5edf0;  
width:940px;
margin:0px 0px 0px 7px ;   
}



#textareas {
width:940px;
}

#lefttext {
width:440px;
float:left;
padding: 10px 10px 5px 20px;
 text-align:justify;
   vertical-align:top;    
}

#righttext {
width:440px;
float:left;
padding: 10px 10px 5px 20px;
 text-align:justify; 
  vertical-align:top;                                                                  
}


#fulltext {
width:880px;
float:left;
padding: 10px 40px 5px 40px;
 text-align:justify;      
  
                                                         
}


#speechbubble{
background-image: url('../../images/SpeechBubble_01.png');
background-repeat: no-repeat;  
height:90px;
width:381px;
position: relative;
}

#speechbubble2{
background-image: url('../../images/SpeechBubble_01.png');
background-repeat: no-repeat;  
height:90px;
width:381px;
position: relative;
}

.speechtext{
font-weight: bold;
height:30px;
width:320px;
position: absolute;
left:28px;
top:18px;
overflow:hidden;
}

.quothwho{
 font-size:12px;
font-weight: bold;
height:15px;
width:190px;
position: absolute;
left:189px;
top:72px;
overflow:hidden;
}



.midbottomimage{
/*background-image: url('../../images/mainarea-bottom.jpg');*/
background-repeat: no-repeat;  
margin-left: 2px;

}                

#footer {
width:980px; 
height:50px;
}

#footerleft {
width:296px; 
margin-left:30px;
float:left;
text-align:left;
}

#footermid {
width:327px; 
float:left;
text-align:center;
}

#footerright {
width:296px; 
float:left;
text-align:right;
margin-right:30px;
}                                    












































.behindmenu
{
z-index: -1;
}    

/* 
#################################
###### Admin Menu Items ###############
#################################
*/ 
.prodmenu
{
z-index: 210 !important;  
} 
.staticMenuItem
{
margin: 3px 3px 3px 3px !important;  
color:#0075bc !important;   
font-weight: bold !important;  
text-decoration: none !important;        
z-index: 215 !important;  
}

.staticmenuHover
{
color:#EF3038 !important;  
font-weight: bold !important;  
text-decoration: none !important;  	
z-index: 215 !important;                 
}    

.dynamicMenuItem
{
color:#fff !important;   
background-color:#0075bc !important;  
font-weight: bold !important;  
z-index: 215 !important;  
padding: 3px 3px 3px 3px !important;  
}

.dynamicmenuHover
{
color:#EF3038 !important;		
text-decoration: none !important;		
z-index: 215 !important;                 
}    

.dynamicMenu
{
z-index: 215;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true');
}	       







.image235 {
	width: 235px;
	overflow: hidden;
	margin-bottom: 5px;
	float: left;
}	

.itemimage {
	width: 480px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}  		

.curveheader2 {
	background-image: url(../../images/boxcurve2_top.png);
	height: 20px;
	}
	
.curvecontent2 {
	background-image: url(../../images/boxcurve2_mid.gif);
	background-repeat: repeat-y;
}

.curvefooter2 {
	background-image: url(../../images/boxcurve2_bot.png);
	background-position: left bottom;
	height: 20px;
}

.curveheader {
	background-image: url(../../images/boxcurve_top.png);
	height: 20px;
}
.curvecontent {
	background-image: url(../../images/boxcurve_mid.gif);
	background-repeat: repeat-y;
}
.curvefooter {
	background-image: url(../../images/boxcurve_bot.png);
	background-position: left bottom;
	height: 20px;
}


.curveheader3 {
	background-image: url(../../images/boxcurve3_top.png);
	height: 20px;
}
.curvecontent3 {
	background-image: url(../../images/boxcurve3_mid.gif);
	background-repeat: repeat-y;
}
.curvefooter3 {
	background-image: url(../../images/boxcurve3_bot.png);
	background-position: left bottom;
	height: 20px;
}


.thincurveheader {
	background-image: url(../../images/thin_boxcurve_top.png);
	height: 15px;
}
.thincurvecontent {
	background-image: url(../../images/thin_boxcurve_mid.gif);
	background-repeat: repeat-y;
}
.thincurvefooter {
	background-image: url(../../images/thin_boxcurve_bot.png);
	background-position: left bottom;
	height: 30px;
}



.itemheader {
	padding: 0px 10px 0px 10px;
}

.priceblock {
	border: solid 1px #dedede;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px;
}

.size1 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	display: block;
	margin-bottom: 5px;
}
.size2 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	display: block;
	margin-bottom: 5px;
}
.size3 {
	font-size: 10px;
	color: #666;
	display: block;
	margin-bottom: 5px;
}

.size4 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	display: block;
	margin-bottom: 5px;
}



.itemdetails {
	float: left;
	width: 250px;
}

.itemdet2 {
	font-size: 11px;
	font-weight: bold;
	color: #999;
	padding: 10px;
}



.linkblock2 {
    background-image: url('../../images/blank-link.png');
    background-repeat: no-repeat; 
    height:76px;
    width:300px;   
	float: left;
	margin-left: 50px;
	margin-bottom: 20px;
	padding-top:10px;
	 text-align:center;
	   vertical-align:middle;
	   color: #586963;
	   font-size:16px;
	    font-weight: bold;
	   
    
}





