/* -- default style -- */
* {
	padding:0;
	margin:0;
}
body {
	padding:21px 0;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
}
img {
	border:0;
}
a {
	outline:none;
	color:#472D12;
	background-color:inherit;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}
/* -- wrapper style --*/
.wrapper {
	width:776px;
	margin:auto;
}
/* -- 5 color strip style -- */
.wrapper .topStrip,
.wrapper .bottomStrip {
	background-image:url(../images/5-color-strip-big.gif);
	background-repeat:no-repeat;
	width:776px;
	height:0;
	padding-top:12px;
	overflow:hidden;
	line-height:0;
	font-size:0;
}
.wrapper .topStrip 	  { background-position:0 0;}
.wrapper .bottomStrip { background-position:0 100%;}
/* -- containet style -- */
.wrapper .container {
	border-width:0 1px;
	border-style:solid;
	border-color:#d4d4d4;
}
.wrapper .container h1.indexHeading {
	height:0;
	padding-top:135px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-indent:-15000px;
	background:url(../images/index-heading.gif) no-repeat 130px 52px;
}
.wrapper .container h2 {
	font:normal 22px/26px Helvetica, sans-serif;
	padding-bottom:20px;
	color:#000;
	background-color:inherit;
}
.wrapper .container h2.que1 {
	height:0;
	padding-top:75px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-indent:-15000px;
	background:url(../images/que-1-header.gif) no-repeat 50% 0;
}
.wrapper .container h2.que2 {
	height:0;
	padding-top:75px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-indent:-15000px;
	background:url(../images/que-2-header.gif) no-repeat 50% 0;
}
.wrapper .container p {
	padding-bottom:8px;
}
/* -- people image section style -- */
.wrapper .peopleImg {
	overflow:hidden;
	height:100%;
	margin-left: 28px; /* Different from 'margin-right' because the content box is not completely symmetrical, and I will not fix that. /Johan */
	margin-right: 40px;
	padding:0 7px 28px;
}
.wrapper .peopleImg img {
	float:left;
	display:block;
}
/* -- index content style -- */
.wrapper .indexContent {
	width:318px;
	padding:0 23px 0 28px;
	margin-bottom:12px;
	border-right:1px solid #d5ccd2;
	position:relative;
}
.wrapper .indexContent .banner,
.wrapper .indexContent .logo {
	width:187px;
	position:absolute;
	left:550px;
}
.wrapper .indexContent .banner { top:0;}
.wrapper .indexContent .logo   { bottom:-10px;}
.wrapper .indexContent .banner img,
.wrapper .indexContent .logo img {
	margin-bottom:10px;
}
.wrapper .indexContent .banner p,
.wrapper .indexContent .logo p {
	font-size:17px;
	text-align:center;
	padding-bottom:0;
}

/* -- description container style -- */
.wrapper .descriptionContainer {
	width:504px;
	margin:auto;
	padding:54px 0 12px;
}
.wrapper .bigDescriptionContainer {
	width:604px;
}
.shirtImage {
	padding-top:60px;
	text-align:center;
}
.wrapper .descriptionContainer .peopleImgBig {
	text-align:center;
	padding-bottom:24px;
}
.wrapper .descriptionContainer .peopleImgBig img {
	border:1px solid #d4d4d4;
	margin:0 auto;
}
.wrapper .descriptionContainer .descriptionText {
	font-size:12px;
	line-height:18px;
	padding-bottom:10px;
}
.wrapper .queAns {
	padding-bottom:10px;
}
.wrapper .queAns .que {
	background:url(../images/que-ico.gif) no-repeat 0 2px;
	padding-left:21px;
	font-size:12px;
	font-weight:bold;
}
.fauxque {
	padding-left:21px;
	font-size:12px;
	font-weight:bold;
}
.wrapper .queAns .ansOption {
	padding:0 0 0 18px;
}

/* -- que-ans form style -- */
.queAnsForm {
	padding-bottom:20px;
	overflow:hidden;
	height:100%;
	position:relative;
}
.queAnsForm .multipleRC {
	float:left;
	width:120px;
}
.queAnsForm .rightLogo {
	position:absolute;
	top:35px;
	right:0;
}
.queAnsForm .genInfo {
	border-bottom:1px solid #d4d4d4;
	padding-bottom:12px;
	margin-bottom:20px;
	overflow:hidden;
	height:100%;
}
.queAnsForm .topDivider {
	border-top:1px solid #d4d4d4;
	border-bottom:0;
	margin-bottom:0;
	margin-top:10px;
	padding-top:15px;
}
.queAnsForm .topDivider label {
	width:110px !important;
}
.queAnsForm label {
	width:95px;
	float:left;
	font-size:12px;
	padding-top:3px;
}
.queAnsForm label.auto,
.queAnsForm .queAns label {
	padding-top:0;
	margin-right:8px;
	font-size:11px;
	width:auto;
}
.queAnsForm input,
.queAnsForm textarea,
.queAnsForm select {
	float:left;
	border:1px solid #d4d4d4;
	margin-bottom:8px;
	width:200px;
	height:16px;
	padding:1px 4px;
	font:11px/16px Arial, Helvetica, sans-serif;
}
.queAnsForm select {
	padding:0;
	width:60px;
	height:19px;
}
.queAnsForm select.midWidth {
	width:120px;
	margin-right:6px;
}
.queAnsForm textarea {
	width:240px;
	height:80px;
}
.queAnsForm input.rcBtn {
	width:15px;
	height:15px;
	border:0;
	padding:0;
	margin:0 5px 3px 0;
}
.queAnsForm input.submitBtn {
	margin:0 0 0 110px;
	background-color:#f2f2f2;
	border:1px solid #d4d4d4;
	width:80px;
	height:30px;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}
.queAnsForm input.submitBtn1 {
	margin:0 0 0 15px;
}
.botMar8 {
	margin-bottom:8px !important;
}

/* -- footer/copyright info style -- */
.wrapper .copyRight {
	text-align:center;
	padding:10px 0 12px;
	clear:both;
}
.wrapper .copyRight p {
	padding-bottom:0;
}



/* ===================================== */
.wrapper .shirtsImagePanel {
	width:135px !important;
	text-align:center;
	padding-top:50px;
}
.wrapper .shirtsImagePanelLeft {
	float:left;
}
.wrapper .shirtsImagePanelRight {
	float:right;
}
.wrapper .shirtsImagePanel img {
	clear:both !important;
	float:none !important;
	padding:0;
	margin:15px 0 0;
}