body{
	position:relative;
	margin:0;
	-webkit-text-size-adjust:none;
	min-height:416px;
	font-family:helvetica,sans-serif;
	-webkit-background-size:0.438em 100%;
	background:-webkit-gradient(linear,left top,right top,from(#c5ccd4),color-stop(71%, #c5ccd4),color-stop(72%, #cbd2d8),to(#cbd2d8));
	-webkit-touch-callout:none
}
.center{
	margin:auto;
	display:block;
	text-align:center!important
}
img{
	border:0
}
a:hover .arrow{
	background-position:0 -13px!important
}

/* ====================== MEDIA QUERIES ====================== */
@media screen and (max-width:320px){
	#topbar{height:44px}
	#title{line-height:44px;height:44px;font-size:16pt}
	#duobutton a:first-child,#duobutton a:last-child{width:101px}
	#duobutton a{width:106px}
	#duobutton .links{width:195px}
	.menu .name{max-width:77%}
	#leftnav a{line-height:30px;height:30px}
	#leftnav img{margin-top:4px}
	#leftnav{top:7px}
}
@media screen and (min-width:321px){
	#topbar{height:32px}
	#title{line-height:32px;height:32px;font-size:13pt}
	.menu .name{max-width:85%}
	#leftnav a{line-height:24px;height:24px}
	#leftnav img{margin-top:4px;height:70%}
	#leftnav{top:4px}
	#duobutton a:first-child,#duobutton a:last-child{width:152px}
	#duobutton a{width:154px}
	#duobutton .links{width:298px}
}

/* ====================== TOPBAR ====================== */
#topbar{
	position:relative;
	left:0;
	top:0;
	width:auto;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));
	margin-bottom:13px
}
#title{
	position:absolute;
	font-weight:bold;
	top:0;
	left:0;
	right:0;
	padding:0 10px;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:#FFF;
	text-shadow:rgba(0,0,0,0.6) 0 -1px 0
}

/* ====================== CONTENT & FOOTER ====================== */
#content{
	width:100%;
	position:relative;
	min-height:250px;
	margin-top:10px;
	height:auto;
	z-index:0;
	overflow:hidden
}
#footer{
	text-align:center;
	position:relative;
	margin:20px 10px 0;
	height:auto;
	width:auto;
	bottom:10px
}
#footer a,#footer{
	text-decoration:none;
	font-size:9pt;
	color:#4C4C4C;
	text-shadow:#FFF 0 1px 0
}

/* ====================== PAGEITEM & TEXTBOX ====================== */
.pageitem{
	-webkit-border-radius:8px;
	background-color:#fff;
	border:#878787 solid 1px;
	font-size:12pt;
	overflow:hidden;
	padding:0;
	position:relative;
	display:block;
	height:auto;
	width:auto;
	margin:3px 9px 17px;
	list-style:none
}
.textbox{
	padding:5px 9px;
	position:relative;
	overflow:hidden;
	border-top:1px solid #878787
}
.pageitem li:first-child,.pageitem li.form:first-child{border-top:0}
.pageitem li:first-child:hover,.pageitem li:first-child a{
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px
}
.pageitem li:last-child:hover,.pageitem li:last-child a{
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px
}

/* ====================== DUOBUTTON (Prices pages) ====================== */
#duobutton{
	height:44px;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd4d9),color-stop(3%,#c0c9cf),color-stop(97%,#abb7bf),to(#81929f));
	margin:-13px 0 13px 0;
	text-align:center
}
#duobutton .links{
	height:30px;
	-webkit-border-image:url("images/tributton.png") 0 4 0 4;
	border-width:0 4px 0 4px;
	margin:0 auto 0px auto;
	position:relative;
	top:7px
}
#duobutton a:first-child{
	border-right:1px solid #6d7e91;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	margin-left:-4px
}
#duobutton a{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	height:27px;
	display:inline-block;
	line-height:27px;
	margin-top:1px;
	font:bold 13px;
	text-decoration:none;
	color:#3f5c84;
	text-shadow:#FFF 0 1px 0
}
#duobutton a:last-child{
	border:0;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	margin-right:-4px
}
#duobutton a:hover,#duobutton a#pressed{
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7b8b9f),color-stop(3%,#8c9baf),to(#647792));
	color:white;
	text-shadow:black 0 -1px 0
}

/* ====================== MENU (Index page) ====================== */
.menu{
	position:relative;
	list-style-type:none;
	display:block;
	height:43px;
	overflow:hidden;
	border-top:1px solid #878787;   /* ← restored: this was the missing line between rows */
	width:auto
}
.menu:hover{
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#058cf5), to(#015fe6));
}
.menu a{
	display:block;
	height:43px;
	width:auto;
	text-decoration:none
}
.menu a img{
	width:auto;
	height:32px;
	margin:5px 0 0 5px;
	float:left
}
.menu .name{
	margin:11px 0 0 7px;
	width:auto;
	color:#000;
	font-weight:bold;
	font-size:17px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	float:left
}
.menu a:hover .name{
	color:#fff
}

/* ====================== STORE (Plan list pages) ====================== */
.store{
	height:90px;
	border-top:#878787 solid 1px;
	overflow:hidden;
	position:relative
}
.store:hover{
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#058cf5), to(#015fe6));
}
.store a{
	width:100%;
	height:90px;
	display:block;
	text-decoration:none;
	position:absolute
}
.store .image{
	width:180px;
	height:84px;
	display:block;
	left:3px;
	top:3px;
	position:absolute
}
.store .name{
	font-size:15px;
	white-space:nowrap;
	display:block;
	overflow:hidden;
	color:#000;
	max-width:60%;
	text-overflow:ellipsis;
	font-weight:bold;
	position:absolute;
	left:185px;
	top:35px
}
.store .plannumber{
	font-size:12px;
	color:#7f7f7f;
	display:block;
	width:60%;
	font-weight:bold;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	position:absolute;
	left:185px;
	top:55px
}
.store:hover .name{
	color:#fff
}

/* ====================== ARROWS (now perfectly centered) ====================== */
.menu .arrow{
	position:absolute;
	width:8px!important;
	height:13px!important;
	right:10px;
	top:15px;                    /* ← restored: centers arrow in 43px menu row */
	margin:0!important;
	background:url("images/arrow.png") 0 0 no-repeat
}
.store .arrow{
	position:absolute;
	width:8px!important;
	height:13px!important;
	right:10px;
	top:39px!important;          /* keeps arrow centered in tall store rows */
	margin:0!important;
	background:url("images/arrow.png") 0 0 no-repeat
}

/* ====================== GRAY TITLE & HEADER ====================== */
.graytitle{
	position:relative;
	font-weight:bold;
	font-size:17px;
	right:20px;
	left:9px;
	color:#4C4C4C;
	text-shadow:#FFF 0 1px 0;
	padding:1px 0 3px 8px
}
.header{
	display:block;
	font-weight:bold;
	color:rgb(73,102,145);
	font-size:12pt;
	margin-bottom:6px;
	line-height:14pt
}
/* ====================== LEFT NAV ====================== */
#leftnav{
	position:absolute;
	font-size:12px;
	left:9px;
	font-weight:bold
}
#leftnav a{
	display:block;
	color:#fff;
	text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
	text-decoration:none
}
#leftnav a:first-child{
	z-index:2;
	border-width:0 5px 0 13px;
	-webkit-border-top-left-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	width:auto
}
#leftnav a{
	z-index:3;
	margin-left:-4px;
	border-width:0 5px 0 13px;
	padding-right:4px;
	-webkit-border-top-left-radius:16px;
	-webkit-border-bottom-left-radius:16px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	float:left
}