/* Main Divs Work */

.page-title {width:100%; text-align:left; height:80px;}
.page-title h1{font-weight:normal !important;color: #999999; font-family: 'ITCKabelBook',tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 150%; padding:20px 30px;}
.page-title h1 img{margin:-5px 0;}
.page-title h1 span{display: inline-block;}
.page-title .Cfilter a,.page-title .Sfilter a{font-size:10pt; cursor: pointer; position:absolute; margin-top:-5px; color:#999999;}
.page-title .Cfilter a:hover,.page-title .Sfilter a:hover{text-decoration: none;}
.page-title .sprator{display: none}



/***************************************************************/
/***  Classes page styling classes page/workshops_main     ****/
/*************************************************************/

.FB-landingpage {width: 94%; margin-left: auto; margin-right: auto; display: block;}
.classes-leftWrapper .FB-landingpage #row-bigsmall { 
		margin-top: 40px; 
		margin-bottom: 10px; 
		height: 300px; 
	}
.classes-leftWrapper .FB-landingpage #row-bigsmall #learn-image { 
	float: left; 
	border: 1px solid #ccc; 
	margin-right: 8px; 
}
.classes-leftWrapper .FB-landingpage #row-bigsmall #learn-graphic { 
	display: block; float: left; border: 1px solid #ccc; margin-right: 6px; 
}
.classes-leftWrapper .FB-landingpage #row-bigsmall #create-graphic { width: 330px; display: block; float: left; border: 1px solid #ccc; margin-right: 8px; }
.classes-leftWrapper .FB-landingpage #row-bigsmall #create-image { display: block; float: left; border: 1px solid #ccc; }
.classes-leftWrapper .FB-landingpage #row-bigsmall #inspire-image { width: 850px; display: block; float: left; border: 1px solid #ccc; margin-right: 8px;}
.classes-leftWrapper .FB-landingpage #row-bigsmall #inspire-graphic { display: block; float: left; border: 1px solid #ccc;}


.learn-links {
	position: absolute;
	z-index: 1; 
	display: block;
	font-size: 150%; 
	margin-top: -28px;
	text-transform: uppercase; 
}
.learn-links li { display: inline; margin-right: 130px }
#agLink { margin-right: 373px; }


.classes-leftWrapper .class-related {width:100%; margin:40px 0 15px 0;}
.classes-leftWrapper{width:100%; float:left; margin-bottom: 20px;}
.classes-leftWrapper .page-title {height:75px; }
.classes-leftWrapper .page-title h1{padding:15px 10px;}
.classes-rightWrapper{width:15%; float:left;}
.classes-rightWrapper .right-menu{margin-top:60px;}


.main-classes { margin:0 auto; }
.main-classes td.slider-td {
	width:950px;
	padding:0;
	margin:0;
	border-right:0;
}

.main-classes td {    
	text-align:left;
	background:url("/images/sale-specials/default/grd-small.png") repeat-x bottom;
	font-family: 'ITCKabelBook',tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 13px 0;
}

.main-classes td a:hover{text-decoration: none;} /*Safari fix*/	
.main-classes td .hover-container {width:100%; height:100%; text-align:center;}
.main-classes td .hover-container img {width:140px; height:auto; margin:30px 0;}
.main-classes td .hover-container .custom-hover{width:100%; height:100%;}
.main-classes td .hover-container p{display: block; color:#CB2229; font-size:130%; bottom:35px; position:relative; 
	text-transform: uppercase;}

.main-classes .flip-panel .cat-container{margin:60px 10% 0 10%; height:80%;}
.main-classes .flip-panel .cat-container img{width:95%; height:auto; }
.main-classes .cat-type{color:#CB2229; font-size:170%; font-weight:bold; text-transform: uppercase;}
.main-classes .cat-text{color:#444444; font-size:125%; text-transform: uppercase;}
.main-classes .by-craft{color: #444444; font-size: 125%;
	
	text-transform: uppercase; margin-left: 15px; 
	display: inline-block; margin-top: 0px;   }
.main-classes .all-crafts .shop {width: 100%; height: 77%; display: block; }
.main-classes .all-crafts .shop  span {
	font-family: 'ITCKabelBook',tahoma,Verdana,Arial,Helvetica,sans-serif !important; 
	font-size: 105%; width:240px;
	float: left; margin-top: 10px; text-align: left; margin-left: 10px;
} 


/* Slider */
.class-slideWrapper { margin:0; height:383px; width:950px; padding:0; position: relative;}
.class-slideWrapper .class-slideshow img { border:0; position: absolute; top: 0px; left: 0px; display:none; opacity: 0;}
.class-slideWrapper .class-slideshow img.active {display: block; opacity: 1;}
.class-slideWrapper div.nav { float: left; height: 10px; bottom:0; left:5px; padding:8px; position: absolute; z-index: 500;}
.class-slideWrapper div.nav a{width:8px; height:8px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; display:inline-block; margin:0 1px; background:#CCCCCC; border:1px solid #777777;}
.class-slideWrapper div.nav a.active {background: #E16D11;}




@media (max-width: 1290px){
	.class-slideshow img { width: 100%; height:100%;}
	.main-classes td.slider-td { width: 745px; }
	.class-slideWrapper { width: 745px; height:324px;}
	.main-classes .by-craft { font-size: 110%; margin-left: 10px; }
	.main-classes .all-crafts .shop  span { font-size: 90%; width:200px; margin-top: 10px; }
	.main-classes td { padding: 9px 0; }

	#learn-image img { width: 670px; }
	#learn-graphic img { width: 260px; }
	.learn-links { width: 670px; font-size: 120%; margin-top: -22px  }
	.learn-links li { margin-right: 95px; }
	.classes-leftWrapper .FB-landingpage #row-bigsmall { height:230px; }
	#agLink { margin-right: 295px; }
}


@media (max-width: 1023px){
	.main-classes td.slider-td { width: 492px; }
	.class-slideWrapper { width: 492px;  height:274px;}
	.main-classes .by-craft { font-size: 95%; }
	.main-classes .all-crafts .shop  span { font-size: 80%; width:180px; margin-top: 5px; }

	#learn-image img { width: 483px; }
	#learn-graphic img { width: 187px; }
	.learn-links { width: 504px; font-size: 100%; margin-top: -18px  }
	.learn-links li { margin-right: 60px; }
	.classes-leftWrapper .FB-landingpage #row-bigsmall { height:155px; }
#agLink { margin-right: 173px; }
}


@media (max-width: 750px){
	.main-classes td.slider-td { width: 292px; }
	.class-slideWrapper { width: 292px;  height:164px;}
	.main-classes .by-craft { font-size: 85%; }
	.main-classes .all-crafts .shop  span { font-size: 70%; width:120px; margin-top: 5px; }

	.grid1, .grid2, .grid3, .grid4, .grid5, #learn-graphic img { display: none; }
	#learn-image img { width: 292px; height: 133px; }
	.learn-links { margin-top: 7px; }
	.learn-links li { display: inherit; margin: 13px 0 }
	.classes-leftWrapper .FB-landingpage #row-bigsmall { height:213px; }

}

@media (max-width: 610px){
.class-slideWrapper div.nav{ display:none;}
}