@charset "utf-8";
/* CSS Document */
/* This is the default font color and background color of each page */

.sale {
	color: #F00;
	display: block;
	width: 746px;
	border: 2px solid #F00;
	text-transform: capitalize;
	font: bold 1.1em "Trebuchet MS";
	text-align: center;
}

.sale2 {
	color: #F00;
	text-transform: capitalize;
	font: bold .8em Arial;
	text-align: center;
}



#table750 {
	border-top-color: #111111;
	border-right-color: #111111;
	border-bottom-color: #111111;
	border-left-color: #111111;
}

.tsm-hr {
	width: 750px;
	color: #99ccff;
	margin-right: auto; 
	margin-left:auto;
}

body {
	background-color:#FFF;
	margin: 0px;
	padding: 0px;
}

.trebStyle {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	margin:0;
	padding:0;
}

.arialStyle {
  font-family: arial,verdana,sans-serif;
  font-size: 12px;
  color: #000000;
  background: #ffffff;
  margin:0;
  padding:0;
}

.verdanaStyle {
  font-family:Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #ffffff;
  margin:0;
  padding:0;
}
.line {
	line-height: 20px;
}

#page750 {
	width : 750px;
	text-align: center;
	margin:0 auto 0 auto;
}

#navbar55 {
	padding: 0;
	margin-right: 0px;
	background-color: #99CCFF;
	color: white;
	float: left;
	width: 100%;
	text-transform: uppercase;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
#navbar55 li {
	list-style: none;
	float: right;
	line-height: 16px;
}
#navbar55 li a {
	display: block;
	padding: 3px 8px;
	background-color: #99CCFF;
	color: #000;
	text-decoration: none;
	}
	
#navbar55 li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #99CCFF;
	}
	
#navbar55 li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar55 li:hover li {
	float: none; }
#navbar55 li:hover li a {
	background-color: #99CCFF;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar55 li li a:hover {
	background-color: #0000FF;
	color: #fff;} 
	
#navbar55  a:hover
{
	background-color: #0000FF;
	color: #fff;
}
#navbar55  img {
	border:none;
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

#gray  a:hover
{
	background-color: #666;
	color: #fff;
}


#bananawrap
{
	width:750px;
	clear: both;
}

#logo { 
float : left; 
padding : 0 0 0 0; 
} 

#logo img { 
width : 153px; 
height : 155px; 
border : 0; 
}


#banana
{
	margin-left:0px;
	text-align:left;
	float: left;
	margin-top: 50px;
	margin-bottom:30px;
}

#banana img {
	width:125px;
	height:100px;
	border:none;
}


.trans7 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background-color: #FFF;
}

.trans7:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color: #FFF;
}

#page-content {
	margin: auto;
	padding: 0px;
	clear: both; 
	width: 750px;
	}



.TABLE-NEW  {
	table-layout:auto;
	border:none;
	width:750px;
	margin: 0px;
	padding: 0px;
	float: none;
}

.TABLE-NEW TD {
	width: 75%;
	top: 0px;
	border: 1px solid #99CCFF;
	text-align: center;
}
	
.TABLE-NEW2  {
	margin:0 auto;
	border:none;
	width:450px;
}

.TABLE-NEW TD2 {
	
}	
	
	
	
	
	
	
	
	

.750 {
	width:750px;
	color:#99ccff;
}
			







#TABLE-FACEBOOK {
	background-color: #F00;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	width: 500px;
}

















#menu img { 
width : 77px; 
height : 18px; 
padding-left : 5px; 
padding-right : 5px; 
padding-bottom : 4px; 
padding-top : 4px; 
border : 0; 
} 
#menu { 
margin-left : 33%; 
padding-top : 24px;
} 
#menu li { 
display : inline; 
} 
a {
    outline: none;
}

.larger {
	font-size: 0.85em;
	font-weight: bolder;
	padding: 0px;
	margin: 0px;
}

.smaller {
	font-size: .8em;
	font-weight: bold;
}
 
#remove {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	width: 200px;
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	padding: 0px;
	margin-bottom: 10px;
}

#remove a:active { color : #ff0000; } 
#remove a:link { color: #00F; text-decoration:none; } 
#remove a:visited { color: #00F; text-decoration:none; } 
#remove a:hover { color: #F00; text-decoration:underline; }  



<!--XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-->
<!--XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-->
<!--XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-->











<!--XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-->
<!--XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-->
<!--XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-->








a:active     { color: #FF0000 }
a:link       { color: #0000FF }
a:visited    { color: #800080 }
a:hover      { color: #FF0000 }



.custom a:hover {cursor: url( http://www.tshirtmagic.com/images/steps/paint.cur), progress;}


/* This is the font colour and font of the left-side category links */
a.leftNavCategories
{
	color: #0000ff;
	font-family: arial, helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-decoration: none; /*  no underlining */
	height:20px;
	margin-left:2px;
	line-height: 20px;	
}



/* This is the font colour and font of the sub categories links */
a.subCategories
{
	color: #0000FF;
	font-size: smaller;
	font-family: arial, helvetica, Verdana, sans-serif;
	text-decoration: none;  /* no underlining */
	font-weight: bold;
}

/* This is the color/background-color (blue) of the customizable text in a design */
.change
{
	color: #0066FF;
	background-color: inherit;  /* inherit means "don't change the font colour" */
}

/* This is the color/background-color (fusha) of the Extra Info text in a design */
.change2
{
	color:  #CC00CC;
	background-color: inherit;  /* inherit means "don't change the font colour" */
}

/* This is the color/background-color (red) of the customizable text in a design */
.change3
{
	color: #FF0000;
	background-color: inherit;  /* inherit means "don't change the font colour" */
}

/* Ignore this */
form {display: inline; margin: 0px; padding: 0px; border-width: 0px;}





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



/* Banner */
  
.h1 {
	   
	font: Trebuchet MS;
	text-align: center;
	background: #0000FF;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	
	
}


.h2 {
	   
	font-family: Arial;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
		
}

.h3 {
	   
	font-family: Arial;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
		
}

.h4 {
	   
	font-family: Arial;
	text-align: center;
	font-size: 12px;
	font-weight: 900;
	font-variant:small-caps
		
}

.h5 {
	   
	text-align: center;
	font-size: 16px;
	font-weight: 900;
	font-variant:small-caps
		
}





.sizechart-row1 {
	font-family: Arial;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: none;
	border: 1px solid #CCCCCC;
}

.sizechart-row2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight: bold;
	text-align:center;
	border: 1px solid #CCCCCC;
}


.sizechart-row3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
}

.sizechart-list {
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	text-indent:150px;
}





	
/* About Paragraphs */

.About {
	margin: 8px 0px 0px 0px;
	padding: 0px 4px 0px 8px;
	width: 260px;
	xborder-right: 1px solid #f3f3f3;
	position: absolute;
	}
.About h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color:#FFFF00;
	}
.About p {
	margin: 0px;
	padding: 2px 0px 6px 0px;
	color:#FFFFFF;
	line-height: 150%;
	}
.About p strong {
	font-weight: normal;
	text-decoration: underline;
	}
	
.header_nav1 {
	font-family: Arial;
	font-size: 10px;
	color: #999999;
	text-indent: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99CCFF;
	border-right-color: #99CCFF;
	border-bottom-color: #99CCFF;
	border-left-color: #99CCFF;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

	
}
.Header_Bar2 {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
	text-align:center;	
	color: #FFFFFF;
	background-color: #0000FF;
	margin: 0px;
	padding: 0px;
}
.Step_Info {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.List_Items {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	margin-top: 15px;
	margin-left: 15px;	
	
}

.List_Items2 {
	font-family: Arial;
	font-size: 20px;
	font-weight: bolder;
	margin-top: 15px;
	margin-left: 15px;
	text-align: center;	
	
}

.List {
	font-family: Arial;
	font-size: 14px;
	font-weight: bolder;
	margin-top: 15px;
	
}

.Extra_Info {
	font-family: Arial;
	font-size: 16px;
	margin-bottom: 15px;	
	
}


.Extra_Info2 {
	font-family: Arial;
	font-size: 16px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;	
	
}


p.rightmargin {
margin-right: 5cm;
td {padding-left: 5cm;
text-align: justify;
}




.cat_list_td {
	background-color: Fuchsia;
	border-width: 196px;
}

.paging {
	text-align:center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial;
	font-size: 13px;

}
				
				
  .ariel_1px {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	border-right-color: #FF0000;
	border-right: 2;
	
}

.style2 {color: #FF0000}

.style1 {
	font-family: Arial;
	font-size: 12px;
	border-bottom:solid;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	border: 1px;
		
}

.style1a {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom:solid;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	border: 1px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}


				
				








.style101 {
	font-family: Arial;
	font-size: 10px;
	color: #CCCCCC;
}



.style4 {font-family: "Trebuchet MS"}





.style22 {font-size: 12px; }
.style55 {font-size: 14px; }
.LinkEx {
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-align: center;
	margin: 0px;
	
}

.LinkHd {
	font-family: "Trebuchet MS";
	font-weight:bold;
	text-decoration:underline;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 4px;
}	


.style8 {font-family: Arial}
.style11 {font-family: Arial; font-size: 9px;
 }
.style12 {
	color: #999999;
	font-weight: bold;
}



.style1-2 {font-family: "Trebuchet MS"}
.style2-2 {font-size: 14px}
.style3-2 {
	font-size: 16px;
	font-weight: bold;
}
.style4-2 {font-family: Arial}
.style5-2 {
	color: #660099;
	font-weight: bold;
}
.style6-2 {color: #660099}


.style.ms2.1 {
	font-family: Arial;
	font-weight: bold;
}

.close-window {
	font-family: Arial;
	font-size: 12px;
	text-align:right;
	right:auto;
}

.arial2 {
    font-family: Arial;
	font-size:14px;
}

<!-- XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX   SALES



.style-A10CB {
	font-family: Arial;
	font-size: 10px;
	text-align: center;
}

.List_Items {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	margin-top: 15px;
	margin-left: 15px;
}

.title {
	font-family: "Trebuchet MS";
	font-size:13px;
	font-weight: bold;
	line-height: 40px;
}


.description {
	font-family: Arial;
	font-size: 11px;
	text-align: justify;
	margin-top: 50px;
	
}

.description2 {
	font-family: Arial;
	font-size: 11px;
	text-align: justify;
	font-weight:bold;	
}

.sclink {
	font-family: Arial;
	font-size: 10px;
	margin-right: 10px;
}

.price {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight:bold;
	color: #CC0000;
	line-height: 50px;
}

.price2 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 50px;		
}
.sidebar-links {
	font-family: "Trebuchet MS";
	font-size: 18px;
	text-align: left;
	text-indent: 20px;
	}
	
.design {
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-align: center;
	text-indent: 2px;
	}
	
	
	
.style102 {font-size: 10px}




.style38 {font-size: 12px}
.style39 {font-size: 10px}
.style40 {
        font-family: Arial;
        font-size: 10px;
}
.style41 {
        font-family: "Trebuchet MS";
        font-weight: bold;
}




/*

a:link {
        text-decoration: underline;
}
a:visited {
        text-decoration: underline;
}
a:hover {
        text-decoration: underline;
}
a:active {
        text-decoration: underline;
}


*/

.style113 {font-size: 11px}

 p.c30 {margin-bottom: 0px; text-align: center}
 span.c29 {color: #666666; font-family: Arial; font-size: 80%}
 div.c28 {text-align: justify}
 p.c27 {text-align: right}
 hr.c26 {margin-bottom: 0px; margin-top: 0pt; text-align: center}
 table.c25 {border-collapse: collapse; padding: 0}
 hr.c24 {margin-top: 0; margin-bottom: 0}
 td.c23 {border-left:1px solid #FF0000; border-right:1px solid #FF0000; padding:0; border-top-width:1; border-bottom-width:1}
 td.c22 {border-left:1px solid #FF0000; border-right:1px solid #FF0000; border-bottom:1px solid #FF0000; padding:0; border-top-width:1}
 td.c21 {border-left:1px solid #FF0000; border-right:1px solid #FF0000; border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding:0; border-top-width:1}
 span.c20 {font-family: Arial}
 span.c19 {color: #FF0000}
 span.c18 {font-family: Arial; font-size: 80%}
 span.c17 {margin-top: 0; margin-bottom: 0}
 img.c16 {margin-top: 0; margin-bottom: 0}
 div.c15 {text-align: left}
 p.c14 {text-align: left}
 hr.c13 {margin-top: 0pt; margin-bottom: 0px;> <div align=}
 textarea.c12 {margin:0; align: left; font-size: 10px; font-family: Comic Sans MS; word-spacing: 0; line-height: 100%; font-weight:bold;}
 p.c11 {margin-bottom: 0 px}
 img.c10 {margin-bottom: 5}
 p.c9 {text-align: center}
 img.c8 {margin-top: 5; margin-bottom: 5}
 img.c7 {margin-top: 5}
 td.c6 {border:1px solid #99CCFF; padding-left:4; padding-right:4; padding-top:4; padding-bottom:2}
 p.c5 {margin-bottom: 0; margin-top: 15; text-align: left}
 p.c4 {margin-bottom: 4px; margin-top: 0; text-align: left}
 p.c3 {margin-top: 0; margin-bottom: 0}
 span.c2 {font-family: Trebuchet MS}
 div.c1 {text-align: center}
 
 
 
 
 
 
 /* This is Step 1 Stock */
 
 hr.step1 {margin-bottom: 10px; margin-top: 10pt; text-align: center; color:#99ccff; width:750px;}
 div.justify {text-align: justify}
 div.left {text-align: left}
 div.right {text-align: right}
 div.center {text-align: center}
 table.step1 {border-collapse: collapse; padding: 0; margin-top: 0pt; margin-bottom: 0pt}
 td.grey {border-left-width: 1; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding: 0}
 td.blue {border-left-width: 1; border-right: 1px solid #99CCFF; border-top-width: 1; border-bottom: 1px solid #99CCFF; padding: 0}
 p.right {text-align: right}
 p.left {text-align: left}
 p.left5 {margin-left: 5}
 p.center {text-align: center}
 p.mb0mt0C {MARGIN-BOTTOM: 0pt; MARGIN-TOP: 0pt; text-align: center}
 span.Arial80%grey {color:  #666666; font-family: Arial; font-size: 80%}
 span.mt5mb10ml5 {MARGIN-TOP: 5px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 5px}
 span.ArielNarr {font-family: Arial Narrow; font-size: 80%}
 input.mt0mb0 {MARGIN-TOP: 0pt; MARGIN-BOTTOM: 0pt}
 input.mt10mb3 {MARGIN-TOP: 10; MARGIN-BOTTOM: 3}
 form.fusha {color:  #CC00CC} 
 
 
 table.header { width: 750px; border: thin; padding: 0px; border-collapse: collapse; margin-top: 0px; margin-bottom: 0px}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*
horsegallop.css
Author: Larry Ching
Date Created: Apr 6, 2007 
Copyright &copy; 2007
*/


#horseanimation {
  position: relative;
  width: 190px;
  height: 180px;
  border: 1px solid #C0C;
}

#horseanimation p {
  font-size: 1em;
  margin: 0 5px 5px 5px;
  padding: 0;
}

#animdata {
  position: relative;
  width: 150px;
  height: 120px;
  text-align: left;
  margin: 10px auto; 
}

#animdata a {
  position: absolute;
  text-decoration: none;
}

#animdata a img {
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 2px;
  border: 1px solid #888;
}

#animdata a .framecntrl {
  display: block;
  position: absolute;
  padding: 0 2px 0 2px;
}

#animdata a:hover .framecntrl {
  background-color: #008;
  color: #FFF;
}


/* - frame 1 - */
a#frame1:hover img {
  visibility: visible;
}

a#frame1 .framecntrl {
  top: 100px;
  left: 3px;
}

/* - frame 2 - */
a#frame2:hover img {
  visibility: visible;
}

a#frame2 .framecntrl {
  top: 100px;
  left: 15px;
}

/* - frame 3 - */
a#frame3:hover img {
  visibility: visible;
}

a#frame3 .framecntrl {
  top: 100px;
  left: 27px;
}

/* - frame 4 - */
a#frame4:hover img {
  visibility: visible;
}

a#frame4 .framecntrl {
  top: 100px;
  left: 39px;
}

/* - frame 5 - */
a#frame5:hover img {
  visibility: visible;
}

a#frame5 .framecntrl {
  top: 100px;
  left: 51px;
}

/* - frame 6 - */
a#frame6:hover img {
  visibility: visible;
}

a#frame6 .framecntrl {
  top: 100px;
  left: 63px;
}

/* - frame 7 - */
a#frame7:hover img {
  visibility: visible;
}

a#frame7 .framecntrl {
  top: 100px;
  left: 75px;
}

/* - frame 8 - */
a#frame8:hover img {
  visibility: visible;
}

a#frame8 .framecntrl {
  top: 100px;
  left: 87px;
}

/* - frame 9 - */
a#frame9:hover img {
  visibility: visible;
}

a#frame9 .framecntrl {
  top: 100px;
  left: 99px;
}

/* - frame 10 - */ 
a#frame10:hover img {
  visibility: visible;
}

a#frame10 .framecntrl {
  top: 100px;
  left: 111px;
}

/* - frame 11 - */
a#frame11:hover img {
  visibility: visible;
}

a#frame11 .framecntrl {
  top: 100px;
  left: 129px;
}



 .gallerycontainer{
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	
}


.thumbnail img{
	border: 1px solid #99ccff;
	margin: 5;
	padding: 10px;
}


.thumbnail a:active     { color: #FF0000 }
.thumbnail a:link       { color: #0000FF }
.thumbnail a:visited    { color: #800080 }
.thumbnail `a:hover      { color: #FF0000 }




.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#99ccff;
padding: 1px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	left: 120px; /*position where enlarged image should offset horizontally */
	z-index: 200;
	bottom: -25px;
}
 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */





#content-wrapper {
	margin : 0;
	padding : 0;
	width : 960px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	text-align: left;
	background-color: #F00;
}

#urhere {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-indent: 0.8em;
	clear: both;
	background-color: #FF0;
}

.title {
	margin: 0px;
	padding: 0px;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-align:center;
	color: #FFFFFF;
	background-color: #0000FF;
	font-variant: small-caps;
	line-height: 1.5em;
	vertical-align: middle;
}

#left-categories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	width: 200px;
	text-align: left;
	background-color: #99ccff;
	margin: 0px;
	padding-left: 0.5em;
	float: left;
	height: 830px;
}

#left-categories img {
	margin: 0px;
	padding: 15px;
	height: 43px;
	width: 156px;
	border:none;
}

#right {
	float:right;
	width:620px;
	height:57px;
	background-color: #0F0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	margin: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

#steps {
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	float: left;
	width: 110px;
	background-color: #F00;
	font-weight: bold;
}

#steps img {
	width: 104px;
	height:57px;
	text-indent: 5px;
}


/* XXXXXXXXXXXXXX TABLE XXXXXXXXXXXXXXXXXXXXXXXXXXXX */