@charset "UTF-8";

/* STRUCTURE STYLES */

body {
	font-family: arial;
	font-size: 13px;
	color:#636363;
	background: #EFEFEF;
	}

#container {
	width:100%;
	margin:0 auto;
    border-bottom:2px solid #DEDEDE;
	padding:0 0 25px 0;
	}	

.feature {
	background:#FFF url(/images/production/global/bg.jpg) repeat-x top center;
	}
	
.featureInside {
	background:#FFF url(/images/production/global/bg.jpg) repeat-x top center;
	}	

.content {
	background:#FFF url(/images/production/global/bg.jpg) repeat-x top center;
	}

#wrapper {
	width:980px;
	margin:0 auto;
	}		

/* GLOBAL STYLES */

strong {
       font-weight:bold;
       }
b {
  color: #777;
}       
       
.clear {
	clear:both;
	}	
	
.imageRight {
	float:right;
	margin:15px;
	border:4px solid #CCC;
	}
	
.floatRight {
	float:right;
	margin:15px;
	}	
	
.imageLeft {
	float:left;
	margin:15px;
	border:4px solid #CCC;
	}	

.left {
    float:left;
    }

.right {
    float:right;
    }
	
.center {
	text-align:center;
	}	
	
/* HEADER STYLES */	
	
#wrapperHeader {
	height:130px;
    background: url(/images/production/global/bgHeader.jpg) no-repeat left top;
	}
	
#wrapperHeader h1 a {
	display:block;
	height:100px;
	width:400px;
	text-indent:-9000px;
	float:left;
	}	
	
#wrapperHeader #subNav {
	color:#FFF;
	text-shadow: #999 0px 1px 1px; 
	font-weight:bold;
	font-size:14px;
	height: 22px;
	padding: 8px 0 0 0;
	}
	
#wrapperHeader #subNav li {
	display:inline;
	margin:0 7px;
	}
	
#wrapperHeader #subNav li a {
	color:#FFF;
	text-decoration:none;
	}
	
#wrapperHeader #subNav li a:hover {
	color:#FFF;
	text-decoration:underline;
	}

/* MAIN NAV STYLES */	

#wrapperNav #nav {
	height:30px;
	padding: 10px 0 0 0; 
    color:#FFF;
	font-size:18px;
	text-align:left;
	font-weight: normal;
	}
	
#wrapperNav #nav li {
	display:inline;
	margin:0 20px 0 0;
	height: 24px;
	padding: 8px 0 0 0;
	}
	
#wrapperNav #nav li a {
	color:#FFF;
	text-decoration:none;
    font-weight:bold;
	}

#wrapperNav #nav li a:hover {
	text-decoration:underline;
	}
	
/* THIRD NAV STYLES */	

#wrapperNavThird #navThird {
	height:20px;
	padding: 5px 0 0 0; 
    color:#FFF;
	font-size:14px;
	text-align:left;
	font-weight: normal;
	}
	
#wrapperNavThird #navThird li {
	display:inline;
	margin:0 20px 0 0;
	height: 24px;
	padding: 8px 0 0 0;
	}
	
#wrapperNavThird #navThird li a {
	color:#FFF;
	text-decoration:none;
    font-weight:bold;
	}

#wrapperNavThird #navThird li a:hover {
	text-decoration:underline;
	}	
	
/* SOCIAL NAV STYLES */	

#socialNav {
   height: 68px;
   margin-bottom: 15px;
   background: url(/images/production/global/bgSocial.jpg) no-repeat left top;
}

#socialNav #navSocial {
	height:20px;
	padding: 18px 0 0 225px; 
    color:#FFF;
	font-size:14px;
	text-align:left;
	font-weight: normal;
	float: left;
	width: 250px;
	}
	
#socialNav #navSocial li {
	display:inline;
	margin:0 5px 0 0;
	height: 24px;
	}	
	
#socialNav #search {
	float:right;
	width:350px;
	clear:right;
	text-align: right;
    margin-top:12px;
	}
	
#socialNav #search li {
	display: inline;
	margin: 0 3px;
	}	
	
#socialNav #search input {
	border: 2px solid #999;
	padding: 8px 4px;
	}			

/* FOOTER STYLES */

#wrapperFooter {
    width:980px;
    margin:15px auto 50px auto;
	font-size:11px;
    }

#wrapperFooter a {
    color:#888; 
    text-decoration:none;
    }

#wrapperFooter a:hover {
    color:#555; 
    text-decoration:underline;
    }

#wrapperFooter p {
	padding: 3px 0;
	line-height: 16px;
	}

#wrapperFooter .moduleFooter {      
     float:left;
     display:inline;
     width:300px;
     margin: 0 13px;
     }

#wrapperFooter .listFooter {
	color:#777;
	font-weight:bold;
    margin: 0 0 0 7px;
	}
	
#wrapperFooter .listFooter li {
	margin:3px 0;
	}
	
#wrapperFooter .listFooter li a {
	color:#444;
	text-decoration:none;
	}
	
#wrapperFooter .listFooter li a:hover {
	color:#111;
	text-decoration:underline;
	}

#wrapperFooter #disclaimer {
   	clear:both;
   	text-align:center; 
   	font-size:10px;
   	letter-spacing:1px;
   	color:#888;
   	padding-top:40px;
   	}

/* HOME STYLES */	

#bannerHome {
    margin:0 0 10px 0;
    }

/* GLOBAL CONTENT STYLES */	

#content p {
    line-height:22px;
    margin:10px 0;
    }
    
a {
    color: blue;
    text-decoration: underline;
    }          

#columnThin {
    width:300px;
    }

#columnWide {
    width:660px;
    }

h2 {
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
	color: #444;
    text-shadow: #CCC 0px 1px 1px; 	
	}
	
h3 {
	font-size:13px;
	font-weight:bold;
	padding:5px 0;
	color: #636363;
	}
	
h4 {
	font-size:12px;
	font-weight:bold;
	padding:15px 0;
	color: #444;
	}
	
h5 {
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	color: #444;
	}		

.highlight {
	background:#F3F3F3;
	border:1px dotted #CCC;
	padding:10px 20px;
	margin: 10px 0;
	}

.focus {
	border:2px solid #DEDEDE;
	padding:10px 20px;
}

.strike {
	text-decoration: line-through;
	}
	
.box {
	float:left;
	width:250px;
	margin:0 20px;
	}
	
/* ROW STYLES */

.rowA {
	border-top: 0px dotted #CCC;
	padding: 15px;
	margin-bottom: 0px;
	}
	
.rowB {
	border: 1px dotted #DDD;
	background: #EFEFEF;
	padding: 15px;
	margin-bottom: 25px;
	}	

/* SUBCOLUMN STYLES */		

.subColumnA {
	float: left;
	width: 205px;
	padding: 0 25px 0 0;
	}
	
.subColumnA h2 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:0px;
	color: #444;
	}	
	
.subColumnA h3 {
	border: 2px solid #EFEFEF;
	background: #267CAB;
	padding: 5px;
	text-align: center;
	width: 50px;
	float: left;
	margin-right: 7px;
	}	
	
.subColumnA h3 a {
	color: #FFF;
	text-decoration: none;
	}			
	
.subColumnA p {
    line-height:18px;
    margin:10px 0;
    font-size: 11px;
    }  	
	
/* MODULE STYLES */		

.moduleA {
	float: left;
	width: 225px;
	height: 185px;
	margin: 0 10px 10px 0;
	border: 1px solid #DEDEDE;
	}
	
.moduleB {
	float: left;
	width: 225px;
	height: 75px;
	margin: 0 10px 10px 0;
	border: 1px solid #DEDEDE;
	}		
	
.black {
	background: #222;
	}	
	
.blue {
	background: #1BA2B5;
	}		
	
.tan {
	background: #C8BC97;
	}		
	
.moduleA img {
	width: 225px;
	height: 120px;
	}
	
.moduleA .strip, .moduleB .strip {
	padding: 15px 10px 0 10px;
	color: #FFF;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	border-top: 1px solid #FFF;
	}	
	
.moduleA a, .moduleB a {
	color: #FFF;
	text-decoration: none;
	}	
	
.moduleA a:hover, .moduleB a:hover {
	color: #FFF;
	text-decoration: underline;
	}		
	
/* FONT STYLES */				

/* SPONSOR STYLES */

#sponsors {
    margin:15px 0 30px 0;
    }
    
#sponsorsAlt {
    border-left: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    margin:-10px 3px 30px 3px;
    padding: 15px;
    }    

.listAds {
	padding-top: 40px;
	background: url(/images/uploads/cwc.jpg) no-repeat left top;
    text-align: center;
    margin-bottom: 20px;
    } 

.listAds li {
    display:inline;
    }
    
.listSponsors {
    text-align:center;
    } 

.listSponsors li {
    display:inline;
    margin: 10px;
    }

.listSponsors li img {
    height:35px;
    margin-bottom: 10px;
    }

/* VIDEO PAGE STYLES */	

.row {
	border-bottom: 1px dashed #CCC;
	margin-bottom: 15px;
	padding-bottom: 15px;
	}
	
.video {
	float: left;
	width: 660px;
	display: inline;
	margin: 0 0 20px 0;
	}	

.videoWrapper {
	float: left;
	width: 365px;
	display: inline;	
	}
	
.specsVideo {
	float: left;	
	width: 275px;
	}
	
.specsVideo p {
	font-size: 11px;
	line-height: 16px;
	}
	
.classWrapper {
	float: left;
	width: 160px;
	display: inline;	
	}
	
.classWrapper img {
	width: 150px;	
	}	
	
.specsClass {
	float: left;	
	width: 140px;
	}

.specsClass h3 {
	padding:0 0 0 0;
	}	
	
.specsVideo p, .specsClass p {
	font-size: 11px;
	line-height: 16px;
	}		
	
/* RECIPE PAGE STYLES */	

#recipe {
	padding: 20px;
	background: #FFF;
	border: 2px solid #EFEFEF;
	}	
	
#recipe ul {
	margin:10px 0 15px 30px;
	}	
	
#recipe ul li {
	list-style:square;
	margin-bottom:5px;
    line-height:18px;
	}
	
#recipe .imgRecipe {
	float: right;
	border: 2px solid #DEDEDE;
	margin: 20px;
	}	

/* TWITTER FEED STYLES */	

#feeds {
  	line-height: 16px;
  	font-size: 11px;
	}

#feeds a span {
  	color: #333;
  	font-size: 10px;
  	display: block;
	}

#feeds ul li a {
  	color: #616161;
  	display: block;
  	padding: 10px;
  	text-decoration: none;
	}

#feeds ul li a:hover {
  	background: #F1F1F1;
  	color: #444;
	}

#twitterHome {
	float:left;
	height: 75px;
	width: 520px;
	}

#twitterHome li {
	padding-left: 30px;
	}
	
#twitterInside li {
  	border-bottom:1px dashed #CCC;
	}
	
#twitterVille li {
	float: left;
	width: 450px;
	height: 75px;
  	border-bottom:1px dashed #CCC;
  	margin-right: 20px;
	}		
	
.tweetMeR {
  	width: 75px;
  	height: 80px;
  	float: right;
  	margin: 10px;
}

.tweetMeL {
  	width: 75px;
  	height: 80px;
  	float: left;
  	margin: 10px;
}	

/* AD STYLES */

.ad {
    margin:15px 0 25px 0;
    }

.adsRight {
    float:right;
    clear: right;
    width:300px;
    height:250px;
    margin:20px;
    }
     
.adsLeft {
    float:left;
    width:300px;
    height:250px;
    margin:20px; 
    } 
    
.adsRightInternal {
    float:right;
    clear: right;
    width:300px;
    margin:20px;
    }
    
.adsRightInternal img {
    border: 2px solid #EFEFEF;
    float: left;
    margin-bottom: 5px;
    }
    
.adsHorzInternal {
    clear: both;
    }
    
.adsHorzInternal img {
    border: 2px solid #EFEFEF;
    float: left;
    margin-right: 15px;
    }            
        
.adHor {
    width: 728px;
    margin: 20px auto;
    }     

/* LIST STYLES */

.listNone {
    margin: 10px; 
    }

.listNone li {
    margin: 3px 0; 
    line-height:18px;
    }
    
.listCats {
    margin: 10px 0 30px 0; 
    }

.listCats li {
    margin: 0 0 1px 0; 
    line-height:18px;
    padding: 10px;
    background: #267CAB;
    border: 1px dashed #DEDEDE;
    width: 250px;
    }  
    
.listCats li a {
    color: #FFF;
    }    

.listSquare {
	margin:10px 0 15px 30px;
	}	
	
.listSquare li {
	list-style:square;
	margin-bottom:5px;
        line-height:18px;
	}

.listSubNav {
	margin:10px 0 20px 0;
	}	
	
.listSubNav li {
	display:inline;
	margin:0 3px 0 0;
    font-size:12px;
    font-weight:bold;
    padding: 5px;
    background: #267CAB;
	border: 2px solid #EFEFEF;
	}

.listSubNav li a {
	color:#FFF;
	text-decoration: none;
	}

/* FORM STYLES */

dl {
	padding:35px;
	background:#F7F7F7;
	border:1px solid #DEDEDE;
	margin-top:25px;
	}

dt {
  	float: left;
  	width: 250px;
  	text-align: left;
	color:#555;
	font-size:13px;
	font-weight:bold;
	}

dd {
  	margin-left: 0px;
	margin-bottom: 5px;
	}	

.input {
	font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
	border:1px solid #CCC;
	background:#FFF;
	font-size:13px;
	width:250px;
	margin-bottom:5px;
	padding:5px;
	}

.btn {
	background-color:#DE1B23;
	color:#FFF;
	float:right;
	border:1px solid #999;
	font-size:14px;
	padding:5px;
	margin-right:50px;
	margin-bottom:10px;
	font-weight:bold;
	}	

/* SHOP STYLES */		
	
.shopping {
	padding:20px 20px 20px 30px;
	display:inline;
	width:150px;
	overflow:hidden;
	float:left;
	height: 225px;
	}

.shopping img {
	width: 150px;
	overflow:hidden;
	margin-bottom:10px;
	border:2px solid #CCC;
	}	
	
.itemName {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	display: block;
	text-align:center;
	overflow:hidden;	
	}	
	
.price {
	font-size: 12px;
	color: #777;
	display: block; 
	padding-top: 5px;
	text-align:center;
	overflow:hidden;
	}
	
.buy {
	font-size: 13px;
	color: #333;
	display: block; 
	padding-top: 5px;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	}	
		
.tool-tip {
	font-size: 12px;
	text-align: center;
	background: #555;
	width: 275px;
	overflow: hidden;
	line-height:19px;
	border:1px solid #333;
	}

.tool-tip .tool-title {
	color: #fff;
	font-weight: bold;
	font-size:14px;
	padding: 10px 10px 0 0;
	}

.tool-tip .tool-text {
	color: #fff;
	padding: 5px 10px 10px;
	}	

/* TABLE STYLES */	

table a,
table a:link,
table a:visited {
	color:#666;
	text-decoration:underline;
	}

table a:hover {
	text-decoration:none;
	color:#333;
	}	
			
table {
	width:100%;
	border-top:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	margin:1em auto;
	border-collapse:collapse;
	font-size: 11px;
	}
	
table img {
	border:0;
	margin-top:.5em;
	}		
	
caption {
	color: #000;
	font-size:12px;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
	
tr.odd td,
tr.odd .column1 {
	background:#F7F7F7;
	}	
	
.column1 {
	background:#f9fcfe;
	}
	
td {
	color:#666;
	border-bottom: 1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	padding:.3em 1em;
	text-align:center;
	}
					
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	padding:.3em 1em;
	}	
	
thead th {
	background:#F0F0F0;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	color:#333
	}	
				
tfoot th {
	background:#CCC;
	text-align:center;
	border:none;
	}
		
tfoot th strong {
	font:bold 11px;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
	}
				
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	}	
	
/* PRESS STYLES */

#resources {
  border-top: 4px solid #DEDEDE;
  border-bottom: 4px solid #DEDEDE;
  padding: 10px 0;
}

.entry {
  margin: 10px 10px 25px 10px;
  width: 600px;
  font-size: 11px;  
}

.entry a {
  color: #0200AC;
  text-decoration: underline;  
}

.thumbnail {
  float: left;
  width: 200px;
}

.thumbnail img {
  width: 176px;
  border: 10px solid #EBE7E4;
}

.text {
  float: right;
  width: 380px;
  padding-top: 4px;
}

.resourceEntry {
  margin-bottom: 15px;
}

.published {
  color: #999;
}

.title {
  color: #222;
  margin-bottom: -7px;
  margin-top: 5px;
  font-size: 14px;
  display: block;
  font-weight: bold;
}

.viewAll {
  text-align: right;
  padding: 10px;
}

.viewAll a {
  color: #0200AC;
  text-decoration: underline;
  font-weight: bold;
}

/* FEATURED STYLES */

.entryFeature {
  margin: 10px 10px 25px 10px;
  font-size: 13px;  
}

.entryFeature a {
  color: #0200AC;
  text-decoration: none;  
}

.byLine {
  font-size: 11px;
  color: #777;
}

.thumbnailFeature {
  float: left;
  width: 350px;
}

.thumbnailFeature img {
  width: 330px;
  border: 10px solid #EBE7E4;
}

.textFeature {
  float: right;
  width: 280px;
  padding-top: 4px;
}

.titleFeature {
  color: #222;
  margin-bottom: 3px;
  margin-top: 5px;
  font-size: 18px;
  display: block;
  font-weight: bold; 
}

.publishedFeature {
  color: #999;
  font-size: 12px;
}
	
/* IMAGE FORMAT STYLES */

.captionRight {
  float: right;
  margin: 10px 0 10px 10px;
  width: 350px; 
  text-align: center;
  font-size: 12px;
  color: #222;
}

.captionRight img {
  border: double #CCC;
  max-width: 350px; 
}

.captionLeft {
  float: right;
  margin: 10px 0 10px 10px;
  width: 350px; 
  text-align: center;
  font-size: 11px;
  color: #777;
}

.captionLeft img {
  border: double #CCC;
  margin-bottom: 10px;
  max-width: 350px; 
}
				
.imageWrapRight {
  float: right;
  border: double #CCC;
  margin: 10px 0 10px 10px;
  max-width: 350px; 
}

.imageWrapLeft {
  float: left;
  border: double #CCC;
  margin: 10px 10px 10px 0; 
  max-width: 350px;
}

.imageCenter {
  border: double #CCC;
  padding: 5px;
  margin: 20px auto; 
}

/* SMALL FORM STYLES */	

.smallForm {
  background: #FFFBCC;
  border: 1px dotted #E6DB55;
  color: #864000;
  padding: 10px;
  margin-bottom: 20px;
}

.smallForm dt {
  float: left;
  width: 75px;
  font-size: 11px;
  color: #864000;
}

.smallForm dd {
  float: left;
  width: 180px
}

.inputSmall {
  width: 150px;
  border: 1px solid #DEDEDE;
  padding: 3px;
}

.btnSmallAlt {
	background-color:#000;
	color:#FFF;
	float:right;
	border:1px solid #999;
	font-size:14px;
	padding:5px;
	margin-right:50px;
	margin-bottom:10px;
	font-weight:bold;
	}	

/* COMMENTS STYLES */	

.comment {
  padding: 10px;
  background: #EFEFEF;
  border-bottom: 1px dotted #CCC;
  border-top: 1px dotted #CCC;  
  margin: 15px;
}

.loggedOut {
  margin: 15px;
  padding: 10px;
  border: 1px dotted #DEDEDE;
}

.loggedIn {
  margin: 15px;
  padding: 10px;
  border: 1px dotted #DEDEDE;
}

.loggedOutInput {
  padding: 3px;
  border: 2px solid #CCC;
}