/* font used in logo: http://www.google.com/webfonts#ReviewPlace:refine/Collection:Days+One */

body { color: #555; margin: 0px; font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; background: #c2e1fc; font-size: 15px;}

img {border: none;}

h1 { font-size: 21px;}
h2 { font-size: 17px; margin-top: 25px}
h3 { font-size: 15px;}
.clear { clear: both}
#menuBg { background: #c2e1fc url(images/top_bg_h.png) repeat-x 0 -109px; }
#menuBox { margin: auto; }

#top { text-align: center; background: #c2e1fc ;}
#logo { font-size:40px; text-align: left; width: 1000px; margin: auto; padding-top: 5px; padding-bottom: 15px}
#logo table { margin-left: 10px; width: 100%}
#logo a { color: #e9edf8; text-decoration: none; }
#logo a img{ margin-top:12px}
/* -----  Main Menu  ----- */
#menuBox {
	/*width:968px;
	margin:0 auto;
	margin-top: 107px;*/
	height:40px;
	padding:0 ;
}
#menuBox .left {
	float:left;
	background:url(images/menu-left.png) no-repeat;
	height:48px;
	width:19px;
}
#menuBox .right {
	float:right;
	background:url(images/menu-right.png) no-repeat;
	height:48px;
	width:19px;
}
#menuBox .mid {
	background:url(images/menu-bg.png) repeat-x;
	height:48px;
	width:800px;
	float:left;
}
#menuBox ul {
	margin:0;
	padding:0;
	list-style:none;
}
#menuBox ul li {
	float:left;
}
#menuBox ul li a, #menuBox ul li span { 
	font-size:13px ;
	/*font:13px Georgia, "Times New Roman", Times, serif;*/
	color:#fff;
	text-decoration:none;
	padding:10px 16px 12px;
	display:block;
	margin-top:1px;
}
#menuBox ul li a:hover, #menuBox ul li span:hover {
	background:url(images/menu-hover-bg.jpg) repeat-x;
}

#menuBox ul li a.selected, #menuBox ul li span.selected {
	background:url(images/menu-hover-bg.jpg) repeat-x;
}

#menuBox ul li ul li a, #menuBox ul li ul li span { 
	font-size:13px ;
	/*font:13px Georgia, "Times New Roman", Times, serif;*/
	color:#000;
	text-decoration:none;
	padding:10px 16px 12px;
	display:block;
	margin-top:1px;
}

#noscriptMenuContainer { font-size: 13px; padding: 0 40px}
#noscriptMenuContainer  a { white-space: nowrap; }
#noscriptMenuContainer  span { white-space: pre-wrap; }

.menu_top_border_main { border-top:1px solid #847958; }

#menu ul { z-index: 100; }

#menuBox ul.menu { list-style:none; margin:0; padding:0; }

#menuBox ul.menu * { padding:0;}

#menuBox ul.menu a, #menuBox ul.menu span  { display:block; text-decoration:none;  line-height:39px; 	padding: 0 15px; }

#menuBox ul.menu > li { position:relative; float:left; margin-right:10px; text-align:center; }
#menuBox ul.menu > li:hover { margin-top: -1px; margin-right: 9px; background-color: #555; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top: 1px solid #aaa; border-right: 1px solid #333;}
#menuBox ul.menu > li.single:hover { margin-top: -1px; margin-right: 9px; background-color: #555; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-top: 1px solid #aaa; border-right: 1px solid #333;}

#menuBox ul.menu ul { position:absolute; top:39px; left:0; background:#f4f4f4; display:none;  list-style:none; padding: 10px 15px 20px; border: 5px solid #555; border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;}

#menuBox .menu li:hover > ul { display:block;  }

#menuBox ul.menu ul li { position:relative; border-top:none; width:320px; margin:0;  text-align:left; }

#menuBox ul.menu ul li a { display:block; padding:3px 7px 5px; background-color:#f4f4f4; color:#000; line-height:30px; border-bottom: 1px solid #bbb; border-top: 1px solid #fff; margin: 0;}
#menuBox ul.menu ul li a.withimage { line-height:50px; }
#menuBox ul.menu ul li:first-child a { border-top: none }

#menuBox ul.menu ul li a:hover { background-color:#eaeaea; color:#a00; }

.slideshow, .card, .slideshow-container{position:absolute; bottom:0px; height:276px; }
.slideshow h3 {font-size: 19px}
.slideshow-outer {
	width: 100%;
	background: url(images/bg_slideshow_tile.png) repeat-x;
	height: 370px;
	overflow:hidden;
}

.card {
	left: 0;
}


.slideshow-outer { }
.slideshow{position:relative; top:auto; left:auto; right:auto; padding:0;margin: 0 auto;height:100%;width:100%;}
.slideshow-container{top:auto; bottom:0; width:100%;}
.slideshow-controls{position:absolute; top:1px; height:42px; left:50%; right:0; width:auto;}
.slideshow-controls img{height: 35px; width: auto}
.slideshowTip {margin:0 auto;position:relative}

.ss-nav{top:0px; border-left:1px solid #ccc; height:49px; position:absolute; color:#444; cursor:pointer; text-align:center; line-height:48px}
.ss-nav:hover {background: #eee;}
.ss-nav img{position:absolute; left:4px; top:8px; max-width: 48px; max-height: 48px}
.ss-nav span{display:block; padding-left:24px; font-size:13px}
.ss-nav.selected, .ss-nav.selected:hover {background:#fff;}
.ss-nav.selected .tip, .slideshow .tip{width:50px;height:30px;position:absolute;top:50px;left:91px;background:url(images/spr_slideshow.png) no-repeat 50% 0px;margin-left:-25px;}

.ss-nav.last{border-right:1px solid #ccc}

.card .left-div{position:absolute; top:30px; width:224px; left:auto; right:20px}
.card.large .left-div{ top: 0px;}
#slideshow_container img{position:absolute; bottom:10px; left:-4px; max-height: 300px}
.card h3{margin-bottom:14px; margin-left:4px}
.card.large h3 {margin-bottom: 0;}
#slideshow_container p{margin-left:4px; font-size:15px}
#slideshow_container .cta{margin-top:24px; width:200px; padding:0; height:40px; background:url(/wp-content/themes/phonegap/images/sprite_home.png) no-repeat 0 -600px; text-shadow:#8A8C90 0 -1px 1px}
#slideshow_container .cta:hover{background-position:-200px -600px;color:#fff;}

.full-link {
    color: #333;
    text-decoration: none;
}

.full-link:hover {
	text-decoration: none;
	color: #666;
}

#content { 	text-align: center;background: #fff url(images/footer_shadow.png) repeat-x 0 bottom; font-size: 15px;}
#content > div:first-child { padding-top: 15px; padding-bottom: 15px;	margin: auto}
#content > div.homepage:first-child { background-image: none;}
.footer { font-size: 15px; background: #C2E1FC; color: #3B82B6; padding: auto; padding-top: 0; padding-bottom:0}
.innerfooter { border-top: 1px solid #A2C3DF; margin: auto; }
.innerinnerfooter {  border-top: 1px solid #a2c3df; margin-top: 30px; padding-top: 5px;}
.footer p {  color: #3B82B6;}
.footer a {  color: #3B82B6; text-decoration: none;}
.footer a:hover { color: #fff; }
.footermenu ul { margin-left: 0; padding-left: 0;list-style: none; font-size: 13px;}
.footer.es .footermenu ul { font-size: 12px;}
.footermenu li {  padding-right: 30px; margin-bottom: 4px;}
.footermenu > ul li:last-child {  padding-right: 0;}
.footermenu > ul > li { display: table-cell;}
.footermenu > ul > li > a { font-weight: bold; line-height: 24px;}

#closer {cursor: pointer}
#login  { float: right; margin-right: 15px; overflow: hidden; text-align: right;  font-weight: 600; font-size: 14px; color: #fff; cursor: pointer}
#login:hover { height: 188px;}
#login:hover #loginForm { top: 0px}
#loginBox { background: #4e7aa1 url(images/s_bg.png) repeat-x; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#loginBox form { margin: 30px 0 0 20px }
#loginBox > div { text-align: left; }
#loginBox > div > div { background: #99ddff; width: 250px; padding: 3px 10px; border-right: 1px solid #aaa; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; }
#loginBox input[type=submit] { padding: 7px; margin-bottom: 0; margin-top: 0; margin-left: 10px}
#loginBox input[type=text] { width: 230px; padding: 7px; margin-bottom: 5px; margin-top: 0px;background: #fff; border: 1px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#loginBox input[type=password] { width: 230px; padding: 7px; background: #fff; border: 1px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#loginBox input[type=text]:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#loginBox input[type=password]:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#loginTab { margin-top: -1px; display: block; float: right; color: #fff; border-left: 1px solid #bbb; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; background: #7ce url(images/login_tab_bg.jpg); padding: 8px 20px 7px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;}
	
#content > div, .slideshow, .slideshow-container,#menuBox, .innerfooter { width: 1000px; }
#top, .slideshow-outer, .slideshowTip, .footer  {  min-width: 1000px}
.slideshow-controls{margin-left:-500px;}
.card{width:850px}
#rysvideo { width: 946px; height: 532px;}

.realtable img {max-width: 510px;}

@media  (min-width: 1021px) {
	#content > div { width: 1000px; }
	#top {  min-width: 1000px}
	.slideshow-outer { min-width: 1000px;}
	.slideshowTip {width:1000px;}
	.slideshow-controls{margin-left:-500px;}
	.slideshow, .slideshow-container{width:1000px}
	.card{width:910px}
	.footer {  min-width: 1000px}
	.innerfooter { width: 1000px;}
	#menuBox { width: 1000px; }
	table.specs img { max-width: 480px;}
	table.specs td {max-width: 500px}
	table.grid3 img { max-width: 309px;}
	table.grid3 td {max-width: 330px}
	table.grid4 img { max-width: 230px;}
	table.grid4 td {max-width: 250px}
	table.mixedgrid4 td:nth-child(odd) img { max-width: 170px;}
	table.mixedgrid4 td:nth-child(odd) {max-width: 180px}
	table.mixedgrid4 td:nth-child(even) img { max-width: 300px;}
	table.mixedgrid4 td:nth-child(even) {max-width: 300px}
}
@media  (max-width: 1020px) and (min-width: 740px) {
	#content > div { width: 720px;}
	#logo {width: 720px}
	#menuBox { width: 720px; margin: auto; height: 80px}
	#menuBox ul.menu a, #menuBox ul.menu span {padding: 0 10px}
	.slideshow { width: 720px; }
	.ss-nav span { padding-left: 30px; }
	.slideshowTip,#menuBox {width:720px;}
	.slideshow-controls{margin-left:-360px;}
	.slideshow, .card, .slideshow-container{width:720px}
	.card img { width: auto; max-height: 75%; max-width: 60%}
	table.specs img { max-width: 320px;}
	table.specs td {max-width: 360px}
	table.grid3 img { max-width: 220px;}
	table.grid3 td {max-width: 240px}
	table.grid4 img { max-width: 170px;}
	table.grid4 td {max-width: 180px}
	table.mixedgrid4 td:nth-child(odd) img { max-width: 122px;max-height: 80px}
	table.mixedgrid4 td:nth-child(odd) {max-width: 130px; font-size: 14px}
	table.mixedgrid4 td:nth-child(even) img { max-width: 216px;}
	table.mixedgrid4 td:nth-child(even) {max-width: 216px}
	#top, .slideshow-outer, .slideshowTip, .footer  {  min-width: 720px}
	.innerfooter { width: 720px;}
	.slideshow-outer { height: 330px }
	.slideshow .tip {left: 71px; }
	#menuBox { width: 720px; }
	img { max-width: 720px;}
	#rysvideo { width: 720px; height: 405px;}
	.realtable img {max-width: 340px;}
}
@media (max-width: 739px) {
	#content > div { width: 480px }
	#logo {width: 480px}
	#logo table {width: 470px}
	#menuBox { width: 480px; margin: auto;height: 80px}
	#menuBox ul.menu a, #menuBox ul.menu span  { padding: 0 12px; }
	.slideshow {width: 480px}
	.ss-nav span { padding-left: 15px; }
	.slideshowTip {width:480px;}
	.slideshow-controls{margin-left:-225px;}
	.slideshow, .card, .slideshow-container{width:450px}
	.card {height: 200px }
	.card h3{ font-size: 14px}
	#slideshow_container p { font-size: 11px }
	.card img { width: auto; max-height: 75%; max-width: 60%}
	.card .left-div { width: 170px }
	table.specs img { max-width: 200px;}
	table.specs td {max-width: 225px}
	table.grid3 img { max-width: 140px;}
	table.grid3 td {max-width: 145px}
	table.grid4 img { max-width: 100px;}
	table.grid4 td {max-width: 110px}
	table.mixedgrid4 td:nth-child(odd) img { max-width: 77px; max-height: 50px}
	table.mixedgrid4 td:nth-child(odd) {max-width: 81px; font-size: 12px}
	table.mixedgrid4 td:nth-child(even) img { max-width: 135px;}
	table.mixedgrid4 td:nth-child(even) {max-width: 135px}
	#top, .slideshow-outer, .slideshowTip, .footer  {  min-width: 450px}
	.innerfooter { width: 450px;}
	.ss-nav span {display: none }
	.ss-nav img {position: static; margin-top: 5px}
	.slideshow-outer { height: 250px }
	.slideshow .tip {left: 44px; }
	img { max-width: 450px;}
	.footermenu > ul > li { display: list-item; margin-top: 10px;}
	#rysvideo { width: 450px; height: 253px;}
	.realtable img {max-width: 210px;}
}