.stripViewer .panelContainer .panel ul {

text-align: left;

margin:0;

}

.slider-wrap, .slider-wrap4, .slider-wrap2 { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

position: relative;

width: 100%;

z-index:18;

}

.slider-wrap2 { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

width: 674px;

margin: 0 auto;

height:435px;

padding:6px;

}

.slider-wrap2.Banner {

 height:419px;

}

.slider-wrap4 { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

width: 254px;

}

.ComparePackages .slider-wrap4 {

	width:248px;

}

/* These 2 lines specify style applied while slider is loading */

.csw {width: 100%; height: 50px; overflow: hidden;}

.csw .loading {margin:0; text-align: center}

.stripViewer { /* This is the viewing window */

position: relative;

overflow: hidden; 

margin:0 auto;

width: 674px; /* Also specified in  .stripViewer .panelContainer .panel  below */

height: 435px;

clear: both;

}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */

position: relative;

left: 0; top: 0;

width: 100%;

list-style-type: none;

overflow:hidden;

/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */

float:left;

height: 100%;

position: relative;

width: 674px; /* Also specified in  .stripViewer  above */

}

.stripViewer .panelContainer .panel { /* Wrapper to give some padding in the panels, without messing with existing panel width */

padding:0;



}

.stripViewer .panelContainer .panel .PortfolioImg {

	text-align:left;

}

.stripViewer .panelContainer .panel .PortfolioImg .Image {

	float:left;

	padding:14px;

}

.stripViewer .panelContainer .panel .PortfolioImg .Banners {

	width:300px;

	float:left;

}

.PortfolioImg .Banners h4 {

	margin:10px 0 5px;

}

.PortfolioImg .Banners p {

	line-height:24px;

}

.PortfolioImg .Banners p a {

	color:#BABABA;

}

.PortfolioImg .Banners p a:hover {

	color:#FFF;

}

.stripViewer .panelContainer .panel .PortfolioImg .Image img {

	border:2px #2E2E2E solid;

}

.stripViewer .panelContainer .panel p {

	padding:0;

	text-align:left;

}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */

margin: auto;

display:none;

}

.stripNavR { /* The left and right arrows */

position: absolute;

top:140px;

right:6px;

width:19px;

text-indent: -9000em;

z-index:100001;

}

.stripNavL { /* The left and right arrows */

position: absolute;

top:140px;

left:6px;

width:19px;

text-indent: -9000em;

z-index:100002;

}

.stripNavL a, .stripNavR a {

display: block;

height:102px;

width:19px;

}

.stripNavL {

background: url("../images/port-arrow-lft.png") no-repeat 0 0;

}

.stripNavR {

background: url("../images/port-arrow-rgt.png") no-repeat 0 0;

}

.stripNavL:hover {

background: url("../images/port-arrow-lft.png") -19px 0 no-repeat;

}

.stripNavR:hover {

background: url("../images/port-arrow-rgt.png") -19px 0 no-repeat;

}

.HowitWorksContent .stripNavR, .HowitWorksContent .stripNavL {

	top:30px;

	right:80px;

} 

.HowitWorksContent .stripNavL {

	left:70px;

} 

.HomePortfolioSlider .stripNavL {

background: url("../images/arrow-lfthome.png") no-repeat -19px 0;

top:60px;

left:0;

width:19px;

}

.HomePortfolioSlider .stripNavR {

background: url("../images/arrow-rgthome.jpg") no-repeat 0 0;

top:60px;

right:0;

width:19px;

}

.HomePortfolioSlider .stripNavL:hover {

background: url("../images/arrow-lfthome.png") 0 0 no-repeat;

}

.HomePortfolioSlider .stripNavR:hover {

background: url("../images/arrow-rgthome.jpg") -19px 0 no-repeat;

}

.HomePortfolioSlider .stripNavL a, .HomePortfolioSlider .stripNavR a {

display: block;

height:135px;

width:19px;

}

/******************* Packages Slider CSS *****************/

.HowitWorksContent .slider-wrap2 .stripViewer {

	height:auto;

	width: 638px; 

}		

.HowitWorksContent .slider-wrap2 .stripViewer .panelContainer {

	padding-top:0;

}

.slider-wrap2 .stripViewer .panelContainer .panel { 

float:left;

height: 100%;

position: relative;

width: 674px; 

}

.HowitWorksContent .slider-wrap2 .stripViewer .panelContainer .panel { 

width: 638px; 

}



.slider-wrap2 .stripViewer .panelContainer .panel ul, .GlozeWebPackages {

	list-style-type:none;

	margin:0;

	padding:0;

}

.slider-wrap2 .stripViewer .panelContainer .panel ul li, .GlozeWebPackages li {

	margin:0 1px;

	padding:0;

	display:inline;

	float:left;

	width:123px;

	height:100px;

	text-align:center;

}

.slider-wrap2 .stripViewer .panelContainer .panel ul li a, .GlozeWebPackages li a {

	display:block;

	float:left;

	color:#fff;

	text-decoration:none;

	width:123px;

	height:92px;

	padding-top:8px;

}

.slider-wrap2 .stripViewer .panelContainer .panel ul li a:hover, .GlozeWebPackages li a:hover {

	color:#fff;

	text-decoration:none;

	background:url(../images/adonesbg.png) no-repeat;

}

.slider-wrap2 .stripViewer .panelContainer .panel ul li a img {

	margin-bottom:8px;

}

/**************************** Home Page Poftfolio Slider **************/

.PortfolioHomeSlider {

	width:686px;

	position:relative;

}