/* This is the default font color and background color of each page */
body
{
 color: #000000;
 background-color: #ffffff;
 }

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: x-small;
	text-decoration: none; /*  no underlining */
	height:25px;
	margin-left:2px;
}

/* 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: 16x;
	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;
	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;
}