body {
	background: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 81.3%;
	line-height: 1.5;
	padding: 0;
	margin: 0 auto;
}
a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a:hover {
	color: #357729;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
 
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333; 
	text-align:left;
}

.note {
	font-weight:normal;
	font-size:11px;
}

.graynote {
	font-weight:normal;
	font-size:11px;
	color:#808080;
}

#mygallery-paginate img, #MobileBanner-paginate img { width:7px !important; border:none;}

.redtext{color:#F80000;}

.redtext a{color:#F80000;}

.pre-page {
    background-color: #EBEBEB;
    border-bottom: 1px solid #CECFCE;
    float: left;
    width: 100%;
    border-bottom: 1px solid #CECFCE;
    height: 60px;
}
.pre-header {
	margin: 0 auto;
	position: relative;
	width: 950px;
	height: 60px;
}
.page {
	width: 950px;
	margin: 0 auto;
	font-size: 0.923em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
#pnlContent {
	margin-bottom:35px;
}
.header {
	/*  background: #82b63a;*/
    margin: 15px 0 12px 0;
	position: relative;
	width: 950px;
	height: 60px;
	float: left;
}
.row {
	float: left;
	width: 100%;
}
.pad {
	padding: 0 5px;
}
.kenotomiasslider {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 310px;
	height: 275px;
	background-color: #fff;
}
.slider {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 950px;
	height: 275px;
	background-color: #fff;
}
.insideslider {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 710px;
	height: 220px;
	background-color: #fff;
}
.ie7 .slider {
	padding:10px 0 10px 0
}

.mainphoto {
	float:left;
	height:250px;
	margin:0 0 10px 0;
	padding:0;
}
.headerphoto {
	float:left;
	height:190px;
	margin:10px 0 10px 0;
	padding:0;
}
.vheaderphoto {
	float:left;
	height:242px;
	margin:10px 0 10px 0;
	padding:0;
}
.footer {
	background: none repeat scroll 0 0 #F6F6F6;
	clear: both;
	display: block;
	vertical-align: baseline;
}
.ie7 .footer {
	margin-top:10px;
	overflow:hidden;
}
.footermenu {
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0;
	width: 950px;
}
.panelimage {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	clear:both;
}
/* --------------- START: GRIDS ---------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_45 {
	display: inline;
	float: left;
	margin:0 10px 10px 0;
	padding:0;
	position: relative;
}
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
.grid_1 {
	width: 70px;
}
.grid_2 {
	width: 150px;
}
.grid_3 {
	width: 230px;
}
.grid_4 {
	width: 310px;
}
.grid_5 {
	width: 390px;
}
.grid_6 {
	width: 470px;
}
.grid_7 {
	width: 550px;
}
.grid_8 {
	width: 630px;
}
.grid_9 {
	width: 710px;
}
.grid_10 {
	width: 790px;
}
.grid_11 {
	width: 870px;
}
.grid_12 {
	width: 950px;
}
.grid_45 {
	width: 350px;
}
/* --------------- END: GRIDS ---------------*/

/* --------------- START: HEADINGS ---------------*/

.f5{ font-size:1.077em; font-weight:bold;}

.f4{ font-size:1.231em; font-weight:bold;}

.f3{ font-size:1.385em; font-weight:bold;}

.f2{ font-size:1.692em; font-weight:bold;}

.f1{ font-size:2.154em; font-weight:normal;}


h1 {
	padding: 0;
	margin: 0px 0 10px 0;
	color: #357729;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.308em;
	line-height: 35px;
	font-weight:lighter !important;
	clear: both;
	text-align:left;
}
h2 {
	padding: 10px 0 10px 0;
	margin: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.846em;
	line-height: 35px;
	font-weight: normal;
	text-align:left;
}
h3 {
	padding: 0;
	margin: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.538em;
	line-height: 26px;
	font-weight: bold;
	text-align: left;
}
h4 {
	padding:8px 0 8px 0;
	margin: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.077em;
	line-height: 18px;
	font-weight: bold;
	border-bottom: 1px solid #bbbbbb;
}
h5 {
	padding: 0;
	margin:5px 0 5px 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.231em;
	line-height: 20px;
	font-weight: bold;
}
h6 {
	padding: 0 0 0 10px;
	margin: 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.077em;
	line-height: 35px;
	font-weight: bold;
	background-image: url(/mp/images/common/h6.gif);
}
h7 {
	padding: 0;
	margin: 0;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.154em;
	font-weight: bold;
}
h8 { /*maria*/
	padding: 0;
	margin: 0;
	font-size: 1em;
	color: #333333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}
/* --------------- END: HEADINGS ---------------*/


/* --------------- START: FILE EXTENSIONS ---------------*/
.doc{
	background-image: url(/mp/informational/images/common/doc.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

.pdf{
	background-image: url(/mp/informational/images/common/pdf.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

.ppt{
	background-image: url(/mp/informational/images/common/ppt.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

.xls{
	background-image: url(/mp/informational/images/common/xls.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

.wmv{
	background-image: url(/mp/informational/images/common/wmv.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

.mp3{
	background-image: url(/mp/informational/images/common/mp3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

.htm{
	background-image: url(/mp/informational/images/common/htm.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

.youtube{
	background-image: url(/mp/informational/images/common/youtube.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	line-height:25px;
}

/* --------------- END: FILE EXTENSIONS ---------------*/


/* --------------- START: BUTTONS ---------------*/

.cloudbt {
  background-image:url(/mp/informational/images/common/order.gif);
  background-repeat:repeat-x;
  border: 1px solid #f58220;
  color:#fff;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.1em;
  padding: 4px 15px 4px 16px;
  text-decoration: none;
  word-wrap:break-word;
  display:block;
  text-align:center;
  
}

.cloudbt:hover {
  border: 1px solid #f58220;
  color:#fff;
  background-image:url(/mp/informational/images/common/order-over.gif);
  background-repeat:repeat-x;
  text-decoration: none;
}

.button, #order>a {
	border-radius: 4px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	outline: 0 none;
	overflow: visible;
	padding: 6px 12px;
	margin:0 3px 0 3px;
	text-decoration: none;
	width: auto;
}
.button:hover, .button:focus, .button:visited {
	margin:0 3px 0 3px;
	text-decoration:none;
}
.button, .button:visited, .js .button-js, button {
	background: linear-gradient(#FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
	border: 1px solid #C2C2C2;
	color: #333333;
	border-radius: 4px;
	margin:0 3px 0 3px;
}
.button:disabled {
	opacity:0.6;
	filter:alpha(opacity=60);
}
.buttonsmall, #order>a {
	border-radius: 3px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.923em;
	font-weight: 700;
	outline: 0 none;
	overflow: visible;
	padding: 3px 6px;
	margin:0 3px 0 3px;
	text-decoration: none;
	width: auto;
}
.buttonsmall:hover, .buttonsmall:focus, .buttonsmall:visited {
	margin:0 3px 0 3px;
	text-decoration:none;
}
.buttonsmall, .buttonsmall:visited, .js .buttonsmall-js, buttonsmall {
	background: linear-gradient(#FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
	border: 1px solid #C2C2C2;
	color: #333333;
	border-radius: 3px;
	margin:0 3px 0 3px;
}
.buttonsmall:disabled {
	opacity:0.4;
	filter:alpha(opacity=40);
}
.default {
	background: -moz-linear-gradient(#FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
	color:#333333;
	border: 1px solid #C2C2C2 !important;
	background-image:url(/mp/images/common/primary.gif);
}
.default:hover {
	background: -moz-linear-gradient(#E1E1E1, #FFFFFF) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#FFFFFF));
	border: 1px solid #C2C2C2 !important;
	color:#333333;
	background-image:url(/mp/images/common/primary-over.gif);
}
.dark {
	background: -moz-linear-gradient(#FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
	color:#fff !important;
	border: 1px solid #C2C2C2;
	background-image:url(/mp/informational/images/common/dark.gif);
}
.dark:hover {
	background: -moz-linear-gradient(#E1E1E1, #FFFFFF) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#FFFFFF));
	border: 1px solid #C2C2C2;
	color:#fff !important;
	background-image:url(/mp/informational/images/common/dark-over.gif);
}
.default:visited {
	color:#333333;
}
.important {
	background: -moz-linear-gradient(#8dc63f, #357729) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#357729));
	border: 1px solid #8dc63f !important;
	color:#fff;
	background-image:url(/mp/images/common/secondary.gif);
}
.important:hover {
	background: -moz-linear-gradient(#357729, #8dc63f) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#357729), to(#8dc63f));
	border: 1px solid #8dc63f !important;
	color:#fff;
	background-image:url(/mp/images/common/secondary-over.gif);
}
.nextbt {
	background: -moz-linear-gradient(#8dc63f, #357729) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#357729));
	border: 1px solid #8dc63f !important;
	color:#fff;
	padding-right:20px;
	background-image:url(/mp/informational/images/common/next.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.nextbt:hover {
	background: -moz-linear-gradient(#357729, #8dc63f) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#357729), to(#8dc63f));
	border: 1px solid #8dc63f !important;
	color:#fff;
	padding-right:20px;
	background-image:url(/mp/informational/images/common/next-over.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.important2 {
	background: -moz-linear-gradient(#8dc63f, #357729) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#357729));
	border: 1px solid #8dc63f !important;
	color:#fff;
	background-image:url(/mp/images/common/secondary2.gif);
}
.important2:hover {
	background: -moz-linear-gradient(#357729, #8dc63f) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#357729), to(#8dc63f));
	border: 1px solid #8dc63f !important;
	color:#fff;
	background-image:url(/mp/images/common/secondary-over2.gif);
}
.important:visited {
	color:#fff;
}

.importanttall {
	background: -moz-linear-gradient(#8dc63f, #357729) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#357729));
	border: 1px solid #8dc63f;
	color:#fff;
	background-image:url(/mp/images/common/secondary2.gif);
}
.importanttall:hover {
	background: -moz-linear-gradient(#357729, #8dc63f) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#357729), to(#8dc63f));
	border: 1px solid #8dc63f;
	color:#fff;
	background-image:url(/mp/images/common/secondary-over2.gif);
}
.importanttall:visited {color:#fff;}

.order, #order>a {
	background: -moz-linear-gradient(#f58220, #d86401) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#f58220), to(#d86401));
	border: 1px solid #f58220 !important;
	color:#fff;
	background-image:url(/mp/images/common/order.gif);
}
.order:hover, #order>a:hover {
	background: -moz-linear-gradient(#d86401, #f58220) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#d86401), to(#f58220));
	border: 1px solid #f58220 !important;
	color:#fff;
	background-image:url(/mp/images/common/order-over.gif);
}
.order:visited {
	color:#fff;
}

.orderred, #orderred>a {
	background: -moz-linear-gradient(#ca0000, #f80000) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#ca0000), to(#f80000));
	border: 1px solid #f80000;
	color:#fff;
	background-image:url(/mp/informational/images/common/orderred.gif);
}
.orderred:hover, #orderred>a:hover {
	background: -moz-linear-gradient(#f80000, #ca0000) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#ca0000));
	border: 1px solid #f80000;
	color:#fff;
	background-image:url(/mp/informational/images/common/orderred-over.gif);
}
.orderred:visited {
	color:#fff;
}

.panel {
	float:right !important;
}
.selected1 {
	border: 1px solid #c2c2c2;
	color:#357729;
	width:70px;
	background-image:url(/mp/images/common/selected.gif);
}
.selected {
	background: -moz-linear-gradient(#E1E1E1, #FFFFFF) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#FFFFFF));
	border: 1px solid #C2C2C2;
	color:#357729;
	width:70px;
	background-color:#ebebeb;
}
.notselected {
	background: -moz-linear-gradient(#E1E1E1, #FFFFFF) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#FFFFFF));
	border: 1px solid #C2C2C2;
	color:#333333;
	width:70px;
	background-color:#dbdbdb;
}
.NavLeft {
	border-radius: 4px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	outline: 0 none;
	overflow: visible;
	padding: 6px 14px 6px 27px;
	margin:0 3px 0 3px;
	text-decoration: none;
	width: auto;
	background-image:url(/mp/images/common/navleft.gif);
	background-position:left;
	background-repeat:no-repeat;
	border: 1px solid #C2C2C2;
	color: #333333;
	border-radius: 4px;
}
.NavLeft:hover {
	color:#333333;
	border: 1px solid #C2C2C2;
	background-image:url(/mp/images/common/navleft-over.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
}
.NavLeft:visited {
	color:#333333;
}
.NavRight {
	border-radius: 4px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	outline: 0 none;
	overflow: visible;
	padding: 6px 27px 6px 14px;
	margin:0 3px 0 3px;
	text-decoration: none;
	width: auto;
	background-image:url(/mp/images/common/navright.gif);
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #C2C2C2;
	color: #333333;
	border-radius: 4px;
}
.NavRight:hover {
	color:#333333;
	border: 1px solid #C2C2C2;
	background-image:url(/mp/images/common/navright-over.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
}
.NavRight:visited {
	color:#333333;
}

.button_red {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	outline: 0 none;
	overflow: visible;
	padding: 6px 10px;
	margin:0;
	text-decoration: none;
	width: auto;
	background: -moz-linear-gradient(#FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
	color:#333333;
	border: 1px solid #C2C2C2;
	background-image:url(/mp/images/common/tabs.gif);
	background-repeat:repeat-x;
	height:40px;
	display:block;
}

.btn_tab{ 
	background-color:#FFFFFF; 
	background-image:none !important ;
	border-bottom: 1px solid #fff;
	/*background-image:url(/mp/informational/images/common/tabs2.gif);*/ 
}

.redonlineprice {
		color:#0090ae; 
		font-size:13px; 
		font-weight:600; 
		text-decoration:none; 
		white-space:nowrap;
}

/*.btn_tab{color:#ee0000; border-bottom:1px solid #fff;background-image:url(/mp/images/common/primary-over.gif);}*/

/* --------------- END: BUTTONS ---------------*/


/* --------------- START: MESSAGES ---------------*/

.box_grey_border {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 10px 1%;
	padding: 10px 2%;
	width: 94%;
}
.failure h2, .success h2, .alert h2 {
	padding: 10px 0 0 0;
	margin: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.231em;
	line-height: 20px;
	min-height:35px;
	font-weight: 700;
	padding-left:45px;
}
.failure {
	border: 1px solid #E60000;
	float: left;
	background-color: #FFF;
	margin: 10px 1%;
	padding: 10px 1%;
	width: 98%;
}
.failureicon {
	background-image: url(/mp/images/common/sorry.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 35px;
}
.success {
	border: 1px solid #8CC63F;
	float: left;
	background-color: #FFF;
	margin: 10px 1%;
	padding: 10px 2%;
	width: 94%;
}
.successicon {
	background-image: url(/mp/images/common/congratulations.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 35px;
}
.info {
	border: 1px solid #8CC63F;
	float: left;
	background-color: #FFF;
	margin: 10px 0;
	padding: 5px 2%;
	width: 94%;
}
.infoicon {
	background-image: url(/mp/informational/images/common/infogreen.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding:0 0 0 35px;
	line-height: 28px;
	font-size:13px;
}
.alert {
	border: 1px solid #FFC20E;
	float: left;
	background-color: #FFF;
	margin: 10px 1%;
	padding: 10px 2%;
	width: 94%;
}
.alerticon {
	background-image: url(/mp/images/common/info_lrg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 35px;
}
.failure > h2 {
    background-image: url(/mp/images/common/sorry.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 35px;
    padding-top: 2px;
  }

.success > h2 {
    background-image: url(/mp/images/common/congratulations.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 35px;
    padding-top: 2px;
  }

.alert > h2 {
    background-image: url(/mp/images/common/info_lrg.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 35px;
    padding-top: 2px;
  }
/* --------------- END: MESSAGES ---------------*/


/* --------------- START: BUBBLE ---------------*/
.bubble {
	border-color: #EEEEEE #BDBDBD #BDBDBD #E1E1E1;
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 2px 2px 3px #CECECE;
	margin: 0 0 17px;
	padding: 2px;
	position: relative;
	width: auto;
	z-index: 1;
}
.bubble .bubblewrap {
	background: linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
	background-image: url(/mp/images/common/bubble.gif);
	padding: 8px 10px;
}
.bubble .down {
	background-image: url(/mp/images/common/bubble_arrow.gif);
	height: 15px;
	left: 15px;
	position: absolute;
	bottom: -13px;
	height: 15px;
	left: 15px;
	position: absolute;
	width: 24px;
}
.ie6 .bubble .down, .ie6 .bubble .up {
	display: none;
}
.inner {
	margin: 5px 0 12px;
	min-height: 180px;
	overflow: hidden;
	padding: 20px 20px 8px;
}
.bubblewrap h3 {
	padding: 0;
	margin: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.063em;
	line-height: 20px;
	padding:2px 0 2px 0;
	font-weight: bold;
	text-align: left;
}
/* --------------- END: BUBBLE ---------------*/

/* --------------- START: SPEECH BUBBLE ---------------*/
.triangle-isosceles {
  position:relative;
  padding:10px;
  margin:1em 0 3em;
  color:#333;
  background:#dedede; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dedede));
  background:-moz-linear-gradient(#eeeeee, #dedede);
  background:-o-linear-gradient(#eeeeee, #dedede);
  background:linear-gradient(#eeeeee, #dedede);
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#dedede), to(#eeeeee));
  background:-moz-linear-gradient(#dedede, #eeeeee);
  background:-o-linear-gradient(#dedede, #eeeeee);
  background:linear-gradient(#dedede, #eeeeee);
}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
  margin-left:50px;
  background:#dedede;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
  margin-right:50px;
  background:#dedede;
}

/* creates triangle */
.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:12px 12px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#dedede transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-isosceles.top:after {
  top:-10px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  bottom:auto;
  right:auto;
  border-width:0 10px 10px; /* vary these values to change the angle of the vertex */
  border-color:#dedede transparent;
}

/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
  top:16px; /* controls vertical position */
  left:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:10px 50px 10px 0;
  border-color:transparent #dedede;
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
  top:16px; /* controls vertical position */
  right:-50px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:10px 0 10px 50px;
  border-color:transparent #dedede;
}
/* --------------- END: SPEECH BUBBLE ---------------*/


/* --------------- START: TABS ---------------*/


.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%;
}
.TabbedPanelsTabGroup {
	border-bottom: 2px solid #CCCCCC;
	border-left: 1px solid #CFCFCF;
	height: 33px;
	line-height: 23px;
	margin: 0;
	padding: 0;
}
.twolines {
	height: 51px !important;
	margin:0;
	padding:0;
}
.tabnotes {
	font-weight:normal;
	font-size:0.923em;
}
.TabbedPanelsTab {
	float: left;
	list-style: none;
	cursor: pointer;
	background: url("/mp/images/common/tabs.gif") repeat scroll 0 0 #FFFFFF;
	background-position:bottom;
	background-repeat: repeat-x;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	display: block;
	margin:0;
	padding:8px 10px 6px 10px;
	position: relative;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.154em;
	font-weight:700;
	border-bottom:2px solid #CFCFCF;
	line-height:18px;
}
.firstTab {
	border-left: 1px solid #CFCFCF;
}
/*.TabbedPanelsTab .lasttab {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 2px solid #CFCFCF;
	padding: 8px 0 8px 0;
	margin: 0;
	text-decoration: none;
	z-index: 99;
	width: 100%;
}*/

.TabbedPanelsTabHover {
	background-color: #eef0f0;
}
.TabbedPanelsTabSelected {
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 2px solid #CFCFCF;
	border-right: 2px solid #CFCFCF;
	border-top: 2px solid #CFCFCF;
	box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	-moz-box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	-webkit-box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	padding:8px 10px 6px 10px;
	margin:0;
	text-decoration: none;
	z-index: 99;
	border-bottom:2px solid #fff;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	background-color: #fff;
}
.TabbedPanelsContent {
	padding: 15px 0 15px 0;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/* --------------- END: TABS ---------------*/


/* --------------- START: PRESS RELEASES TABS ---------------*/


#months{ margin-top:20px;}

.monthstabs{
	margin:0 0 30px 0;
	padding:0;
	display:inline-block;
	border-left: 1px solid #CFCFCF;
	border-bottom: 2px solid #CFCFCF;
	height:35px;
	width:100%;
}

.monthstabs li  {
	display:inline-block;
	float:left;
}

.monthstabs li a  {
	list-style: none;
	cursor: pointer;
	background: url("/mp/informational/images/common/tabs.gif") repeat scroll 0 0 #FFFFFF;
	background-position:bottom;
	background-repeat: repeat-x;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	display: block;
	margin:0;
	padding:8px 10px 8px 10px;
	position: relative;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.154em;
	font-weight:700;
	line-height:18px;
	float:left;
	text-decoration:none;
}

.monthstabs li a:hover {
	background-color:#FFF;
}

.monthstabs_selected a {
	background-color:#FFF;
	box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	-moz-box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	-webkit-box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	z-index: 99;
	background-image:none !important;
	border-bottom: 2px solid #FFF; !important;
}

.monthslasttab{
	border-bottom: 2px solid #CFCFCF;
	width:100%;
	float:left;
	height:35px;
}


/* --------------- END: PRESS RELEASES TABS ---------------*/


/* --------------- START: PROMO ---------------*/

.grey-box {
	background-color:#F3F3F3;
	width:94%;
	padding:15px 3% 15px 3%;
	margin: 0;
	overflow: hidden;
/*	display: block;
	float:left;
	position:relative;*/
}

.grey-box ul li {
	float:left;
	width: 99%;
	clear:both;
}
.grey-box ol li {
	float:left;
	width: 99%;
	clear:both;
}

.ie9 .grey-box ul li {
	float:left;
	clear:both;
}
.ie9 .grey-box ol li {
	float:left;
	clear:both;
}
.grey-box .table {
	float:left;
}
.grey-box h5 {
	position:relative;
	float:left;
	clear:both;
	width: 100%;
}
.grey-box p {
	position:relative;
	float:left;
	clear:both;
	width:96%;
	/*width:95%;*/
}
.grey-border {
	border: 1px solid #CCCCCC;
}
.white-box {
	background-color: #fff;
	margin: 0;
	overflow: hidden;
	padding:10px 4% 10px 4%;
	float:left;
	display: block;
	width:92%;
}
.trans-box {
	margin: 0;
	overflow: hidden;
	padding:10px 4% 10px 4%;
	float:left;
	display: block;
	width:92%;
}
.white-border {
	border: 1px solid #fff;
}
.green-border {
	border: 1px solid #82b63a;
}
.yellow-box {
	background-color: #F9F6E5;
	margin: 0;
	overflow: hidden;
	padding:10px 4% 10px 4%;
	float:left;
	display: block;
	width:92%;
}
.yellow-border {
	border: 1px solid #E8E8D0;
}
/*.grey-box img, .yellow-box img, .white-box img {
	float: left;
	padding-right: 10px;
}*/
.linkbox {
	margin: 0;
	overflow: hidden;
	float:left;
	display: block;
	width:100%;
	overflow:hidden;
	position:relative;
}
.linkbox a {
	background-color:#F3F3F3;
	margin: 0;
	overflow: hidden;
	padding:10px 4% 10px 4%;
	float:left;
	display: block;
	width:92%;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}
.linkbox a:hover {
	background-color:#e8e8e8;
	margin: 0;
	overflow: hidden;
	padding:10px 4% 10px 4%;
	float:left;
	display: block;
	width:92%;
	overflow:hidden;
	position:relative;
}
/* --------------- END: PROMO  ---------------*/


/* --------------- START: LIST PLAIN  ---------------*/

.list-plain {
	list-style: none outside none;
	margin: 0 0 12px 0;
	overflow: hidden;
	padding: 5px 0 3px 0;
	clear:both;
}
.list-plain > li {
	margin: 0 0 2px 0;
	overflow: hidden;
	padding: 0px 0 2px 10px;
	background-image: url(/mp/images/common/arrow-right.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.list-plain > li a {
	text-decoration: none;
}
.bottomline > li {
	border-bottom: 1px solid #ccc;
	line-height: 22px;
}
/* --------------- END: LIST PLAIN  ---------------*/

/* --------------- START: RIGHT MENU  ---------------*/

.rightmenulist {
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.rightmenulist > li {
	margin: 0;
	overflow: hidden;
	padding: 3px 0 2px 18px;
	background-image: url(/mp/images/common/rightmenuarrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	line-height: 22px;
}
.rightmenulist > li a {
	text-decoration: none;
}
/* --------------- END: RIGHT MENU ---------------*/


/* --------------- START: FOOTER MENU ---------------*/

.footerMenu {
	margin: 0 0 5px 0;
	padding: 0;
}
.footerMenu ul {
	margin: 0;
	padding: 0;
}
.footerMenu li {
	display: inline;
	margin: 0;
	padding: 0;
	border-left:1px solid #CCC;
}
.footerMenu li a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.923em;
	font-weight: normal;
	padding: 0 8px;
	margin:0;
	text-align: left;
	text-decoration: none;
}
.footerMenu li a:hover {
	color: #357729;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.923em;
	font-weight: normal;
	padding: 0 8px;
	margin:0;
	text-align: left;
	text-decoration: none;
}
/* --------------- END: FOOTER MENU ---------------*/


/* --------------- START: ACCORDION  ---------------*/

.acc {
	margin:20px 0 20px 0;
}
.accheader {
	padding:10px 0 10px 10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.231em;
	line-height:28px;
	font-weight:bold;
	text-align:left;
	margin:0;
}
.accordprefix {
	margin-right:5px;
}
.acccontent {
	padding:0 15px 15px 32px;
}
.opencontent {
	color:#357729;
	border-top:2px solid #CCCCCC;
	border-left:3px solid #CCCCCC;
	border-right:3px solid #CCCCCC;
}
.closedcontent {
	color:#333;
	border-bottom:1px solid #CCCCCC;
}
.acccontent {
	border-left:3px solid #CCCCCC;
	border-right:3px solid #CCCCCC;
	border-bottom:3px solid #CCCCCC;
	margin-bottom:10px;
}
.acccontent p, .acccontent ol, .acccontent ul {
	margin-top:0;
}
/* --------------- END: ACCORDION  ---------------*/


/* --------------- START: ASIDE  ---------------*/
.aside {
	border-top: 1px solid #ACACAC;
	margin: 0 0 20px;
	overflow: hidden;
	background-image:url(/mp/images/common/listgradient2.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
}
.aside > div {
	border-top: 3px solid #CCCCCC;
	padding: 12px 20px 10px;
}
.ie6 .aside, .ie7 .aside, .ie8 .aside, .ie9 .aside {
	background-color:#F3F3F3;
}
.aside.var > div {
	border-color: #EEF0CC;
}
.aside li a, .aside label {
	font-weight: 400;
}
.aside img {
	display: block;
	margin: 0 auto 8px;
}
.aside h3 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.538em;
	font-weight:normal;
}
/* --------------- END: ASIDE  ---------------*/


/* -------------- START: TABLE  --------------*/

.table {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:0px;
	table-layout: auto;
	word-wrap: break-word;
}
.table .bubble {
	position: relative;
}
.leadingleft {
	padding-left: 0 !important;
}
.leadingright {
	padding-right: 0 !important;
}
.table td {
	padding: 5px;
}
.table th {
	padding: 5px;
}
.table tbody {
	border: 1px solid #CCC;
}
.table .tdbg {
	background: none repeat scroll 0 0 #F4F4F4;
}
.table .tdborder {
	border: 1px solid #CCC;
	padding: 5px 5px 5px 5px;
}
.table .tdtopborder {
	border-top: 1px solid #CCC;
}
.table .tableheader {
	background: linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
	background-image: url(/mp/informational/images/common/tabs.gif);
/*	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;*/
	background-size: 100% 100%;
	border: 1px solid #CCCCCC;
	padding: 13px 5px 13px 5px;
	vertical-align: bottom;
	font-weight: bold; /*text-decoration:underline;*/
	font-size:1.063em;
}
.table h3 {
	line-height: 25px;
}
.table h3 span {
	color: #999999;
	display: block;
	font-size: 0.846em;
	font-weight: 400;
	padding: 0;
}

.cytatable {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:0px;
	table-layout: auto;
	word-wrap: break-word;
}
.cytatable .tableheader {
	background: linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
	background-image: url(/mp/informational/images/common/tabs.gif);
	background-size: 100% 100%;
	border: 1px solid #CCCCCC;
	padding: 13px 5px 13px 5px;
	vertical-align: bottom;
	font-weight: bold; /*text-decoration:underline;*/
	font-size:1.063em;
}
.cytatable td {
	padding: 5px;
	border: 1px solid #CCC !important; 
	border-collapse:collapse; 
}
/* -------------- END: TABLE  --------------*/

/* -------------- START: SHOP TABLE  --------------*/

.stable {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0;
	table-layout: auto;
	width: 100%;
	word-wrap: break-word;
}
.stable .bubble {
	position:relative;
}
.sleadingleft {
	padding-left:0 !important;
}
.sleadingright {
	padding-right:0 !important;
}
.stable td {
	padding:5px;
}
.stable tr {
	border-bottom: 1px solid #CCC;
}
.stable th {
	padding:5px;
}
.stable tbody {
	border: 1px solid #CCC;
}
.stable .stdbg {
	background: none repeat scroll 0 0 #F4F4F4;
}
.stable .stdborder {
	border: 1px solid #CCC;
}
.stable .stdtopborder {
	border-top: 1px solid #CCC;
}
.stable .stableheader {
	background: linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
	background-image: url(/mp/images/common/tabs.gif);
	background-size: 100% 100%;
	border: 1px solid #CCCCCC;
	padding: 13px 5px 13px 5px;
	vertical-align: bottom;
	font-weight: bold; /*text-decoration:underline;*/
	font-size:1em;
}

.stable .stableheader2 {
	background-color: White; 
	border: 1px solid #CCCCCC;
	padding: 13px 5px 13px 5px;
	vertical-align: middle;
	font-weight:normal;      
	font-size:1.2em;
}

.stable .stablesubheader {
	border: 1px solid #CCCCCC;
	background-color:#F6F6F6;
	padding: 10px 5px 10px 5px;
	vertical-align: bottom;
	font-weight: bold;
	font-size:0.938em;
	text-align:left;
}

.stable .stablesubheader2 {
	border: 1px solid #CCCCCC;
	background-color:#F6F6F6;
	padding: 1px 1px 1px 5px;
	vertical-align: bottom;
	font-weight: normal;
	font-size:0.938em;
	text-align:left;
}

.stable .stablesubheader_right {
	border: 1px solid #CCCCCC;
	background-color:#F6F6F6;
	padding: 10px 5px 10px 5px;
	vertical-align: bottom;
	font-weight: bold;
	font-size:0.938em;
	text-align:right;
}
.stable h3 {
	line-height:25px;
}
.stable h3 span {
	color:#999999;
	display: block;
	font-size:0.846em;
	font-weight: 400;
	padding:0;
}
.sbutton {
	padding-bottom:5px;
}

.mobonlineoffer{
      width: 100%;
      border: 1px solid #008aa7;
      border-radius: 8px;
      background-image: url(/mp/informational/images/common/onlineoffer2.gif);
      padding: 0px;
      color: #fff;
    }


.offertable{
      width: 100%;
      border: 1px solid #ccc;
      border-radius: 8px;
      background-image: url(/mp/informational/images/common/offers-bg.gif);
      padding: 0px;
    }

.red3offer{
      width: 100%;
      border: 1px solid #f80000;
      border-radius: 8px;
      background-image: url(/mp/informational/images/common/red3offer.gif);
      padding: 0px;
      color: #fff;
    }

.offertda{
	border-top-left-radius:8px;
	border-top-right-radius:0px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:0px;
	background-image: url(/mp/informational/images/common/offers-bg.gif);
	width: 50%;
}

.offertdb{
      width: 50%;
      background-color: #fff;
      border: 0px solid #ccc;
      border-top-left-radius: 0px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 8px;
      color: #333 !important;
}


/* -------------- END: SHOP TABLE  --------------*/




/* -------------- START: SLIDER  --------------*/

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 950px; /*Width of Carousel Viewer itself*/
	height: 275px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 950px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel2 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 710px; /*Width of Carousel Viewer itself*/
	height: 220px; /*Height should enough to fit largest content's height*/
}
.stepcarousel2 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel2 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 710px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel3 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 610px; /*Width of Carousel Viewer itself*/
	height: 189px; /*Height should enough to fit largest content's height*/
}
.stepcarousel3 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel3 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel4 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 310px; /*Width of Carousel Viewer itself*/
	height: 275px; /*Height should enough to fit largest content's height*/
}
.stepcarousel4 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel4 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel5 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 790px; /*Width of Carousel Viewer itself*/
	height: 220px; /*Height should enough to fit largest content's height*/
}
.stepcarousel5 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel5 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 790px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* -------------- END: SLIDER  --------------*/


/* -------------- START: MOBILE SLIDER  --------------*/

.selected img {width: 10px !important; }

#MobileBanner.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 350px; /*Width of Carousel Viewer itself*/
	height: 275px; /*Height should enough to fit largest content's height*/
}
#MobileBanner.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
#MobileBanner.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#MobileBanner.stepcarousel2 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 710px; /*Width of Carousel Viewer itself*/
	height: 220px; /*Height should enough to fit largest content's height*/
}
#MobileBanner.stepcarousel2 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
#MobileBanner.stepcarousel2 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 710px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#MobileBanner.stepcarousel3 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 610px; /*Width of Carousel Viewer itself*/
	height: 189px; /*Height should enough to fit largest content's height*/
}
#MobileBanner.stepcarousel3 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
#MobileBanner.stepcarousel3 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#MobileBanner.stepcarousel4 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 310px; /*Width of Carousel Viewer itself*/
	height: 275px; /*Height should enough to fit largest content's height*/
}
#MobileBanner .stepcarousel4 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
#MobileBanner.stepcarousel4 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#MobileBanner.stepcarousel5 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 790px; /*Width of Carousel Viewer itself*/
	height: 220px; /*Height should enough to fit largest content's height*/
}
#MobileBanner .stepcarousel5 .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
#MobileBanner.stepcarousel5 .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 790px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* -------------- END: MOBILE SLIDER  --------------*/



/* -------------- START: FORMS  --------------*/

input, textarea, select {
	/*background-color: #FFFFFF;*/
	border: 1px solid #B3B3B3;
	color: #333333;
	/*    float: left;*/
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	margin:0;
	padding:5px;
}
select { white-space:nowrap !important}
input[type="image"] {
	border: none !important;
	background-color:none;
}
input[type=checkbox] {
	border: none !important;
	background-color:none;
	margin: 0px 5px -2px 5px;
	padding:0;
}
input[type=radio] {
	border: none !important;
	background-color:none;
	margin: 0px 5px -2px 5px;
	padding:0;
}
label {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin:0 20px 0 5px;
}
/* -------------- END: FORMS  --------------*/



/* -------------- START: EMPORION  --------------*/

.cybeegreytitle {
	padding:3px 2% 3px 2%;
	width:94%;
	margin:1%;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.923em;
	line-height: 16px;
	font-weight: bold;
	background-color:#ebebeb;
}
#imgPageBranding {
	margin-top:12px !important;
}
.productlisting {
	float:left;
	width:690px;
	padding:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	position:relative;
	overflow:hidden;
}
.productlisting img {
	float: left;
	padding-right: 10px;
}
.productdesc {
	float:left;
	width:545px;
}
.productdesc h3 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.538em;
	padding:0 0 10px 0;
	margin:0;
	font-weight: bold;
	text-align: left;
}
.productdesc p {
	padding: 0 0 0 74px;
	margin:0;
}
.productbutton {
	float:right;
	width:120px;
	padding-top:16px;
	margin:0;
}

.appdesc {
	float:left;
	width:100%;
}
.price {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.692em;
	font-weight: bold;
	line-height: 20px;
	font-weight: normal;
}
.whitetxt {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.692em;
	font-weight: bold;
	line-height: 20px;
	font-weight: normal;
}

.whitelargetxt {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.000em;
	font-weight: bold;
	line-height: 28px;
	font-weight: normal;
}
.makeyourowndes {
	font-weight: normal;
	font-size: 1.077em;
}
.pageno {
	padding-top:10px;
}
.pagenobot {
	border-top:1px solid #d4d4d4;
	padding-top:10px;
}
#offerbox {
	border:1px solid #f80000;
	padding:10px;
	overflow: hidden;
	background-color:#FFF;
	float:left;
}
#newofferbox{ 
	background-color:#FFF;
	color:#333;
	font-size:110%;
	padding:10px 15px;
	line-height:17px;
	border-radius:8px;
	border:2px solid #f80000;
	box-shadow: 1px 2px 5px #888888;
	overflow:hidden;
}
#offerbox2 {
	width:705px !important;
	border:1px solid #CCC;
	padding:10px;
	overflow: hidden;
	background-color:#FFF;
}
.productbanner{ margin:0 0 20px 0;}

#back {
	width:80px;safe-mobile
	height:18px;
	background-color:#e4e4e4;
	line-height:18px;
	font-size:11px;
	text-align:center;
}
#print {
}
.print {
	width:80px;
	height:18px;
	background-color:#e4e4e4;
	line-height:18px;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	border:none;
	color:#2d6a24;
}
.greentext {
	color:#2d6a24;
}

.lightgreentext{color:#82b63a;}

.graytitles {
	color:#363636;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#prphotos {
	padding:10px;
	background-color:#e4e4e4;
	text-align:center;
}
.photo-link {
	padding:2px;
}
.yeartitle {
	padding:0 0 0 5px;
	margin:0;
	text-align:left;
	display:block;
	font-weight:bold;
	line-height:20px;
	background-image: url(/mp/informational/images/cyta/yeartitle.gif)
}
#brandinglogo {
	width:100%;
	text-align:left;
}
.tdborder {
	border: 1px solid #D4D4D4;
	padding: 3px;
}
.prices {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.615em;
}
.orderitem {
	border: 1px solid #CCC;
	padding: 10px 3% 10px 3%;
	margin: 0 5px 0 5px;
	float: left;
	background-color: #FFF;
	width: 94%;
}

.orangetxt{ 
	color:#F58220;
	font-size: 1.308em;
	line-height:15px;
	font-weight:bold;
}

#latest{ clear:both;}
	
/* -------------- END: EMPORION  --------------*/


/*----------------- Stable - Grid--------------------------*/

.stable td {
	padding: 5px;
}
.stable th {
	padding: 5px;
}
.stable tbody {
	border: 1px solid #CCCCCC;
}
.stable .stdbg {
	background: none repeat scroll 0 0 #F4F4F4;
}
.stable .stdborder {
	border: 1px solid #CCCCCC;
}
.stable .stdtopborder {
	border-top: 1px solid #CCCCCC;
}
.stable .stableheader {
	background: url("/mp/images/common/tabs.gif") repeat scroll 0 0 transparent;
	background-size: 100% 100%;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding: 5px;
	text-align: left;
	vertical-align: bottom;
}
.stable h3 {
	line-height: 25px;
}
.stable h3 span {
	color: #999999;
	display: block;
	font-size: 0.846em;
	font-weight: 400;
	padding: 0;
}
/*-----------------  Grid--------------------------*/

.GridViewStyle td {
	padding: 5px;
}
.GridViewStyle th {
	padding: 5px;
	background: url("/mp/images/common/tabs.gif") repeat scroll 0 0 transparent;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding: 20px 5px 10px;
	text-align: left;
	vertical-align: bottom;
	color: Black;
}
.GridViewStyle tr {
	background: none repeat scroll 0 0 #F4F4F4;
}
.GridViewStyle tr td {
	border: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background: none repeat scroll 0 0 #F4F4F4;
}
.GridViewStyle tbody {
	border: 1px solid #CCCCCC;
}
.GridViewStyle h3 {
	line-height: 25px;
}
.GridViewStyle h3 span {
	color: #999999;
	display: block;
	font-size: 0.846em;
	font-weight: 400;
	padding: 0;
}
/* --------------- START: WEBSMS TABS ---------------*/

.TabMenu_TabSelected {
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 1px solid #CFCFCF;
	border-right: 2px solid #CFCFCF;
	border-top: 2px solid #CFCFCF;
	box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	-moz-box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	-webkit-box-shadow: 5px 0 4px -4px #666, -5px -1px 4px -4px #666;
	padding:8px 10px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.154em;
	font-weight: 700;
	margin: 0;
	text-decoration: none;
	z-index: 99;
	border-bottom: 2px solid #fff;
	position: relative;
}
.TabMenu_Tablast {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 2px solid #CFCFCF;
	padding: 8px 0 6px 0;
	margin: 0;
	text-decoration: none;
	z-index: 99;
	width: 100%;
}
.TabMenu_Tab {
	float: left;
}
.TabMenu a {
	text-decoration:none;
}
.TabMenu_TabDiv {
	float: left;
	list-style: none;
	cursor: pointer;
	background: url("/mp/images/common/tabs.gif") repeat scroll 0 0 transparent;
	background-position:bottom;
	border-right: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	display: block;
	margin: 0;
	padding: 8px 10px 6px 10px;
	position: relative;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.154em;
	font-weight: 700;
	border-bottom: 2px solid #CFCFCF;
}
.TabMenu {
	width: 100%;
	border-left: 1px solid #CFCFCF;
	border-bottom: 2px solid #CFCFCF;
	margin-bottom: 10px;
	height:36px;
}
/* --------------- END: WEBSMS TABS ---------------*/



/* --------------- START: STEPS ---------------*/

.steps ul {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none outside none;
	margin:20px 0 0 0;
	padding:0 5px;
}
.steps ul li {
	text-align: left;
	padding: 5px 20px 7px 20px;
	margin: 0;
	display: inline-block;
	border: 1px solid #D8D8D8;
	background-color: #F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.077em;
	font-weight: normal;
}
.stepSelected {
	background-color: #FFFFFF !important;
    border-bottom: 1px solid white !important;
    font-weight: bold !important;

}
/* --------------- END: STEPS ---------------*/


/* --------------- START: HORIZONTAL MENU ---------------*/

.mhorizontal {
	float:left;
	text-align:left;
	margin:0;
	padding:10px 0 10px 0;
}
.mhorizontal li {
	list-style-type: none;
	display:inline;
	margin:0;
	padding:0 4px 0 6px;
	border-right:1px solid #ccc;
	text-align:left;
}
.mhorizontal li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color:#333;
	text-decoration:none;
}
.mhorizontal li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color:#357729;
	text-decoration:none;
}
.mhorizontal li .mhorizontalselected {
	font-weight: normal;
	text-decoration:underline;
}
/* --------------- END: HORIZONTAL MENU ---------------*/


/* --------------- START: CYTAVISION ---------------*/

div.line {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #E0E0E0;
}

.cv_MovieList_grid_img {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	position: relative;
	width: 85px;
	height: 180px;
}

.cv_MovieList_grid_vid {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	position: relative;
	width: 250px;
	height: 180px;	
}

.cv_MovieListImg {
	height:120px;
	width:80px;
	vertical-align: middle;
}

.cv_MovieDetatils_grid_img {
	display: inline;
	float: left;
	margin-left: 0;
	margin:0 10px 10px 0;
	padding:10px 10px 10px 10px;
	position: relative;
	width: 32%;
}
	
.cv_MovieDetatils_grid_vid {
	display: inline;
	float: left;
	margin:0 0px 0px 0;
	margin-right: 0;
	padding:0;
	position: relative;
	width: 64%;
}
	
.cv_MovieDetails_color {  
  	background-color:#f6f6f6;
	margin: 0;
	overflow: hidden;
	padding:10px 2% 10px 2%;
	float:left;
	display: block;
	width:96%;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	border:1px solid #d1d1d1; 
}

.caroufredsel_wrapper{
	width:100% !important;
	height:210px !important;
}

#cphContent_VideoOnDemand1_Panel1{border-top:1px solid #ccc;}

#cphContent_CytaVisionCategories1_Panel1 .mhorizontal{ margin-bottom:30px;}

#VideoOnDemand1_Panel1{border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

#foo5_pag{ /*padding-bottom:10px; margin-top:10px;*/}

#cphContent_ListView1_tblContacts td{ background-color:#ececec;} 

.cv_linkbox {height: 180px}

.cv_linkbox a {background-color:#f6f6f6; }

.cv_linkbox a:hover {background-color:#f6f6f6; color:#000;}


/* --------------- END: CYTAVISION ---------------*/

#newsletterthumb{
	background-color:#ebebeb; 
	border:1px solid #cccccc; 
	padding:10px 4px 10px 4px; 
	width:220px;
}

#cphContent_ProductsHeader1_lbtnCompareList{ 
	border-radius: 3px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.923em;
	font-weight: normal;
	outline: 0 none;
	overflow: visible;
	padding: 3px 3px;
	margin:0 0 10px 0;
	text-decoration: none;
	width: auto;
	background: -moz-linear-gradient(#FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1));
	border: 1px solid #C2C2C2;
	color:#333;
	background-image:url(/mp/images/common/primary.gif);
	float:right;
}

#cphContent_ProductsHeader1_lbtnCompareList:hover{
	background: -moz-linear-gradient(#d86401, #f58220) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#d86401), to(#f58220));
	border: 1px solid #f58220;
	color:#fff;
	background-image:url(/mp/images/common/order-over.gif);
}

.ie7 #cphContent_dtProduct p{width:100%}

a.citycolour, a.citytitlecolour { font-weight:bold !important;}

.MobileCarousel a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
}
.MobileCarousel a:hover {
	color: #357729;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
}

.results{ }

.plan_box{
	float:left; 
	width:187px;
	text-align:left; 
	box-shadow:0 2px 7px rgba(0, 0, 0, 0.5);
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	margin-right:10px;
}

.plan_box_popular{
	float:left; 
	width:187px;
	text-align:left; 
	box-shadow:0 2px 7px rgba(0, 0, 0, 0.5);
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	margin-right:10px;
}

.redpopular{
    position: absolute;
    right: 204px;
    top: 190px;
    z-index: 0;
}

.plan_box_sim{
	float:left; 
	width:187px;
	text-align:left; 
	box-shadow:0 2px 7px rgba(0, 0, 0, 0.5);
	border-radius:6px;
	margin-right:10px;
}

.ie7 .plan_box, .ie8 .plan_box{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:185px; 
	margin-right:10px;
	overflow:hidden;
}

.ie7 .plan_box_sim, .ie8 .plan_box_sim{
	border:1px solid #ccc;
	width:185px; 
	margin-right:10px;
}

.popular {
    background: url("/mp/informational/images/mobile/popular.png") no-repeat scroll 0 -712px rgba(0, 0, 0, 0);
    display: block;
    height: 80px;
    position: absolute;
    right: -6px;
    top: -4px;
    width: 79px;
}

.plan_title{
	width:100%; 
	border-bottom: 1px solid #efefef; 
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	color:#ee0000;
	line-height:30px;
	padding-top:15px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

.plan_title_small{
	width:100%; 
	color:#ee0000;
	line-height:15px;
	padding-top:15px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}

.plan_details{
	width:100%; 
}

.plan_contract{
	text-align:center;
	line-height:50px;
	font-size:11px;
}

.plan_contract_c{
	text-align:center;
	line-height:50px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

.plan_cost{
	text-align:center;
	font-size:14px;	
}

.btn_container{
	float: left; 
	width:187px;
	height:45px;
	padding-top:13px;
	text-align:center;
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	background-color:#FFF;
	margin-right:10px;
	background-image:url(/mp/images/common/primary.gif);
	background-position:bottom;
	background-repeat: repeat-x;
}

.ie7 .btn_container, .ie8 .btn_container{
	float: left; 
	width:185px; 
	height:45px;
	padding-top:13px;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#FFF;
	margin-right:10px;
	background-image:url(/mp/images/common/primary.gif);
	background-position:bottom;
	background-repeat: repeat-x;
}

.btnCost{
	float: left;
	padding:20px 2px 0 0;
    position: relative;
    top: 1px;
}

.terms{float: left; clear:both; line-height:50px;}

.DevicesComponent{ 
	border:1px solid #ccc; 
	padding:5px;
	border-top-left-radius:0px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

.DevicesComponentLanding{ 
	border:1px solid #ccc; 
	padding:5px;
	border-radius:6px;
}

.btn_select_red{color:#ee0000;}

.redcirclehome{ 
	background-image:url(/mp/informational/images/mobile/redcircle.png); 
	width:80px; 
	height:80px; 
	position:absolute; 
	top:25px; 
	left:0px;
}

#redcirclehome{ 
	background-image:url(/mp/informational/images/mobile/redcircle.png); 
	width:80px; 
	height:80px; 
	position:absolute; 
	top:25px; 
	left:0px;
}

/*#redcirclehome{ 
	background-image:url(/mp/informational/images/mobile/redcircle.png); 
	width:80px; 
	height:80px; 
	position:absolute; 
	top:150px; 
	left:80px;
}*/

.carousel_mob{ padding-top:15px; padding-left:10px;}

.carousel_device #redcircle{ 
	background-image:url(/mp/informational/images/mobile/redcircle.png); 
	width:80px; 
	height:80px;
	z-index:999999;
	position:relative
}

.carousel_mob{ position:absolute; top:20px;}

.MobileCarousel a{ padding-top:20px;}

.upfrontvalue{
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#fff;
	font-weight:bold;
	width:80px;
	text-align:center;
	padding-top:12px;
	line-height:32px;
}

.upfrontlabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	width:80px;
	text-align:center;
	line-height:14px;
}


/* --------------- START: MOBILE COLORS  ---------------*/

#mob-indigo{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_indigo.gif); background-repeat:no-repeat;}

#mob-black{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_black.gif); background-repeat:no-repeat;}

#mob-jet-black{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_jet-black.gif); background-repeat:no-repeat;}

#mob-white{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_white.gif); background-repeat:no-repeat;}

#mob-grey{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_grey.gif); background-repeat:no-repeat;}

#mob-dark-brown{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_dark-brown.gif); background-repeat:no-repeat;}

#mob-charcoal{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_grey.gif); background-repeat:no-repeat;}

#mob-platinum{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_platinum.gif); background-repeat:no-repeat;}

#mob-carbon-grey{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_anthracite.gif); background-repeat:no-repeat;}

#mob-graphite-black{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_graphite-black.gif); background-repeat:no-repeat;}

#mob-anthracite{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_anthracite.gif); background-repeat:no-repeat;}

#mob-titanium{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_titanium.gif); background-repeat:no-repeat;}

#mob-space-grey{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_space-grey.gif); background-repeat:no-repeat;}

#mob-spacegrey{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_space-grey.gif); background-repeat:no-repeat;}

#mob-silver{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_silver.gif); background-repeat:no-repeat;}

#mob-dark-silver{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_anthracite.gif); background-repeat:no-repeat;}

#mob-silver-dot{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_silver_dot.gif); background-repeat:no-repeat;}

#mob-silver-white{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_silver.gif); background-repeat:no-repeat;}

#mob-blue{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_blue.gif); background-repeat:no-repeat;}

#mob-red{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_red.gif); background-repeat:no-repeat;}

#mob-yellow{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_yellow.gif); background-repeat:no-repeat;}

#mob-pink{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_pink.gif); background-repeat:no-repeat;}

#mob-gold{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_gold.gif); background-repeat:no-repeat;}

#mob-topaz-gold{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_gold.gif); background-repeat:no-repeat;}

#mob-white-gold{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_gold.gif); background-repeat:no-repeat;}

#mob-rose-gold{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_rose-gold.gif); background-repeat:no-repeat;}

#mob-rosegold{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_rose-gold.gif); background-repeat:no-repeat;}

#mob-pink-gold{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_pink-gold.gif); background-repeat:no-repeat;}

#mob-purple{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_purple.gif); background-repeat:no-repeat;}

#mob-brown{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_brown.gif); background-repeat:no-repeat;}

#mob-orange{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_orange.gif); background-repeat:no-repeat;}

#mob-copper{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_copper.gif); background-repeat:no-repeat;}

#mob-green{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_green.gif); background-repeat:no-repeat;}

#mob-black-white{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_black-white.gif); background-repeat:no-repeat;}

#mob-black-red{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_black-red.gif); background-repeat:no-repeat;}

#mob-coral{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob-coral.gif); background-repeat:no-repeat;}

#mob-mint{ width:34px; height:34px; background-image:url(/mp/informational/images/common/mob_mint.gif); background-repeat:no-repeat;}


/* ---------------  MOBILE SPECIAL OFFER COLORS  ---------------*/

#mob-black-small{ width:18px; height:18px; background-image:url(/mp/informational/images/common/mob_black-small.gif); background-repeat:no-repeat; float:left; margin-left: 8px;}

#mob-white-small{ width:18px; height:18px; background-image:url(/mp/informational/images/common/mob_white-small.gif);  background-repeat:no-repeat; float:left; margin-left: 8px; }

#mob-indigo-small{ width:18px; height:18px; background-image:url(/mp/informational/images/common/mob_indigo-small.gif); background-repeat:no-repeat; float:left; margin-left: 8px;}

#mob-anthracite-small{ width:18px; height:18px; background-image:url(/mp/informational/images/common/mob_anthracite-small.gif); background-repeat:no-repeat; float:left; margin-left: 8px;}

#mob-silver-small{ width:18px; height:18px; background-image:url(/mp/informational/images/common/mob_silver-small.gif); background-repeat:no-repeat; float:left; margin-left: 8px;}

/* --------------- END: MOBILE COLORS  ---------------*/


.outofstock{ border:0px solid #FF0000; display:block; width:93px;}
.comingsoon{ border:0px solid #FF0000; display:block; width:93px;}
.preorder{ border:0px solid #FF0000; display:block; width:93px;}


/* --------------- START: CONTACT RIGHT  ---------------*/

.slideoutbox {
	margin: 0;
	overflow: hidden;
	float:left;
	display: block;
	width:100%;
	overflow:hidden;
	position:relative;
}
.slideoutbox a {
	background-color:rgba(255, 255, 255, 0.1);
	overflow: hidden;
	padding:3px 4% 3px 4%;
	float:left;
	display: block;
	width:92%;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}
.slideoutbox a:hover {
	background-color:rgba(255, 255, 255, 0.2);
	margin: 0;
	overflow: hidden;
	padding:3px 4% 3px 4%;
	float:left;
	display: block;
	width:92%;
	overflow:hidden;
	position:relative;
}
.nolink {
	background-color:rgba(255, 255, 255, 0.1);
	overflow: hidden;
	padding:3px 4% 3px 4%;
	float:left;
	display: block;
	width:92%;
	overflow:hidden;
	position:relative;
	text-decoration:none;
}

.sidelivechatlink {
	background-color:rgba(255, 255, 255, 0.1);
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	outline: 0 none;
	overflow: visible;
	padding:0px 20px 0px 55px !important;
	text-decoration: none;
	width:238px !important;
	line-height:52px;
/*  background: -moz-linear-gradient(#8dc63f, #357729) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#357729));
	border: 1px solid #8dc63f;*/
	color: #fff;
	background-image: url(/mp/images/Slideout/chat.png);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
}

a.sidelivechatlink:hover {
  color: #fff !important;
  text-decoration: none !important;
}

/* --------------- END: CONTACT RIGHT  ---------------*/


.livechatlink{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	outline: 0 none;
	overflow: visible;
	padding: 0px 13px 0px 40px;
	margin:0 10px 0 10px;
	text-decoration: none;
	width: auto;
	background: -moz-linear-gradient(#8dc63f, #357729) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#357729));
	border: 1px solid #8dc63f;
	color:#fff;
	background-image:url(/mp/images/chat/chatbt.gif); 
	background-position:top left; 
	background-repeat:no-repeat;
	line-height:32px;
	display:block;
	width:70px;
}

a.livechatlink:hover{ color:#144007 !important; text-decoration:none !important;}

.livechatlinkinside{
	border-radius: 4px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	outline: 0 none;
	overflow: visible;
	padding: 0px 13px 0px 40px;
	margin:0;
	text-decoration: none;
	width: auto;
	background: -moz-linear-gradient(#8dc63f, #357729) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#357729));
	border: 1px solid #8dc63f;
	color:#fff;
	background-image:url(/mp/images/chat/chatbt.gif); 
	background-position:top left; 
	background-repeat:no-repeat;
	line-height:32px;
	display:block;
	width:70px;
}

a.livechatlinkinside:hover{ color:#144007 !important; text-decoration:none !important;}

.electronic-invoicing{
	background-image:url(/mp/informational/images/electronic-invoicing/bg.jpg);
	background-repeat:no-repeat;
	width:440px;
	height:160px;
	padding:10px 10px 10px 170px;
	font-family:Arial, Helvetica, sans-serif;
}

.electronic-title{
	color:#82b63a;
	font-size:15px;
	line-height:18px;
}

.forumtabs{
	font-size:15px;
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(80, 80, 80, 1);
	line-height:18px;
	font-weight:bold;	
}
.forumtabs a{
	color:#FFF;
	text-decoration:none;
}
.forumtabs a:hover{
	color:#333;
	text-decoration: none;
}

.bundleprice {
	padding: 0;
	margin: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.231em;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
}

.newbundleprice {
	padding: 0;
	margin:0 0 10px 0;
	color: #0090ae;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.538em;
	line-height: 20px;
	font-weight: bold;
}

.offerprice {
	padding: 0;
	margin:0 0 10px 0;
	color: #f80000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.538em;
	line-height: 30px;
	font-weight: bold;
}

.oldprice{text-decoration: line-through;}

.onlineprice{color:#0090ae; font-size:130%; font-weight:600;}

.redprice{color:#f80000; font-size:130%; font-weight:600;}

.onlineprice2{color:#0090ae; font-size:14px; font-weight:600;}

.onlineoffer{color:#0090ae; font-weight:bold;}

.onlineofferbox{ 
	background-image:url(/mp/informational/images/common/onlineoffer.gif);
	color:#fff;
	font-size:110%;
	padding:10px 15px;
	line-height:17px;
	border-radius:8px;
	border:2px solid #ebebeb;
	box-shadow: 1px 2px 5px #888888;
}

.onlineofferbox2{ 
	background-image:url(/mp/informational/images/common/tabs.gif);
	color:#333;
	font-size:110%;
	padding:10px 15px;
	line-height:17px;
	border-radius:8px;
	/*border:2px solid #ebebeb;*/
	box-shadow: 1px 2px 5px #888888;
}

.onlineofferbox p{ margin:5px 0;}

.onlineofferbox a, .onlineofferbox a:hover{color:#fff;}

.onlineofferbox2{ 
	background-image:url(/mp/informational/images/common/tabs.gif);
	color:#333;
	font-size:110%;
	padding:10px 15px;
	line-height:17px;
	border-radius:8px;
	box-shadow: 1px 2px 5px #888888;
}

.onlineofferbox p{ margin:5px 0;}

.onlineofferbox a, .onlineofferbox a:hover{color:#fff;}

.tripletable{
	background-color:#ebebeb;
	font-size:13px;
	padding:3px;
	margin-bottom:3px;
	color:#333;
	text-decoration:none !important;
	border-radius:5px;
/*	background-image:url(/mp/informational/images/cyta/triple-bg.gif);
	background-repeat:repeat-y;*/
}

/*.tripletable:hover{
	background-color:#dddddd;
	color:#333;
	text-decoration:none !important;
	background-image:url(/mp/informational/images/cyta/triple-bg.gif);
	background-repeat:repeat-y;
}*/

.boxlink {
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	margin:5px;
	width: auto;
	border: 1px solid #C2C2C2;
	display:block;
	background-color:#fff;
}

.boxlinkselected {
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	margin:5px;
	width: auto;
	border: 1px solid #fdaf6c;
	display:block;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(232, 117, 19, 0.75);
	-moz-box-shadow: 0px 0px 6px 0px rgba(232, 117, 19, 0.75);
	box-shadow: 0px 0px 6px 0px rgba(232, 117, 19, 0.75);
}

/* --------------- START: Order Wizard ---------------*/

.order-wizard {
	float:left;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
	width:100%;
	height:50px;
	background-color:#ededed;
}
.order-wizard li {
	list-style-type: none;
	list-style:none;
	display:inline-block;
	float:left;
	margin:0;
	padding:5px 1% 0 0;
	width:19%;
	height:45px;
	color:#333;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
	background-image:url(/mp/informational/images/common/order-arrow.png) !important;
	background-position:right;
	background-repeat:no-repeat;
	text-transform:uppercase;
}
.order-wizard .singleline {
  padding:15px 1% 0 0;
  height:35px;
}
/*.order-wizard li:nth-of-type(3n) {
  padding:15px 1% 0 0;
  height:35px;
}*/
.order-wizard .active {
	background-color:#9f9f9f !important;
	color:#fff;
	background-image:url(/mp/informational/images/common/order-active.png) !important;
	background-position:right;
	background-repeat:no-repeat;	
}
.order-wizard .preactive {
	background-color:#9f9f9f !important;
	color:#fff;
	background-image:url(/mp/informational/images/common/order-preactive.png) !important;
	background-position:right;
	background-repeat:no-repeat;	
}
.order-wizard .completed {
	background-color:#9f9f9f !important;
	color:#fff;
	background-image:url(/mp/informational/images/common/order-completed.png) !important;
	background-position:right;
	background-repeat:no-repeat;	
}
.order-wizard .finished {
	background-color:#9f9f9f !important;
	color:#fff;
	background-image:url(/mp/informational/images/common/order-finished.png) !important;
	background-position:right;
	background-repeat:no-repeat;
}

/* --------------- END: Order Wizard ---------------*/