﻿/*
-----------------------------------------------
Site: Wal-Mart Master CSS File
Author: Triad Digital Media
Version: 1.0
Last Update: 00/00/00 - 0:00pm
----------------------------------------------- */    
    
body { background-color: #2a88b4;}      
    
/*  =Misc
----------------------------------------------------------------------*/
/* Type */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.em { font-style: italic; }

/* 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 */
/*  =Method 1: /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */    
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
    }
.clearfix {
	display: inline-block;
    }
* html .clearfix {
	height: 1%;
    }
.clearfix {
	display: block;
    }
    
/*  =Method 2  */      
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
    }
    
.clearBoth {clear:both;}
       
/* =Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* Main Outer TDM Wrapper */ 
#TDM_MainWrap {
    text-align: center;
    background-color: #2a88b4;
    }
/* Inner Wrapper */     
#TDM_InnerWrap {
    width: 750px;
    margin: 0 auto;
    text-align: left;
	font-size: 12px;
    }
/* Header Container: Point of Context */               
#TDM_Header {
    position: relative;
    float: left;
    }
/* Content Container: Point of Context */     
#TDM_Content {
    position: relative;
    float: left;
    }
         
/* Grids */   
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9
.grid_10
{
    margin: 0;
	display: inline;
    }    

/* Grid >> 16 Columns */       
.grid_1 { width: 66px; } /* Base Unit */
.grid_2 { width: 142px; } /* 2 Units */   
.grid_3 { width: 218px; } /* 3 Units */
.grid_4 { width: 294px; } /* 4 Units */
.grid_5 { width: 370px; } /* 5 Units */
.grid_6 { width: 446px; } /* 6 Units */
.grid_7 {width: 522px; } /* 7 Units */
.grid_8 {width: 598px; } /* 8 Units */
.grid_9 { width: 674px; } /* 9 Units */
.grid_10 { width: 750px; } /* 10 Units */

/*Display Control*/
.displayInline {
	display:inline;
}

/* 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 */

/* 10px Margin */ 
.marginTop_10 { margin-top: 10px; }
.marginRight_10 { margin-right: 10px; }
.marginBottom_10 { margin-bottom: 10px; }   
.marginLeft_10 { margin-left: 10px; }  

/* Margin Clearing */      
.clearMargin { margin: 0 0 0 0; }
.clearMarginLeft { margin-left: 0; }
.clearMarginRight { margin-left: 0; }

