﻿body {text-align:center;}
:focus { outline:0; }
table               {border-collapse:collapse; border-spacing:0;}
h2 {color:#003f91; font-size:16px; font-style:normal; font-weight:normal; line-height:14px; margin-bottom:5px;}
.floatRight, .fr {float:right;}
.floatLeft, .fl {float:left;}
.clear { clear: both; display: block; height: 0px; overflow: hidden; }
.scrollY{overflow-y:scroll;}
#breadcrumb { margin:0px 0px 20px 0px !important; }
#breadcrumb a { padding:0px 5px 0px 0px !important; }
.titleLASM{background:url(../images/title_locateSamClub.gif) no-repeat 0px 0px; text-indent:-9999px; height:35px;}

/*#printMap{bottom:-20px; position:absolute; right:10px; }*/
#printMap a{background:url(../images/Buttons/btn_printMap.gif) no-repeat 0px 0px; display:block; height:22px; text-indent:-9999px; width:73px;margin-top: -3px;}

#centerPage { width: 100%!important;text-align:left; background:none!important; padding:0 0 20px 0!important; margin:0 auto!important; }
#header{background:#008cd1; height:91px;}

/* Band Aid */
.header { position:relative; width:830px; margin:0 auto; height:91px; background-color:#FFF; overflow:hidden; }
.header div { padding:5px 10px 5px 0; text-align:right; font:10px Verdana; }
.header .s1 a { color:#3688c7; text-decoration:none; }
.header .s1 span { padding:0px 6px; color:#3688c7; }
.header .s2 img {  margin-right:4px;}
.samsSearch { position:relative; top:-2px; }
#txtSamsSearch { float:right; width:156px; height:12px; color:#959595; border:1px solid #e6e6e6; font:10px Verdana; padding:3px 5px; margin-right:8px; }
#btnSamsSearch { float:right; display:block; width:32px; height:19px; background:url(../images/Buttons/go.jpg) no-repeat 0 0; position:relative; top:1px; }

.ksg_nav { position:relative; background:url(../images/bg_nav.png) repeat-x 0 0; width:830px; height:30px; z-index:40; margin:0 auto; }
.ksg_nav ul { position:relative; left:118px; width:785px; list-style:none; }
.ksg_nav li { position:relative; float:left; padding:0 20px; border-left:1px solid #FFF; }
.ksg_nav li:hover, .ksg_nav li.active { background:url(../images/bg_nav_hover.gif) repeat-x 0 0; }
.ksg_nav li a { font:bold 13px Arial; color:#FFF; text-decoration:none; display:block; width:100%; height:100%; line-height:30px; }
.ksg_nav li:hover a, .ksg_nav li.active a {color:#395b5d; }
.samslogo { position:absolute; top:-70px; left:15px; display:block; background:url(../images/samsclub.png) no-repeat 0 0; width:88px; height:91px; z-index:100; }

.sitemaplinks { background-color:#7faa61; padding:10px 0 10px 10px; line-height:16px; width:820px; margin:0 auto; }
.sitemaplinks .fl { float:left; text-align:left; background:url(http://samsshared.cotcdn.rockfishhosting.com/shared/images/layout/bg_insidesitemap.gif) repeat-x 0 0; width:178px; min-height:104px; margin-right:11px; padding:5px 8px; }
.sitemaplinks span { color:#fffb91; font-weight:bold; font-size:11px; }
.sitemaplinks ul { list-style:none; }
.sitemaplinks ul li a { background:url(http://samsshared.cotcdn.rockfishhosting.com/shared/images/layout/bg_sitemaparrow.gif) no-repeat 0 0; padding-left:10px; font:10px Verdana; color:#FFF; text-decoration:none; }
.sitemaplinks ul li a:hover { background-color:#2f801b; }

.footer { background-color:#262626; height:14px; padding:10px; color:#FFF; width:810px; margin:0 auto; font:10px Verdana; }
.footer .fl { width:385px; font-size:10px; float:left; text-align:left; } 
.footer .fl a { font-size:10px; color:#FFF; text-decoration:none; }
.footer .fr { font-size:10px; width:320px; float:right; text-align:right!important; }

	
#mainContent h3.headerText { color: #666666; margin-bottom: 15px; }
#mainContent #divSearchControlContainer { 
    background:#cee6f5;
    height:115px;
    position:relative;
    width: 690px;
    }
#mainContent #divSearchControlContainer img{
    left:13px;
    position:absolute;
    top:14px;
    }
#mainContent #divSearchControlContainer h2{
    font-size:17px;
    font-weight:normal;
    margin-bottom:20px;
    }
    #divSearchControlContainer h2 .url{
        color:#4d4d4d;
        display:block;
        font-size:12px;
        font-style:italic;
    }
#mainContent #divSearchControlContainer p{
    margin-bottom:5px;
    }
#mainContent #divSearchControlContainer #divSearchControls {
    color:#0f4b98;
    margin-top:10px;
    position:absolute;
    right:-5px;
    width:574px;
    }
#mainContent #divSearchControlContainer #divSearchControls .InputField {
    float: left;
    margin-right:10px;
    }
#mainContent #divSearchControlContainer #divSearchControls .InputField input{
    background: url(../images/bg_input.gif) no-repeat 0px 0px;
    border:1px solid #7f9fc8;
    color:#696c6e;
    font-size:11px;
    height:14px;
    padding:4px;
    }
#mainContent #divSearchControlContainer #divSearchControls .InputField select{
    background:transparent;
    border:none;
    color:#696c6e;
    padding:0px;
    height:22px;
    font-size:14px;
    width:55px;
    }
#mainContent #divSearchControlContainer #divSearchControls .InputField select option{
    background:#FFF;
    }
#mainContent #divSearchControlContainer #divSearchControls .street input{ width: 133px; }
#mainContent #divSearchControlContainer #divSearchControls .city input{ width: 111px; }
#mainContent #divSearchControlContainer #divSearchControls .state{
    background:#fff url(../images/bg_input.gif) no-repeat 0px 0px;
    border:1px solid #7f9fc8;
    height:22px;
    }
#mainContent #divSearchControlContainer #divSearchControls .state input{ width: 46px; }
#mainContent #divSearchControlContainer #divSearchControls .zip input{ width: 56px; }
#mainContent #divSearchControlContainer #divSearchControls .club input{ width: 56px; }
#mainContent #divSearchControlContainer #divSearchControls .search { margin:0px;  }
#mainContent #divSearchControlContainer #divSearchControls .searchButton {
    background: url(../images/buttons/btn_search.gif) no-repeat 0px 0px !important;
    border:none !important;
    cursor:pointer;
    display:block;
    height:28px !important;
    padding:0px !important;
    text-indent:-9999px;
    width:66px;
}
#mainContent
{
    margin:0 auto!important;
    padding:0 10px!important;
    background-color:#FFF;
    width:730px!important;
}
#mainContent #ServiceSearch { 
    width:350px; 
    float:left;
    margin-top:20px;
    }
#mainContent #rightColumn {
    width:350px;
    float:left;
    margin-top:20px;
    margin-left:10px;
    }
#mainContent #ServiceSearch #serviceHeader{height:23px; background:url(../images/frame/serviceheaderbackground.jpg) repeat-x top left; margin: 11px 0 0; padding:4px 0 0 11px; }
#mainContent #ServiceSearch #serviceHeader h4{color:#004090; font-size:12px;  }
#mainContent #ServiceSearch #ServiceList{ background-color:#eeeeee;   color:#666666; width:100%;}
#mainContent #ServiceSearch #ServiceList ul  {  list-style:none; }
#mainContent #ServiceSearch #ServiceList li  { width:158px; height:41px; padding-top:1px; padding-left:2px; float:left; margin:10px 0 0 10px; font-weight:bold;  background-repeat:no-repeat; background-position:top left;}
#mainContent #ServiceSearch #ServiceList li img { vertical-align:text-top; }
#mainContent #ServiceSearch #ServiceList .serviceCheckBox{padding-top:100px;}
#mainContent #ServiceSearch #ServiceList #bottomList{ clear:both; border-bottom:solid 1px #666666; height:10px; margin:0 10px}
#mainContent #ServiceSearch #ServiceList #ServiceButton{ height:42px}
.SearchImageButton{float:right; margin:10px 10px 0 0;}

#ClubDetailHeader {  width: 710px; background: #347bca url(../images/frame/headerbar.gif) top left no-repeat; color: #fff; }
#ClubDetailHeader #HeaderWrapper { margin-left: 10px; }
.ClubDetailImage { width: 270px; float: left; margin-top: 15px; height:100%; }
#ClubDetailHeader { float: left; margin-top: 10px;  }
#HeaderWrapper { float: left; margin-top: 10px;  }
#ClubDetailTitle { float: left; margin-top: 10px;  width:400px; }
#ClubDetailHeader h2 { color: #fff; font-size: 2em; float: left; line-height:21px; }
#ClubDetailHeader h3 { font-size: 1.5em; margin-top: 0px; float: left; }
#ClubDetailHeader #HeaderClubAddress{font-size:.925em; margin-bottom:12px;}
 
#ClubDetailCheckBox { background-color:#004090; height:28px; width: 710px; clear:both; color:#fff;  }
         
/*temp height color 0066c1*/#ClubDetailFooter { width: 710px;  background: url(../images/frame/gradientbottom.gif) bottom left no-repeat; }
#ClubDetailFooter #FooterWrapper { margin-left: 10px; }
#ClubDetailFooter #ClubInfo { color: #333; margin-top: 10px; }
#ClubAddress { float: left; width: 150px; margin-right:10px; }
#ClubAddress p { margin-bottom: 10px; }
#ClubPhone {float:left; width:100px;}
#Buttons{float:left; width:133px;
    height: 118px;
}

#Buttons { position:relative; }

#ClubDetailFooter #ClubInfo .ClubHours { float: left; width: 124px;height:146px; }
#ClubDetailFooter #ClubInfo .ClubHours p { margin-bottom: 10px; }
.PageButton{padding:0; margin:0 0 8px 0; display:block; }
input.PageButton {padding:0; *position:absolute; *top:0!important; }
.ie7 { *height:11px!important; }
 
/* Club Info Map Popup
#mapClubInfo .clubImage {float: left; width: 135px; }
#mapClubInfo .clubHeader {float: left; }
#mapClubInfo .clubTitle  { font-size:18px;font-weight:bold; }
#mapClubInfo .clubNumber { font-size:14px; font-weight:bold; margin-bottom:15px; }
#mapClubInfo .clubLocation { font-size:11px; line-height:14px; margin-bottom:30px; }
#mapClubInfo .clubLocation div {float:left; }
#mapClubInfo .clubLocation .clubAddress { width: 125px;} 
#mapClubInfo .clubLocation .clubPhone { vertical-align: top; margin-left: 10px; }
#mapClubInfo .clubDetails div { float: left; }
#mapClubInfo .clubDetails .clubActions { width: 135px; }
#mapClubInfo .clubDetails .clubActions div { width: 135px; margin-bottom: 10px; }
#mapClubInfo .clubDetails .clubHours { width: 125px; font-size:11px; }
#mapClubInfo .clubDetails .clubHours div { margin-bottom:10px;}
#mapClubInfo .clubDetails .clubServices { float:left; margin-left:10px; } */

#clubInformation h1 { font-size: 14px; text-transform: uppercase;  }
#clubInformation .GreenHeader {height:20px; background:url(../images/frame/greenheader.jpg) repeat-x top left; padding:4px 0 0 11px; }
#clubInformation .GreenHeader h1{color:#417b32;font-size:12px;  }/*{ background:url(images/frame/greenheader.jpg)  repeat-x left;  height:24px;}*/
#clubInformation .BlueHeader {height:23px; background:url(../images/frame/serviceheaderbackground.jpg) repeat-x top left; padding:4px 0 0 11px; }
#clubInformation .BlueHeader h1{color:#004090;font-size:12px; }
/*#mainContent #ServiceSearch #serviceHeader{height:23px; background:url(../images/frame/serviceheaderbackground.jpg) repeat-x top left; padding:4px 0 0 11px; }
#mainContent #ServiceSearch #serviceHeader h4{color:#004090; font-size:12px;  }*/

#clubInformation .leftCol { float: left; width: 170px; }
#clubInformation .middleCol { float: left; width:350px; margin: 0px 10px; }
#clubInformation .rightCol { float: left; width: 170px; }
.serviceItem .title { font-weight: bold; }

#clubMapDirections h1 { font-size: 12px; text-transform: uppercase; }
#clubMapDirections .GreenHeader {height:20px; background:url(../images/frame/greenheader.jpg) repeat-x top left; padding:4px 0 0 11px; }
#clubMapDirections .GreenHeader h1{color:#417b32;font-size:12px;  }/*{ background:url(images/frame/greenheader.jpg)  repeat-x left;  height:24px;}*/
#clubMapDirections .BlueHeader {height:23px; background:url(../images/frame/serviceheaderbackground.jpg) repeat-x top left; padding:4px 0 0 11px; }
#clubMapDirections .BlueHeader h1{color:#004090;font-size:12px; }

#clubMapDirections .leftCol { float: left; width: 170px; }
#clubMapDirections .rightCol { float: left; width:530px; margin-left: 10px; }

.MapLeftCol{float: left; width: 116px;}
.MapLeftCol div {margin-bottom:10px;}
.ClubHeaderLocation{   float:left; margin-left:20px;}
.ClubHeaderLocation .ClubHeaderLocationName{font-size:18px;font-weight:bold;  }
.ClubHeaderLocation .ClubHeaderLocationNubmer{font-size:14px; font-weight:bold; margin-bottom:15px; }
#MapStoreLocation{ font-size:11px; line-height:14px;  margin-bottom:30px;} 
#MapStoreLocation div {float:left; margin-right:25px}
#MapHoursService {clear:both; }
#MapHoursService .MapHours{ float:left; color:#333333; font-size:11px; margin-left:20px;}
#MapHoursService .MapHours div { margin-bottom:10px;}
#MapHoursService .MapServices{float:left; margin-left:20px;}

#serviceColumn{background:url(../images/frame/servicesBackground.jpg) left repeat-y; margin-bottom: 20px;}
.ClubTabNav{background:url(../images/frame/tabheader.jpg) bottom left repeat-x; height:30px; margin-bottom:10px; margin-top:10px; }
.ClubTabNav ul{ }
.ClubTabNav a {   text-decoration:none;  color:#003f90; margin-left:15px; }

.ClubTabNav div{width:118px; height:20px; float:left; padding-top:10px}
.ClubTabNav div.Selected{background:url(../images/frame/tab.gif) bottom left no-repeat;color:#333333; }
.ClubTabNav div.Selected a {color:#333333; }

.greyBox{color:#666666; background-color:#ececec; padding:10px; margin-top:5px; margin-bottom:10px; }
.greyBox .marginBox{margin:0px;}
.greyBox h2{ font-size:12px; line-height:12px;}
.greyBox .MGRBox { margin-right:10px; margin-bottom:10px; float:left;}
.greyBox .content { margin-top:10px;}

#getDirections{ color:#333333; margin-bottom: 20px; }

.DirectionsTabNav{background:url(../images/frame/tabheader.jpg) bottom left repeat-x; height:30px; margin-bottom:5px; }
.DirectionsTabNav a {   text-decoration:none;  color:#003f90; margin-left:10px; }
.DirectionsTabNav div{width:85px; height:20px; float:left; padding-top:10px}
.DirectionsTabNav div.Selected{background:url(../images/frame/smalltab.gif) bottom left no-repeat;color:#333333; }
.DirectionsTabNav div.Selected a {color:#333333; }

#ClubListingRightColumn .BlueHeader {height:23px; background:url(../images/frame/serviceheaderbackground.jpg) repeat-x top left; padding:4px 0 0 11px;  margin-top:6px;}
#ClubListingRightColumn .BlueHeader h1{color:#004090;font-size:12px; }

.error_msg { background-color: #ffebcc; border: 2px solid #fff; margin: 5px 0; width: 710px; }
.error_msg .msg { font-family: Arial; font-weight: bold; font-size: 14px; color: #cc0000; padding: 10px; }

#roadTripMap h1 { font-size: 12px; text-transform: uppercase; }
#roadTripMap .BlueHeader {height:23px; background:url(../images/frame/serviceheaderbackground.jpg) repeat-x top left; padding:4px 0 0 11px; }
#roadTripMap .BlueHeader h1{color:#004090;font-size:12px; }

#roadTripMap .leftCol { float: left; width: 170px; }
#roadTripMap .rightCol { float: left; width:530px; margin-left: 10px; }

#FuelSearchBox{ }
#FuelSearchBox #FuelSearchboxHeader{ height:127px; width:641px; background:transparent url(../images/frame/fuelsearch/header.png) top left no-repeat;}
#FuelSearchBox #FuelSearchboxHeader a {float:right; margin:5px 5px 0 0;}
#FuelSearchBox #FuelSearchboxContent{  width:641px; height:150px; background: url(../images/frame/fuelsearch/base.png) bottom left no-repeat; padding:20px; padding-bottom:0px; font-size:1em; line-height:1.25em; color:#333333;}
#FuelSearchBox #FuelSearchboxContent #FuelStart{ float:left; width:297px; height:130px; padding-left:3px; }
#FuelSearchBox #FuelSearchboxContent #FuelEnd{ float:left; width:297px; height:130px;  border-left:solid 1px #b9baad; padding-left:13px; }
#FuelSearchBox #FuelSearchboxContent h3 {font-size:1.25em; color:#407a31; margin-bottom:5px;}
#FuelSearchBox #FuelSearchboxContent .FuelCity{ float:left; width:150px;  } 
#FuelSearchBox #FuelSearchboxContent .FuelState{ float:left; width:60px; } 
#FuelSearchBox #FuelSearchboxContent .FuelZip{ float:left;  margin-bottom:5px; } 
#FuelSearchBox #FuelSearchboxContent .FuelAddress{ margin-bottom:5px; }
#FuelSearchBox #FuelSearchboxContent .FuelGO{ text-align:right; width:282px;}

#featuredService {color:#333333; font-size:.9em; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#bfbfbf; padding-bottom:10px;  }
#featuredService h2{ font-size:1.25em; }
#featuredService h3{ font-size:1em;}


/*OTHER COUNTRY */

#countryTable{
    background:#f4fafe;
    border-collapse:collapse;
    font-size:13px;
    width:100%;
}
    #countryTable thead th{
        background:#175bd1 url(../images/bg_headerSep.gif) repeat-y right 0px;
        color:#fff;
        font-weight:normal;
        height:30px;
        padding:0px 0px 0px 10px;
    }
    #countryTable thead .first{
        border-left:none;
    }
    #countryTable thead .last{
        background-image:none;
    }
        
        .clubTable{
            background:#f4fafe;
            border-collapse:collapse;
            font-size:13px;
            margin:0px;
            width:692px;
        }
        .clubTable tbody .separator td{
            background: url(../images/bg_tableDottedLine.gif) no-repeat center bottom;
            /*width:100%;*/
            height:1px;
            padding:0px !important;
        }
        .clubTable .color003f91{
            color:#003f91;
            font-style:normal;
        }
        .scrollY{
            height:500px;
        }
        .clubTable tbody td{
            font-style:italic;
            color:#525252;
            vertical-align:top;
            padding:10px 3px 10px 10px !important;            
        }
        .clubTable tbody td .floatRight{
            width:150px;
        }
        .clubTable tbody p{
            font-size:12px;
            padding-bottom:3px;
        }
        .clubTable .bgEBF1F7{
            background:#EBF1F7;
        }
        .clubTable td, #countryTable td{
            padding:0px;
        }
    
    
/* FLAG TABS */

.flagNav{	
	margin-left: 337px !important; width:460px;
}
.flagNav .ui-state-hover{
	background: url(../images/bg_tab.png) no-repeat 0px 0px;	
	border:none !important;
}
.flagNav .ui-state-active{
	background: url(../images/bg_tabHover.gif) no-repeat 0px 0px !important;	
	margin-top:-8px !important;
	z-index:100;
	padding-top: 12px !important;	
	margin-bottom: -4px !important;
}
.flagNav .ui-state-active a {
    margin-left:20px;
}
.flagNav li{
	background: url(../images/bg_tab.png) no-repeat 0px 0px;
	border:none !important;
	height:43px !important;
	width:92px !important;	
	margin:0px !important;
}
.flagNav li a{
    background-image: url(../images/flag_allSm.gif) !important;
	padding:0px !important;
	display:block;
	float:none !important;
	height:26px !important;
	margin:10px 0px 0px 22px;
	text-indent:-9999px;
	width:46px;
	overflow:hidden;
}	
.flagNav .one{
	right:0px;	
}
.flagNav .two{
	right:20px;	
}
.flagNav .three{
	right:40px;	
}
.flagNav .four{
	right:60px;	
}
.flagNav .five{
	right:80px;	
}

.flagNav .one a{
	background-position:0px -52px !important;
}
.flagNav .two a{
	background-position:0px -78px !important;
}
.flagNav .three a{
	background-position:0px -104px !important;
}
.flagNav .four a{
	background-position:0px -26px !important;
}
.flagNav .five a{
	background-position:0px 0px !important;
}

.circleNum { 
    float:left;
    background-image:url(../images/circleBlue.gif); 
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-top:5px;
    padding-top:6px;
    color:#0064B5;
    text-align:center;
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
}

