.menu {
	width:930px;
	height:32px;
	font-size: 0.85em;
	position:relative;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	color:#993300;
	margin-right: auto;
	margin-left: auto;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:920px; w\idth:880px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:120px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:120px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#993300;
	width:120px;
	height:30px;
	background:#ffffff;
	padding-left:10px;
	line-height:29px;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:120px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#330000 url(http://www.cssplay.co.uk/graphics/drop.gif) no-repeat right bottom;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#663300 url(http://www.cssplay.co.uk/graphics/drop.gif) no-repeat right bottom;}
.menu ul ul :hover > a.drop {background:#663300 url(http://www.cssplay.co.uk/graphics/drop.gif) no-repeat right bottom;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#330000;
}
/* style the third level hover */
.menu ul ul ul a:hover {background:#999966;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:149px;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#330000; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#993300;}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background:#993300;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
body {
    background-color: #ffffff;

}

h1 {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color:#330000;;
	text-decoration: none;

}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #330000;
	text-decoration: none;
	text-align: center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #330000;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #330000;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
}

#container {
	padding: 0px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
}
#header {
    margin:0px auto;
	margin-top:0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	height: 105px;
	width: 930px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999966;
	line-height: normal;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/advertees-logo.gif);
	
}


#page {
	width:930px;
	margin:0px auto;
	padding:10px;
	padding-top: 0px;
	background:#ffffff;

	}
	
.left {
	float:left;
	}

.right {
	float:right;
	}

#toplinks {
	width: 930px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999966;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 0px;
}

#topbox {
	margin:0px auto;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	width: 930px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999966;
	padding-top: 4px;
	padding-bottom: 12px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999966;
}



#product {
	background-color: #FFFFFF;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dashed #999966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #333333;
	height: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	list-style-position: outside;
	list-style-type: circle;
}
#productleft {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 250px;
	float: left;
}

#pricing {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999966;
	background-color: #FFFFFF;
	
}

#T3 {
    margin:0px auto;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	width: 920px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999966;
		padding-top: 4px;
	padding-bottom: 12px;

}

#T4 {
	text-decoration: none;
	background-color: #FFFFFF;
	height: auto;
	width: 900px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999966;

}

#footer {
	height: 30px;
	width: 920px;
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999966;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #333333;
}

.T3 {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	height: auto;
	width: 920px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999966;

}

.T4 {
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
	width: 900px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999966;
	margin-right: auto;
	margin-left: auto;
}

.T5 {
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
	width: 600px;
	margin-top:10px;
	margin-bottom:5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999966;
	margin-right: auto;
	margin-left: auto;
}

.T6 {
	background-color: #FFFFFF;
	text-align: left;
	height: auto;
	width: 920px;
	margin-top:10px;
	margin-bottom:5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999966;
	margin-right: auto;
	margin-left: auto;
}

.screenprintingright {
	float:right;
	margin:0px auto;
	width: 390px;
    margin-top:5px;
	margin-bottom:15px;
	background-image: url(images/diag_stripe.gif);

	
}

.screenbottomright {

	float:right;
	margin:0px auto;
	height: 150px;
	width: 390px;
    margin-top:5px;
	margin-bottom:5px;
    background-image: url(images/diag_stripe.gif);
}

.bottombar {

	margin:0px auto;
	clear:both;
	height: auto;
	width: 930px;
    margin-top:15px;
	margin-bottom:5px;
    background-image: url(images/diag_stripe.gif);
}

.indexcontent {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float:left;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:5px;
	height: 150px;
	width: 515px;
	background-image: url(images/index-page-fade.jpg);
}


.screenprinting {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float:left;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:5px;
	height: 150px;
	width: 515px;
	background-image: url(images/index-page-fade.jpg);
}

.tshirtprinting {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float:left;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:5px;
	height: 150px;
	width: 515px;
	background-image: url(images/organic-t-shirt.jpg);
}

.embroidery {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float:left;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:5px;
	height: 150px;
	width: 515px;
	background-image: url(images/custom-embroidery.jpg);
}

.transferprinting {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float:left;
margin:5px auto 5px;
	height: 150px;
	width: 515px;
	background-image: url(images/tshirt-transfer.jpg);
}

.directgarment {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	float:left;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:5px;
	height: 150px;
	width: 515px;
	background-image: url(images/dtg-printing.jpg);
}

.yourbudget {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:10px;
	height: 150px;
	width: 880px;
	background-image: url(images/cheap-t-shirt-printers.jpg);
}

.quantityrates {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:10px;
	height: 150px;
	width: 880px;
	background-image: url(images/short-run-t-shirt-printing.jpg);
}

.blacktshirts {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:10px;
	height: 150px;
	width: 880px;
	background-image: url(images/black-t-shirts.jpg);
}

.organicfairtrade {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin:0px auto;
	margin-top:5px;
	margin-bottom:10px;
	height: 170px;
	width: 880px;
	background-image: url(images/environmental-fair-trade.jpg);
}

a:link {
	color:#993300;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#993300;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.style58 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}



.style19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-align: left;
	color: #333333;
}

.style67 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.style68 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
}

.style80 {
	font-size: 18px;
	font-style:italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
}
.style70 {

	font-size: 14px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	color: #3366CC;
}

.style59 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.style18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-align: right;
}
.style17 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-align: center;
}
.piccys {
	background-color: #FFFFFF;
	color: #FFFFFF;
}

#productlarge {
	background-color: #FFFFFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dashed #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #333333;
	height: 400px;
	padding-top: 12px;
	padding-bottom: 12px;
	list-style-position: outside;
	list-style-type: circle;
}
#deals-container {
float:right;
margin:5px auto;
padding-top:5px;
width:400px;
}
.deal-offers {
background-color:#fff;
height:133px;
margin-top:7px;
}
.deal-offers img {
border: none;
}
#deal-header {
padding: 10px 0px 10px 0px;
height: 133px;
clear: both;
}
#deal-header-image {
float: left;
height: 133px;
width: 400px;
}
#what-does-deal-include {
float: right;
width: 480px;
padding: 0px 5px 0px 5px
}

#deal-description {
width: 800px;
margin: auto;
}

.deal-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: center;
font-weight: bold;
}
#brands {
	width: 515px;
}
#brands img {
	margin-top: 20px;
	margin-left: 3px;
	margin-right: 3px;
	border: none;
}.pantone-block {
	background-color: #00CC99;
	margin: 1px;
	height: 60px;
	width: 60px;
	float: left;
}
#pantones {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#faq-list {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 25px ;
}

#faq-list li ul {
font-size: 12px;
font-weight:normal;
line-height: 17px ;
}

#design-position {
margin: 0px auto;
width: 900px;
background-color: #e5e5e5
}
a img {
border:none;
}
.faq-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.faq-title a link {
color: #333333;
}
.faq-title a visited {
color: #333333;
}
.faq-title a hover {
color: #333333;
}
.faq-title a actve {
color: #333333;
}
.opensource {
width: 800px;
}
.opensource span a {
font-size: 14px;
}
.style19 b {
font-weight: bold;
}
.font-list {
width: 880px;
margin: 0px auto;
}
.font-list span {
float: left;
margin: 20px 20px;
width: 400px;
height: 140px;
display: block;
}
.font-list span p {
text-align: center;
font-size: 36px;

}
.tutorial-column {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.tutorial-column p {
text-align: center;
}
.paid-font-list span {
float: left;
margin: 20px 20px;
width: 266px;
height: 100px;
display: block;
}
.tick-list { 
list-style-image: url(images/tick.gif);
width: 800px;
margin-left: auto;
margin-right: auto;
}