@charset "utf-8";
@import url("/Library/Css/user_layout.css");

body, html {width:auto; height:auto; overflow-x:hidden; overflow-y:auto; }

/*메인*/

#mContainer {width: 100%; }
#mContainer #Container {width: 1200px; margin: 0 auto; position: relative;}

/* 2020-10-26 수정 전 css 이나경 
 .mConBox1 {width: 100%; margin: 0 auto; height:493px;overflow:hidden; position:relative;}
.up1 {position:absolute; top:50px;left:350px;}
.up2 {position:absolute; top:110px;left:350px;}
.mConBox1:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox1 .m_slider {float: left;  border-right: none;width:100%;}
.m_slider  span { position:absolute; top:300px; left:470px; z-index:1000; font-size:15px; border:1px solid #3A5491; border-radius:15px; padding: 3px 25px; box-sizing:border-box; }

메인 롤링 배너
.m_slider{position:relative; width:810px; height:302px; border-right: 1px solid #a7b2b8;}
.mConBox1 span {{position:absolute; bottom:227px; left:450px; }
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider ul li{float: left; !important;}
.m_slider .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.m_slider .frame ul li img {width:1882px;}
.m_slider .frame ul li.active { color: #fff; background: #a03232; }
}
 */

.mConBox1 {width: 1920px; margin: 0 auto;clear:both; position:relative; overflow:hidden;width: 100%; height:400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.mConBox1:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox1 .m_slider {width: 1920px; height:493px; margin:0 auto;}
.mConBox1 ul.bxslider img {max-width:100%; height:493px;}

.mConBox1 {position:relative;}
.mConBox1 .up0 {position:absolute; top:50px;left:18%;}
.mConBox1 .up1 {position:absolute; top:50px;left:18%;}
.mConBox1 .up2 {position:absolute; top:110px;left:18%;}
.mConBox1 .up3 {position:absolute; top:170px;left:18%;}
.mConBox1 .up4 {position:absolute; top:230px;left:18%;}
.mConBox1 .up5 {position:absolute; top:290px;left:18%;}
.mConBox1 .up6 {position:absolute; top:350px;left:18%;}


/* 메인 롤링 배너 */
.m_slider .bx-controls {position:absolute; width:100%; height:16px; bottom:-145px; left:0px; z-index:100; }
.m_slider .bx-pager {display:table; margin:0 auto; overflow:hidden;}
.m_slider .bx-pager .bx-pager-item {float:left; }
.m_slider .bx-pager .bx-pager-item .active {background:#34B8C0;}
.m_slider .bx-controls-direction {display:none;}
.m_slider .Rbtn1{position:absolute; left:-17px; top:248px; z-index:100;}
.m_slider .Rbtn2{position:absolute; right:-17px; top:248px; z-index:100;}
.m_slider .over_bg{background:url(/image/main/banner_over.png) bottom center no-repeat;width:100%; height:570px;}
.m_slider .bx-pager a { background: #fff; display: block; width: 14px; height: 14px; text-indent: -9999px; margin: 0 5px; outline: 0;  -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px;border:1px solid #0099DB;}
.m_slider .bx-pager a.active { background: #FF0;}

/* 2020-10-26 수정 전 css 이나경 
notice 텍스트
.mConBox3 .notice {position:relative; }
.mConBox3 .notice .not-inner {position:absolute; top:0; right:50px; padding-top:32px;  }
.mConBox3 .notice .not-inner h1 {font-size:25px; font-weight:bold; color:#fef8ff;  padding-bottom:5px; font-size:25px; font-weight:500; line-height:30px;}
.mConBox3 .notice .not-inner p {font-size:19px; font-weight:500; color:#fff; padding:23px 0;}
.mConBox3 .notice .not-inner .pspan {font-size:17px; font-weight:400; color:#fff; padding-top:10px; opacity:0.7; line-height:18px; letter-spacing:1.2px;}
.mConBox3 .notice .not-inner h1 .plus {margin-left:70px; }
.mConBox2
.mConBox2 {width: 125px; height:340px; padding-bottom: 1px;	position:absolute; left:25%; top:155px; display: fixed; }
.mConBox2:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox2 ul li {float: left;  height: 85px; border-right: none; border-bottom: none;text-align:center;}
.mConBox3
.mConBox3 {width: 100%; height: 284px;margin: 0 auto; position: relative;}
.mConBox3:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox3 .notice {float:left; }
.mConBox3 .notice2 {float:left;  height:283px; overflow:hidden;}
.mConBox3 .purchase_ri h1 { font-size:23px; padding-bottom:5px; font-weight:550; line-height:30px; padding-top:20px;padding-left:35px;}
.mConBox3 .purchase_ri h1 .plus {margin-left:120px; }
.mConBox3 ul {overflow:hidden;display: flex;  flex-wrap: wrap; justify-content: space-between; width:570px; height:283px; }
.mConBox3 ul li {  border-bottom:2px solid #fff;  box-sizing:border-box;}
.mConBox3 ul li:nth-child(4),.mConBox3 ul li:nth-child(5),.mConBox3 ul li:nth-child(6) {border-bottom:0;}
.mConBox3 ul li:nth-child(1),.mConBox3 ul li:nth-child(4) {border-left:0;} 
.mConBox3 .purchase_ri {float:left; position:relative; overflow:hidden;padding:10px; box-sizing:border-box;  height:284px;}
.mConBox3 .purchase_ri .up {position:absolute; top:77px; left:45px; }
.mConBox3 .purchase_ri .up li {float:none;}
.mConBox3 .purchase_ri .up li:nth-child(1) {font-size: 18px; color:#525DA0; padding:11px 0 10px 0; }
.mConBox3 .purchase_ri .up li:nth-child(2) {font-size: 14px; letter-spacing:-0.29px;color:##999999; :10px; padding-bottom:10px;}
.mConBox3 .purchase_ri .up img {width:235px; height:102px;}
.mConBox3 .purchase_ri .up li a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 */

/* 배송 조회 하기 */
.mConBox3_1 {width:100%; height:80px; background:#454344; margin:0 auto;}
.mConBox3_1_wrap {width:1200px; height:80px; margin:0 auto; }
.mConBox3_1_wrap select {margin-top:20px; float:left; margin-left:0px;}
.mConBox3_1_wrap input {margin-top:20px; margin-left:5px; float:left;}
.mConBox3_1_wrap input[type="image"] {margin-left:0; border:0}


 /* 2020-10-26 이나경  */
.mConBox3 .notice {position:relative; }
.mConBox3 .notice .not-inner {position:absolute; top:0; right:25px; padding-top:32px;  }
.mConBox3 .notice .not-inner h1 { font-size:25px; font-weight:bold; color:#fef8ff;  padding-bottom:5px; font-size:25px; font-weight:500; line-height:30px;}
.mConBox3 .notice .not-inner p {    font-size:16px; font-weight:500; color:#fff; padding:15px 0;}
.mConBox3 .notice .not-inner .pspan {   font-size:15px; font-weight:400; color:#fff; padding-top:10px; opacity:0.7; line-height:18px;}
.mConBox3 .notice .not-inner h1 .plus {margin-left:80px; }

.mConBox3 .purchase_ri {position:relative; }
.mConBox3 .purchase_ri h1 { font-size:23px; padding-bottom:5px; font-weight:550; line-height:30px;padding-left:15px;}
.mConBox3 .purchase_ri h1 .plus {margin-left:125px;  }
.mConBox3 .purchase_ri .up {position:absolute; top:65px; left:45px; }
.mConBox3 .purchase_ri .up li {float:none;}
.mConBox3 .purchase_ri .up li:nth-child(1) {font-size: 18px; color:#525DA0;     padding: 15px 0; }
.mConBox3 .purchase_ri .up li:nth-child(2) {font-size: 14px; letter-spacing:-0.29px;color:##999999;  padding-bottom:15px;}
.mConBox3 .purchase_ri .up img {width:240px; height:102px;}
.mConBox3 .purchase_ri .up li a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mConBox3 .purchase_ri {padding:32px 25px 25px 30px;  }

.mConBox3 .purchase_ri p {color:#999999}
.mConBox3 {width: 1920px; height:284px; margin:0 auto; position:relative;}
.mConBox3:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox3 div {float:left;}

.mConBox3 .notice2 {width: 543px; height:284px; float:left;}
.mConBox3 .notice2 li {float:left;}
.mConBox3 ul li:nth-child(5),.mConBox3 ul li:nth-child(6),.mConBox3 ul li:nth-child(7) {margin-top:1px;} 
.mConBox3 .notice2 img {width:181px; height:142px;}

.cont2_icon {position:absolute; right:485px; top:28px;}


/*주인을 찾습니다*/
.mConBox4 {width: 1200px; margin: 0 auto; padding:15px 0; }
.mConBox4 h2 {width:100%; font-size: 28px; font-weight:bold; margin-bottom: 50px;}
.mConBox4 h2 span {color:#ed1c24;}
.mConBox4 .hot-deal ul {width: 100%; text-align: center;}
.mConBox4 .hot-deal ul:after {content: ""; display: block; clear: both; z-index: 1;}
.mConBox4 .hot-deal ul li {float: left; width: 25%;}
.mConBox4 .hot-deal ul li img {width: 264px; height: 239px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08); }
.mConBox4 .hot-deal ul li span {display: block; width: 190px;text-align:left;padding-left:20px;}
.mConBox4 .hot-deal ul li span.Hname {font-size: 17px;  font-weight: bold; color: #010101;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}
.mConBox4 .hot-deal ul li span.Hprice {font-size: 14px; color: #616161; margin-top: 10px;}

/* 타이틀 */
.mConBox4 h2 {font-size: 27px; font-size:bold; color:#1E61C5; position:relative; margin-left:25px;line-height:28px; }
.mConBox4 h2:after {position:absolute; content:''; width:9px; height:28px; background:#1E61C5; top:0; left:-25px;}
.mConBox4 h2 span {font-size:15px; margin-left:20px; color:#000;}
.mConBox5 h2 {font-size: 27px; font-size:bold; color:#1E61C5; position:relative; margin-left:25px;line-height:28px;}
.mConBox5 h2:after {position:absolute; content:''; width:9px; height:28px; background:#1E61C5; top:0; left:-25px;}
.mConBox5 h2 span {font-size:15px; margin-left:20px; color:#000;}

/*BEST 쇼핑몰*/
.mConBox5 {width: 1200px; margin: 0 auto; padding:20px 0 30px 0; }
.mConBox5 h2 {font-size: 27px; font-size:bold; color:#1E61C5;}
.mConBox5 h2 span {font-size:15px; margin-left:20px; color:#000;font-weight:bold; }
.mConBox5 .Bshop {position: relative; width: 1200px; margin:0 auto; }
.mConBox5 .Bshop ul {width: 95%; text-align: center;}
.mConBox5 .Bshop ul li {float: left; width: 267px; border:1px solid #eee; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08); background:#fff;  overflow:hidden;  }
.mConBox5 .Bshop .bxslider3 li .photo { overflow:hidden; width: 256px; height:232px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08); }
.mConBox5 .Bshop ul li img {width:100%; box-shadow:  3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08);}
.mConBox5 .Bshop ul li .pr {padding:5px 0; }
.mConBox5 .Bshop ul li .pr img {width: 256px; height:232px; box-shadow:  3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08);}
.mConBox5 .Bshop ul li span {display: block;}
.mConBox5 .Bshop ul li span.Hname {font-size: 16px; color: #A2A1A1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; text-align:center;padding:5px 0; box-sizing:border-box;}
.mConBox5 .Bshop ul li span.Hprice {font-size: 17px; font-weight: bold; color: #727272;  padding:5px 0; box-sizing:border-box;} 

.mConBox5 .bxslider2 ul li img {width:100%; }
.mConBox5 .m_slider2 #slider2-B {position:absolute; left: 0; top: 45px; z-index:100; font-weight:bold; font-size:30px; backgroud:#BABABA;}
.mConBox5 .m_slider2 #slider2-N {position:absolute; right: 0px; top:45px; z-index:100; font-weight:bold; font-size:30px; backgroud:#BABABA;} 
.mConBox5 .photo {position:relative;}

.mConBox5 .bx-viewport { height: 150px !important; }
.mConBox5 .brand img {width:50%; margin: 0 auto; opacity:0.8;  }
.mConBox5 .bx-clone  {margin-right: 0px; !important;}

/* 대행절차 */
.mConBox7 {width: 1200px; margin: 30px auto; padding:40px 0;}
.tab {position: relative; width: 100%;}
.tab .search-de {position: absolute; top: 5px; right: 0;}
.tab .search-de span {display: inline-block;}
.tab .search-de span.in-de {margin-left: 20px;}
.tab .stepTab .menu_tab ul { border-bottom: none;}
.tab .stepTab .menu_tab ul:after {content:""; display: block; clear: both; z-index: 1;}
.tab .stepTab .menu_tab ul li {border: 1px solid #dbdbdb;width: 262px; float: left; width: 130px; height:50px; line-height: 50px;  background: #fff; text-align: center; vertical-align: middle; font-size: 15px;}
.tab .stepTab .menu_tab ul li.active {background: #1E61C5; font-weight: bold; color: #AAAAAA;}
.tab .stepTab .menu_tab ul li.active a {color: #fff;}
.stepTab div[class^="menu_tab0"] {border: 1px solid #dbdbdb;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08); text-align: center;}

/* 하단정보배너 */
.mConBox8 {width:100%;  height:360px; padding:20px 0; }
.mConBox8 .fix {width: 1200px; margin: 0 auto; overflow:hidden;padding-top:60px;}
.mConBox8 .fix  > div {float: left;margin-right:1px;}
.mConBox8 .fix  .cs-info {margin-right: 2px; }
.mConBox8 .cs-info {position:relative;}
.mConBox8 .cs-info  .txt3 {font-family: 'Noto Sans KR', sans-serif; color: #999999; position:absolute; bottom:17%; right:10%; font-size: 17px;  border:2px solid #e3e3e3; padding: 6px 8px; box-sizing:border-box; }

.mConBox8 .exchange  {margin-right: 0px; }
.mConBox8 .exchange {position:relative;}
.mConBox8 .exchange .number {position:absolute; top:85px; left:75px; font-size:30px; color:red;}
.mConBox8 .exchange .period {position:absolute; bottom:20px; left:50px; font-size:13px; color:#939292;}
.mConBox8 .exchange {position:relative; }
.mConBox8 .exchange p {position:absolute; top:36%; left:10%;}
.mConBox8 .exchange .txt1 { font-size:17px; margin-left:10px;}
.mConBox8 .exchange .txt2 { font-size:19px; top:55%;margin-left:10px; border:1px solid #e3e3e3; padding: 6px 8px; box-sizing:border-box;}


/*  반응형  */
@media screen and (max-width:1080px) {
.mConBox3 .notice .not-inner {position:absolute; top:0; right:50px; padding-top:32px;  }
.mConBox3 .notice {width:350px;}
.mConBox3 .notice .mainban img { width:50%;}
#footer .copyright p {font-size: 8px;}
}

/*  반응형 2020-10-16 이나경 */
@media screen and (max-width:1280px) {
.mConBox3 .notice .not-inner {position:absolute; top:0; right:50px; padding-top:32px;padding-left:50px; box-sizing:Border-box;    }
.mConBox3 .notice {width:350px;}.mConBox3 .notice .mainban img { width:50%;}
.mConBox3 .notice .not-inner h1 .plus {margin-left: 20px; margin-top:-40px;}
.mConBox3 .notice .not-inner h1 {font-size: 20px; }
.up0 {left:0}
.mConBox5 h2 { font-size: 15px;}
.mConBox5 h2 span {font-size: 12px;}
.mConBox4 h2 { font-size: 15px;}
.mConBox4 h2 span {font-size: 12px;}
#footer .copyright span {font-size: 12px !important;}
#footer .pp li  {font-size: 15px !important;}
#floating {    position: absolute; z-index: 10; top: 208px; left: 1150px !important;}
}

@media screen and (max-width:600px) {
.mConBox3 .notice .not-inner {position:absolute; top:0; left:50px; padding-top:32px; padding-left:10px; box-sizing:Border-box;  }
.mConBox3 .notice {width:380px;  box-sizing:Border-box; }.mConBox3 .notice .mainban img { width:50%;}
.up0 {left:0}
.mConBox3 .notice .not-inner h1 {font-size: 14px; }
.mConBox5 h2 { font-size: 14px;}
.mConBox5 h2 span {font-size: 12px;}
.mConBox4 h2 { font-size: 14px;}
.mConBox4 h2 span {font-size: 12px;}
#footer .copyright span {font-size: 12px !important;}
#footer .pp li  {font-size: 13px !important;}
}

@media screen and (max-width:360px) {
.mConBox3 .notice .not-inner {position:absolute; top:0; left:50px; padding-top:32px; padding-left:10px; box-sizing:Border-box;  }
.mConBox3 .notice {width:180px; padding-left:20px; box-sizing:Border-box; }.mConBox3 .notice .mainban img { width:50%;}
.up0 {left:0}
.mConBox3 .notice .not-inner h1 {font-size: 14px; }
.mConBox5 h2 { font-size: 10px;}
.mConBox5 h2 span {font-size: 8px;}
.mConBox4 h2 { font-size: 10px;}
.mConBox4 h2 span {font-size: 8px;}
#footer .copyright span {font-size: 12px !important;}
}

@media screen and (max-width:1680px) {.up0 {left:5% !important;}}
@media screen and (max-width:1280px) {.up2 {left:5% !important;}#footer .copyright span {font-size: 12px !important;}}
@media screen and (max-width:780px) {.up2 {left:5% !important;}.up1 {left:5% !important;} #footer .copyright p {font-size: 12px;}}
@media screen and (max-width:320px) {.up2 {left:5% !important;}.up1 {left:5% !important;} #footer .copyright p {font-size: 12px;}}



/* Main menu

#menu {}

#menu li
{
	padding-bottom: 10px;
	position: relative;
}

#menu ul ul a 
{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #999;
	text-transform: uppercase;
	font: bold 12px/25px ;
	font-family: 'Noto Sans KR', sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a
{
	color: #343434;
}

*html #menu li a:hover IE6
{
	color: #343434;
}

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

Sub-menu

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 50px;
    left: calc(width - 50%);
    z-index: 99999;    
    background: #3C382C;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
	text-align:left;
    margin: 0;
    padding: 0 3px;
    display: block; 

}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    	box-shadow: none;
		border-bottom:0;
		
}

#menu ul a
{    
	font-size:14px;
	font-weight:400;
    padding: 10px;
	height: 10px;
	width: 130px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
	color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
}

*html #menu ul a IE6
{    
	height: 10px;
}

*:first-child+html #menu ul a IE7
{    
	height: 10px;
}

 #menu ul a:hover
{
    background: #7AB8FF;
color:#fff;
	
}

#menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}


#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

Clear floated elements
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } IE6
*:first-child+html #menu { zoom: 1; } IE7

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background:url(images/topnav_s.gif) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url (images/topnav_a.gif) repeat-x; }
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 970px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;} */



/* Main menu */

#menu {display:flex; JUSTIFY-CONTENT: space-between;}

#menu li
{
	padding-bottom: 10px;
	position: relative;
}


#menu ul ul a 
{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #999;
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}


#menu >  li:hover > a
{
	color: #666;
}

#menu  > li:last-child:hover > a
{
	color:#fff;
}


*html #menu > li a:hover /* IE6 */
{
	color: #666;
}

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

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 52px;
    left:-30px;
    z-index: 99999;    
    background:#444;

}

#menu li:last-child ul
{
display:none;

}
#menu ul ul
{
  top: 0px;
  left: 150px;

}

#menu ul li
{
    float: none;
	text-align:left;
    margin: 0;
    padding: 3px;
    display: block; 
  
}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    	box-shadow: none;    
}

#menu ul a
{    
	font-size:14px;
	font-weight:300;
    padding: 10px;
	height: 13px;
	width: 140px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
	color:#fff;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{	background:#55A2D4;
	width:140px !important;
	color:#Fff;
}


ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover {  }
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 970px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}