/* guide.css */

/*clear fx*/
.clr,.row{display:inline-block;}
.clr,.row{display:block;overflow:hidden;}
.clr:after,.row:after{content:".";clear:both;display:block;height:0;visibility:hidden;}

/* overrides */
#contents{background:none;}
#contentswrapper{background:none;}
#contentswrapper .row {margin:0;}

#contentswrapper #guidewrapper img.girl {border:0;}

#catalouge a{text-decoration:none;}
#catalouge .row a{font-weight:normal;}
#guidewrapper #catalouge h1{color:#7819c8;font-size:13px;font-weight:bold;margin-bottom:4px;margin-left:27px;}

/*guide specific styles*/
#guidewrapper{}
#guidewrapper .col1{width:524px;float:left;}
#guidewrapper .col2{width:322px;float:right;margin-bottom:13px;}

#guidetopleft{background:url("img/guide_bg.gif") no-repeat 0 0;}
#guidetopright{background:url("img/guide_bg.gif") no-repeat 100% 0;padding:43px 0 0 26px;}

/* #guidewrapper h1{margin-left:20px;font-size:38px;font-weight:normal;color:#fdb000;} */
#guidetopleft h1{margin-left:20px;font-size:38px;font-weight:normal;color:#fdb000;}
#guidetopright h2{font-size:20px;font-weight:normal;color:#335B8A;margin:0;}

/*border-top:1px solid #a247ef;*/
#guidemenu {margin:0; padding:1px 0 0; list-style-type:none;background:url("img/guide_bg_with_lines.jpg") no-repeat 0 100%;line-height:24px;}
/*#guidemenu li{margin:-1px 0 0;float:left;}*/
#guidemenu li{margin:0;padding:0;float:left;line-height:23px; padding:1px 0 0;}
/*border-top:1px solid #a247ef;*/
#guidemenu li a{color:#cc99ff;font-size:12px;font-weight:bold;padding:2px 20px 2px; text-decoration:none;display:block;border-left: 1px solid #a247ef;line-height:19px;float:left;}
/* #guidemenu li a:hover{color:#fdb000;} */
#guidemenu #selected{
	background-color:#6600CC;
	color: #FFF;
}

.guidecontent {padding:18px;}
.guidecontent .arrow{padding-left:18px;font-weight:bold;line-height:1.4em;color:#4d4d4d;background:transparent url("img/arrow_blue_left.gif") no-repeat center left;text-decoration:none;}
.guidecontent .arrow:hover{background:transparent url("img/arrow_yellow_left.gif") no-repeat center left;text-decoration:none;}
.guidecontent .yellowarrow{display:block;float:left;padding-left:30px;height:28px;font-weight:bold;line-height:2em;color:#4d4d4d;background:transparent url("img/big_arrow_yellow.gif") no-repeat center left;text-decoration:none;font-size:1.1em}
.guidecontent .yellowarrow:hover{text-decoration:underline;}
.guidecontent img {border:none;}


#guidesplash{width:488px;height:190px;margin-top:1em;background:url("img/boy_sitting.jpg") no-repeat 45px 0;position:relative;}

/*#guidesplash h1{font-size:22px;font-weight:normal;color:#333;margin:0;padding:0;position:absolute;width:160px;top:25px;right:35px;}*/
#guidesplash h2{margin:0;padding:0;position:absolute;width:160px;top:45px;right:35px;line-height:19px;}
#guidesplash #testbutton{display:block;width:123px;height:75px;background:url("img/button_test.jpg") no-repeat 0 0;position:absolute;right:65px;top:100px;}
#guidesplash #testbutton span{display:none;}

#guideprintnotice{width:320px;margin-left:34px;position:relative;}
/* #guideprintnotice h1{font-size:22px;font-weight:normal;color:#333;margin:0;padding:0;} */
#guideprintnotice a{position:absolute;color:#6600cc;font-weight:bold;display:block;width:200px;height:32px;padding-left:105px;background:url("img/button_print.jpg") no-repeat 0 0;line-height:2.8em;margin:7px 0 0 16px;}

#guidelist{width:344px;background:url("img/boy_standing.jpg") no-repeat 0 0;margin:-15px 0 0 0;padding:55px 113px 20px 26px;list-style-type:none;line-height:1.3em;}
#guidelist li{background:url("img/bullet_guidelist.gif") no-repeat 3px 0;margin:0 0 1em 0;padding-left:25px;}

/*.maintenance h2{font-size:21px;font-weight:normal;margin:0;padding-left:30px;}*/
.maintenance {margin-left:26px;}
.maintenance h1{padding-left:3px;}
.maintenance ul{width:344px;height:408px;background:url("img/girl_standing.jpg") no-repeat 0 0;margin:0;padding:38px 151px 0 4px;list-style-type:none;line-height:1.3em;}
.maintenance ul li{background:url("img/bullet_guidelist.gif") no-repeat 0 0;margin:0 0 1em 0;padding-left:25px;}
.maintenance img {padding-top:5px;}

.quality {padding: 0 0 0 30px;}
.quality h2{font-size:21px;font-weight:normal;margin:0;}
.quality h3{font-size:17px;font-weight:normal;margin:0;}
.quality p{font-size:12px;}
.quality .center {display:block;margin:0 auto;}
.quality .small{font-size:11px;width:360px;}
#qualitylinks {position:relative;}
/*#qualitylinks a{height:51px;display:block;background:url("img/quality_sprite.jpg") no-repeat 0 0;margin-bottom:15px;width:400px;color:#335b8a;font-size:14px;text-decoration:none;padding-top:33px;}*/
/*#qualitylinks a:hover{text-decoration:underline;}*/
#qualitylinks .bg {height:51px;display:block;background:url("img/quality_sprite.jpg") no-repeat 0 0;margin-bottom:15px;width:400px;color:#335b8a;font-size:14px;text-decoration:none;padding-top:33px;}
#qualitylinks .basic {background-position: 0 0;padding-left:105px;width:216px;padding-right:14px;}
#qualitylinks .plus {background-position: 0 -84px;padding-left:144px;width:198px;padding-right:11px;}
#qualitylinks .gold {background-position: 0 -168px;padding-left:200px;width:150px;padding-right:8px;}
#qualitylinks img{position:absolute;right:-20px;top:-20px;height:339px;border:0;}

.sleeplist{padding:0;background:url("img/girl_sitting.jpg") no-repeat 228px 0;}
/*.sleeplist h2{font-size:21px;font-weight:normal;margin:0;padding-left:30px;}*/
.sleeplist h1{padding-left:26px;}
.sleeplist p {width:300px;padding-left:26px;}
/*.sleeplist ul{list-style-type:none;margin-top:58px;width:400px;padding-left:90px;background:url("img/boy_pushing.jpg") no-repeat 0 50%;}*/
.sleeplist ul{list-style-type:none;margin-top:56px;width:455px;padding-left:26px;background:transparent url(img/number_sprites_2.gif) no-repeat scroll 100% 0;height:507px;}
/*.sleeplist li {height:37px;margin:0 0 5px 0;padding:5px 50px 5px 5px;background: #f5ebfe url("img/number_sprites.gif") no-repeat 100% 0;}*/
.sleeplist li {height:37px;margin:0 0 5px 0;padding:5px 50px 4px 9px;}
.sleeplist li.one {background-position: 100% 0}
.sleeplist li.two {background-position: 100% -47px}
.sleeplist li.three {background-position: 100% -94px}
.sleeplist li.four {background-position: 100% -141px}
.sleeplist li.five {background-position: 100% -188px}
.sleeplist li.six {background-position: 100% -235px}
.sleeplist li.seven {background-position: 100% -282px}
.sleeplist li.eight {background-position: 100% -329px}
.sleeplist li.nine {background-position: 100% -376px}
.sleeplist li.ten {background-position: 100% -423px}

.need {padding: 0;margin-left:26px;position:relative;}
.need .needtop {width:315px}
.need h2{font-size:21px;font-weight:normal;margin:0;}
.need .girl {position:absolute;z-index:50;right:0px;margin-top:-100px;}
.itemlist{list-style-type:none;}
/*.itemlist li{list-style-type:none;background:url("img/item_background_463x500.gif") no-repeat 0 0;margin:0 0 30px 0;padding-top:3px;}*/
.itemlist li{list-style-type:none;margin:0 0 30px 0;padding-top:3px;}
.itemlist .inner{background:url("img/item_background_463x500.gif") no-repeat 0 100%;position:relative;}
/*.itemlist .top{background:#fff;margin:0 0 0 3px;width:449px;padding:10px 15px;border-bottom:1px solid #fbf7ff;}*/
.itemlist .top{background:#fff;margin-left:1px;width:430px;padding:10px 15px;border-top:1px solid #fbf7ff;border-bottom:1px solid #fbf7ff;}
.itemlist .row{margin:0 0 0 3px !important;}
.itemlist h3{font-size:17px;font-weight:normal;margin:0;}
.itemlist h4{font-size:13px;font-weight:normal;margin:0;color:#335b8a;margin:10px 0 0 0;}
.itemlist p{font-size:12px;}
.itemlist table.item{display:block;border:0;_float:left;margin-right:5px;margin-bottom:20px;}
.itemlist table .pad {padding-top:20px;}
/*.itemlist li ul{margin:0;width:240px;float:left;} */
.itemlist li ul{margin:0;width:220px;float:left;}
.itemlist li li{background:none;background:url("img/bullet_itemlist.gif") no-repeat 0 7px;padding:3px 0 0 13px;margin:0;}
.itemlist #spring_button{display:block;position:absolute;bottom:-15px;right:22px;border:none;}
.itemlist .row img {border:none !important;}
.guidecontent .itemlist .row {height: 100%;}

#simplemodal-container a.modalCloseImg {
	background:url(img/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-11px;
	right:-30px;
	cursor:pointer;
}
#simplemodal-container {
	background:#FFF none repeat scroll 0 0;
	border:1px solid #003085;
	padding: 12px;
	width: 400px;
	height: 500px;
}
#simplemodal-container p { text-align:left; }
#simplemodal-container a, #simplemodal-container a a:visited {
	background:transparent url(img/arrow_blue.gif) no-repeat scroll left center;
	color:#4D4D4D;
	font-weight:bold;
	line-height:1.4em;
	padding-left:18px;
	text-decoration:none;
} 

.guidecontent h1 {
	color:#335b8a;
	font-size:21px;
	font-weight:normal;
}

.guidecontent h2 {
	color:#335b8a;
	font-size:17px;
	font-weight:normal;
	margin:8px 0 0 0;
}

.guidecontent p {
	font-size:12px;
	margin:8px 0 0 0;
}

.guidecontent .plaintext h1,
.guidecontent .plaintext h2,
.guidecontent .plaintext p{margin-left:26px;}

.guidecontent .row{height: 28px;}

.notice{color:#FF0000;}