/* CSS Document */
body {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px; /* centers the layout in IE */
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #f2edd9;
	}
	
* {margin:0; padding:0;} /* removes defaults of all elements */

div {
	z-index: 15;
}

a
{
	outline: none;
	text-decoration: none;
	color: #333333;
}

h1 {
	color: #FFFFFF;
	background-image: url(images/headerbg.gif);
	font-size: 14px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
	padding-top: 2px;
}

h2 {
	font-size: 16px;
	color: #bf1d2d;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 18px;
}

h3 {
	font-size: 15px;
	color: #bf1d2d;
	font-weight: bold;
	padding-bottom: 8px;
}

h4 {
	font-size: 12px;
	color: #bf1d2d;
	padding-bottom: 2px;
}

h5 {
	font-size: 12px;
	color: #000000;
	padding-bottom: 2px;
	font-weight: bold;
}
.leadershipTeam {
	font-weight: bold;
}


li {
}

img.border {
	border: thin solid #E6DEC8;
	margin-bottom: 2px;
	padding: 2px;
}



div#mainwrap {
	visibility: visible;
	padding: 0px 0px 0px 40px;
	width: 815px;
	position: relative;
	overflow: visible;
	background-color: #FFFFFF;
	display: block;
	margin-left:auto;
	margin-right:auto;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	margin-bottom: 0px;

}

div#banner {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	overflow: visible;
	position: relative;
	display: block;
	padding-bottom: 0px;
} /* tempoarary placeholder styles for header */

div#logo {
	float: left;
	margin: 0px;
	padding: 5px 5px 0px 0px;
	position: relative;
	visibility: visible;
	text-align: center;
}

div#bannerRight {
	position: relative;
	visibility: visible;
	float: left;
	width: 490px;
	padding-top: 18px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	overflow: visible;
}

div#menu {
	overflow: visible;
	position: relative;
	visibility: visible;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 7px;
	padding-left: 7px;
}

div.menuitem {
	float: left;
	font-size: 12px;
	overflow: hidden;
	position: relative;
	visibility: visible;
	text-align: center;
}

div#contactMenu 
{
	position: relative;
	visibility: visible;
	padding-left: 78px;
	overflow: hidden;
}

div.contactItem, div.wearablesItem {
	float: left;
	overflow: visible;
	position: relative;
	visibility: visible;
}

#csstopmenu, #csstopmenu ul{
	list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
	background-color: #ffffff;
}

.headerlinks {
	visibility: visible;
	z-index: 1000;
}

div#contentArea {
	position:relative;
	visibility: visible;
	display: block;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 5;

}
	
/********** Definitions for Home Page **********/	
div#centerContentHome {
	position:relative;
	visibility: visible;
	float: left;
	width: 585px;
	z-index: 15;
	margin-left: 5px;
}

div#wearablesTitle {
	position: absolute;
	left: 0px;
	top: -5px;
	z-index: 15;
}

div#wearables {
	position:relative;
	visibility: visible;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 35px;
	margin-left: 10px;
}

div#wearables img {

}

div#midcontent {
	position:relative;
	visibility: visible;
	margin-left: 10px;
}

div#promotional {
	position:relative;
	visibility: visible;
	float: left;
	width: 235px;
	padding-left: 5px;
}

div#changeLives {
	position:relative;
	visibility: visible;
	float: left;
	z-index: 1;
}

div#changeLives ul {
	margin-left: 30px;
}

div#rightSideBar, div#rightSideBarWide, div#rightSideBarHome {
	position:relative;
	visibility: visible;
	float: left;
}

div#rightSideBar {
	width: 180px;
	padding-left: 5px;
}
.caption {
	padding-right: 10px;
	font-style: oblique;
}


div#rightSideBarHome {
	width: 180px;
	padding-left: 5px;
}

div#rightSideBarWide {
	width: 235px;
	padding-top: 10px;
}

div#specials {
	overflow: hidden;
	position: relative;
	visibility: visible;
	height: 213px;
	background-image: url(images/specialsbg.gif);
	background-repeat: no-repeat;
	background-position: 8px top;
	text-align: center;
}

div#specialText {
	position: absolute;
	visibility: visible;
	top: 5px;
	left: 4px;
	padding-top: 75px;
	width: 68px;
	padding-left: 10px;
	font-size: 9px;
	height: 125px;
	color: #946231;
}

div#ordering {
	position: relative;
	visibility: visible;
	height: 220px;
	font-size: 9px;
	font-style: normal;
	color: #000000;
	background-image: url(images/orderingbg.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	text-align: center;
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 15px;
}

div#ordering p{
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 5px;
}

div#ordering ul {
	margin-left: 30px;
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 3px;
}
div#orderingmore {
	position: absolute;
	left: 7px;
	top: 198px;
}


li#step1, li#step2, li#step3 {
	text-align: left;
	margin-left: -15px;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	padding-top: 2px;
	list-style-type: none;
	margin-right: 5px;
	padding-bottom: 0px;
}

li#step1 {
	background-image: url(images/ordering1.gif);
}
li#step2 {
	background-image: url(images/ordering2.gif);
}
li#step3 {
	background-image: url(images/ordering3.gif);
}

div#bottomBar {
	position: relative;
	visibility: visible;
	display: block;
	padding-top: 5px;
	padding-left: 25px;
}

div.bottomBarText {
	width: 200px;
	font-size: 9px;
	margin-right: 10px;
	color: #333333;
	position: absolute;
	top: 38px;
	left: 80px;
}
div.bottomBarIcon {
	float: left;
}

div#footer {
	margin-left: 13px;
}

div.footer_nav {
	display: block;
	position: relative;
	visibility: visible;
}

div.footer_navitem {
	float: left;
	overflow: visible;
	position: relative;
	visibility: visible;
	text-align: center;
}
div.orderList {
	position: relative;
	visibility: visible;
}

div#sideBar {
	float: left;
	position: relative;
	display: block;
	width: 185px;
	padding-top: 8px;
	background-image: url(images/sidebarvert.gif);
	background-repeat: no-repeat;
	background-position: right 25px;
	height: 375px;
}
div#sideMenu {
	position: relative;
	display: block;
	padding-top: 5px;
	overflow: visible;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
}
div#sideMenu ul {
	margin-left: 10px;
}


div#sideMenu li {
	list-style-type: disc;
	line-height: 16px;
	padding-bottom: 3px;
	padding-top: 2px;
	list-style-image: url(images/reddot.gif);
	margin-left: 5px;
}

div#sideMenu li a {
	list-style-type: disc;
	line-height: 16px;
}
div#sideMenu li a:hover {
	list-style-type: disc;
	text-decoration: underline;
}

div#mainText {
	width: 390px;
	padding-left: 8px;
	height: 430px;
	overflow: auto;
	padding-right: 5px;
}

div#mainTextNarrow {
	width: 335px;
	padding-left: 5px;
	padding-right: 5px;
}

div#mainTextWide {
	padding-left: 15px;
	width: 555px;
	padding-right: 10px;
	overflow: auto;
	height: 430px;
	z-index: 2000;
}
div#mainTextWide p {
	padding-right: 20px;
}


div#mainText, div#mainTextWide, div#mainTextNarrow {
	float: left;
	position: relative;
	font-size: 12px;
	display: block;
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 5;
}

div#mainText ol, div#mainText ul, div#mainTextNarrow ul {
	list-style-position: outside;
	margin-left: 22px;
}
div#mainText li {
	padding-bottom: 3px;
}

div#mainText a, div#mainTextWide a, div#mainTextNarrow a {
	text-decoration: underline;
}



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
p#copywrite {
	text-align: center;
}

/************************ Definitions for Secondary Pages *************************/
.faqs {
	font-weight: bold;
	color: #000000;
}

.smallText {
	font-size: 10px;
	font-style: italic;
}

form#orderform li {
	list-style-type: none;
}

div#thankyouWrap {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	margin-top: 100px;
}

a.submitLink {
	color: #FFFFFF;
	background-color: #bf1d2d;
	text-decoration: none;
	padding: 3px;
}

a.submitLink:hover {
	text-decoration: underline;
}

.testimonial {
	font-style: oblique;
	color: #CC3333;
	font-size: 11px;
}

.testimonialName {
	font-style: normal;
	color: #CC3333;
	font-size: 11px;
}

div#sitemap a {
	padding-left: 20px;
	text-decoration: none;
}
div#sitemap {
	margin-left: 15px;
}


div#sitemap a:hover {
	text-decoration: underline;
}

div.leadershipRow {
	display: block;
	position: relative;
}
div.leadershipPhotos {
	float: left;
	width: 115px;
	position: relative;
	padding-bottom: 15px;
	padding-left: 10px;
}

div.leadershipDesc {
	float: left;
	position: relative;
	width: 400px;
	padding-bottom: 15px;
}

div.tesimonialLogos {
	float: left;
	width: 175px;
	position: relative;
	padding-bottom: 15px;
}
div.testimonialDesc {
	float: left;
	position: relative;
	width: 350px;
	padding-bottom: 15px;
}