BODY {COLOR: #000000; FONT-FAMILY: "Trebuchet MS", Helvetica, sans-serif; background:url(images/bak.jpg); margin:0px; padding:0px;}

H1 {font-size : 1.63em; margin-top:0px; color:darkblue;}
H2 {font-size : 1.375em; color: #045388}
H3 {font-size: 1em; color: #045388; margin:0px; padding:0px; font-weight:bold;}

li {margin-bottom: 0.7em; margin-top: 0.7em}
blockquote{overflow: auto}
.you {font-size:0.8em; font-style:italic; background-color:#DDDDDD; height:1.1em; padding:6px}
.midcolumntext {padding:1em; background-color:#FFFFFF;}

.green {background-color:#BCF2BC; color:green; padding:3px;}
.goldentext {background-color:#FFe88C; color:darkorange; padding:3px;}
.bluetext {background-color:#91CFF6; color:blue; padding:3px;}

.LIGHTBLUE {background-color:#B9E0F9; color:#0099FF; padding:3px; }
.lightblue {background-color:#B9E0F9; color:#0099FF; padding:3px; }
.mirl {background-color:#B3C5DD; color:#000000; padding:3px; }

A {COLOR: #0055EE;  FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:hover { COLOR: #0055EE; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

A.golden {COLOR: blue; COLOR: #ff8022; FONT-WEIGHT: bold; TEXT-DECORATION: none }
A.golden:hover { COLOR: #ff8022;  FONT-WEIGHT: bold;  TEXT-DECORATION: underline}

A.greenlink {COLOR: green;  FONT-WEIGHT: bold; TEXT-DECORATION: none }
A.greenlink:hover {TEXT-DECORATION: underline}

DIV.bookdisplay {padding:10px; color:black; font-size:0.875em; font-weight:bold; float:right; 
margin-left:10px; background-color:#D0D0D0; text-align:center; width:220px}


@media screen and (max-width: 550px) {
DIV.bookdisplay {float:none; margin:auto; margin-bottom: 20px}
div.mobile {float:none}
}

DIV.bookdisplay-wide {padding:10px; color:black; font-size:1em; font-weight:bold; float:right; 
margin-left:10px; background-color:#D0D0D0; text-align:left; width:250px; }

.bookdisplay-horizontal {padding:10px; color:black; font-weight:bold; 
margin-left:10px; background-color:#D0D0D0; text-align:left; }

.grbox {padding:15px; border:3px dashed #D0D0D0; margin-left:10px; margin-top:10px}

@media screen and (max-width: 500px) {
.grbox  {width: 300px}
}


div.order {border:2px solid #999999; margin-left:12px; margin-right:12px; padding:12px; background-color:#DDDDDD}
@media screen and (max-width: 500px) {
div.order  {margin-left:0px; margin-right: 0px}
}


a.pl {font-weight:normal}
.pl {font-weight:normal}
.p16 {font-size:1em}

a.kagilink, a.goldlink {display:block; text-align:center; line-height:20px; padding:3px; border:2px solid white; background-color:#FFE87C; color:#222222; border-radius: 10px; max-width:130px;}
a.kagilink:hover, a.goldlink:hover {background-color:#ffd925; text-decoration:none}

a.goldlink {border:2px solid gold !important}


a.lululink {display:block; line-height:20px; padding:3px; border:2px solid white; background-color:#a4fbad; color:#222222; border-radius: 10px; width:130px;}
a.lululink:hover {background-color:#5EFB6E; text-decoration:none}

.kagibutton {padding:5px; border:2px solid white; background-color:#FFE87C; font-size:0.875em; border-radius: 10px;}
.currclickb {padding:5px; border:2px solid white; background-color:#FFE87C; font-size:0.875em; border-radius: 10px;}
.lulubutton {padding:5px; border:2px solid white; background-color:#5EFB6E; font-size:0.875em; border-radius: 10px;}
.discounts {padding:15px; background-color:#FFEE70; max-width:470px; margin:auto}

#greenbutton {width:130px; text-align:center;  background-color:#78b43b; padding:6px; border-radius: 15px;}
#greenbuttonlink {background-color:#78b43b; padding:6px 12px 6px 12px; text-shadow:1px 1px 2px black; color:white; font-weight:bold; text-decoration:none;  border-radius: 15px; }

#wrap{max-width:842px; margin:auto; background:url(images/glow.png); background-repeat:repeat-y;}
#wrapInner{ margin:0 7px 0 10px;}

#mainNavi{ 	
	background: -webkit-linear-gradient(#36abfa, #0176c6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#36abfa, #0176c6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#36abfa, #0176c6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#36abfa, #0176c6); /* Standard syntax */
	background-color: #1e95e5;
	min-height:40px;
	display: block;
 }

#toptext {float:right; font-weight:bold; font-style:italic; color:white}
 
#headerBotArea{max-height:150px; background:url(images/blue_grad.jpg) #30A8F9; background-repeat:repeat-x;}

div.social {
    position: fixed;
    _position:absolute;
    left:0;
    top: 25%;
    width: 50px;
    background-color: #CCCCCC;
    padding:4px;
    text-align:center;
    font-size:0.75em;
}

@media screen and (max-width: 1100px) {
.social {display: none}
}

@media screen and (max-width: 700px) {
#toptext, #search, #subscribe  {display: none}
}

img.bt {width:80%; height:auto}
img.mo {width:65%; height:auto; float:right; margin-left:10px}

@media screen and (max-width: 600px) {
img.bt, img.mo {width:100%; height:auto}
img {float:none !important; margin:auto !important}
}

img{ border:none;}
#InnerContent{margin:0 7px 0 10px;}

.BlueGradBox{ float:left; width:342px; background:url(images/blue_grad_large.jpg) #CCE8FD; background-repeat:repeat-x; background-position:top; margin:10px 0 0 30px; padding:10px;}	
#Footer{ background:#A0D7FF; padding:15px 5px 15px 5px; font-size:1em; color:#000000; margin:10px 7px 0 10px; font-weight:normal; text-align:center;}
	
.space{ clear:both; height:10px;}

a.BlackLinkCat{margin:0px; padding:0px; color:#000000;}
a.BlackLinkCat:hover{margin:0px; padding:0px; color:#333333;}

.blueBulet{ background:url(images/blue_bulet.jpg); background-repeat:no-repeat; padding:0 0 0 15px; display:block; margin-bottom:10px; background-position:left 5px; text-align:left}
.LightblueBulet{ background:url(images/light_blue_bulet.jpg); background-repeat:no-repeat; padding:0 0 0 15px;  display:block; margin-bottom:5px; background-position:left 5px; text-align:left}
.GoldenBulet{ background:url(images/yellow_bulet.jpg); background-repeat:no-repeat; padding:0 0 0 15px; display:block; margin-bottom:5px; background-position:left 5px; text-align:left}
.GreenBulet{ background:url(images/green_bulet.jpg); background-repeat:no-repeat; padding:0 0 0 15px; display:block; margin-bottom:5px; background-position:left 5px; text-align:left}

a.blackLink{ color:#000000; text-decoration:underline; font-weight:normal;   margin-bottom:2px; background:url(images/arrow_bulet.jpg); background-repeat:no-repeat; background-position:left 5px; padding-left:10px;}
a.blackLink:hover{ color:#666666; text-decoration:none; font-weight:normal;   margin-bottom:2px;}
a.FooterLink{ color:#000000; font-size:0.8em; text-decoration:none; font-weight:normal;}
a.FooterLink:hover{ color:#333333; font-size:0.8em; text-decoration:underline; font-weight:normal;}

.BlueGradBox textbox{ border:1px solid #5FABDD; background:#FFFFFF !important;}

@media screen and (max-width: 640px) {
img.large {width:480px !important; height:auto !important}
img.large2 {width:360px !important; height:auto !important}
}
@media screen and (max-width: 520px) {
blockquote {margin:0px}
img.large {width:460px !important; height:auto !important}
img.large2 {width:330px !important; height:auto !important}
}
@media screen and (max-width: 480px) {
blockquote {margin:0px}
img.large {width:300px !important; height:auto}
img.large2 {width:250px !important; height:auto}
}



}
/*for top navigation menu - Initialize*/
ul#topmenu, ul#topmenu ul.sub-menu {
    padding:0px;
    margin: 0px;
    display: block;
}    


ul.sub-menu {
	background-color: #0176c6;
}

ul#topmenu li {
	display: inline-block;
	margin: 0px;
   	list-style-type: none;
	color:white;
	text-shadow: 1px 1px 1px black;
	font-weight:bold;    
	#border-right:1px solid #05568b;
	border:2px solid #05568b;
	height: 36px;
	line-height:32px;
	background: -webkit-linear-gradient(#36abfa, #0176c6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#36abfa, #0176c6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#36abfa, #0176c6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#36abfa, #0176c6); /* Standard syntax */
	background-color: #1e95e5;

}

/*Link Appearance*/

ul#topmenu li a, ul#topmenu li ul.sub-menu li a {
   display:inline-block;
   margin: 0px;
	color:white;
	text-shadow: 1px 1px 1px black;
	font-weight:bold;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;
	text-align:center;
	height:36px;
	line-height:32px;
	
}

ul#topmenu li ul.sub-menu li {

margin-left:-42px;
width:200px
}


/*Link Appearance*/
ul#topmenu li ul.sub-menu li a {
/*	border:0px solid #05568b;*/
	width:180px; 
	text-align:left;
}


ul#topmenu li a:hover, ul#topmenu li ul.sub-menu li a:hover {
background-color:#36abfa;
}

/*Make the parent of sub-menu relative*/
ul#topmenu li {
    position: relative;
}
/*sub menu*/
ul#topmenu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 36px;
    left: 0px;
    #width: 200px;
}
ul#topmenu li:hover ul.sub-menu {
    display:block;
}

@media screen and (max-width: 800px) {
.video {width: 480px !important; height: 270px !important}
}
@media screen and (max-width: 680px) {
.video {width: 320px !important; height: 180px !important}
.video2 {width: 320px !important; height: 240px !important}

}

  /* Scroll To Top CSS */
  #myBtn		{display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99;
   border: none; outline: none; background-color: #0E0EF5; color: white; cursor: pointer; 
   padding: 15px; border-radius: 10px}
  #myBtn:hover	{background-color: limegreen;}
  /* End Scroll To Top CSS */