﻿/*
-----------------------------------------------
Site: Sam's Club Master CSS File
Author: Triad Digital Media
Version: 1.0
Last Update: 00/00/00 - 0:00pm
----------------------------------------------- */    

/*New Site - Center Fix (Remove When Centering Issue is Resolved)
----------------------------------------------------------------------*/

body { text-align: center; }
#centerPage {
	text-align: left;
	width: 760px !important; 
}


body { background-color: #fff;}      
a { outline: 0 none; cursor: pointer; }
#siteMapLinks { margin-top: 0; }



body { font-family: Arial, Helevetica, Sans-Serif; }
img { border: 0 none; }
a { text-decoration: none; }
h5 a { color: #003E91; font-size: 12px; }
h2, h3, h4, h5, p, ul, li { margin: 0; padding: 0; }
    
/*  =Misc
----------------------------------------------------------------------*/
/*removes dotted lines around flash in Firfox4*/
object :focus {  outline: 0; }

/* IE */
form#aspnetForm { display: inline; margin-top: 0; }
object { display:block; }
table { width: 100%; }
    
/* Type */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.em { font-style: italic; }
.mainstay-txt9 { color: #000; font-size: 9px; }
.mainstay-txt10 { color: #000; font-size: 10px; }
.mainstay-txt11 { color: #000; font-size: 11px; }

/*Type Alignment*/
.textAlignCenter { text-align: center; }
.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }

/* Color */
.black { color: #000; }
.white { color: #fff; }

/* Borders */
.borderNone { border: none; }
.borderTop { border-top: 1px solid #999; }
.borderRight { border-right: 1px solid #999; }
.borderBottom { border-bottom: 1px solid #999; }
.borderLeft { border-left: 1px solid #999; }

/* Clearing Methods */     
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {
	display:block;
	}

* html .clearfix {
	height:1%;
	}
.clearBoth { clear:both; }

/* =Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* Main Outer TDM Wrapper */
#TDM_MainWrap {
    clear: both;
    text-align: center;
    /*background-color: #fff;*/
    }

/* Inner Wrapper */     
#TDM_InnerWrap {
    width: 710px;
    margin: 0 auto;
    text-align: left;
	font-size: 12px;
    }
/* Header Container: Point of Context */               
#TDM_Header {
    position: relative;
    float: left;
    z-index: 9999; /*Share IE7 Overlay Fix - 9/29/2010*/
    }
/* Content Container: Point of Context */     
#TDM_Content {
    display: inline;
    position: relative;
    float: left;
    padding: 0 0 20px 0;
    z-index: 999; /*Share IE7 Overlay Fix - 9/29/2010*/
    }
/* Sub Pages with Left Column Container */     
#TDM_LeftColSub {
    float:left;
    margin: 0;
    /* margin: 10px 0 0 0; */
    background: transparent url("/Global/images/bg-left-gradient-tires.gif") repeat-y;
    }    
/* Defined for Sub Pages with Left Hand Navigation: Used for  */     
.subNav {
    float: left;
	background: transparent url("/Global/images/bg-left-gradient-tires.gif") repeat-y;
    }            

/* Grids */   
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    margin: 0;
	display: inline;
    }    

/* Grid >> 16 Columns */       
.grid_1 { width: 35px; } /* Base Unit */
.grid_2 { width: 80px; } /* 2 Units */
.grid_3 { width: 125px; } /* 3 Units */   
.grid_4 { width: 170px; } /* 4 Units */
.grid_5 { width: 215px; } /* 5 Units */
.grid_6 { width: 260px; } /* 6 Units */
.grid_7 { width: 305px; } /* 7 Units */
.grid_8 { width: 350px; } /* 8 Units */
.grid_9 { width: 395px; } /* 9 Units */
.grid_10 {width: 440px; } /* 10 Units */
.grid_11 {width: 485px; } /* 11 Units */
.grid_12 { width: 530px; } /* 12 Units */
.grid_13 { width: 575px; } /* 13 Units */
.grid_14 { width: 620px; } /* 14 Units */
.grid_15 { width: 665px; } /* 15 Units */
.grid_16 { width: 710px; } /* 16 Units */

/* Grid >> Special Cases */
.grid_sp_230px { width: 230px; } /* 3 Col of "grid_sp_230px" + 10px margin between = 710px */ 
.grid_sp_470px { width: 470px; } /* Wrap for 2 col of "grid_sp_230px, including a 10px margin */
.grid_sp_400px { width: 400px; }
.grid_sp_300px { width: 300px; }
/* Display Control */
.displayNone { display:none; }
.displayInline { display:inline; }
.displayBlock { display:block; }
.stackFix {	display:none; } /* jQuery stacking fix: Add in init.js = $(".stackFix").show(); */

/* Float Control */        
.floatLeft { float: left; }
.floatRight { float: right; }

/*Position Control*/
.positionRelative { position:relative; }
.positionAbsolute { position:absolute; }
.positionFixed { position: fixed; }
.positionStatic { position:static; }
.positionInherit { position:inherit; }

/* Margin Control */

/* 3px Margin */
.marginTop_3 { margin-top: 3px; }
.marginRight_3 { margin-right: 3px; }
.marginBottom_3 { margin-bottom: 3px; }   
.marginLeft_3 { margin-left: 3px; } 

/* 4px Margin */
.marginTop_4 { margin-top: 4px; }
.marginRight_4 { margin-right: 4px; }
.marginBottom_4 { margin-bottom: 4px; }   
.marginLeft_4 { margin-left: 4px; } 

/* 5px Margin */
.marginTop_5 { margin-top: 5px; }
.marginRight_5 { margin-right: 5px; }
.marginBottom_5 { margin-bottom: 5px; }   
.marginLeft_5 { margin-left: 5px; } 

/* 10px Margin */ 
.marginTop_10 { margin-top: 10px; }
.marginRight_10 { margin-right: 10px; }
.marginBottom_10 { margin-bottom: 10px; }   
.marginLeft_10 { margin-left: 10px; }  

/* 15px Margin */ 
.marginTop_15 { margin-top: 15px; }
.marginRight_15 { margin-right: 15px; }
.marginBottom_15 { margin-bottom: 15px; }   
.marginLeft_15 { margin-left: 15px; }  

/* 20px Margin */ 
.marginTop_20 { margin-top: 20px; }
.marginRight_20 { margin-right: 20px; }
.marginBottom_20 { margin-bottom: 20px; }   
.marginLeft_20 { margin-left: 20px; }  


/* Header CMB placing */ 
.headerCMB { display:inline; float:left; margin:10px 0 0 20px; }
 


/* Margin Clearing */      
.clearMargin { margin: 0 0 0 0; }
.clearMarginLeft { margin-left: 0; }
.clearMarginRight { margin-left: 0; }

/* Padding Control */

/* MISC Margin */
.marginTop_16 { margin-top: 16px; }

/* Breadcrumb
--------------------------------------------------*/
#TDM_Header #breadCrumb {
	display: block;
	margin: 10px 0 0 0;
	height: 19px;
	font-size: 11px;
	}
#TDM_Header #breadCrumb a {
	padding: 0;
	font-size: 11px;
	color: #797979;
	}
#TDM_Header #breadCrumb a:hover {
	color: #3b89d0;
	}	
#TDM_Header #breadCrumb span.current {
	color: #797979;
	font-weight: bold;
	}
	
/* Social Bookmarking 
--------------------------------------------------*/
#TDM_Header .printShareBoxMain {
    float: right;
    height: 19px;
    margin: 0;
    padding: 0;
    }
#TDM_Header .printShareBoxMain p.printText {
    float: left;
    margin: 0;
    color: #999;
    font-size: 11px;
    display: inline;
    }
#TDM_Header .printShareBoxMain .shareText {
    float: left;
    margin: 0;
    color: #999;
    font-size: 11px;
    display: inline;
    }
#TDM_Header img.icons {
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    display: inline;
    }

/*New Share Functionality - Updated 09/14/2010*/
#TDM_Header div.fbLike {
	display: inline;
	float: left;
	margin: -3px 0 0 10px;
	}	
#TDM_Header div.shareBoxWrap {
	position: relative;
	float: right;
	margin: -1px 0 0 0;
	}
#TDM_Header div.shareBoxWrap div.addthis_toolbox {
	float: left;
	}
#TDM_Header div#breadCrumb div.shareBoxWrap div.addthis_toolbox a {
	display: inline;
	margin: 0 4px 0 0;
	font-size: 12px;
	}
#TDM_Header div#breadCrumb div.shareBoxWrap div.addthis_toolbox a.first, #TDM_Header div#breadCrumb div.shareBoxWrap div.addthis_toolbox a.last {
	margin: 0;
	}
#TDM_Header div.shareBoxWrap div.addthis_toolbox a.addthis_button_compact {
	color: #06c;
	text-decoration: none;
	}
.fb_edge_comment_widget fb_iframe_widget  {
	display: block;
	z-index: 9999;
	}

/* Body Skin (Clickable - Refer to Init.js)
---------------------------------------------------------*/
/*This is the actual link that will be clicked. It spans itself throughout the entire body*/
.clickSkin {
	position:absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	cursor: pointer;
	text-indent: -9999px;
	/*background: transparent url("/Global/images/blank.gif") repeat;*/ 
	}

