body {
	margin: 0;
	padding: 0;
	background: #fff url(images/background.gif) repeat;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
}

a {
	color: #f36;
	text-decoration: none;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height:1.5em;
	color: #666666;
}

img {
	border: 0;
}

table {
	font-size: 1em;
}

h3 {
	margin:  0 8px 1em 0px;
	padding: 0;
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
}

h4 {
	margin: 0 0 4px 0;
	padding: 0;
	color: #666;
	font-size: 1.1em;
}

.clear {
	clear: both;
}

#main {
	position: relative;
	background: #fff;
	float: left;
	width: 820px;
	margin: 28px 28px 28px 28px;
	padding: 1px;
}

#main-head {
	display: block;
	clear: both;
	height: 60px;
	background-color: #222;
	padding: 20px;
}

#logo {
	position: relative;
	float: left;
	background: transparent url(images/tgraffi_logo.png) no-repeat;
	font-size: 0px;
	height: 60px;
	width: 180px;
	margin: 0 70px 0 17px;
}

#logo a {
	display: block;
	width: 168px;
	height: 48px;
	text-indent: -9999px;
}

#top-menu1 {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#top-menu1 li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	margin: 0 6px 6px 0;
	height: 23px;
}

#top-menu1 a {
	display: block;
	height: 23px;
	font-weight: bold;
	color: #f36;
	text-decoration: none;
	text-indent: -9999px;
}


#top-menu1 .tm1 {
	width: 199px;
	background: url(images/tgraffi_nav_browse.png) no-repeat;
	color: #f36;
}

#top-menu1 .tm2 {
	width: 148px;
	background: url(images/tgraffi_nav_create.png) no-repeat;
}

#top-menu1 .tm3 {
	width: 137px;
	background: url(images/tgraffi_nav_club.png) no-repeat;
}


#top-menu2 {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#top-menu2 li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	margin: 0 7px 0 0;
	height: 20px;
}

#top-menu2 a {
	display: block;
	height: 20px;
	font-weight: bold;
	color: #f36;
	text-decoration: none;
	text-indent: -9999px;
}

#top-menu2 .tm1 {
	width: 92px;
	background: url(images/tgraffi_nav_home.png) no-repeat;
	color: #000;
}

#top-menu2 .tm2 {
	width: 119px;
	background: url(images/tgraffi_nav_about.png) no-repeat;
	color: #3399cc;
}

#top-menu2 .tm3 {
	width: 61px;
	background: url(images/tgraffi_nav_login.png) no-repeat;
	color: #3399cc;
}

#top-menu2 .tm3_logged {
	width: 61px;
	background: url(images/tgraffi_nav_logout.png) no-repeat;
	color: #3399cc;
}

#top-menu2 .tm4 {
	width: 124px;
	background: url(images/tgraffi_nav_account.png) no-repeat;
	color: #99cc00;
}

#top-menu2 .tm4_logged {
	width: 124px;
	background: url(images/tgraffi_nav_myaccount.png) no-repeat;
	color: #99cc00;
}

#top-menu2 .tm5 {
	width: 72px;
	background: url(images/tgraffi_nav_contact.png) no-repeat;
	color: #39c;
}

#sublogo {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	position: relative;
	left: 55px;
}

#homepage-banner {
	position: relative;
	display: block;
	width: 820px;
	height: 210px;
	margin: 0 0px 0 0px;
	background: #222 url(images/tgraffi_intro.png) no-repeat 35px 17px;
}

#homepage-banner p {
	display: none;
}


#main .main-lt {
	float: left;
	width: 522px;
	padding-left: 37px;
	margin-top: 13px;
	padding-bottom: 40px
}

#main .main-lt p {
	/*margin-left: 8px;*/
	margin-right: 8px;
}

#main .main-rt {
	float: left;
	width: 212px;
	margin: 13px 0 70px 26px;
}

.smaller-text {
	font-size: 0.9em;
	line-height: 1.4em;
}

.title-design-range {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	width: 313px;
	height: 20px;
	line-height: 15px;
	background: #fff url(images/tgraffi_header_readymade.png) no-repeat;
	color: #4394dc;
	text-indent: -9999px;
}

.designs {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.designs img {
	border: 0;
}
.designs li {
	position: relative;
	z-index: 2;
	display: block;
	width: 123px;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}

.designs li.nomargin {
	margin: 0 0 10px 0;
}

.title-create-own-design {
	clear: both;
	margin: 0;
	padding: 0;
	width: 462px;
	height: 20px;
	line-height: 15px;
	background: #fff url(images/tgraffi_header_createtee.png) no-repeat;
	color: #f36;
	text-indent: -9999px;
}

.design-club {
	margin: 0 0 8px 0;
	padding: 0;
	width: 190px;
	height: 45px;
	line-height: 14px;
	background: #fff url(images/tgraffi_header_designcl.png) no-repeat;
	color: #666;
	text-indent: -9999px;
}

.follow-us {
	margin: 0 0 8px 0;
	padding: 0;
	width: 190px;
	height: 17px;
	line-height: 14px;
	background: #fff url(images/tgraffi_header_follow.png) no-repeat;
	color: #666;
	text-indent: -9999px;
}

p.follow {
	margin: 0 0 2px 0;
}

.title-keep-in-touch {
	margin: 0 0 8px 0;
	padding: 0;
	width: 170px;
	height: 17px;
	line-height: 14px;
	background: #fff url(images/tgraffi_header_news.png) no-repeat;
	color: #666;
	text-indent: -9999px;
}

#keep-in-touch input {
	width: 168px;
	font-size: 1em;
}

#keep-in-touch button {
	width: 30px;
}

#keep-in-touch {
	margin: 0;
	padding: 10px 0 0 0;
}

#rightcol {
	float: left;
	width: 188px;
	margin: 0 0 0 14px;
	background-color: #333;
	color: #999;
	font-size: 0.9em;
}


#rightcol .container {
	margin: 7px;
}

.title-get-around {
	margin: 15px 0 0 0;
	padding: 0;
	width: 158px;
	height: 20px;
	line-height: 20px;
	background: #333 url(images/get-around.gif) no-repeat;
	color: #666;
	text-indent: -9999px;
}

.bar {
	display: block;
	width: 169px;
	height: 2px;
	line-height: 2px;
	margin-top: 11px;
	background: transparent url(images/broad-cat-bar.gif) left top no-repeat;
}

.broad-cat {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	font-size: 1.1em;
}

.broad-cat li {
	margin: 0;
	padding: 0;
}

.broad-cat li a {
	display: block;
	color: #39c;
	padding: 5px 0 7px 9px;
	background: #333 url(images/broad-cat-bar.gif) left bottom no-repeat;
}

.broad-cat li a:hover {
	color: #ff3366;
}

.title-about {
	margin: 20px 0 8px 0;
	padding: 0;
	width: 99px;
	height: 22px;
	line-height: 20px;
	background: #333 url(images/basket.png) no-repeat;
	color: #666;
	text-indent: -9999px;
}

.title-affiliate {
	margin: 20px 0 8px 0;
	padding: 0;
	width: 118px;
	height: 21px;
	line-height: 21px;
	background: #333 url(images/affiliate.gif) no-repeat;
	color: #666;
	text-indent: -9999px;
}


#footer {
	clear: both;
	margin-bottom: 0;
}

#footer #footer-left {
	float: left;
	width: 821px;
/*	height: 77px;*/
	margin: 0 0 30px 28px;
	background: #222 url(images/tgraffi_footer_logo.png) no-repeat 650px 25px;
}

#footer #footer-left p {
	margin: 15px;
	width: 430px;
	color: #666;
/*	line-height: 1.3em;*/
}

#footer #footer-right {
	float: left;
	width: 188px;
	height: 77px;
	margin-left: 14px;
}

.title-wear-mens-tees {
	font-family: Georgia;
	font-weight: bold;
	text-transform:uppercase;
	position: relative;
	z-index: 2;
	margin: 0 0 9px 0;
	padding: 0;
	width: 522px;
	height: 31px;
	line-height: 31px;
	background: transparent url(images/wear-mens-tees.gif) no-repeat;
	color: #333;
	text-indent: 140px;
}

.title-create-mens-tees-show {
	font-family: Georgia;
	font-weight: bold;
	text-transform:uppercase;
	position: relative;
	z-index: 2;
	margin: 0 0 9px 0;
	padding: 0;
	width: 522px;
	height: 31px;
	line-height: 31px;
	background: transparent url(images/create-mens-tees2.gif) no-repeat;
	color: #333;
	text-indent: 140px;
}

.pager {
	clear: both;
}

.pager .pages {
	display: block;
	float: left;
	margin: 20px 0 0px 7px;
}

.pager .nextpage {
	display: block;
	float: right;
	text-align: right;
	margin: 20px 13px 0px 0;
}

.title-categories {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	width: 155px;
	height: 15px;
	line-height: 15px;
	background: #fff url(images/categories.gif) no-repeat;
	color: #39c;
	text-indent: -9999px;
}

.pinkcat {
	margin: 10px 0 20px 13px;
	padding: 0;
	color: #f36;
	list-style-type: none;
	font-weight: bold;
	font-size: 1.1em;
}

.title-basket {
	margin: 0 0 10px 0;
	padding: 0;
	width: 99px;
	height: 15px;
	line-height: 15px;
	background: #fff url(images/basket.png) no-repeat;
	color: #39c;
	text-indent: -9999px;
}

.title-search {
	margin: 15px 0 10px 0;
	padding: 0;
	width: 99px;
	height: 15px;
	line-height: 15px;
	background: #fff url(images/search.gif) no-repeat;
	color: #39c;
	text-indent: -9999px;
}

#searchbox {
	margin: 0;
	padding: 0;
}

#search {
	border: 1px solid #9cc;
	width: 191px;
	font-size: 1.5em;
	margin: 0 0 12px 0;
}

.go-search-button {
	margin: 0 0 12px 0;
	padding: 0;
	border: none;
	width: 109px;
	height: 12px;
	background: #aaa url(images/go-search-button.gif) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.title-create-your-own {
	margin: 12px 0 15px 0;
	padding: 0;
	width: 172px;
	height: 12px;
	line-height: 12px;
	background: #fff url(images/create-your-own.gif) no-repeat;
	color: #39c;
	text-indent: -9999px;
}

.add-small {
	position: relative;
	width: 113px;
	height: 24px;
	background: #f36 url(images/add-to-basket-small.gif) no-repeat;
	cursor: pointer;
	border: none;
	font-size: 0;
}

.add-small span, .add-large span {
	text-indent: -9999px;
}

.add-large {
	position: relative;
	width: 180px;
	height: 38px;
	background: #f36 url(images/add-to-basket-large.gif) no-repeat;
	cursor: pointer;
	border: none;
	font-size: 0;
}

#create-tee {
	position: relative;
	z-index: 2;
	background: transparent url(images/tshirt1a_White.jpg) 0px 20px no-repeat;
	margin: 0px 0 0px 0;
}

#create-tee-form { /*was same as cart quantity*/
	margin: 0;
	padding: 0;
	margin-top: 0;
	color: #666;
}

#cart_quantity {
	margin: 0;
	padding: 0;
	margin-top: 210px;
	color: #666;
}

/*#create-tee-form p, #cart_quantity p {
	margin: 0 0 20px 0;
}*/

#create-tee-form .col1, #cart_quantity .col1, .main-lt .col1 {
	/*position: relative;*/
/*	top: 310px;*/
	float: left;
/*	top:-110px;*/
	width: 240px;
	margin: 27px 0 0 0;
}

/*#create-tee-form .col2, #cart_quantity .col2 {
	position: absolute;
	top: 310px;
	left: 279px;
	width: 244px;
	margin: 0;
}

#create-tee-form .col2 p, #cart_quantity .col2 p {
	margin: 0 0 10px 0;
	padding: 0;
}*/

#create-tee-form label, #cart_quantity label, .main-lt label {
	display: block;
	font-weight: bold;
	color: #39c;
	margin: 0 0 5px 0;
}

.main-lt .col2 {
	float: right;
	left: 279px;
	width: 244px;
	margin: 27px 0 0 0;
}

#b1 {
	margin: 0 0 0 65px !important;
}

/* Addition for basket to style */

.greybor {
	border: 1px solid #666;
	margin: 0 0 10px 0;
	display: block;
	clear: both;
	background-color: tan;
}

.greyfat {
	border: 6px solid #eee;
	background-color: white;
	padding: 7px 9px;
}

.basket {
	margin: 0 0 3px 0;
	padding: 0;
	width: 190px;
	height: 17px;
	line-height: 14px;
	background: #fff url(images/tgraffi_header_yourbasket.png) no-repeat;
	color: #666;
	text-indent: -9999px;
}

.basval {
	margin: 0;
	font-size: 1.5em;
	color: #333;
}

.basview {
	margin: 0;
}
.p_cond {
	 font-size: 16px; color: #99CC00; font-family: Arial, sans-serif; font-weight:bold;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; margin-bottom:20px; }

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }