/*  */

#containerTabs {
	width:750px;
	background:#25496c;
	height:70px;
	 position:relative;
}

#topNav {
	
	margin:0px;
	padding: 0px 0px 0px 4px;
	list-style:none;
	background-color: #25496c;	
	width:100%;
	
}
#topNav li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:"Tahoma", sans-serif;
	font-weight:normal;
	font-size:12px;	
	height:65px;	
}
#topNav a {
	display:block;
	padding: 3px 0px;
	color:#000;
	text-decoration:none;
	border: 1px solid #666;
	border-top: 1px solid #fff;
	background:#336699 url(http://www.supercasuals.com/_layout/images/tabs-image-gray60.jpg) repeat top left;	
}
#topNav a img {
	display:block;
	border:0px;
	zwidth:24px;
	height:24px;
	clear:both;
}
#topNav a:hover  {
	border-color:#000;
	background:#fff url(http://www.supercasuals.com/_layout/images/tabChosenBG.jpg) repeat top left;	
	color:#336699;
	border-top: 1px solid #fff;
}
	
/*body {font-family:arial;background:#B6ACA3;}*/
body {font-family:arial;font-size:11pt;background:#fff;}
td,p {font-family:arial;font-size:11pt;}
pages {padding:20px;}
h1 {font-size:14pt;display:inline;}
h1.title{font-size:14pt;display:inline;font-weight:normal;font-family:arial , sans-serif;color:#555;padding:5px 0px;}

#wrap {width:750px;}	
	#header {position:relative;top:0px;left:0px;color:red;background:#fff;width:750px;}
		
	#section {position:relative;top:0px;left:0px;width:750px;vertical-align:top;background:#fff;}
		
		#mainx {width:600px;position:relative;top:0px;vertical-align:top;float:left;}
				
		#right-barx {width:150px;background:#fff;position:relative;top:0px;left:0px;vertical-align:top;float:right;}
			
	#footer {background:#ffffff;width:750px;border-top:1px solid #ccc;}
	
#extrax {position:absolute;background:#ccff66;width:200px;left:770px;height:500px;clear:right;}
	
#breadTrailx {width:750px;float:right;}
#serviceLinksx {width:750px;}
#tabss {float:left;width:750px;}
#headImage {width:750px;}

.MenuChosen {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; background:#cc9999; FONT-FAMILY: arial ,sans-serif; TEXT-DECORATION: none;		width:130px;
}
.MenuChosen:link {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: arial ,sans-serif; TEXT-DECORATION: none;	width:140px;

}
.Menu {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial ,sans-serif; TEXT-DECORATION: noneline-spacing:90;
}
A.Menu:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial ,sans-serif; TEXT-DECORATION: none;	
}
A.Menu:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none
}
A.Menu:hover {
	FONT-WEIGHT: normal; COLOR: #336699; FONT-FAMILY:  Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}	
.MenuSectHead{
	font-size:11px; color:#fff; font-family:Arial, sans-serif;font-weight:bold;text-align:center;
}
.menuSubHeadStatic{border-top:1px solid #999;border-bottom:1px solid #999;width:130px;font-size:11px;font-weight:bold;}

.Menu_dyn{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none;
	cursor: pointer;text-decoration:underline;
}
.Menu_dyn_over{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none;
	cursor: pointer;
}
.text1{text-align:left;}

.menu2 {list-style:none;
		margin:0px;
		width:140px;padding:0px 0px 0px 0px;background-color:#fff;}
.menu2 li {background-color:#fff;padding:0px 0px 0px 7px;margin:0 0 0 0;}

.menuhead {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:arial, sans-serif;background:#eeeeee;font-weight:bold;}

.categoryItem  {font-size:9pt;font-family:arial;font-weight:bold;}
.categoryItem:link  {text-decoration:none;}
.categoryItem:hover  {text-decoration:underline;color:#336699;}

a h4  {font-size:9pt;font-family:arial;display:inline;}


.catname {font-size:10pt;}

.servBar {
	font-weight: bold; font-size: 10px;  vertical-align: middle; color: #fff; font-family: verdana, arial, sans-serif; text-align: center; text-decoration: none;
	/* background:#25496C;	*/


}
.servBarText:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #fff; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none
}
A.servBarText:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #fff; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none
}
A.servBarText:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #fff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}



.crumb {
	FONT-WEIGHT: bold; FONT-SIZE: 11px;  VERTICAL-ALIGN: middle; COLOR: #336699; FONT-FAMILY: arial , sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.crumb:link {
	FONT-WEIGHT: bold;  COLOR: #336699; FONT-FAMILY:  arial , sans-serif; TEXT-DECORATION: underline
}
A.crumb:visited {
	FONT-WEIGHT: bold;  COLOR: #336699; FONT-FAMILY:  arial , sans-serif; TEXT-DECORATION: underline
}
A.crumb:hover {
	FONT-WEIGHT: bold;  COLOR: #336699; FONT-FAMILY:  Arial , Helvetica, sans-serif; TEXT-DECORATION: underline
}

.search {
	FONT-WEIGHT: bold; FONT-SIZE: 10px;  VERTICAL-ALIGN: middle; COLOR: #000000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: none
}

A:visited {
	COLOR: #336699
}
A:link {
	COLOR: #336699
}
A:hover {
	COLOR: #336699
}



.InfoMenu:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none
}
A.InfoMenu:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none
}
A.InfoMenu:hover {
	FONT-WEIGHT: normal; COLOR: #336699; FONT-FAMILY:  Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}	




.MenuBrandChosen {
	FONT-WEIGHT: normal;width:140px; FONT-SIZE: 11px; COLOR: #ffffff; background:#aaaaaa; FONT-FAMILY: arial ,sans-serif; TEXT-DECORATION: none;	
}

.MenuBrand {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial ,sans-serif; TEXT-DECORATION: none;	
}
.MenuBrand:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial ,sans-serif; TEXT-DECORATION: none;	
}
A.MenuBrand:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none
}
A.MenuBrand:hover {
	FONT-WEIGHT: bold; COLOR: #336699; FONT-FAMILY:  Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}	



/***  cart pop-up css ***/
#popCart {
	position: absolute;
	visibility:hidden;
	left:10px;top:20px;
	border:1px solid #ff9933;
	/*border-top:1px solid #cccccc;
	border-right:3px solid #999;
	border-bottom:3px solid #999;
	width:250px;height:400;left:-100;*/
	background:#ffffcc;
	vertical-align: top;
	z-index:100;
}

#popCartAdded {
	position: absolute;
	visibility:visible;
	left:12px;top:20px;
	border:1px solid #ff3366;
	/*border-top:1px solid #cccccc;
	border-right:3px solid #999;
	border-bottom:3px solid #999;
	width:250px;height:400;left:-100;*/
	background:#ffcccc;
	vertical-align: top;
	z-index:99;
}

.cartHead_pop {font-family:arial;font-size:11px;border-bottom:1px solid #cccccc;background-color:#eeeeee;font-weight:bold;}

.cartLogo_pop{}

.cartText_pop {font-size:11px;}
.cartText_pop_u {font-size:11px;border-bottom:1px solid #cccccc;}

A.cart_pop {font-family:Arial;font-size:11px;color:#336699;text-decoration:none;font-weight:bold;}
A.cart_pop:link {}
A.cart_pop:visited {}
A.cart_pop:hover {text-decoration:underline;color:#336699;}

.totals_pop{font-size:13px;}

.shipTable_pop{font-size:11px;border:1px solid #cccccc;}

.cartItemImage {border:1px solid #cccccc;}

/*** end cart pop-up css ***/

A.footer {font-family:Arial;font-size:11px;color:#336699;text-decoration:none;font-weight:normal;}
A.footer:link {text-decoration:none;}
A.footer:visited {text-decoration:none;}
A.footer:hover {text-decoration:underline;color:#336699;}

.barHead {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none;background:#336699;}

.barSection {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none;
	border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:135px;
}
.barSubSection {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none;
	
}

.barLink:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none
}
A.barLink:visited {
	 TEXT-DECORATION: none
}
A.barLink:hover {
	 TEXT-DECORATION: underline
}	

.small{font-size:12px;}
.smallred{font-size:11px;color:#cc0033;}


select.vol_item option {
background-repeat:no-repeat;
background-position:center left;
padding-left:35px;
height:35px;
text-align:center;
border-bottom:1px solid #ccc;
}

/*   boot finder       */
	#bootFinder {font-family:Arial, Helvetica sans-serif;font-size:12px;background:#000;
		visibility:hidden;position:absolute;top:175px;left:400px;z-index:99;
	}
	
	#bootFinderR {font-family:Arial, Helvetica sans-serif;font-size:12px;background:#000;
		visibility:hidden;position:absolute;top:200px;left:250px;z-index:99;
	}
	

	#bootFinderButton {position:relative;top:0px;left:0px;cursor: pointer; }
	
	.bfChoice {border:1px solid #ccc;font-size:12px;background:#eee;color:#000;}
	.bfChoiceInner {border:0px solid #ccc;font-size:12px;background:#eee;color:#000;}
	.bfChoiceButt {border:1px solid #000;font-size:12px;background:#eee;color:#000;margin:2px;}
	.bfHead {border:1px solid #ccc;font-size:14px;background:#000;color:#fff;}
	#bfindButton{cursor: pointer; }
	
	a.bootLink {font-size:10pt;color:#555;text-decoration:none;}
	a.bootLink:hover {text-decoration:underline;font-size:10pt;}
	td.bootFinder {font-size:10pt;color:#666;border-bottom:1px solid #ccc;padding:5px;}
	
	
#itemLogo{
	position:absolute;
	left:10px;
	top:190px;

}
#searchResults{
	zwidth:560px;
	margin:10px 20px 10px 20px;
	


}

#loadingDiv{
	visibility:hidden;
	position:absolute;
	top:0px;
	left:300px;
	background:#fff;
	width:100px;
	xheight:75px;
	text-align:center;
	xvertical-align:middle;
	padding-top:25px;
	margin:auto;
	z-index:9999;
}
#loadingDiv img{
	vertical-align:middle;
}

/* bottom */
		#bottomLinksContainer{
			position:relative;
			width:750px;
			padding:20px 0px;
			xheight:200px;
			text-align:middle;
			background:#d3d3d3;
			margin:0px;
			float:left;
		}
		#bottomLinks{
			xposition:relative;
			margin:0px 20px 0px 20px;
			width:710px;
			text-align:center;		
			background:#d3d3d3;
			color:#333;
			float:left;
		}
		#bottomLinks a{
			color:#336699;
			font-size:16px;
		}		
			#bottom1{
				position:relative;
				width:205px;
				top:0px;
				float:left;
				text-align:left;
			}
			#bottom2{
				position:relative;
				width:250px;
				float:left;
			}
			#bottom3{
				position:relative;
				width:250px;
				float:left;
			}
		
		#footer{
			position:relative;
			width:750px;
			height:15px;
			xbackground:#eee url(http://www.supercasuals.com/sc_2011/_layout/images/bottomImage_trans_1000.gif) no-repeat bottom;
			vertical-align:bottom;	
			float:left;
		}
		#bottomField{
			width:100%;
			height:45px;
			background:#bdb6ae;
			float:left;
		}
		
		
/**************** dept ****/
		#deptBar{

			width:750px;			
			height:25px;		
			background:#21496b url(http://www.supercasuals.com/_layout/images/deptBar-bg-750x25.gif); 
			text-align:center;
			border-top:3px solid #eee;
			border-bottom:2px solid #eee; /*#c0c0c0;*/
			margin:0 auto;
			position:relative;
		}
			#deptList{
				position:relative;
				margin:0px;
				left:30px;		
				padding: 0px 0px 0px 0px;
				list-style:none;
				width:750px;
				height:25px;
				text-align:center;
				
			}
			#deptList li{
					float:left;
					height:25px;
					color:#fff;
					margin:0px;
					padding:3px 10px 0px 10px;
					font-family:"Tahoma", sans-serif;
					font-size:13px;
					overflow:hidden;
					vertical-align:middle;
					border-right:0px solid #eee;
					
			}
			#deptList li a .d{
				
			}
			
			#deptList a{
					xfont-weight: bold;  color: #fff; font-family: verdana, arial, sans-serif; text-decoration: none;		
					
					background: url(http://www.supercasuals.com/_layout/images/arrow_yellow.gif) no-repeat left;
					}
			#deptList a:hover{
				xfont-weight: bold;  
				color: #efac10; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;
				xxbackground: url(/sc_main2/_layout/images/arrow_yellow_down.gif) no-repeat left;
			}
		
			#deptDropMenu{
				
				display:none;
			}
/******************** dropdowns ***************/
	*{outline: none;}
	
ul#deptList  .sub {
	height:230px;
	overflow:hidden;
}
ul#deptList  .logo {
	float:left;
	border:0;
	width:24px;
	margin:0px 6px;
	background-color:#fff;
}
ul#deptList li .sub {
	position: absolute;	
	width:750px;
	top: 24px; 
	left:-31px;
	background: #e5a512 url(http://www.supercasuals.com//_layout/images/sub_bg1.jpg) repeat-y;  
	/* background: #e5a512 url(/sc_main2/_layout/images/sub_bg_blue_v.jpg) repeat-x;*/
	border-bottom:3px solid #555;
	border-right:2px solid #555;
	border-top:2px solid #e5a512;
	padding: 0px 0px 0px 0px;
	float: left;
	/*--Bottom right rounded corner--*/
	/*-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;*/
	/*--Bottom left rounded corner--*/
	/*-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;*/
	display: none;
	z-index:9999;
}

ul#deptList li .sub .subLeft{
	/* background:#264a6e; */
	background:#264a6e;
	float:left;
	width:210px;
	height:210px;
padding: 10px 10px 10px 10px;

	
}
ul#deptList li .sub .subLeft li a{
	color:#fff;
}
ul#deptList li .sub .subLeft li a:hover{
	color:#fff;
	text-decoration:underline;
}
ul#deptList li .sub .subMid{
	
	float:left;
	width:185px;
	height:210px;
	padding: 10px 10px 10px 10px;
	
}
ul#deptList li .sub .subRight {
	text-align:left;
	float:right;
	width:295px;
	height:210px;
	padding: 0px 0px;
	xbackground:#ffcc99;
	
}
ul#deptList li .sub .subRight li a{
font-size:10px;
}
ul#deptList li .sub .subRight li a img{
	border:1px solid #ccc;
	height:25px;
}
/* 

	width:709px;
	top: 25px; 
	left:-30px;

*/

ul#deptList li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;color:#000;font-size:16px;text-align:left;}

ul#deptList li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	border:0px solid #ccc;
}
ul#deptList .sub ul li {
	width: 100%;
	height:auto;
	color: #000;
}
ul#deptList .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.1em;
	color: #21496b;
	text-align:left;
	
}
ul#deptList .sub ul li h2 a {
	padding: 0px 0;
	background-image: none;
	color: #21496b;
	font-weight: bold;
}
ul#deptList .sub ul li a {
	text-align: left; 
	text-indent: 0; /*--Reset text indent--*/
	background-image:none;
	padding: 0px;
	display: block;
	text-decoration: none;
	color: #000;
}
ul#deptList .sub ul li a:hover {
	color: #369;
	text-decoration: underline; 
}


#imageTicker {overflow: hidden;position:relative;height:300px;width: 575px; margin:5px 0 0 0;padding:0px;}			
 zimageTicker li {display:none;position:absolute;top:0px;left:0px;padding:0px;margin:0px;}

.crumbStyle {font-size:13px;font-family:Ariel,Helvetica,sans-serif;color:#336699;vertical-align: middle;}
.crumbStyleH {font-size:12px;font-family:Ariel,Helvetica,sans-serif;color:#cc0033;vertical-align: middle;}
.crumbStyleT {font-size:13px;font-family:Ariel,Helvetica,sans-serif;color:#000;vertical-align: middle;}
.searchStyle {font-size:13px;font-family:verdana,sans-serif;color:#fff;vertical-align: middle;}
A.crumbStyle:link {font-size:13px;font-family:Ariel,Helvetica,sans-serif;color:#336699}
A.crumbStyle:hover {font-size:13px;font-family:Ariel,Helvetica,sans-serif;color:#000}

.indexLinks{
	text-align:left;
	margin:10px 0px 0px 30px;
}
.indexLinks a{
	font-size:13px;
}
p.indexText{
	text-align:left;
	margin:0px 0px 0px 10px;
	font-size:11px;
}