/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */

html,body {
	margin:0;
	padding:0;
	background-color: #ffffff;
	}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:link, a:active {color: #49166D;}
a:visited {color: #7f5b99;}
a:hover {color: #7744a0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.hide {display: none;}

.leftCol {
	width:155px;
	float:left;
	padding-top:5px;
	padding-right:15px;
	position:relative;
	display: inline;
		}
		
.overview {
	width:590px;
	padding-bottom:10px;
	position:relative;
	display: inline;
	}
	
	
.rightCol {
	width:600px;
	float:right;
	padding-top:5px;
	position:relative;
	display: inline;
	}
	
	
.footer {
	float:right;
	text-align:right;
	text-decoration: none;
	font-color:333333;
	padding-top:5px;
	padding-bottom:10px;
	position:relative;
	display: inline;
	}	

.footer a:link { 
	color: #333333;
	}
	
.footer a:visited {
	color: #333333;
	}
	
.footer a:small {
	color: #333333;
	}
	
.footer a:active {
	color: #333333;
	}

.rightAlign {
	float:right;
	width:230px;
	margin-left:10px;
}

#topBar {
	background-color: #66CC00;	
	height:5px;
}

#bottomBar {
	background-color: #66CC00;
	height:5px;
	border-top:10px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 10px;
}

#contentHolder {
	width:770px;
	padding-left: 10px;

}

#mastHolder {
	width:760px;

}
	
.mastHolder1 {
 padding: 10px 0 0 0;
 margin:0; 
 width: 770px; 
 background: url(../images/mastbox_top.gif) top left no-repeat;
}
	

.mastHolder1Inner {
 padding: 1px 1px 1px 10px; 
 margin-bottom:0px;
 width: 759px !important;
 width /**/: 770px;
 background: transparent url(../images/mastbox_bot.gif) bottom left no-repeat;
 color: #666;
}

.mastHolder1Inner2 {
padding-bottom:1px;
margin-bottom:0px;
width:320px;
float:left;
}
.mastHolder1Inner3 {
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
margin-bottom:0px;
width:415px;
float:right;
position:relative;
display: inline;
}
	
	
#mastLeft {
	width:320px;
	float:left;
	padding-top:20px;
	padding-bottom:-20px;
	position:relative;
	display: inline;
		}
#mastRight {
	width:420px;
	float:right;
	padding-bottom:-20px;
	position:relative;
	display: inline;
		}
.clear {clear: both;}

.headerInfo {
	font-family: Helvetica, Arial,Verdana, sans-serif;
	font-size: 11px;
	color: #4F197B;
	padding-top:5px;
	padding-left:5px;
}

.headerInfo a:link {text-decoration: underline;
					color: #5C2B7A;
}

.headerInfo a:hover {text-decoration: underline;
					color: #49166D;
}

.headerInfo a:link {text-decoration: underline;
					color: #49166D;
}

.calloutText {
	font-family: Helvetica, Arial,Verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-top:5px;
	padding-left:10px;
}

.storyText {
	font-family: Helvetica, Arial,Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}


.storyText p {
	padding-top:0px;
	padding-left:0px;
padding-bottom:0px;
padding-right:0px;
}

.calloutPhotoRight {
	float: right;
	
	}
.calloutPhotoRightContact {
	float: right;
	padding-top:5px;
	padding-bottom:-10px;
	}
#storyHolder {
	width: 580px;
	position:relative;
	display: inline;
	margin:0;
	padding:0;
	list-style:none;
	color:#666;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    font-size:11px !important;
}	

#storyBody {
width: 420px;
float: left;
}	
	
#storyPhotos {
	width: 165px;
	float:right;
	margin-right:-9px;
	margin-top:-16px;
}

#storyPhotos img {
     vertical-align:top;
}

#storyMore {
	float:right;
}

.vidClipLength {
	font-family: Helvetica, Arial,Verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.vidPhoto {
	margin-bottom:-10px;
	text-align: center;
	border-left:1px solid #999999;
	border-right:1px solid #999999;

}
.altLang {
	font-family: Helvetica, Arial,Verdana, sans-serif;
	font-size: 10px;
	color: #4F197B;
}

.altLang a:link {text-decoration: none;
					color: #5C2B7A;
}


#navScope {
        padding-bottom:8px;
		padding-top:2px;
}

#navCategory {
        width:155px;
        background:#ecf8e0 url(../images/boxCatNavBot.gif) no-repeat bottom left;
        padding-bottom:4px;
	}
	#navCategory h4 {
		margin:0;
		padding:5px 7px 5px 5px;
		color:#fff;
		background:#6c0 url(../images/boxCatNavTop.gif) no-repeat top left;
        border-bottom:1px solid #ccc;
        font-size:11px !important;
		font-weight:bold;
	}
	#navCategory ul {
		margin:0;
		padding:0;
		list-style:none;
		color:#666;
        border-left:1px solid #ccc;
        border-right:1px solid #ccc;
        font-size:11px !important;
	}
		
    #navCategory ul ul {
        border:none;
    }
	#navCategory li {
		padding:0;
		margin:0;
		border-bottom:1px solid #ccc;
        background:none !important;
	}
	#navCategory .subnav {
        border-top:1px solid #ccc;
		display:none;
		margin:0;
		padding:0;
	}
	#navCategory .subnav li,#navCategory .last  {
		padding: 0;
        margin:0;
		border-bottom:1px solid #ecf8e0;
	}
	#navCategory a {
		color:#49166d;
		display:block;
		padding:4px 10px 4px 7px;
		text-decoration:none;
	}
	#navCategory a.hasSub {
    margin-left:6px;
    padding-left:10px;
    background:transparent url(../images/arrow_right.gif) no-repeat left center;
    }
    #navCategory a:hover {
		text-decoration:underline;
	}
	#navCategory li.current a  {
/* font-weight: bold; */
 color: #000;
	}
 
    #navCategory li.current a.hasSub  {
	margin-left:6px;
    padding-left:10px;
	background:transparent url(../images/arrow_down.gif) no-repeat -1px 50%;
	}
    
	#navCategory .subnav a {
		font-weight:normal !important;
		background:#e1f5ce !important;
		padding:4px 2px 4px 5px;
		color:#49166d !important;  
		margin:0 !important;
	} 
	#navCategory li.current .subnav li.current a {
		background:transparent;
  font-weight:bold !important      
	}
	#navCategory .subnav a:hover {
		background:#C2EB9A !important;
		color:#000 !important;
        text-decoration:underline !important;
	}
/*	#navCategory li.current .subnav li.current a {font-weight:bold !important;color:#49166d !important} */
	
	#navCategory .current .subnav {
		display:block;
	}    
    a#prodIndexLnk {
    display:block;
    text-decoration:underline !important;
    margin:0 6px !important;
    padding:6px 0;
    background:transparent;
    }
    a#prodIndexLnk:hover {color:#000;}
    .more {
        display:block;
        text-align:right;
        margin:0;
        padding:0;  
        padding-right:6px;
        padding-bottom:6px;
    }
/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */

#sideBarCategory {
        width:220px;
		margin-bottom:5px;
        background:#ffffff url(../images/sidebar_bot.gif) no-repeat bottom left;
        padding-bottom:7px;
	}
	
	#sideBarCategory h4 {
		margin:0;
		padding:10px 7px 5px 10px;
		color:#fff;
		background:#ffffff url(../images/sidebar_top.gif) no-repeat top left;
        font-size:11px !important;
		font-weight:bold;
	}
	
	#sideBarCategory ul {
		margin:0;
		padding:0;
		list-style:none;
		color:#666;
        border-left:1px solid #999999;
        border-right:1px solid #999999;
        font-size:11px !important;
	}
	
	#sideBarCategory h3 {
		margin:0;
		padding:5px 0px 3px 10px;
		color:#fff;
		border-left:1px solid #999999;
        border-right:1px solid #999999;
        font-size:11px !important;
		font-weight:bold;
	}
		
    #sideBarCategory ul ul {
        border:none;
    }
	
	#sideBarCategory li {
		padding:0;
		margin:0;
	
	}
	
	#sideBarCategory .subnav {
        border-top:1px solid #ccc;
		display:none;
		margin:0;
		padding:0;
	}
	#sideBarCategory .subnav li,#sideBarCategory .last  {
		padding: 0;
        margin:0;
		border-bottom:1px solid #ecf8e0;
	}
	#sideBarCategory a {
		color:#49166d;
		display:block;
		padding:4px 10px 4px 7px;
		text-decoration:none;
	}
	
	#sideBarCategory li.hasbullet {
    margin-left:11px;
    padding-left:15px;
	padding-right:10px;
	padding-bottom:3px;
    background:transparent url(../images/bullet.gif) no-repeat left 3px;
    }
	
	#sideBarCategory a.hasSub {
    margin-left:6px;
    padding-left:10px;
    background:transparent url(../images/bullet.gif) no-repeat left center;
    }
	
    #sideBarCategory a:hover {
		text-decoration:underline;
	}
	#sideBarCategory li.current a  {
/* font-weight: bold; */
 color: #000;
	}
 
    #sideBarCategory li.current a.hasSub  {
	margin-left:6px;
    padding-left:10px;
	background:transparent url(../images/arrow_down.gif) no-repeat -1px 50%;
	}
    
	#sideBarCategory .subnav a {
		font-weight:normal !important;
		background:#e1f5ce !important;
		padding:4px 2px 4px 5px;
		color:#49166d !important;  
		margin:0 !important;
	} 
	#sideBarCategory li.current .subnav li.current a {
		background:transparent;
  font-weight:bold !important      
	}
	#sideBarCategory .subnav a:hover {
		background:#C2EB9A !important;
		color:#000 !important;
        text-decoration:underline !important;
	}
	
	#sideBarCategory .current .subnav {
		display:block;
	} 

	
	

#callOutCategory {
        width:155px;
		margin-bottom:5px;
        background:#ffffff url(../images/callout_bot.gif) no-repeat bottom left;
        padding-bottom:7px;
	}
	
	#callOutCategory h4 {
		margin:0;
		padding:10px 7px 5px 10px;
		color:#fff;
		background:#ffffff url(../images/callout_top.gif) no-repeat top left;
        font-size:11px !important;
		font-weight:bold;
	}
	
	#callOutCategory ul {
		margin:0;
		padding:0;
		list-style:none;
		color:#666;
        border-left:1px solid #999999;
        border-right:1px solid #999999;
        font-size:11px !important;
	}
		
	#callOutCategory p {
		margin:0;
		padding:0px 7px 5px 10px;
		list-style:none;
		color:#666;
        border-left:1px solid #999999;
        border-right:1px solid #999999;
        font-size:11px !important;
	}
	
	#callOutCategory p .calloutBotPhoto {
		margin:0px 0px -8px 0px;
		padding-top:5px;
		list-style:none;
		color:#666;
        border-left:1px solid #999999;
        border-right:1px solid #999999;
	}
		

	#callOutCategory .vidClipLength {
		padding:0px 7px 5px 5px;
	}	
				
	#callOutCategory .calloutText {
		padding:0px 7px 5px 10px;
	}
		
    #callOutCategory ul ul {
        border:none;
    }
	#callOutCategory li {
		padding:0;
		margin:0;
		border-bottom:1px solid #ccc;
        background:none !important;
	}
	#callOutCategory .subnav {
        border-top:1px solid #ccc;
		display:none;
		margin:0;
		padding:0;
	}
	#callOutCategory .subnav li,#callOutCategory .last  {
		padding: 0;
        margin:0;
		border-bottom:1px solid #ecf8e0;
	}
	
	#callOutCategory a.hasSub {
    margin-left:6px;
    padding-left:10px;
    background:transparent url(../images/arrow_right.gif) no-repeat left center;
    }
	
    #callOutCategory a:hover {
		text-decoration:underline;
	}
	
	#callOutCategory li.current a  {
/* font-weight: bold; */
 color: #000;
	}
 
    #callOutCategory li.current a.hasSub  {
	margin-left:6px;
    padding-left:10px;
	background:transparent url(../images/arrow_down.gif) no-repeat -1px 50%;
	}
    
	#callOutCategory .subnav a {
		font-weight:normal !important;
		background:#e1f5ce !important;
		padding:4px 2px 4px 5px;
		color:#49166d !important;  
		margin:0 !important;
	} 
	
	#callOutCategory li.current .subnav li.current a {
		background:transparent;
  font-weight:bold !important      
	}
	
	#callOutCategory .subnav a:hover {
	background:#ffffff !important;
	color:#000!important;
	text-decoration:underline !important;
	}

	#callOutCategory .current .subnav {
		display:block;
	}    

.boxPromo1 {
 padding: 10px 0 0 0;
 margin:5px 0 0 0; 
 width: 600px; 
 background: url(../images/strybox_top.gif) top left no-repeat;
}

.boxPromo1Inner {
 padding: 0 1px 1px 10px; 
 margin-bottom:0px;
 width: 589px !important;
 width /**/: 600px;
 background: transparent url(../images/strybox_bot.gif) bottom left no-repeat;
 color: #666;
}

.boxPromo1Inner2 {
background-repeat:no-repeat;
background-position: 400px 100%;
padding-bottom:10px;
margin-bottom:10px;
width:404px;
float:left;
}
.boxPromo1Inner3 {
padding-bottom:10px;
margin-bottom:10px;
width:165px;
float:right;
position:relative;
display: inline;
}


.boxPromo1Inner2Contact {
background-repeat:no-repeat;
background-position: 400px 100%;
padding-bottom:10px;
margin-bottom:10px;
width:420px;
float:left;
}

.boxPromo1Inner3Contact {
padding-bottom:0px;
padding-right:10px;
margin-bottom:10px;
width:145px;
float:right;
position:relative;
display: inline;
}