/* LAYOUT */
#WNtemplate #container {width:100%;margin:0 auto;}
#WNtemplate #header {position:relative;width:960px;height:90px;background:url(assets/header_base.png) repeat-x top left;}
#WNtemplate #header .over {position:absolute;z-index:2;}
#WNtemplate #header .over .l {position:absolute;left:0;width:603px;height:90px;}
#WNtemplate #header .over .r {position:absolute;left:603px;width:357px;height:60px;}
#WNtemplate #header .btns {position:absolute;right:6px;top:9px;z-index:3;}
#WNtemplate #topinfo {margin-bottom:8px;margin-top:-7px;height:36px;}
#WNtemplate #topinfo div.col1 {position:relative;float:left;width:480px;}
#WNtemplate #topinfo div.col2 {position:relative;float:left;width:480px;}
#WNtemplate #content {clear:both;}
#WNtemplate #content div.col1-fp {float:left;width:470px;margin-right:20px;}
#WNtemplate #content div.col2-fp {float:left;width:470px;}
#WNtemplate #pkg-block {position:relative;width:960px;height:266px;}
#WNtemplate #footer div.col1-fp,#WNtemplate #footer div.col2-fp {float:left;width:480px;}


/* GLOBALS */
#WNtemplate body {margin:0;padding:0;font:normal normal 11px Arial,#WNtemplate Helvetica,#WNtemplate sans-serif;color:#000;}
#WNtemplate a {color:#2c5587;text-decoration:none;}
#WNtemplate a:hover {text-decoration:underline;}


/* STYLES */
#WNtemplate #header .over .l {background:url(assets/header_top_l.png) no-repeat top left;}
#WNtemplate #header .over .r {background:url(assets/header_top_r.png) no-repeat top left;}
#WNtemplate #header .over .l .ttl {margin:60px 0 0 17px;font-size:14px;font-weight:bold;color:#fff;}
#WNtemplate #header .btns a.btn {display:block;float:left;height:32px;background:url(assets/hdr_btn_r_up.png) no-repeat top right;font-size:10px;font-weight:bold;color:#c8d3dd;text-decoration:none;}
#WNtemplate #header .btns a.btn div.inner {margin-right:6px;height:32px;background:url(assets/hdr_btn_l_up.png) no-repeat top left;padding:10px 7px 0 13px;}
#WNtemplate #header .btns a.btn:hover {background-image:url(assets/hdr_btn_r_over.png);color:#fff;}
#WNtemplate #header .btns a.btn:hover div.inner {background-image:url(assets/hdr_btn_l_over.png);}

#WNtemplate form#topsearch {width:180px;margin:0;margin-top:13px;}
#WNtemplate form#topsearch div.search-wrapper {position:relative;width:180px;}
#WNtemplate form#topsearch div.search-wrapper input.srch {position:absolute;left:3px;background:#fff url(assets/psearch_bg.gif) repeat-x top left;border:0;width:167px;height:13px;padding:3px 2px 2px;}
#WNtemplate form#topsearch div.search-wrapper span.left {display:block;position:absolute;background:url(assets/psearch_left_alt.gif) no-repeat top left;width:3px;height:18px;}
#WNtemplate form#topsearch div.search-wrapper span.right {display:block;position:absolute;right:0;background:url(assets/psearch_right_alt.gif) no-repeat top right;width:20px;height:18px;}
#WNtemplate a#topsearch-submit {display:inline-block;width:20px;}
/* handle safari webkit */
/*form#topsearch div.search-wrapper input[type=search] {-webkit-appearance:textfield;-webkit-border-radius:0;-webkit-box-sizing:border-box;-webkit-margin-start:0;}*/
#WNtemplate #topinfo div.subscribe {position:relative;height:36px;background:url(assets/subscribe_bg.png) no-repeat top right;}
#WNtemplate #topinfo div.subscribe div.price {position:absolute;top:4px;right:98px;color:#4c6c23;font-size:18px;font-weight:bold;text-align:right;}
#WNtemplate #topinfo div.subscribe div.price span {font-size:9px;font-weight:normal;line-height:4px;}
#WNtemplate #topinfo div.subscribe a.btn {display:block;position:absolute;right:6px;top:6px;border:1px solid #4c6c23;background:#fff;color:#4c6c23;font-size:10px;font-weight:bold;padding:5px;text-decoration:none;}
#WNtemplate #topinfo div.subscribe a.btn:hover {border-color:#5da600;color:#000;}
#WNtemplate #header div.tabs {position:absolute;top:53px;left:513px;width:447px;height:31px;z-index:1;}
#WNtemplate #header div.tabs .tab-item {position:absolute;top:0;left:0;cursor:pointer;width:447px;height:31px;}
#WNtemplate #header div.tabs .tab-item a {display:block;width:447px;height:31px;background-image:url(assets/pkgs_sprite.png);background-repeat:no-repeat;}
#WNtemplate #header div.tabs #tab-basic {left:-140px;z-index:5;}
#WNtemplate #header div.tabs #tab-bronze {left:-105px;z-index:4;}
#WNtemplate #header div.tabs #tab-silver {left:-70px;z-index:3;}
#WNtemplate #header div.tabs #tab-gold {left:-35px;z-index:2;}
#WNtemplate #header div.tabs #tab-platinum {left:0;z-index:1;}
#WNtemplate #header div.tabs #tab-basic a {background-position:0 0;}
#WNtemplate #header div.tabs #tab-bronze a {background-position:0 -62px;}
#WNtemplate #header div.tabs #tab-silver a {background-position:0 -124px;}
#WNtemplate #header div.tabs #tab-gold a {background-position:0 -186px;}
#WNtemplate #header div.tabs #tab-platinum a {background-position:0 -248px;}
#WNtemplate #header div.tabs #tab-basic a:hover {background-position:0 -31px;}
#WNtemplate #header div.tabs #tab-bronze a:hover {background-position:0 -93px;}
#WNtemplate #header div.tabs #tab-silver a:hover {background-position:0 -155px;}
#WNtemplate #header div.tabs #tab-gold a:hover {background-position:0 -217px;}
#WNtemplate #header div.tabs #tab-platinum a:hover {background-position:0 -279px;}

#WNtemplate #nav ul {margin:0;padding:0;margin-top:8px;height:33px;background:url(assets/nav_ul_bg.png) repeat-x top left;}
#WNtemplate #nav ul li {float:left;margin:0;padding-right:1px;height:33px;background:url(assets/nav_li_bg.png) repeat-x top left;}
#WNtemplate #nav ul li a {display:block;height:28px;margin-top:2px;padding:9px 8px 0 8px;color:#b8c6d6;font-size:11px;font-weight:bold;background:url(assets/nav_a_bg.png) repeat-x top left;text-decoration:none;}
#WNtemplate #nav ul li a:hover {color:#fff;background:url(assets/nav_a_over_bg.png) repeat-x top right;}
#WNtemplate #nav ul li a.sel {background:url(assets/nav_a_sel_bg.png) repeat-x top left;color:#172d48;}
#WNtemplate #snav ul {margin:0;padding:0;height:23px;background:url(assets/snav_a_bg.png) repeat-x top left;border-bottom:1px solid #172d48;}
#WNtemplate #snav ul li {float:left;margin:0;height:23px;padding-right:1px;background:url(assets/snav_li_bg.png) repeat-x top left;}
#WNtemplate #snav ul li a {display:block;height:23px;padding:5px 8px 0 8px;color:#6c96ca;font-size:10px;font-weight:bold;background:url(assets/snav_a_bg.png) repeat-x top left;text-decoration:none;}
#WNtemplate #snav ul li a:hover {background:url(assets/snav_a_over_bg.png) repeat-x top right;color:#2a5485;}
#WNtemplate #snav ul li a.sel {color:#172d48;}

#WNtemplate #pkg-block {background:url(assets/pkg_block_bg.jpg) no-repeat top left;}
#WNtemplate #pkg-block .top {position:absolute;background:#fff;width:960px;height:75px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#WNtemplate #pkg-block .ttl {position:absolute;top:27px;left:40px;width:213px;height:50px;}
#WNtemplate #pkg-block #marbles {position:absolute;top:30px;left:250px;width:226px;height:71px;background-repeat:no-repeat;background-position:top left;}
#WNtemplate #pkg-block #marbles.pkg-basic {background-image:url(assets/packages/pkg_marbles_basic.png);}
#WNtemplate #pkg-block #marbles.pkg-bronze {background-image:url(assets/packages/pkg_marbles_bronze.png);}
#WNtemplate #pkg-block #marbles.pkg-silver {background-image:url(assets/packages/pkg_marbles_silver.png);}
#WNtemplate #pkg-block #marbles.pkg-gold {background-image:url(assets/packages/pkg_marbles_gold.png);}
#WNtemplate #pkg-block #marbles.pkg-platinum {background-image:url(assets/packages/pkg_marbles_platinum.png);}
#WNtemplate #pkg-block .instruct {position:absolute;top:0;left:654px;color:#999;font-size:9px;font-weight:normal;}
#WNtemplate #pkg-block .instruct img {width:62px;height:52px;}
#WNtemplate #pkg-block .instruct li {margin-top:8px;height:52px;}
#WNtemplate #pkg-block .instruct li div {float:left;}
#WNtemplate #pkg-block .instruct li div.col1 {width:62px;margin-right:10px;}
#WNtemplate #pkg-block .instruct li div.col2 {width:220px;padding-top:4px;}
#WNtemplate #pkg-block .instruct li.hdr {margin-bottom:24px;}
#WNtemplate #pkg-block .instruct li.hdr div.col1 {height:56px;background:url(../images/instruct_header_arrow.png) no-repeat top right;}
#WNtemplate #pkg-block .instruct li.hdr div.col2 {height:56px;background:url(../images/instruct_header.png) no-repeat bottom left;}
#WNtemplate #pkg-block #tooltip {position:absolute;top:105px;left:0;width:424px;height:139px;background:url(assets/tip_base.png) no-repeat top left;}
#WNtemplate #pkg-block #tooltip.pkg-basic {left:20px;}
#WNtemplate #pkg-block #tooltip.pkg-bronze {left:53px;}
#WNtemplate #pkg-block #tooltip.pkg-silver {left:83px;}
#WNtemplate #pkg-block #tooltip.pkg-gold {left:114px;}
#WNtemplate #pkg-block #tooltip.pkg-platinum {left:145px;}
#WNtemplate #pkg-block #tooltip .content {margin-top:18px;padding:10px;color:#ccc;font-size:11px;}
#WNtemplate #pkg-block #tooltip .content h3 {font-size:12px;font-weight:bold;color:#fff;margin:0 0 8px 0;}
#WNtemplate #pkg-block #tooltip .content ul {float:left;width:202px;}
#WNtemplate #pkg-block #tooltip .content ul li {margin-bottom:5px;}

#WNtemplate #content div ul.maps-block {clear:both;margin-bottom:10px;}
#WNtemplate #content div ul.maps-block li {float:left;width:280px;font-size:10px;}
#WNtemplate #content div ul.maps-block li.sample {width:180px;margin-right:10px;}
#WNtemplate #content div ul.maps-block li div.sample-desc {text-align:center;padding-bottom:2px;}
#WNtemplate #content div ul.maps-block li.sample img {width:180px;height:135px;}
#WNtemplate #content div ul.maps-block li div.col1 {float:left;width:128px;margin-right:10px;}
#WNtemplate #content div ul.maps-block li div.col2 {float:left;width:128px;}
#WNtemplate #content div ul.maps-block li div a {display:block; padding-bottom:1px;}
#WNtemplate #content div ul.maps-block li h4 {font-size:12px;font-weight:bold;color:#333;background:#999;padding:2px;margin-bottom:3px;border-bottom:1px solid #666;}

#WNtemplate #content h2.sec-hdr {margin:20px 0 8px 0;font-size:16px;font-weight:bold;color:#333;}
#WNtemplate #content p.sec-hdr-desc {font-size:10px;color:#333;margin-top:-7px;margin-bottom:15px;}

#WNtemplate #footer {background:#fff url(assets/footer_bg.png) repeat-x top left;margin-top:30px;padding-top:8px;}
#WNtemplate #footer .links a {font-size:11px;color:#888;}
#WNtemplate #footer .copyright {font-size:10px;color:#888;text-align:right;}


/* UTILS */
#WNtemplate .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#WNtemplate .clearfix {display:inline-block;}
#WNtemplate .clearfix {display:block; clear:both; float:none;}