body {text-align: center; font-family: Arial, Helvetica, sans-serif; background: #fff; font-size: 12px; padding: 0px; margin: 10px 0px 0px 0px}
#banner, #menu, #section2, #section, #footer, #pageheader, #specials, #full, #fulltext, #fullimage, .glinks, #howto {overflow:hidden; display:inline-block}
.bold {font-weight: bold}
li {margin: 12px 0px}
ol {margin-bottom: 30px}
.bluebold {font-weight: bold; color: #5398c6}
.orange {color: #f60}
.blueboldbig {font-weight: bold; color: #5398c6; font-size: 16px}
table {text-align: left}
h3 {color: #5398c6; font-size: 18px}
.right {float: right; margin: 0px 0px 10px 10px}
.nofloat {clear: both}

/*bounding box and link styles*/
#container {width: 90%; margin: 10px auto; background-color:#fff; color: #000}
a {font-weight: bold; color: #f60; text-decoration: none}
a:hover {color: #5398c6}

/*banner and contact details*/
#banner {width:100%; clear: both; background: url(img/bannernew.jpg) top center no-repeat; padding-top: 120px; color:#666; font-weight: bold; font-size: 14px}
#banner a {text-decoration: none; font-weight: bold; color: #000}
#banner a:hover {color: #f60}
.black {font-weight: bold; color: #000}
.centertxt {margin: 0px 15px; font-size: 16px}

/*main nav*/
#menu {width:100%; clear: both; padding: 0px 0px 10px 0px;}
#menu a {color: #f60; text-decoration: none; font-weight: bold; margin: 0px 4px}
#menu a:hover {color: #5398c6}
.deadlink {font-weight: bold; color: #5398c6; margin: 0px 5px}

/*page titles and headers*/
#pageheader, #pageheader2 {width: 100%; clear: both; margin: 5px 0px 0px 0px}
#pageheader a {width: 407px; height: 33px; background: url(img/offers.jpg) center center no-repeat; display: block; margin: 0px auto 10px auto}
#pageheader a:hover {background: url(img/offers2.jpg) center center no-repeat}
#pageheader img {margin-bottom: 20px; border: none}
#pageheader 2 img {margin-bottom: 10px}
.midpage {display: block; margin: 20px auto 20px auto; clear: both}
.midpage2 {display: block; margin: 20px auto 20px auto}
#organic {width: 100%; clear: both; margin: 5px 0px 0px 0px}
#organic img {margin: 0px 20px 10px 20px; border-width: 0px}

/*paragraphs for t-shirt pages top*/
p.top {margin: 10px auto 10px auto; width: 600px; text-align: left}
p.top2 {margin: 0px auto 30px auto; width: 600px; text-align: left}
p.red {color: #be1e2d; width: 600px; margin: 0px auto 10px auto; text-align: left; font-weight: bold}


/*two column layout*/
#section {float:left;}
#section2, #section2b {float:right;}
#section, #section2 {text-align: left; width:50%; margin-top: 10px}
#section p, #section2 p, #section2b p {padding: 0px 10px 10px 10px; margin: 0px; text-align:justify}
#section2b {border-left: 1px solid #000; text-align: left; width: 49%}

/*footer*/
#footer {clear:both; width:100%; margin: 20px 0px; font-size: 13px; text-align:center}
.title {display: block; margin: 0px}
.terms {float: left; margin-left: 10px}
.email {float: right; margin-right: 10px}

/*specials page - fixed width */
#specials {width: 910px; margin: 10px auto 0px auto; text-align: justify}
#specials1 {float: left; width: 450px; padding: 0px; margin-right: 5px}
#specials2 {float: right; width: 450px; padding: 0px; margin-left: 5px}
h5 {margin: 5px 0px 10px 20px; font-size: 18px; color: #85bde7}
h5.center {text-align: center}
.cell1, .cell2, .cell3, .cell4, .cell5, .cell6, .cell7, .cell8 {float: left; font-size: 13px}
.cell1 {width: 32px; color: #f60;  margin: 2px 0px}
.cell2 {width: 110px; margin: 2px 0px}
.cell3 {width: 35px;  margin: 2px}
.cell4 {width: 143px; margin: 2px 0px}
.cell5 {width: 52px; margin: 2px}
.cell6 {width: 20px; margin: 2px}
.cell7 {width: 40px; margin: 2px; color: #f60}
.cell8 {width: 153px; margin: 2px}
.cell9 {margin-right: 10px}
.stable {width: 450px; font-weight: bold; margin: 10px 0px}
.stable img {margin: 10px 0px}
#footer2 {width: 920px; margin: 20px auto; clear: both; font-size: 13px; text-align:center; padding: 20px 0px}
p.first {font-weight: bold; margin-top: 0px}
p.nextoffer {border-width: 0px; margin-top: 10px; margin-bottom: 0px; float: right}
p.nextoffer img {border-width: 0px}
#specials2 .left, #specials2 .left2 {float: left; margin: 0px}
#specials2 .left2 {font-size: 10px; text-align: center}
#specials2 img {border-width: 0px}
#orglinks img {margin-top: 30px; margin-left: 20px; border-width: 0px}
.half {float: left; width: 45%}
.half2 {float: right; width: 45%}
.green {color: #063}
.topmargin {padding-top: 80px}
.topmargin img {float: right; margin: -15px 0px 0px 10px; border-width: 0px}



/*one column layout*/
#main {text-align: left}
#main p {margin: 0px 10px 10px 10px; text-align: justify}

/*fixed width t-shirt page and links*/
#fixed {width: 700px; margin: 0px auto}
#tlinks {height: 161px; position: relative; margin: 20px 0px}
#tlinks a {width: 161px; height: 106px; display: block; text-decoration: none; padding-top: 50px; font-size:18px; color: #fff}
#tlinks .uni a {background: url(img/linkback1.jpg) top left no-repeat}
#tlinks .organic a {background: url(img/linkback4.jpg) top left no-repeat}
#tlinks .womens a {background: url(img/linkback3.jpg) top left no-repeat}
#tlinks .mens a {background: url(img/linkback2.jpg) top left no-repeat}
#tlinks .polo a {background: url(img/linkback5.jpg) top left no-repeat}
#tlinks .vests a {background: url(img/linkback6.jpg) top left no-repeat}
#tlinks .uni a:hover {background: url(img/linkback1b.jpg) top left no-repeat}
#tlinks .organic a:hover {background: url(img/linkback4b.jpg) top left no-repeat} 
#tlinks .womens a:hover {background: url(img/linkback3b.jpg) top left no-repeat} 
#tlinks .mens a:hover {background: url(img/linkback2b.jpg) top left no-repeat}
#tlinks .polo a:hover {background: url(img/linkback5b.jpg) top left no-repeat} 
#tlinks .vests a:hover {background: url(img/linkback6b.jpg) top left no-repeat}

#tlinks a.left {position: absolute; top: 0px; left: 10px}
#tlinks a.center {position: absolute; top: 0px; left: 268px}
#tlinks a.right {position: absolute; top: 0px; right: 10px}
p.tees {margin: 0px; text-align: justify}

/*gallery section, row value represents the amount of thumbnail blocks it holds*/
#gallery {width: 875px; margin: 0px auto}
.row2, .row3, .row4, .row5 {clear: both; margin: 0px auto}
.row5 {width: 875px}
.row4 {width: 700px}
.row2 {width: 360px}
.row3 {width: 530px}
.box {width: 155px; font-weight: bold; color: #666; margin: 0px 10px; float: left; height: 260px; text-align: left; font-size: 10px}
.box img {border: none}

/*back buttons - back2 is for full t-shirt pages*/
.back2 a, .back a {width: 35px; height: 35px; margin: 0px auto; background: url(img/bk2.jpg) center center no-repeat; display: block; clear: both; padding-top: 19px; text-align: right; padding-left: 20px}
.back2 {margin-right: 118px}
.back2 a:hover, .back a:hover {background: url(img/bk.jpg) center center no-repeat; color: #000}

/*full image and t description page content*/
#full {width: 800px; clear: both; margin: 20px auto 30px auto; color: #666}
#full .bold {color: #000}
#fulltext {width: 390px; float: left; padding-right: 10px; text-align: left}
#fulltext p {margin-left: 120px; margin-top: 0px}
#fullimage {width: 400px; float: left}
#fullimage img {float: left}
.prices {margin: 0px 10px}
.prices2 {margin: 0px 10px 0px 6px}
.swatch {text-align: center}
.swatch img {margin: 10px auto}
#footer3 {width: 680px; clear: both; margin: 0px auto; padding-top: 30px}
#footer3 .terms {margin: 0}

/*swatch page text*/
.swatchtxt {font-weight: bold; padding: 0px 10px; color: #333333}

/*gallery links*/
.glinks {float: none; width: 110px; margin: 10px auto; height: 33px}
.one a {display: block; width: 40px; height: 33px; background:url(gallery/img/one.jpg) top left no-repeat; float:left}
.one a:hover {background:url(gallery/img/oneb.jpg) top left no-repeat}
.onedead {display: block; width: 40px; height: 33px; background:url(gallery/img/onec.jpg) top left no-repeat; float:left}
.two a {display: block; width: 40px; height: 33px; background:url(gallery/img/two.jpg) top left no-repeat; float: right}
.two a:hover {background:url(gallery/img/twob.jpg) top left no-repeat}
.twodead {display: block; width: 40px; height: 33px; background:url(gallery/img/twoc.jpg) top left no-repeat; float: right}

/* how to pages*/
#howto {width: 780px; clear: both; margin: 0px auto}
.howright {float: right}
#howto p {text-align: justify}
#footer4 {width: 780px; clear: both; margin: 0px auto; padding-top: 30px}
#footer4 .terms {margin: 0}
.boxleft {text-align: left; font-weight: bold; color: #5398c6; float: left; width: 360px}
.boxright {text-align: right; font-weight: bold; color: #5398c6; float: right; width: 420px}
.boxright2 {text-align: right; font-weight: bold; color: #5398c6; float: right; width: 360px}
.boxright img, .boxright2 img {float: right}
.boxleft img {float: left}
.paratitle {display: block; margin-bottom: 10px}