/* LAYOUT */
html, body  { margin: 0; padding: 0; }
body        { margin: 5px; }
h3          { margin: 0; }

#page 		  { margin: 0 auto; border: solid 1px; padding: 0; width: 95%; min-width: 760px; max-width: 1200px; }
#header 	  { text-align: center; } 
#menu			  { border-bottom: solid 1px; padding: 0.3em; }
#navsx		  { width: 20px; }
#navigation { border-left: solid 1px; border-right: solid 1px; width: 18%; vertical-align: top; }
#data       { margin: 0; border-right: solid 1px; padding: 25px; vertical-align: top; line-height: 1.3em;}
#extra	    { width: 20%; padding: 1em; vertical-align: top; line-height: 1.3em; }
#footer		  { border-top: solid 1px; padding: 0.3em; }

#menu ul { list-style-type: none; text-align: center; padding: 0; margin: 0px; }
#menu ul li { display: inline; margin: 0 0.7em; }

#navigation .title		{ border-bottom: solid 1px; padding: 0.1em 0.5em; }
#navigation .subtitle	{ border-bottom: solid 1px; padding: 0.1em 0.1em 0.1em 1.5em; }

#data p { margin-bottom: 1.3em; margin-top: 1.3em;}
#data hr { height: 3px; border-width: 0px; }
#data ul { list-style-type: square; padding: 0.5em; margin: 0px auto; width: 20em;}
#data ul li { margin-left: 1.5em; line-height: 2em; }

.H1Title	{ padding: 10px 0; margin: 0 0 0 50px; }
.LiBan	  { text-align: center; margin: 5px 0; padding: 0; border: solid 1px; }
.LiBan span { margin: 0 0.7em; line-height: 1.8em; }

.Section        { margin: 25px 0; }
.SectionBody1    { padding: 20px 5px 0px 70px;}
.SectionBody2    { padding: 20px 5px 0px 70px;}
.SectionBodySearch    { padding: 20px 5px 0px 70px;}
.SectionBodyMp3    { padding: 20px 5px 0px 70px;}

.Box        { margin: 25px auto; width: 350px; }
.BoxHeader  { border-top: solid 1px; border-bottom: solid 1px; text-align: center; padding: 2px; }
.BoxLeft		{ padding: 5px; text-align: center; }
.BoxRight	  { padding: 5px; line-height: 1.5em; }
.BoxFooter	{ padding: 5px; text-align: right; border-bottom: solid 0px; }

.tbgrid  { width: 100%; line-height: normal; }
.btncart { border-top: solid 2px; border-left: solid 2px; border-bottom: solid 2px; border-right: solid 2px; }
.btnbuy  { border-top: solid 2px; border-left: solid 2px; border-bottom: solid 2px; border-right: solid 2px; }

#extra ul { list-style-type: circle; padding: 0.5em; margin: 0px; border-top: solid 1px; border-bottom: solid 1px; }
#extra ul li { margin-left: 1.5em; line-height: 2em; }

.BoxOrange  { margin: 20px 0; }
.BoxOHeader { border-bottom: solid 4px; padding: 0.3em; text-align: center; }
.BoxOData   { border-bottom: solid 4px; border-right: solid 2px; border-left: solid 2px; padding: 0.5em; line-height: 1.5em; text-align: center; }

.BoxGreen { margin: 20px 0; }
.BoxGHeader { border-bottom: solid 4px; padding: 0.3em; text-align: center; }
.BoxGData   { border-bottom: solid 4px; border-right: solid 2px; border-left: solid 2px; padding: 0.5em; line-height: 1.5em; text-align: center; }

.BoxBlue    { margin: 20px 0; }
.BoxBHeader { border-bottom: solid 4px; text-align: center; padding: 0.3em; }
.BoxBData	{ border-bottom: solid 2px; border-right: solid 2px; border-left: solid 2px; padding: 0.5em; }

.BrowseList  { line-height: 1.8em; text-align: center; }
																				
.ShopGrid       { border: solid 3px; }								
.ShopGridEmpty  { text-align: center; }
.ShopFull				{ width: 50%; margin: 40px auto; }
.ShopEmpty			{ margin: 40px auto; text-align: center; }

.DivSmall { margin: 3em 1em; line-height: 0.9em; }

.GridResultHeader { border-top: solid 1px #9BBCCD; text-align: left; padding: 4px 0 4px 10px; background-color: #F3F3F3; }
.GridResultRow { border-top: solid 1px #9BBCCD; padding: 10px; }
.GridResultFooter { border-top: solid 1px #9BBCCD; border-bottom: solid 1px #9BBCCD; padding: 0px; font-size: 4px; background-color: #F3F3F3; }

.txt8 { width: 8em; }
.fleft { float: left; margin: 2px 10px 2px 2px; }
.Center { text-align: center; }



/* COLOR */
body { background-color: white; color: black; }

a         { color: #2757BB; }
a:visited { color: #2757BB; }
a:hover   { color: #FF3333; }

#page 	      { border-color: #042768; }
#minwidth     { background-color: #113798; }
#header 	    { background-color: #153EA1; background-image: url(../images/bannerbackground.gif); background-repeat: repeat-x; }
#menu   	    { background-color: #2757BB; border-bottom-color: #153FA1; }
#navsx	      { background-color: #2757BB; }
#navigation   { border-left-color: #153FA1; border-right-color: #153FA1; background-color: #5F91E8; background-image: url(../images/navbackground.gif); background-repeat: repeat-x; }
#data         { border-right-color: #DFDFDF; }
#footer       { background-color: #113798; border-top-color: #042768; color: #fff; }

#menu ul li a         { color: #FFDD1C; }
#menu ul li a:visited { color: #FFDD1C; }
#menu ul li a:hover   { color: #fff; }

#navigation .title 					{ color: #FFDD1C; border-bottom-color: #153FA1; }
#navigation .subtitle				{ border-bottom-color: #153FA1; }
#navigation .subtitle a				{ color: #fff; }
#navigation .subtitle a:visited 	{ color: #fff; }
#navigation .subtitle a:hover   	{ color: #FFDD1C; }

#extra ul { border-color: #DFDFDF; }
#data hr { color: #CAD8E5; background-color: #CAD8E5; }
#data ul { color: #2757BB; }

.H1Title	 { color: #042768; }
.LiBan	          { color: #2757BB; }
.LiBan a          { color: #2757BB; }
.LiBan a:visited  { color: #2757BB; }
.LiBan a:hover    { color: #FF3333; }

.SectionBody1      { background-image: url(../images/Bgmdwl.jpg); background-repeat: no-repeat; }
.SectionBody2      { background-image: url(../images/Bgsell.jpg); background-repeat: no-repeat; }
.SectionBodySearch   { background-image: url(../images/Bgbrw.jpg); background-repeat: no-repeat; }
.SectionBodyMp3      { background-image: url(../images/Bgmp3.jpg); background-repeat: no-repeat; }

.BoxOHeader { color: #fff; background-color: #FE8C29; border-bottom-color: #FE663F; }
.BoxOData   { border-color: #FDC571; }

.BoxGHeader { color: #fff; background-color: #30A824; border-bottom-color: #188B0B; }
.BoxGData   { border-color: #3ABD2D; }

.BoxBHeader { background-color: #3869C8; border-bottom-color: #133D9F; color: #fff; }
.BoxBData	{ border-color: #5F91E8; }

.BoxHeader          { color: #fff; border-top-color: #133D9F; border-bottom-color: #133D9F; background-color: #3869C8; }
.BoxLeft a          { color: #2757BB; }
.BoxLeft a:visited  { color: #2757BB; }
.BoxLeft a:hover    { color: #FF3333; }
.BoxFooter           { border-bottom-color: #133D9F; }
.BoxFooter a         { color: #2757BB; }
.BoxFooter a:visited { color: #2757BB; }
.BoxFooter a:hover   { color: #FF3333; }

.author { color: #2757BB; }
.title  { color: #2757BB; }

.btncart { background-color: #FF8C22; color: #fff; 
           border-top-color: #FDC571; border-left-color: #FDC571; 
           border-bottom-color: #FE663F; border-right-color: #FE663F; }
.btnbuy  { background-color: #1B44A6; color: #fff; 
           border-top-color: #5183DC; border-left-color: #5183DC; 
           border-bottom-color: #042768; border-right-color: #042768; }
           
.lbladded     { color: #FF8C22; }
.lblpurchased  { color: #30A824; }

.ShopGrid       { border-color: #CAD8E5; }	
.ShopGridRow    { background-color: #ECF1F7; }
.ShopGridRowAlt { background-color: #fff; }

.CtrlSearch   { color: #484848; }				
.LightRed     { color: #CD5363; }
.LightBlue    { color: #2757BB; }		
.Red          { color: #FF0000; }	




/* TEXT */
body { font-family: Verdana, sans-serif; font-size: 12px; }
h3   { font-family: Verdana, Sans-Serif; font-size: 1.4em; font-weight: bold; }

#menu ul li a       { text-decoration: none; font-weight: bold; font-size: 1.1em; }
#menu ul li a:hover { text-decoration: underline; }

#navigation .title 					{ font-size: 1.1em; font-weight: bold; }
#navigation .subtitle				{ font-size: 1.1em; font-weight: bold; }
#navigation .subtitle a				{ text-decoration: none; }
#navigation .subtitle a:hover   	{ text-decoration: none; }
#footer { font-size: 0.9em; }

.H1Title  { font-size: 1.8em;  font-weight: bold; }
.LiBan    { font-weight: bold; }

.BoxGHeader { font-weight: bold; font-size: 1.1em; }
.BoxOHeader { font-weight: bold; }
.BoxBHeader { font-weight: bold; font-size: 1.1em; }

.BoxBData table a { font-size: 0.9em; }

.BoxHeader { font-weight: bold; }
.BoxLeft a   { font-size: 0.9em; }
.BoxFooter a { font-size: 0.9em; }

.title { font-weight: bold; }

.btncart { font-size: 0.9em; cursor: hand; }
.btnbuy { font-size: 0.9em; cursor: hand; }

.lbladded { font-weight: bold; }
.lblpurchased  { font-weight: bold; }

.ShopGridHeader { font-weight: bold; }
.ShopGridFooter { font-weight: bold;  }
.ShopFull				{ font-size: 1.1em; font-weight: bold; }
.ShopEmpty			{ font-size: 1.1em; font-weight: bold; }

.Small { font-size: 0.9em; }
.Large { font-size: 1.1em; }

.CtrlSearch   { font-size: 1.1em; }
.Ctrl         { font-size: 1.1em; }