#carousel_inner, #carousel_inner1, #carousel_inner2, #carousel_inner3, #carousel_inner4, #carousel_inner5, #carousel_inner6 
{
float:left; /* important for inline positioning */
position:relative;
left:16px;
width:362px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
height:101px;
background:#ff7f4a;
box-shadow:inset 0px 0px 10px #000000;
}
	
	.ie8 #carousel_inner, .ie8 #carousel_inner1, .ie8 #carousel_inner2, .ie8 #carousel_inner3, .ie8 #carousel_inner4, .ie8 #carousel_inner5, .ie8 #carousel_inner6 
	{
	float:left; /* important for inline positioning */
	position:relative;
	left:16px;
	width:362px; /* important (this width = width of list item(including margin) * items shown */ 
	overflow: hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */
	height:101px;
	/*background:#ff7f4a;
	box-shadow:inset 0px 0px 10px #000000;*/
	background:url(images/IE-Sprite.jpg) -450px -650px;
	}
	 .ie7 #carousel_inner, .ie7 #carousel_inner1, .ie7 #carousel_inner2, .ie7 #carousel_inner3, .ie7 #carousel_inner4, .ie7 #carousel_inner5, .ie7 #carousel_inner6 
	{
	float:left; /* important for inline positioning */
	position:relative;
	left:16px;
	width:362px; /* important (this width = width of list item(including margin) * items shown */ 
	overflow: hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */
	height:101px;
	/*background:#ff7f4a;
	box-shadow:inset 0px 0px 10px #000000;*/
	background:url(images/IE-Sprite.jpg) -450px -650px;
	}
	 .ie6 #carousel_inner, .ie6 #carousel_inner1, .ie6 #carousel_inner2, .ie6 #carousel_inner3, .ie6 #carousel_inner4, .ie6 #carousel_inner5, .ie6 #carousel_inner6 
	{
	float:left; /* important for inline positioning */
	position:relative;
	left:16px;
	width:362px; /* important (this width = width of list item(including margin) * items shown */ 
	overflow: hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */
	height:101px;
	/*background:#ff7f4a;
	box-shadow:inset 0px 0px 10px #000000;*/
	background:url(images/IE-Sprite.jpg) -450px -650px;
	}

#carousel_ul, #carousel_ul1, #carousel_ul2, #carousel_ul3, #carousel_ul4, #carousel_ul5, #carousel_ul6    
{
position:relative;
left:-180px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding-left: 180px; /*This will change depending on the number of items within the carousel*/
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li, #carousel_ul1 li, #carousel_ul2 li, #carousel_ul3 li, #carousel_ul4 li, #carousel_ul5 li, #carousel_ul6 li
{
float: left; /* important for inline positioning of the list items */                                    
width:140px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:90px;
margin-top:7px;
margin-left:20px; 
margin-right:20px; 
}

	
	.ie8 #carousel_ul li, .ie8 #carousel_ul1 li, .ie8 #carousel_ul2 li, .ie8 #carousel_ul3 li, .ie8 #carousel_ul4 li, .ie8 #carousel_ul5 li, .ie8 #carousel_ul6 li
	{
	float: left; /* important for inline positioning of the list items */                                    
	width:140px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:90px;
	margin-top:7px;
	margin-left:20px; 
	margin-right:20px; 
	}
	.ie7 #carousel_ul li, .ie7 #carousel_ul1 li, .ie7 #carousel_ul2 li, .ie7 #carousel_ul3 li, .ie7 #carousel_ul4 li, .ie7 #carousel_ul5 li, .ie7 #carousel_ul6 li
	{
	float: left; /* important for inline positioning of the list items */                                    
	width:140px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:90px;
	margin-top:-64px;
	margin-left:20px; 
	margin-right:20px; 
	}
	.ie6 #carousel_ul li, .ie6 #carousel_ul1 li, .ie6 #carousel_ul2 li, .ie6 #carousel_ul3 li, .ie6 #carousel_ul4 li, .ie6 #carousel_ul5 li, .ie6 #carousel_ul6 li
	{
	float: left; /* important for inline positioning of the list items */                                    
	width:140px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:90px;
	margin-top:-64px;
	margin-left:20px; 
	margin-right:20px; 
	}

#carousel_ul li img, #carousel_ul1 li img, #carousel_ul2 li img, #carousel_ul3 li img, #carousel_ul4 li img, #carousel_ul5 li img, #carousel_ul6 li img 
{
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #left_scroll1, #left_scroll2, #left_scroll3, #left_scroll4, #left_scroll5, #left_scroll6
{
position:relative;
top:15px;
left:-1px;
float:left;
z-index:40;
background:url(siteDesignSprite.png) 0px 0px;
height:71px;
width:38px;
cursor: pointer;
cursor: hand;
}
#left_scroll:hover, #left_scroll1:hover, #left_scroll2:hover, #left_scroll3:hover, #left_scroll4:hover, #left_scroll5:hover, #left_scroll6:hover
{
background:url(siteDesignSprite.png) -112px 0px;

}
#right_scroll, #right_scroll1, #right_scroll2, #right_scroll3, #right_scroll4, #right_scroll5, #right_scroll6
{
position:relative;
top:-82px;
float:right;
background:url(siteDesignSprite.png) -39px 0px;
z-index:40;
height:71px;
width:35px;
cursor: pointer;
cursor: hand;
}
	
	.ie8 #right_scroll, .ie8 #right_scroll1, .ie8 #right_scroll2, .ie8 #right_scroll3, .ie8 #right_scroll4, .ie8 #right_scroll5, .ie8 #right_scroll6
	{
	position:relative;
	top:-82px;
	float:right;
	background:url(siteDesignSprite.png) -39px 0px;
	z-index:40;
	height:71px;
	width:35px;
	cursor: pointer;
	cursor: hand;
	}
	.ie7 #right_scroll, .ie7 #right_scroll1, .ie7 #right_scroll2, .ie7 #right_scroll3, .ie7 #right_scroll4, .ie7 #right_scroll5, .ie7 #right_scroll6
	{
	position:relative;
	top:-92px;
	float:right;
	background:url(siteDesignSprite.png) -39px 0px;
	z-index:40;
	height:71px;
	width:35px;
	cursor: pointer;
	cursor: hand;

	}
	.ie6  #right_scroll, .ie6  #right_scroll1, .ie6  #right_scroll2, .ie6  #right_scroll3, .ie6  #right_scroll4, .ie6  #right_scroll5, .ie6  #right_scroll6
	{
	position:relative;
	top:-92px;
	float:right;
	background:url(siteDesignSprite.png) -39px 0px;
	z-index:40;
	height:71px;
	width:35px;
	cursor: pointer;
	cursor: hand;
	}

#right_scroll:hover, #right_scroll1:hover, #right_scroll2:hover, #right_scroll3:hover, #right_scroll4:hover, #right_scroll5:hover, #right_scroll6:hover
{
background:url(siteDesignSprite.png) -153px 0px;
}