/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-family: Calibri, Arial, sans-serif;
	font-size: 12px;
	background-color: #89c9e3;
	background-image:url(images/mainbg.png);
	background-position:center;
	background-repeat:repeat-y;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

img {
	border: none;
}

a:active {
	outline: none !important;
}

:focus {
	-moz-outline-style: none !important;
}

/* RESET */

#Content {
	position:relative;
	width: 965px;
	margin: 6px auto;
}

#Header {
	position: relative;
	width: 965px;
	height: 195px;
	top: 0px;
	left: 0px;
	background-color: #ccedfa;
}

#Logo {
	position: absolute;
	top: 6px;
	left: 8px;
	height: 182px;
	width: 200px;
}

#HeadBoxes {
	position: absolute;
	bottom: 4px;
	right: 0px;
	width: 620px;
}

#HeadBoxes img {
	margin: 0px;
	padding: 0px;
}

#MainMenu {
	position: absolute;
	top: 0px;
	right: 10px;
}

#MainMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
} 

#MainMenu li {
	float: left;
}

#MainMenu a, #MainMenu a:visited {
	float: left;
	display: block;
	padding: 0px 15px 0px 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	border-right: 1px dotted #127198;
	text-decoration: none;
	color: #333;
}

#MainMenu a:hover, #MainMenu a:active {
	color: #127198;
	text-decoration: none;
}

#MainMenu .Quote {
	float: left;
	display: block;
	padding: 0px 15px 0px 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	border-right: 1px dotted #127198;
	text-decoration: none;
	font-style: italic;
	color: #65aecc;
	letter-spacing: 2px;
}


#Main {
	position: relative;
	top: 5px;
	left: 0px;
	width: 965px;
	margin: 0px auto;
	background-color: #FFF;
}

#Footer {
	background-color: #ddd;
	color: #666;
	font-size: 11px;
	text-align: center;
	padding: 5px 10px;
}

#Footer a, #Footer a:link,#Footer a:visited {
	color: #00c;
	text-decoration: none;
}

#Footer a:hover, #Footer a:active {
	color: #03f;
	text-decoration: none;
}

#BodyContent h1 {
	background-image:url("http://wheeshirt.com/images/bg-h1.png");
	background-position:top left;
	background-repeat:repeat-x;
	border:1px solid #339eca;
	color:#339eca;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 4px;
	padding:2px 8px 3px;
}
	

.SideBar {
	padding: 0px;
	border: 1px solid #ccc;
	background-color: #ffffbf;
	margin-bottom: 5px;
}

.SideBar h1 {
	margin: 0px 0px 2px 0px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	font-style: italic;
	color: #257495;
	letter-spacing: 2px;
	padding: 4px 10px 3px 10px;
}

.elMenuBoxTop {
  background-image: url(http://wheeshirt.com/images/bg_sidebar_top.png);
	background-position: center 0px;
	background-repeat: no-repeat;
	width: 150px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

.elMenuBoxMid {
  background-image: url(http://wheeshirt.com/images/bg_sidebar_mid.png);
	background-position: center 0px;
	background-repeat: repeat-y;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

.elMenuBoxBtm {
  background-image: url(http://wheeshirt.com/images/bg_sidebar_btm.png);
	background-position: center 0px;
	background-repeat: no-repeat;
	width: 150px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

.elMenuBoxMid hr {
	width: 116px;
}

.elMenuBoxMid form {
	margin: 0px;
	padding: 0px;
}

.elMenuBoxMid h1 {
	font-size: 14px !important;
	color: #900 !important;
	border-bottom: 1px solid #bbb !important;
	font-weight: bold !important;
	font-style: italic !important;
	margin: 0px 2px 4px 2px;
	padding: 0px 0px 2px 6px;
	width: 130px;
}

.elMenuBoxMid h2 {
	color: #666;
	font-weight: bold;
	padding: 10px 4px 0px 4px;
	line-height: 14px;
	font-size: 14px;	
}

.elMenuBoxMid p {
	color: #000;
	line-height: 14px;
	padding: 6px 13px 0px 13px;
	font-size: 12px;	
}

.navMenu {
	border-top: 1px solid #ddd;
	margin: 0px 0px 0px 0px;
  list-style-type: none !important;
}

ul.navMenu li, dl.navMenu dt {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}

ul.navMenu li img  {
	margin: 4px 4px 0px 0px;
	vertical-align: middle;
}

ul.navMenu li a, dl.navMenu dt a {
	display: block;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	color: #666;
	font-weight: bold;
	background-color: transparent;
	padding: 2px 8px 2px 8px;
	line-height: 16px;
	text-decoration: none;
}

ul.navMenu li a:link, ul.navMenu li a:visted, dl.navMenu dt a:link, dl.navMenu dt a:visted {
	color: #666;
	background-color: transparent;
}

ul.navMenu li a:hover, ul.navMenu li a:active, dl.navMenu dt a:hover, dl.navMenu dt a:active {
	color: #257495;
	background-color: #ffd;
}

ul.navMenu li a.Current{
	color: #e25e58 !important;
	background-color: #fee2c2 !important;
}

dl.navMenu dd {
	padding: 2px 16px;
	border-bottom: 1px solid #ddd;
	color: #666;
}




.icon{
 background: transparent;
		filter:alpha(opacity=80);
		opacity: .8;
}

.icon:hover{
 background: transparent;
		filter:alpha(opacity=100);
		opacity: 1;
}


/*************************************************************************************************/
/*** WheeDesign Styles ***************************************************************************/
.wdSectionHeader {
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
	position: relative;
	height: 136px;
}

.wdSectionHeader img {
	position: absolute;
	top: 5px;
	left : 0px;
	border: 1px solid #ccc;
}

.wdSectionHeader div {
	position: absolute;
	top: 5px;
	left : 345px;
	line-height: 1.2em;
}

.wdSectionHeader h1 {
	margin: 6px 0px 2px 0px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	font-style: italic;
	color: #65aecc;
	letter-spacing: 2px;
}

.wdProductHeader {
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
	position: relative;
	height: 135px;
}

.wdProductHeader img {
	position: absolute;
	top: 5px;
	left : 0px;
	border: 1px solid #999;
}

.wdProductHeader div {
	position: absolute;
	top: 5px;
	left: 140px;
	line-height: 1.2em !important;
}

.wdProductHeader h1 {
	margin: 6px 0px 2px 0px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	font-style: italic;
	color: #65aecc;
	letter-spacing: 2px;
}

#wdProducts h1, .wdProductDetail h1, #shoppingCart h1, #CenterSection h1 {
	background-image:url("http://wheeshirt.com/images/bg-h1.png");
	background-position:top left;
	background-repeat:repeat-x;
	border:1px solid #339eca;
	color:#339eca;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 4px;
	padding:2px 8px 3px;
}

#wdProducts h2, .wdProductDetail h2  {
	color:#666;
	font-family:Calibri,  Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	margin:0 0 4px 8px;
	padding:0 10px 2px 5px;
}

.wdProductDetail p {
	line-height: 1.4em;
	margin: 0px 0px 8px 10px;
}

.wdProductDetail ul {
	margin: 0px 0px 8px 18px;
	list-style: disc;
}

.wdProductDetail li {
	margin: 0px 0px 2px 18px;
}

.wdProductDetail #miscNotes {
	margin: 0px 0px 8px 18px;
}

#wdTrail {
	font-size: 11px !important;
	padding: 0px 0px 4px 0px;
	margin: 2px 0px 10px 12px;
	line-height: 12px;
}

.SectionRow {
	margin: 0px 10px 0px 10px;

}

.SectionRow td {
	margin: 1px 1px 1px 1px;
	padding: 4px;
	text-align: center;
	height: 216px;
	vertical-align: top;
}

.SectionProduct {
	text-align: center;
	margin: 1px;
	background-color: #fff;
	padding: 1px 3px;
}

.SectionProduct .SectionButton {
	
}

.SectionProduct a, .SectionProduct a:link {
	background-color: #fff;
	border: 1px solid #999;
	display: block;
	padding: 2px 4px;
}

.SectionProduct a:hover, .SectionProduct a:active {
	background-color: #ffd !important;
	border: 1px solid #999;
}

a.ProductType {
	width: 154px;
	height: 190px;
	border: 1px solid #ccc;
	float: left;
	text-align: center;
	margin: 2px;
	background-color: #fff;
	display:block;
	padding: 1px 3px;
	position: relative;
}

div.ProductType {
	width: 154px;
	height: 190px;
	border: 1px solid #ccc;
	float: left;
	text-align: center;
	margin: 2px;
	background-color: #fff;
	display:block;
	padding: 1px 3px;
	position: relative;
}

a.ProductType img {
	border: 1px solid #fff;
}

.SectionProduct a img {
	border: 1px solid #fff;
}

div.ProductType img {
	border: 1px solid #fff;
}

a.ProductType:hover {
	background-color: #ffd;
}

div.ProductType:hover {
	background-color: #ffd;
}

a.ProductType:hover img, .SectionProduct a:hover img, a.ProductType:active img, .SectionProduct a:active img {
	border: 1px solid #fe3;
}

div.ProductType:hover img {
	border: 1px solid #fe3;
}


.wdButton img {
	margin-right: 2px;
	margin-top: -1px;
	vertical-align: middle;
}

a.wdButton {
    background: transparent url('http://spinwear.net/images/button-cap.png') no-repeat scroll top right;
    color: #555 !important;
    display: block;
    float: left;
    font: bold 12px calibri, arial, sans-serif;
    height: 21px;
    margin-right: 5px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.wdButton span {
    background: transparent url('http://spinwear.net/images/button.png') no-repeat;
    display: block;
    line-height: 21px;
    padding: 0px 0px 0px 6px;
}
a.wdButton:hover {
    background: transparent url('http://spinwear.net/images/button-cap-over.png') no-repeat scroll top right;
    color: #900 !important;
}

a.wdButton:hover span {
    background: transparent url('http://spinwear.net/images/button-over.png') no-repeat;
}

.wdProductLink a, .wdProductLink a:link, .wdProductLink a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.wdProductLink a:hover, .wdProductLink a:selected {
	font-weight: bold;
	color: #900 !important;
}

.wdProductTeaser {
	color: #000;
	font-size: 12px;
}

.wdMainSectionDesc {

}

.wdPrice {
	color: #b00;
	font-weight: bold;
}

.tdSection:hover {
	background-color: #ffd;
}

.tdSection:hover img.imgSection {
	border: 1px solid #fe3 !important;
}

.tdSection h3 {
	color: #000;
}

.wdProductDetail #miscNotes {
	margin: 0px 0px 8px 18px;
	font-size: 12px;
	line-height: 16px;
}

.wdMerchHeader {
	font-size: 14px;
	color: #999;
	margin: 10px 4px -10px 12px;
	font-weight: bold;
	border: 1px solid #999;
	background-color: #eee;
	padding: 4px;
	
}

#wdCouponBanner {
	background-color: none;
	background-image: url(http://wheedesign.com/images/bg_coupon.png);
	background-position: top center;
	background-repeat: no-repeat;
	color: #060;
	font-weight: bold;
	width: 690px;
	height: 35px;
	margin: 0px auto 0px auto;
	line-height: 35px;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}

.imgFloatRight {
	float: right;
	border: 1px solid #999;
	margin: 1px 0px 1px 10px;
}

/**************************************************************/

.mgArticle {

}

#BodyContent p {
	margin-bottom: 10px;
}

.mgHeadline, #BodyContent h1 {
	background-image:url("http://wheeshirt.com/images/bg-h1.png");
	background-position:top left;
	background-repeat:repeat-x;
	border:1px solid #339eca;
	color:#339eca;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 4px;
	padding:2px 8px 3px;
}

.mgSubHead, #BodyContent h2 {
	color:#666;
	font-family:Calibri,  Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	margin:0 0 4px 8px;
	padding:0 10px 2px 5px;
}

#BodyContent h3 {
	color:#333;
	font-family:Calibri,  Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style: italic;
	letter-spacing:2px;
	margin:0 0 2px 0px;
	padding:0 10px 1px 0px;
}

#BodyContent h4 {
	color:#333;
	font-family:Calibri,  Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 2px 0px;
	padding:0 10px 1px 0px;
}

.mgDateLine {
	font-size: 12px;
	font-style: italic;
	color: #777;
	padding: 0px 0px 6px 0px;
	line-height: 1.4em;
	text-align: right;
}

.mgBody {
	font-size: 12px;
	color: #333;
	line-height: 1.4em;
	margin:0 12px 4px 12px;
}

.mgBody p {
	font-size: 12px;
	color: #333;
	line-height: 1.4em;
	margin-top: 8px;
}

.mgFloatRight {
	float: right;
	width: 170px;
}

.mgGalleryImage {
	border: 1px solid #7f5490;
	margin: 5px 5px 5px 5px !important;
}

.mgBody ul {
	margin: 8px 0px 4px 26px;
  list-style-type: disc !important;
}

.mgBody ul ul {
	margin: 0px 0px 4px 14px;
  list-style-type: disc !important;
}

.formLabel {
	font-weight:bold;
	color: #039 !important;
}


.mgToolbar {
	margin: 2px 2px 2px 2px;
	padding: 2px;
  height: 21px;
}

.mgToolbar ul {
	margin: 0px 0px 6px 2px; /*removes indent IE and Opera*/
	padding: 0px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}
	
.mgToolbar li {
	margin: 0px 5px 0px 5px;
	font-weight: normal;
	float: left;
}

.mgToolbar li a img {
	margin-right: 2px;
	margin-top: -1px;
	vertical-align: middle;
}

.mgToolbar li a {
   text-decoration: none;
}


.mgToolbar li a:hover {
    color: #005a9d !important;
}

/* Article Container */
.mgComments .mgArticle {
	border: 1px solid #ccc !important;
	margin: 10px !important;
	padding: 0px !important;
	background-color: #eee;
}

.mgCommentsHeader {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	margin: 2px 0px 2px 10px;
}

.mgCommentsFooter {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	margin: 2px 0px 2px 10px;
	text-align: right;
}

.mgComments .mgBody {

  color: #333;
  margin: 0px 10px 10px 10px;
} 

.mgComments .mgByLine {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  margin: 0px 10px 0px 10px;
	font-style: italic;
	text-align: right;
	line-height: 12px !important;
	padding: 6px 0px 1px 0px !important;
} 

.mgComments .mgDateLine {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  margin: 0px 10px 0px 10px;
	font-style: italic;
	text-align: right;
	line-height: 12px !important;
	padding: 0px !important;
} 

div.mgLinkList ul {
	border-top: 1px solid #ddd;
	margin: 0px 0px 0px 0px;
  list-style-type: none !important;
}

div.mgLinkList ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}

div.mgLinkList ul li img  {
	margin: 4px 4px 0px 0px;
	vertical-align: middle;
}

div.mgLinkList ul li a {
	display: block;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	color: #666;
	font-weight: bold;
	background-color: transparent;
	padding: 2px 8px 2px 8px;
	line-height: 16px;
	text-decoration: none;
}

div.mgLinkList ul li a:link, div.mgLinkList ul li a:visted {
	color: #666;
	background-color: transparent;
}

div.mgLinkList ul li a:hover, div.mgLinkList ul li a:active {
	color: #257495;
	background-color: #ffd;
}

div.mgLinkList ul li a.Current{
	color: #e25e58 !important;
	background-color: #fee2c2 !important;
}

.iconTshirt {
	vertical-align: middle;
	padding: 0px 2px 0px 3px;
}

.blogGallery a {
	display: block;
	float: left;
	text-decoration: none;
	padding: 0px 8px 10px 8px;
	border: 1px solid #fff;
	width: 
}


.blogGallery a:hover {
	color: #090;
	background-color: #ffd;
	border: 1px solid #ddd;
}


.TShirtIcon {
	display: inline !important;
	text-decoration: none !important;
	border: none !important;
	float: none !important;
}


.blogGallery img {
	margin: 2px;
	border: 1px solid #999;
}

.blogRight {
	float: right;
	padding: 10px 10px 10px 10px;
}