* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4d4e53;
}
article, aside, audio, canvas, datalist, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {
	display: block;
}
h1, h2, h3, h4, h5, h6, p {
	font-weight: normal;
}
/* header start */
.headerWrap {
	padding-top: 40px;
    background: url(../img/lightGray.jpg)) no-repeat scroll 960px 65px #FFFFFF;
    width: 100%;
}
.main-header {
    height: 72px;
    margin: 0 auto;
    width: 960px;
	position: relative;
	content: ""; 
	display: table;
	clear: both;
}
.main-header .logo {
    float: left;
	border: 0;
}
.tmm-header-top {
	background: url(../img/top-left-corner.png) left top no-repeat;
	float: left;
	padding-top: 14px;
	margin-top: 11px;
	margin-left: 7px;
}
.main-header h1 {
    background: #CC0000;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 11px;
    font-family: 'Prelo-Bold',Verdana;
    font-size: 1.3125em; /* 21px / 16px */
    height: 25px;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 3px 0 4px 0;
    width: 343px;
	text-align: center;
}
.main-header nav { 
	position: absolute;
	top: 25px;
	right: 0;
	width: 56.35416666666667%; /* 541px / 960px */
}
.main-header .siteNav {
    background: url(../img/lightGray.jpg) repeat-x scroll 0 0 transparent;
    height: 32px;
}
.main-header ul.siteNav li {
    background: url(../img/divider.jpg) no-repeat scroll right center transparent;
	float: left;
    display: inline;
    padding-right: 13px;
}
.main-header ul.siteNav li.first {
    padding-left: 3px;
}
.main-header ul.siteNav li.last {
    background: none repeat scroll 0 0 transparent;
}
.main-header ul.siteNav li a {
    background: url(../img/arrow.png) no-repeat scroll right center transparent;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Prelo-Bold',Verdana;
    font-size: 17px;
    padding: 5px 18px 4px 10px;
    text-decoration: none;
}
.main-header ul.siteNav li a:hover {
    background: url(../img/arrowGray.png) no-repeat scroll right center transparent;
    color: #4D4E53;
}
.main-header .phoneNumber {
    color: #8C8D8E;
    font-family: 'Prelo-Bold',verdana;
    font-size: 0.875em; /* 14px / 16px */
    font-style: italic;
    position: absolute;
	top: 2px;
	right: 46px;
}
.headerFullWidthBg {
    background: url(../img/headerBgWNav.jpg) repeat-x scroll 0 -10px transparent;
    height: 91px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.tmm-breadcrumb {
	font-family: Verdana, sans-serif;
	font-size: 0.6875em; /* 11px / 16px */
	clear: both;
	padding-top: 18px;
	padding-bottom: 12px;
}
.tmm-breadcrumb a {
	color: #0072bc;
	font-weight: normal;
}
/*  header end */
.tmm-dropShadow {
	background: url(../img/tmm-body-bg.png) repeat-y center top;
	margin: 0 auto;
}
.tmm-wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	content: ""; 
	display: table;
	clear: both;
}
.wrapper-border {
	border-left: 1px solid #e1e1df;
	border-right: 1px solid #e1e1df;
}
.tmm-icons { 
	float: right;
}
.tmm-icons img {
	margin-left: 14px;
	border: 0;
}
.tmm-icons img a {
	text-decoration: none;
	border: 0;
}
.tmm-case {
	font-family: 'Prelo-Bold', Verdana, sans-serif;
	font-size: 0.875em; /* 14px / 16px */
	color: #616265;
	margin: 7px 0;
}
.tmm-case span {
	font-family: 'Prelo-Black',verdana,sans-serif;
}
.tmm-header {
	background: #f3f3f3 url(../img/header-bg.png) repeat-x 0 0;
	height: 100px;
	padding: 18px 1.45833333333333% 4px 1.45833333333333%; /* 14px / 960px */
	border-top: 1px solid #e1e1df;
	border-left: 1px solid #e1e1df;
	border-right: 1px solid #e1e1df;
}
header h2 {
	font-family: 'Prelo-Black',verdana,sans-serif;
	font-size: 2.625em; /* 42px / 16px */
	line-height: 1em;
	text-transform: uppercase;
	color: #cc0000;
}
.tmm-header p {
	font-size: 1.25em; /* 20px / 16px */
	font-family: 'Prelo-Medium', Verdana, sans-serif;
	line-height: 1.2em;
	width: 85%;
}
.tmm-header-image figure {
	width: 75%;
	float: right;
	height: 509px;
	border: 0;
	text-align: center;
	position: relative;
}
.tmm-header-image figure img {
	width: 100%;
	height: 509px;
}
.tmm-header-image figure figcaption {
	position: absolute;
	width: 33.3333%;
	left: -33.3333%;
	top: 296px;
}
.tmm-header-image figure figcaption p {
	font-family: 'Prelo-Bold', Verdana, sans-serif;
	font-size: 1em;
	color: #8c8d8e;
	padding: 0 5.83333333333333% 0 7.7%; /* 14px / 240px */
	text-align: left;
	line-height: 1.5em;
}
.header-side {
	width: 25%;
}
.header-side p {
	font-family: 'Prelo-Bold', Verdana, sans-serif;
	font-size: 1em;
	color: #8c8d8e;
	padding: 14px;
}
.tmm-side-gray {
	padding: 16px 7.5% 4px 5.83333333333%; /* 18px/240px 14px/240px */
	color: #ffffff;
	background: #8c8d8e;
}
.tmm-side-gray h3 {
	font-family: 'Prelo-Bold', Verdana, sans-serif;
	font-size: 1.25em; /* 20px / 16px */
	margin-bottom: 13px;
}
.tmm-side-gray ul {
	list-style: none;
	font-family: 'Prelo-SemiBold', Verdana, sans-serif;
	font-size: 0.8125em; /* 13px / 16px */
	line-height: 1.1em;
}
.tmm-side-gray ul span {
	font-family: 'Prelo-Bold', Verdana, sans-serif;
}
.tmm-side-gray ul li {
	border-top: 1px solid #ffffff;
	padding: 11px 0;
}
.tmm-mainBody {
	width: 74.89583333333333%; /* 719px / 960px */
	padding: 1em 0 0.9em 0;
	float: right;
	border-left: 1px solid #e1e1df;
	position: relative;
}
/* Padded div easier mathematically */
.tmm-mainBody .paddedDiv {
	position: relative;
	padding: 0 3.19444444444444%; /* 23px / 720px */
}
.tmm-mainBody h3 {
	font-family: 'Prelo-Bold', Verdana, sans-serif;
	font-size: 1.25em; /* 20px / 16px */
	margin-bottom: 0.2em;
	color: #cc0000;
}
.tmm-mainBody p {
	font-size: 0.8125em; /* 13px / 16px */
	line-height: 1.4em;
	margin-bottom: 1.1em;
}
.tmm-mainBody ul, .tmm-mainBody ol {
	font-size: 0.8125em; /* 13px / 16px */
	line-height: 1.4em;
	margin-left: 1em;
	margin-bottom: 1.1em;
}
.tmm-mainBody p a {
	color: #0070bc;
	text-decoration: none;
	font-weight: normal;
}
.tmm-mainBody .tmm-grayTextBox {
	background: #e2e1e9;
	margin: 0 0 23px 0;
	padding: 1.1em 3.19444444444444% 0.4em;
}
.tmm-mainBody .tmm-grayTextBox h3 {
	color: #4d4e53;
}
.side-alignTop {
	position: absolute;
	width: 33.33333333333333%;
	left: -33.47222222222222%; /* 240px + 1px / 720px */
}
.side-alignTop img {
	width: 100%;
}
.side-alignTop p {
	font-size: 0.6875em; /* 11px / 16px */
	padding: 0.7em 5.83333333333333% 1em;
}
.tmm-desktop-image {
		display: block;
	}
.tmm-mobile-image {
		display: none;
	}
.side-alignBottom {
	position: absolute;
	width: 33.33333333333333%;
	left: -33.47222222222222%; /* 240px + 1px / 720px */
	bottom: 0;	
}
.side-alignBottom p {
	color: #cc0000;
	font-family: 'Prelo-Bold', Verdana, sans-serif;
	font-size: 1.375em; /* 22px / 16px */
	line-height: 1.3em;
	margin: 0 5.83333333333333%; /* 14px / 240px */
}
.side-alignBottom p span {
	display: block;
	width: 84px;
	height: 31px;
	color: #ffffff;
	font-size: 1.818181818181818em; /* 40px / 22px */
	font-family: 'Prelo-Black', Verdana, sans-serif;
	background: #cc0000;
	padding: 7px 5.83333333333333% 5px;
	margin: 0 0 3px -5.83333333333333%;
}
.tmm-footer {
	clear: both;
	margin-bottom: 14px;
}
.tmm-footer .tmm-footer-border {
	padding: 10px 1.458333333333333% 14px; /* 14px / 960px */
	border-bottom: 1px solid #e1e1df;
	border-left: 1px solid #e1e1df;
	border-right: 1px solid #e1e1df;
}
.tmm-footer h3 {
	font-family: 'Prelo-Bold', Verdana, sans-serif;
	font-size: 1.25em; /* 20px / 16px */
	color: #ffffff;
	background: #cc0000;
	padding: 3px 1.458333333333333%; /* 14px / 960px */
	height: 24px;
}
.tmm-footer h3 span {
	font-family: 'Prelo-Black';
}
.tmm-footer p {
	font-size: 0.625em; /* 10px / 16px */
}
.tmm-footer .tmm-footer-logo {
	text-align: right;
	margin: 19px 0;
}
/****************************************** Back To Top ******************************************/
.scrollup { background: url(http://img.cdw.com/assets/icons/back-to-top.gif) 22px 12px no-repeat #cecdd7; text-align: center; text-indent: -999999px; width: 80px; height: 55px; position: fixed; bottom: 200px; right: 0; cursor: pointer; display: none; -moz-box-shadow:-6px 7px 9px 0px #A5A5A5; -webkit-box-shadow: -6px 7px 9px 0px #A5A5A5; box-shadow:-6px 7px 9px 0px #A5A5A5; }
.scrollup:hover { }
/****************************************** SocialShare ******************************************/
.socialshare-affix { display:none; }
.socialshare-affix { position: fixed; top: 220px; left: auto; right: 0px; display: block; background: url(../img/socialButtonsSprite.png) top right no-repeat #c2c1ca; padding: 36px 0px 10px 10px; width: 72px; -moz-box-shadow:-6px 7px 9px 0px #A5A5A5; -webkit-box-shadow: -6px 7px 9px 0px #A5A5A5; box-shadow:-6px 7px 9px 0px #A5A5A5; }
.socialshare-affix .socialshare-square { display: inline-block; height: 30px; line-height: 0; margin: 3px 2px 1px 3px; width: 30px; background-repeat: no-repeat; }

#design-file {
	text-align: center;
}

@media screen and (max-width: 768px) {
	.headerWrap {
		background: #ffffff;
	}
	.main-header { width: 760px; padding:0; }
	.main-header nav {
		width: 482px;
	}
	.tmm-header-top {
		margin-top: -11px;
	}
	.main-header h1 {
		height: 48px;
		line-height: 1em;
		text-align: left;
		padding: 6px 0 0 20px;
		width: 175px;
	}
	.main-header .siteNav {
		background: none;
	}
	.main-header ul.siteNav li {
		background: url(../img/divider-gray.png) no-repeat right center;
		padding-right: 0;
	}
	.main-header ul.siteNav li.first {
		padding-left: 0;
	}
	.main-header ul.siteNav li.last {
		background: none;
	}
	.main-header ul.siteNav li a {
		background: none;
		color: #4D4E53;
    	padding: 5px 12px 4px 12px;
	}
	.main-header ul.siteNav li a:hover {
		background: none;
		color: #4D4E53;
		text-decoration: underline;
	}
	.main-header .phoneNumber {
		right: 22px;
	}
	.tmm-dropShadow {
		width: 760px;
		background: none;
	}
	.tmm-wrapper {
		width: 760px;
	}
	.tmm-icons { 
		display: none;
	}	
	.tmm-header-image figure, .tmm-header-image figure img {
		height: auto;
	}
	.tmm-header p {
		width: 100%;
	}
	.tmm-header-image figure figcaption {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		padding: 0.2em 0 0 0;
		border-left: 1px solid #e1e1df;
	}
	.tmm-header-image figure figcaption p {
		padding-left: 3.19444%
	}
	.scrollup { display: none !important; }
	.socialshare-affix { display:none; }
}
@media screen and (max-width : 568px) {
	.main-header { width: 100%; }
	.mobileNav {
		display: block;
		width: 45px;
		height: 36px;
		background: url(../img/mobileNavIcon.jpg) no-repeat;
		position: absolute;
		top: 25px;
		right: 0;
		cursor: pointer;
	}
	.main-header h1 {
		padding: 6px 0 0 10px;
		width: 165px;
	}
	.main-header nav { 
		position: relative;
		clear: both;
		top: 10px;
		left: 0;
		width: 100%;
		display: none;
	}
	.main-header .siteNav {
		height: auto;
		margin-bottom: 15px;
	}
	.main-header ul.siteNav li {
		background: url(../img/lightGray.jpg) repeat;
		float: none;
		padding: 4px 0; 
		display: inline-block; 
		margin: 2px 0; 
		width:100%;
	}
	.main-header ul.siteNav li.last {
    	background: url(../img/lightGray.jpg) repeat;
	}
	.main-header ul.siteNav li a {
		color:#ffffff; 
		background: url(../img/siteLinks.png) no-repeat 3px 0 transparent;
		display:inline-block; 
		padding: 8px 8px 8px 42px; 
		margin-left: 14px;
	}
	.main-header ul.siteNav li a:hover { 
		background: url(../img/siteLinks.png) no-repeat 3px 0 transparent;
		text-decoration: none; 
		color:#cc0000; 
	}
	.main-header .phoneNumber {
		top: 0;
		right: 10px;
	}
	.tmm-breadcrumb {
		display: none;
	}
	.tmm-dropShadow {
		width: 100%;
	}
	.tmm-wrapper {
		width: 100%;
	}
	.wrapper-border {
		border-left: none;
		border-right: none;
	}
	.tmm-case {
		font-size: 0.75em; /* 12px / 16px */
		padding-left: 7.8125%; /* 25px / 320px */
		padding-right: 7.8125%;
	}
	.tmm-header {
		height: auto;
		background: none;
		padding-top: 0;
		padding-left: 7.8125%;
		padding-right: 7.8125%;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	.tmm-header p {
		font-size: 1.25em; /* 20px / 16px */
		margin-bottom: 0.3em;
	}
	.tmm-header h2 {
		font-size: 2em;
		line-height: 1em;
		margin-bottom: 0.2em;
	}
	.tmm-header-image figure {
		float: none;
		width: 100%;
		border-left: none;
	}
	.tmm-header-image figure figcaption {
		padding: 0.4em 0 0.7em 0;
	}
	.tmm-header-image figure figcaption p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em; /* 12px / 16px */
	}
	.header-side {
		width: 100%;
	}
	.tmm-side-gray {
		padding-top: 12px;
	}
	.tmm-side-gray ul li {
		padding: 10px 0;
	}
	.tmm-side-gray, .tmm-mainBody .paddedDiv, .tmm-mainBody .tmm-grayTextBox {
		padding-left: 7.8125%;
		padding-right: 7.8125%;
	}
	.tmm-mainBody {
		width: 100%;
		padding: 12px 0;
		float: right;
		border-left: none;
	}
	.tmm-mainBody h3 {
		font-size: 1em;
	}
	.tmm-mainBody p {
		font-size: 0.75em; /* 12px / 16px */
	}
	.side-alignBottom {
		position: inherit;
		width: 100%;
		left: 0;
		top: 0;
	}
	.side-alignBottom p {
		font-size: 1.375em; /* 22px / 16px */
		line-height: 1.4em;
		margin-top: 1em;
		margin-bottom: 1.5em;
	}
	.side-alignBottom p span {
		font-size: 1.818181818181818em; /* 40px / 22px */
	}
	.side-alignTop {
		position: inherit;
		width: 100%;
		left: 0;
	}
	.side-alignTop p {
		display: none;
	}
	.side-alignTop img {
		width: 100%;
		margin-bottom: 1em;
	}
	.tmm-desktop-image {
		display: none;
	}
	.tmm-mobile-image {
		display: block;
	}
	.side-alignBottom p, .side-alignBottom p span {
		margin-left: 0;
	}
	.tmm-footer .tmm-footer-border {
		border-left: none;
		border-right: none;
		padding-left: 7.8125%;
		padding-right: 7.8125%;
	}
	.tmm-footer h3 {
		font-size: 0.875em; /* 14px / 16px */
		height: auto;
		padding-left: 7.8125%;
		padding-right: 7.8125%;
	}
	.tmm-footer p {
		font-size: .5625em; /* 9px / 16px */
	}
	.tmm-footer .tmm-footer-logo {
		text-align: left;
		padding-left: 7.8125%;
		padding-right: 7.8125%;
	}
}
@media only screen and (max-width : 480px) {
	.main-header .phoneNumber {
		top: -20px;
	}
}
@media only screen and (max-width : 320px) {
	.wrapper { width: 320px; }
	.main-header { width: 320px; }
}
.main-header nav.show { display: block; }