/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	margin:0;
	padding:0;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	width:149px;
	top:0;
	left:11px;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 149px;
    height: 217px;
	text-align:center;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	float:right;
	width:11px;
	height:21px;
	background: url('/vodafone/gui08/images/buttons/arrow-right.gif') no-repeat top left;
	position:absolute;
	margin-top:92px;
	right:0;
	cursor:pointer;
}

.jcarousel-prev {
	z-index: 3;
	float:left;
	width:11px;
	height:21px;
	background: url('/vodafone/gui08/images/buttons/arrow-left.gif') no-repeat top left;
	position:absolute;
	margin-top:92px;
	cursor:pointer;
}

.mycarousel ul li
{
	display:inline;
}

/* visual in modBody (column) */
.modBody .visual {
	padding-top:0;
}
.modBody .visual img {
	margin:0 -6px;
	position:relative;
}

.flash-container {
	padding-left:3px;
	width:765px;
}
.mod4Col .modCopy1Col {
	float:right;
}

/* 3-column wide product block */
.modBody .product {
	float:left;
	width:268px;
	padding:0 8px;
	margin:6px 0 0;
	border-right:1px dotted #b1b1b1;
	position:relative;
}
.modBody .product-last {
	border:none;
}
.modBody .product h3 {
	overflow:hidden;
	text-indent:-2000em;
	position:relative;
	height:33px;
}
.modBody .product .txt {
	height:90px;
	font-size:1em;
	color:#333;
}
.modBody .product strong {
	font-size:1.2em;
	font-weight:bold;
}

.modBody .product img {
	/*bottom:40px;*/
	left:0px;
	position:relative;
}

.product a.textBtnRed {
	margin-top:3px;
}

.modBody .link_list1Col {
	bottom:3px;
	left:6px;
	width:175px;
}

.product .link_list1HalfCol {
	bottom:3px;
	left:6px;
	width:270px;
}
.mod4Col .modBody .link_list1Col .link_list1HalfCol {
	left:auto;
}
.modBody .product .link_list1Col {
	width:179px;
}
/* 2-column wide link block */
.modSubCol {
	float:left;
	padding:0 8px 0 0px;
	margin:0 9px 0 0;
	width:172px;
	position:relative;
}

.modSubCol1 {
	float:left;
	padding:0 10px 0 50px;
	/*margin:0 9px 0 0;*/
	width:172px;
	position:relative;
}

.modSubCol2 {
	float:left;
	padding:0 10px 0 10px;
	/*margin:0 9px 0 0;*/
	width:172px;
	position:relative;
}

.modSubCol1 .modCopy1Col {
	float:left;
	height:85px;
}

.modSubCol2 .modCopy1Col {
	float:left;
	height:85px;
}


.modSubCol .modCopy1Col {
	float:left;
	height:85px;
}
.modSubCol-last {
	margin-right:0;
	padding-left:0;
	overflow:hidden;
}
a.btnBlue3 {
background:transparent url(/vodafone/gui08/images/buttons/arrow-blue3.gif) no-repeat scroll right 4px;
}
.loginBox{
	position:absolute;
	top:132px;
}
/* NOW specific banner */
.modBanner {
	border-top:1px solid #ccc;
}
.modBanner img {
	position:relative;
	left:1px;
}

/* NOW specific modHeight */
.modHeight137 {
xbackground: url('../img/backgroundColum1.gif');
xbackground-repeat:repeat-x;

	min-height: 10.1em;
}
.modHeight305{
	min-height: 25.427em;
	background-repeat:no-repeat;
	background-position:bottom;
}

.link_list1Col {
	position:absolute;
	width:171px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../images/layouts/dottedLine.gif) repeat-x left bottom;
	clear:both;
}

.link_list1HalfCol {
	position:absolute;
	width:270px;
	bottom:7px;
	padding-bottom: 1px;
	background: url(../images/layouts/dottedLine.gif) repeat-x left bottom;
	clear:both;
}

.link_list1Col_inline {
	width:171px;
	padding-bottom: 1px;
	background: url(../images/layouts/dottedLine.gif) repeat-x left bottom;
	margin:5px 0;
}
.link_list1Col li,.link_list1Col_inline li,.link_list2Col li,.link_list3Col li,.link_list3Col_inline li,.link_list4Col li, .link_list1HalfCol li{
	background: url(../images/layouts/dottedLine.gif) repeat-x top left;
	padding-bottom: 1px;
	width:100%;
}
.link_list1Col a,.link_list1Col_inline a,.link_list2Col a,.link_list3Col a,.link_list3Col_inline a,.link_list4Col a, .link_list1HalfCol a{
	padding: 4px 15px 1px 0;
	display:block;
	background-position:100% 4px;
}
.link_list1Col a:hover,.link_list1Col_inline a:hover,.link_list2Col a:hover,.link_list3Col a:hover,.link_list3Col_inline a:hover,.link_list4Col a:hover, .link_list1HalfCol a:hover,
.link_list1Col a:focus,.link_list1Col_inline a:focus,.link_list2Col a:focus,.link_list3Col a:focus,.link_list3Col_inline a:focus,.link_list4Col a:focus, .link_list1HalfCol a:focus {
	background-position:100% -96px;
}

a.btnDove{
	background:url("../images/buttons/arrow-dove.gif") no-repeat left top;
}
.doveBG	{background-color:#005F6C;}
.modCopy,.modCopy1col,.modCopy2col,.modCopy3col{
	padding:8px 0 4px 7px;
}

.promotions {background-color:#6DC1C7;color:black;}
.btCarroucel 
{
	position:absolute;
	left:0px;
	bottom:0px;
 }


