/* LiveScribe CSS */


div.storelocator{
	font-family:verdana, arial, sans-serif;
}

div.storelocator div.content div.col2{
	background-image: none;
}

div.storelocator h2{
	margin-bottom: 10px;
}

div.storelocator div.col2 .border { padding-bottom: 2px; }

.sub_title, div.bg_2-1 div.content div.col2 div.sub_title{
	width: 227px;
	padding: 0 0 0 33px;
	text-align: left;
	font-size: 13px;
	line-height: 27px;
	background-color: #f3f3f3;
	font-weight: 100;
}

.sub_title a{
	color: #666;	
}

.sub_title a:hover{
	border-bottom: none;	
}

.title_retailer_list{
	background-color: #F3E3D0;
}

.icon_button{
	background-image: url('/images/storelocator/icons.png');
	background-repeat: no-repeat;
}

.title_location_search{
	background-position: 10px -36px;
}

.title_retailer_list{
	background-position: 10px -64px;
}

.nav-link {
  font-family: Verdana, Arial, sans-serif;
  }

.map{
	overflow: hidden;
	width:611px;
	height:512px;
}

.border{
	border: 1px solid #ccc;
}

.tabcontent{
	padding: 10px 0px 10px 22px;
}

input, select{
	color: #359aaa;
	text-decoration: none;
	float: left;
	height: 22px;
	margin:4px 0 0 15px;
	font-size: 11px;
}

select{
	color: #999;
	height: 25px;
	width: 199px;
}

#search_form{
	height: 114px;
}

#sideBar{
	width: 100%;
}

#premium_incentive_channel{
	width: 100%;
	margin: 20px 0 25px 0;
}

#premium_incentive_channel .sub_title{
	background-color: #f4e9db;
}

.tabcontent input, .tabcontent select{
	margin-bottom: 5px;
}

.storelocator input.silverlink{
	width: auto;
	margin-left: 0;
	margin-right: 5px;
	cursor: pointer;
	height: 22px;
}
select#country {
    width: 200px;
    margin-top: 10px;
	padding: 0px!important;
}

.address{
	width: 183px;
	color: #999;
	font-size: 11px;
	padding:0 7px;
	padding-bottom: 2px!important;
}

#retailerNumber{
	width: 100px;
	margin-right: 2px;
}

#radiusSelect{
	width: auto;
	margin-left: 1px;
}

.storelocator h2 a{
	width: 31px;
	height: 30px;
	position: absolute;
	left: 594px;
	top: 25px;
	text-indent: -10000px;
}

.storelocator h2 a:hover{
	border: none;
}

#retailerList{
	overflow: auto; 
	color: #666;
	height: 324px; 
	width: 226px;
	font-size: 11px; 
	margin: 0 0 10px 12px;	
}

#retailerList div{
	height: auto;
	width: 200px;
    padding-bottom: 10px;
	margin: 0 15px 10px -6px;
	border-bottom: 1px solid #ccc;
	word-wrap: break-word; 
}

.retailer_name{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	margin:0;
	line-height: 15px;
	padding-left: 18px;
}

.retailer_address{
	padding-left: 18px;
	text-transform: uppercase;
	margin:0;
	background-position: left -265px;
}

.retailer_email{
	padding-left: 18px;
	margin:0;
	background-position: left -233px;
}

.retailer_website{
	padding-left: 18px;
	margin:0;
	background-position: left -251px;
}

.retailer_phone{
	padding-left: 18px;
	margin:0;
	background-position: left -147px;
}

.retailer_fax{
	padding-left: 18px;
	margin:0;
	background-position: left -128px;
}

.silverlink,
.silverlink:active,
.silverlink:visited,
.silverlink:link {
  line-height: 18px!important;
  }

div.bg_2-1 div.content div.col2 ul.tabs{
	position: relative;
	padding: 0;
	margin-bottom: 0;
}

div.bg_2-1 div.content div.col2 ul.tabs{
	position: relative;
	padding: 0;
	margin-bottom: 0;
}

.tabs .sub_title{
	width: 97px;
	display: inline-block;
	float: left;
}

.tabs .title_buy_online{
	background-color: #f3f3f3; 
	padding: 0 0 0 10px;
	width: 120px;
}


#map_canvas{
	position: relative;
	overflow: hidden; 
	width: 610px; 
	height: 480px;
}

#map_nav{
	position: absolute;
	top: 535px;
	left: 16px;
	background: url(/images/storelocator/map_nav_bg.png) no-repeat;
	height: 38px;
	width: 611px;
}

#map_nav ul{
	display: inline;
	float: left;
	padding: 0;
	margin-top: 8px;
}

#map_nav ul li{
	height: 30px;
	float: left;
	list-style: none;
}

#map_nav ul li a{
	color: #555;
	height: 30px;
	padding:2px 0;
}

#map_nav ul li a:hover{
	color: #333;
}

#map_nav ul li a img{
	margin-left: 5px;
}

#map_nav ul li:first-child a{
	padding: 0;
}

.highlight{
	color: #359aaa;
}

a.map_it{
	padding:0;
	margin:0;
	margin-top: 7px;
	margin-left: 3px;
	padding-left: 67px;
	height: 24px;
	background: url(/images/storelocator/buttons.png) left -24px no-repeat;
	color: #ff7c01;
	display: block;
	line-height: 19px;
	font-size: 9px;
}

#onlne_retailer a{
	display: block;
	height: 45px;
	background: url(/images/storelocator/retailer_logos.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

a.map_it:hover, #onlne_retailer a:hover, #map_nav ul li a:hover, #map_nav div.all_button a:hover{
	border-bottom: none;
}

#map_nav div.all_button a{
	display: block;
	background: url(/images/storelocator/buttons.png) 0 0 no-repeat;	
	width: 70px;
	height: 22px;
}

#map_nav div.all_button{
	width: 80px;
	margin: 9px 0 0 5px;
	padding-left: 0;
	float: left;
}

.get_dir_street_view{
	border-top: 1px solid #ccc;
	padding-top: 3px;
	margin-top: 8px;
}

#no_result_sign{
	position: absolute;
	top: 250px;
	left: 217px;
	display: none;
	z-index: 5;
}

#popupbg{
	position: absolute;
	top: 62px;
	width: 611px;
	height: 511px;
	background-color: #000;
	opacity: 0.5;
	display: none;
}

/* This CSS is used for the Show/Hide, Tabs functionality. */
.hide{
   display: none;
}

.hideLink{
	margin-bottom: 10px;
}

.iconListing{
    max-height: 20px;
    padding: 6px 6px 6px 2px;
    float: left;
}

.reseller_list{
	max-height: 207px;
	overflow: auto;
	margin: 0 0 25px 0;
}

#retailerListOnline{
	padding-left: 30px;
	width: 230px;
}

#retailerListOnline ul,
#retailerListOnline ul li {
	list-style: none;
}

#retailerListOnline ul.reseller_list li{
	height: auto;
	width: 200px;
    padding-bottom: 10px;
	margin: 0 15px 10px -6px;
	border-bottom: 1px solid #ccc;
	word-wrap: break-word; 
}

#retailerListOnline ul.reseller_list li p{
	margin-left: 6px; 
}

#retailerListOnline ul.reseller_list a{
	color: #666;
}

#retailerListOnline ul.reseller_list .retailer_name{
	background-position: left -290px;
}

#retailerListOnline .space{
	clear: both;
	height: 10px;
}

#retailerListOnline h5{
	color: #F3901D;
	font-size: 14px;
	padding: 10px 2px;
}

/* Add ls3 retailer list */

.retailer_list { 
	width: 870px;
	margin-top: 5px;
	padding: 15px; 
}

.retailer_list h3 {
	font-size: 12px;
	line-height: 39px;
	font-weight: 100;
	color: #3f5257;
	float: left;
	font-family: verdana, arial, sans-serif;
}

.retailer_list a {
	margin: 0 10px;
	padding-top: 6px;
	float: left;
}

.main_content { 
	padding-top: 35px;
	margin: 0 0 25px 15px!important; 
}


@media (max-width: 900px) {
	.main_content { padding-top: 15px; }
	.topLevelWidth.storelocator, #ls3_retailer_list_us,
	.retailer_list.topLevelWidth { width: auto!important; }
	div.storelocator div.content div.col2 {
		min-height: 0!important;
    	float: none;
    	width: 100%;
	}
	div.bg_2-1 div.content div.col1 {
		    width: 100%;
		    padding-left: 0;
		    float: none;
	}
	#search_form { 
		height: auto!important;
		text-align: left;
		margin: 8px 0 15px;
	}
	#map_canvas {
    width: 98%;
    margin-top: 5px;
    }
	.sub_title, div.bg_2-1 div.content div.col2 div.sub_title { width: 100%; }
	.retailer_list h3 { 
		    text-align: left;
		    float: none; 
	}
	#search_form .sideBarContent { display: block!important; }
	#addressInput { width: 200px!important; }
	#advance-show input:first-child {
		width: 157px!important;
    	margin-left: 15px!important;
	}
	#advance-show .silverlink { margin-top: 5px!important; }
}

*, ::after, ::before {
     -webkit-box-sizing: initial !important;
     box-sizing: initial !important;
}

div.bg_2-1 div.content div.col2 div{
    margin: 0px auto;
}