/* replaced */
.replaced
{
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	width: auto;
}

a.privacy { font-size: 11px; }
body { background-color: #F2F2F2; }
#container { width: 984px; }

#container h1
{
	float: left;
	margin-top: 18px;
	margin-bottom: 8px;
	width: 700px;
}

#container h1 a
{
	background-image: url(/asia/education/store/storelist/images/overview_title_retailstore.jpg);
	height: 29px;
	width: 100%;
}

#main a
{
	color: #08c;
	text-decoration: none;
}

#main a:hover, #main a h3:hover { text-decoration: underline; }

#main a.shoponline
{
	float: right;
	margin-top: 18px;
}

/* content */
#hero { clear: left; }
#hero h2 { margin-bottom: 0; }

#main
{
	background: #fff url(/my/education/how-to-buy/resellers/images/main_bg.gif) repeat-y top left;
	color: #999;
	margin: 0;
	width: 914px;
}

#main.sgrid .grid3col .column
{
	margin: 18px 0 0 3%;
	width: 31%;
}

#container .main_capbottom
{
	background: url(/my/education/how-to-buy/resellers/images/main_capbottom.gif) no-repeat bottom left;
	height: 9px;
	margin: 0;
	width: 984px;
	font-size: 1px;
}

/*#main h2 { color: #333; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 5px; }*/
#main h2
{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 12px;
}

#main h2.ma_line
{
	border-top: 1px solid #cecece;
	clear: both;
	padding-top: 10px;
	margin-top: 18px;
}

#main h2.ma_line_top
{
	border-top: 1px solid #cecece;
	clear: both;
	padding-top: 10px;
}

#main h2 a
{
	font-size: 12px;
	font-weight: normal;
}

#main h3
{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
}

#content
{
	clear: both;
	padding: 0;
}

#main .column.first ul { margin-bottom: 10px; }
#main .column.first ul li a { color: #999999; }
#main .column.first ul li a:hover { color: #0088CC; }

/* misc */
#main .hcard .fn, #main .hcard .org { display: none; }
#main .hcard .adr, #main .hcard .street-address, #main .hcard .tel { display: block; }
#main .right { float: right; }
#main .left { float: left; }
#main .no_bottom { margin-bottom: 0; }

/* ===== GENIUS BAR ===== */
body.features #main
{
	padding: 40px 41px;
	width: 902px;
}

body.features #main #reso { margin-right: 0; }

body.features #main #main-content
{
	clear: both;
	float: left;
	margin-top: 8px;
	width: 100%;
}

body.features #main #main-content img { margin-bottom: 20px; }

body#storelist h3 { margin-bottom: 2px; }

#hero .store_pic
{
	float: left;
	position: relative;
	width: 642px;
}

#hero .store_pic img#hero_captop
{
	position: absolute;
	top: 0;
	right: 0;
	width: 642px;
}

#hero .store_pic img#hero_border
{
	position: absolute;
	top: 8px;
	right: 0;
	width: 2px;
}

#hero .store_pic #store_picture
{
	float: left;
	margin-top: 2px;
	width: 640px;
	height: 298px;
	z-index: 2;
}

body#storelist #main { clear: both; }

body#storelist #main #content
{
	color: #999;
	padding: 0px 15px;
}

body#storelist #main .column { width: 290px; }
body#storelist #main .column.first { width: 430px; }

body#storelist #main .column.last
{
	width: 245px;
	float: left;
}

/* ==== STORE DETAIL ====  */
body#store { background: #fff; }

body#store #main
{
	background: none;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	width: 984px;
}

body#store dl#store-hours
{
	color: #666;
	float: left;
	margin-top: 15px;
	margin-bottom: 0;
	width: 100%;
}

/*body#store .tips { clear: both; float: left; margin-top: 18px; }*/
body#store .tips
{
	float: left;
	margin-top: 8px;
	margin-left: -6px;
}

body#store .tips .tips_shopping { margin-left: -3px; }

.overlaythumb div, .overlaythumb span { display: none; }

#pastEventsOverlay { display: none; }

/* pill buttons */

.swap-view { overflow: auto; }
.tips_shopping p { margin-bottom: 2px; }
html, body { background-color: #efefef; }


/* Update new hero images */
body {
	background-color: #f2f2f2;
}
#container #hero img {
	margin-left: 2px;
    margin-bottom: -4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	#container #hero {
    	width: 980px;
    	height: 369px;
    	background-size: 980px 369px;
        background-repeat: no-repeat;
    	background-image: url("/my/education/how-to-buy/resellers/images/hero_2x.jpg");
    	margin: auto;

    	border-radius: 4px 4px 0 0;
	    -webkit-border-top-left-radius: 4px;
	    -webkit-border-top-right-radius: 4px;
	    -moz-border-radius: 4px 4px 0 0;
	    -o-border-radius: 4px 4px 0 0;
	    -khtml-border-radius: 4px 4px 0 0;
	}
    #container #hero img {
    	display: none;
    }
}