/*
.pricingAndCartContainer{padding-left: 12px; width: 280px; float: right;}
.pricingDiv{float: left;}
.cartCodeDiv{float: left;}
*/

.lcdstyle{ /*Example CSS to create LCD countdown look*/
background-color:black;
color:lime;
font: bold 27px MS Sans Serif;
padding: 7px;
}

.lcdstyle a {color: white;}
.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
	
font-size: 80%}

.buttonStyleChristmas{width: 310px; border-width: 1px; border-color: rgb(0,0,180); border-style: solid; overflow: visible; float: left; margin-top: 5px; margin-bottom: 10px; height: 530px; margin-left: 3px;}

.buttonStyleBox{width: 530px; border-width: 1px; border-color: rgb(0,0,180); border-style: solid; overflow: visible; float: left; margin-top: 5px; margin-bottom: 10px; height: 530px; margin-left: 3px;}

.magnetStyleBox{width: 304px; border-width: 1px; border-color: rgb(0,0,180); border-style: solid; overflow: visible; float: left; margin-top: 5px; margin-bottom: 10px; height: 560px; margin-left: 3px;}



div.csnAjaxProductPicButtonDiv{
	width: 304px;
	height: 350px;
	float: left;
	text-align: center;
	background-color: white;

}

div.csnAjaxProductPicMagnetDiv{
	width: 304px;
	height: 515px;
	float: left;
	text-align: center;
	background-color: white;

}
div.csnAjaxProductTitleMagnetDiv
{
	color: white;
	font-size: 15px;
	background-color: rgb(0, 0, 200);
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 45px;
	text-align: center;
	border-style: solid;
	border-color: rgb(49, 74, 131);
	border-width: 1px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
}






ul.ajaxProductsList{
	list-style-type: none;
	display: inline;
	
}

ul.ajaxProductsList li{
	
	display: inline;
}

ul.ajaxProductsList li a:link{
	color: rgb(112, 145, 188);
	font-size: 9px;
	font-weight: 100;
	text-decoration: none;
}

ul.ajaxProductsList li a:visited{
	color: rgb(112, 145, 188);
	font-size: 9px;
	font-weight: 100;
	text-decoration: none;
}


ul.ajaxProductsList li a:hover{
	color:  rgb(49, 74, 131);
	font-size: 9px;
	text-decoration: underline;
	font-weight: 100;
}
div.csnAjaxProductPicDiv{
	width: 304px;
	height: 470px;
	float: left;
	text-align: center;
	background-color: white;

}
div.csnAjaxProductTitleDiv
{
	color: rgb(49, 74, 131);
	font-size: 15px;
	background-color: rgb(210, 210, 210);
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 45px;
	text-align: center;
	border-style: solid;
	border-color: rgb(49, 74, 131);
	border-width: 1px;
}


div.csnAjaxProductStyleDiv{
	width: 350px;
	height: 530px;

	float: left;
	margin-left: 3px;
}
div.csnAjaxColorDiv{
	width: 70px;
	height: 530px;

	float: left;
	text-align: center;
}

div.csnAjaxButtonColorDiv{
	width: 220px;
	height: 140px;

	float: left;
	text-align: center;
}


div.csnAjaxButtonCartDiv{
	width: 220px;
	height: 380px;
	float: left;
}

div.csnAjaxCartDiv{
	width: 220px;
	height: 530px;
	float: left;
}


ul#productsGroupList
{
	list-style-type: none;
	display: inline;

}
ul#productsGroupList li
{
	padding-left: 15px;
	padding-right: 15px;

	display: inline;
}

ul#categoryViewsList
{
	list-style-type: none;
	display: inline;
}
ul#categoryViewsList li
{
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 10px;
	margin-right: 10px;
 	background-color: rgb(41, 101, 176);
	font-family: serif;
	font-size: 18px;
	font-weight: bold;
	width: 12em;
}


ul#categoryViewsList li a:link {text-decoration: none; color: white;}
ul#categoryViewsList li a:visited {text-decoration: none; color: white;}
ul#categoryViewsList li a:hover {text-decoration: underline;}


div#categoryViews
{
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: blue;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

div#searchBox
{
	width: 400px;
	float: right;
}

div.shopNavigatorTop
{
	padding-top: 10px;
	text-align: center;
	margin-left: 1%;
	margin-right: 1%;


	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: blue;

	font-family: sans-serif;
	font-size: 22px;
}

div.shopNavigatorBottom
{
	
clear: both;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: blue;

	text-align: center;
	margin-left: 1%;
	margin-right: 1%;

	font-family: sans-serif;
	font-size: 22px;
	padding-top: 8px;
	margin-top: 5px;
}

span.navigatorFirstLast
{
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 900;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
	background-color: rgb(170,170,170);
	padding-bottom: 3px;
	
}

span.navigatorPreviousNext
{
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	
	background-color: rgb(200,200,200);
		padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;



}

span.navigationBorder
{
	border-color: black;
	border-style: solid;
	border-width: 1px;
}

span.navigatorCurrentPage
{
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	background-color: yellow;	
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}
span.navigatorOtherPage
{
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	background-color: red;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;

}


a.soulharvest:link{color: black; background-color: rgb(0,255,0); display: block;}
a.soulharvest:visited{color: black; background-color: rgb(0,255,0); display: block;}
a.soulharvest:hover{color: rgb(0, 255, 0); background-color: black; display: block;}

a.navigatorActive:link{color:white;}
a.navigatorActive:visited{color:white;}
a.navigatorActive:hover{color: yellow;}

a.navigatorActive
{
	
	font-weight: bold;

}




.styleBox {width: 950px; border-width: 1px; border-color: rgb(0,0,180); border-style: solid; overflow: visible; float: left; margin-top: 10px; margin-bottom: 10px; }
.styleDiv {height: 450px; width: 55px; padding: 1px; float: right;}
.colorDiv {height: 300px; width: 35px; padding: 1px; float: right;}



ul#CategoryList  {list-style-type: none; display: inline;}


ul#CategoryList li  {display: block; width: 9.5em; float: left; background-color: rgb(41, 101, 176); color: white; font-family: sans-serif; font-size: 16px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
ul#CategoryList a {display: block; text-decoration: none; font-family: serif; color: white; font-family: sans-serif; font-size: 16px; font-weight: bold;}
ul#categoryList a:link {color: white; font-family: sans-serif; font-size: 16px; font-weight: bold;}
ul#categoryList a:visited {color: white; font-family: sans-serif; font-size: 16px; font-weight: bold;}
ul#CategoryList a:hover {color: white; font-family: sans-serif; font-size: 16px; font-weight: bold;}


ul#CategoryList li ul { display: none; margin:0;}
ul#CategoryList li:hover ul { visibility: visible; display: block; position:absolute; z-index:1; width:9em; padding: 0; margin:0px; border-left:1px dotted black;border-right:1px  dotted  black; border-bottom:1px  dotted  black; background-color: rgb(41, 101, 176); clear: both;}

ul#CategoryList li ul li {background-image: none;}
ul#CategoryList li ul li:hover {background-image: none;}





ul#footerLinks {list-style-type: none; }
ul#footerLinks li {display: inline; padding: 8px;}
ul#footerLinks a:link {font-size: 10px; text-decoration: none; color: blue;}
ul#footerLinks a:visited {font-size: 10px; text-decoration: none; color: blue;}
ul#footerLinks a:hover {font-size: 10px; text-decoration: underline;}

ul#sidebarList {list-style-type: none; margin-left: 0px;  padding-left: 0px; background-color: rgb(41, 101, 176);}
ul#sidebarList li {width: 155px; background-color: rgb(41, 101, 176); margin-bottom: 2px; border-bottom-style: solid; border-bottom-width: 1px; }
ul#sidebarList a {display: block; font-family: sans-serif; font-size: 16px; font-weight: bold;}
ul#sidebarList a:link {text-decoration: none; color: white;}
ul#sidebarList a:visited {text-decoration: none; color: white;}
ul#sidebarList a:hover {text-decoration: underline;}



div.spacer
{clear: both;}


div#header
{
	background-color: rgb(200,200,200);
	overflow: auto;
	text-align: center;

}

div#sidebar
{
	background-color: rgb(200,200,200);
	/*clear: both;*/
	width: 155px;

	float: left;
}

div#body
{
	padding-left: 160px;
	overflow: visible;	


}

div#footer
{
	background-color: rgb(200,200,200);
	clear: both;
	text-align: center;
}

span.shirtmessage
{

	font-size: 16px;

	color: rgb(0,0,210);

}

/* right about the t-shirt creator menu*/
span.incentive
{

	font-size: 11px;

	color: rgb(0,0,0);

}

div.shirtcreatedtitle
{
text-align: center;
	font-size: 18px;	
	font-weight: bold;
	color: rgb(0,0,255);
	background-color: yellow;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 30px;
	margin-bottom: 15px;
}

div.shirtcreatortitle
{
	text-align: center;
	font-size: 18px;	
	font-weight: bold;
	color: rgb(0,0,255);
	background-color: yellow;
	padding-left: 5px;
	padding-right: 5px;

}

div.shirtcreator
{
	margin-left: 100px;
	margin-right: 100px;	
	font-size: 14px;	
	color: rgb(230, 0, 0);
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: blue;

}

*.formbackground 
{ 

	background-color : rgb(240, 240, 140);

	padding-top: 10px;
	padding-bottom: 10px;
	border-style: solid;

	border-width : 2px;

	border-color : red;

	overflow: auto;

} 

div#imageUploadForm

{

	margin-top: 10px;
	margin-left: 5%; margin-right: 5%;
	text-align: center;
}

div.designshirtinfo
{
	
	font-size: 10px;	
	color: rgb(100,100,100);
	padding-left: 3px;
	padding-right: 3px;

}


div.shirtcontainer
{
	padding-top: 20px;
	padding-left: 10px;


	overflow: auto;
}

div.designgrid
{
	float: left;
	width: 255px;
	height: 355px;
	padding: 1px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px

}

span.smalldesignlink
{
	font-size: 13px;
	font-weight: bold;
	
}

div.smalldesigntitle
{
	font-size: 11px;
	color: blue;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 7px;
	background-color: yellow;
	

}

div.shirtmenu2
{

	text-align: center;
	/*font-size: 18px;*/
	font-weight: bold;
	color: rgb(50,50,50);


	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgb(0,0,190);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(0,0,190);


	font-weight: bold;
	color: rgb(50,50,50);

	padding: 7px;
	
}

div.shirtmenu3
{

	text-align: center;
	/*font-size: 18px;*/
	font-weight: bold;
	color: rgb(50,50,50);
	clear: both;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgb(0,0,190);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(0,0,190);


	font-weight: bold;
	color: rgb(50,50,50);

	padding: 7px;
	
}

div.shirtmenu
{
	text-align: center;
	/*font-size: 18px;*/
	font-weight: bold;
	color: rgb(50,50,50);


	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgb(0,0,190);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(0,0,190);


	font-weight: bold;
	color: rgb(50,50,50);

	padding: 7px;


}

a.navigation:link{color:rgb(0,0,220); font-size: 20px;}

a.navigation:visited{color:purple;  font-size: 20px;}

a.navigation:hover{background-color: red; color: white; font-size: 20px;}

div.topmenu
{
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	color: rgb(0,0, 210);

}