/* Pagination */
.pagination { padding: 2px; }
.pagination .active { font-size: 11px; padding: 3px 8px 4px 8px; border: solid 0px #eee;}
.pagination a { font-size: 11px; padding: 3px 8px 2px 8px; border-bottom: 2px solid #333; background: #8C0000; color: #fff; }
.pagination a:hover { font-size: 11px; background: #666; border-bottom: 2px solid #8C0000; color: #fff; }


/* JQuery  */
.pics {  
    height:  125px;  
    width:   493px; 
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0px;  
    border:  0px;  
    background-color: #eee;  
    width:  493px; 
    height: 125px; 
    top:  0; 
    left: 0 
} 
.picsa {  
    height:  125px;  
    width:   984px; 
    padding: 0;  
    margin:  0;  
} 
 
.picsa img {  
    padding: 0px;  
    border:  0px;  
    background-color: #eee;  
    width:  984px; 
    height: 125px; 
    top:  0; 
    left: 0 
} 

/* CSS Document */

/* COLORS -----------

Red		#A11E22
Black		#000000
Gray		#666666
Light Gray	#999999
Dark Gray	#323232
White	#FFFFFF

-------------------*/
/* BODY */
body { background-color:#000000; font-size:11px; line-height:18px; font-family:Trebuchet MS, Arial, Helvetica, Sans-serif; color:#666666; }
h1 { font-size:14px; color:#999999; font-weight:bold; line-height:30px; text-transform:normal; padding:0; margin:0; }
h2 { font-size:14px; color:#A11E22; font-weight:bold; line-height:30px; text-transform:normal; padding:0; margin:0; }
h3 { font-size:24px; color:#A11E22; font-weight:bold; line-height:50px; padding:0; margin:0; }
h4 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:20px; text-transform:normal; padding:0; margin:0; border-bottom:1px solid #A11E22; }
h5 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:20px; text-transform:normal; padding:0; margin:0; border-bottom:1px solid #666666; }
h6 { font-size:14px; color:#ffffff; line-height:20px; padding:0; margin:0; }
p { padding:0px 0px 0px 0px; }
em { color:#999999; }
.text1 { font-size: 13px; line-height:18px; }
.text15lime { font-size: 18px; line-height:18px; text-decoration: bold; color: lime; }
.text15white { font-size: 18px; line-height:18px; text-decoration: bold; color: white; }
.text15red { font-size: 18px; line-height:18px; text-decoration: bold; color: red; }
.text14 { font-size: 14px; line-height:18px; }
.text14lime { font-size: 14px; line-height:18px; color: lime; }
.text14green { font-size: 14px; line-height:18px; color: green; }
.text14red { font-size: 14px; line-height:18px;  color: red; }
.text14white { font-size: 14px; line-height:18px;  color: white; }
.text2 { font-size: 12px; line-height:18px; }

/* DEFAULT ANCHORS */
a {	color:#CCC; text-decoration:none; }
a:hover { color:#FFF; }
a, a img {border:none; }
a:active, a:focus{ outline:none;}

/* CUSTOM ANCHORS */
a.more { color:#CCCCCC; text-transform:uppercase; line-height:20px; letter-spacing:1px; padding:3px 10px 2px 10px; border-bottom:3px solid #323232; }
a.more:hover { color:#FFFFFF; border-bottom:3px solid #A11E22; background-color:#262626; }


/* FLOATS */
.left { float: left; }
.right { float: right; }
.leftimg { float: left; margin:0px 15px 5px 0px; }
.rightimg { float: right; margin:0px 0px 5px 15px; }

/* BREAKS */
.force_break { clear:both; }
.soft_break { clear:both; }
.hr_break { clear:both; height:1px; background:url(/images/takethewalk/border_dot_horizontal.gif) repeat-x; }

/* STRUCTURE */
#container { width:985px; height:100%; min-height:100%; margin:0px auto 60px; /*background: url("../images/header_back.jpg") bottom right no-repeat;*/}
#containers { width:650px; height:100%; min-height:100%; margin:0px auto 0px; /*background: url("../images/header_back.jpg") bottom right no-repeat;*/}
.one_columnmedia { width:233px; height: 230px; }
.one_columnskor { width:233px; height: 80px; }
.one_column { width:223px; }
.two_column { width:477px; }
.three_column { width:731px; }
.three_column_main { width:731px; background:url(../images/content_back_trans.png); }
.three_columnx { width:355px; }
.four_column { width:985px; }
.head_column { width:985px; }

/* COLUMN SPECS */
.margin_left { padding-left:15px; }
.margin_right { padding-right:15px; padding-bottom: 15px; }
.margin_rightx { padding-bottom: 20px; }
.border_left { background:url(/images/takethewalk/border_dot_vertical.gif) top left repeat-y; padding-left:15px; }
/*.border_right { background:url(/images/takethewalk/border_dot_vertical.gif) top right repeat-y; padding-right:15px; }*/

/* HEADER */
#header { height:200px; padding:0px 0px 0px 0px; background: url("../images/header_back.jpg") bottom right no-repeat; }
.logo { padding:55px 0px 0px 0px; } /*65px 0px 0px 0px;*/
a.register { color:#FFFFFF; font-weight:bold; background:url(/images/takethewalk/header_btn_bg.jpg) left #A11E22; line-height:20px; letter-spacing:1px; padding:10px 30px 2px 30px; }
a.register:hover { color:#000000; }
#header a.more { padding-top:7px; }

#headertop { padding:0px 0px 0px 0px;  }
#headertop a.more { padding-top:7px; }


/* CONTENT */
#content { background:url("../images/content_bg.jpg") top center no-repeat; padding:60px 0px 60px 0px; }
#content .photo { border:3px solid #A11E22; }
#content .flash_cause { width:223px; padding:20px 0px 20px 0px; }
#content .product_photo { border:3px solid #333333; margin-left:10px;}

/* FOOTER */
#footer { font-size:12px; }
#footer  { padding:5px 0 0 0; background-color: #ffffff; background:url(../images/footer.jpg) top right no-repeat; height: 50px; }

#footer  p { color:#666666; padding:0px 0px 0px 0px; letter-spacing:0.05em; }

a.nm { color:#A11E22;  padding-left:0px; }
a.nm:hover { color:#ffffff; }

/* NAV */
#nav { padding:15px 20px; }
#nav ul li { width:183px; display:list-item; }
#nav li { list-style:none; line-height:30px; border-bottom:1px solid #000000; }
#nav a { color:#CCCCCC; font-size:12px; text-transform:none; font-weight:bold; }
#nav a:hover { color:#FFFFFF; border-color:#333333; }


.three_column h4 { background:url(../images/header_731.jpg) top center no-repeat; padding-left: 5px; background-color: #333333; padding-top:10px; border-bottom: 3px solid #333333; }
.three_columnx h4 { background:url(../images/header_355.jpg) top center no-repeat; padding-left: 5px; background-color: #333333; padding-top:10px; border-bottom: 3px solid #333333; }

/* HOMEPAGE CONTENT */
#flash_home { background-color:#000000; height:250px; padding:0; margin:0; }
#content_home { background:url(/images/takethewalk/content_bg_home.jpg) top left no-repeat; padding:30px 0px 60px 0px; }
#causes { width:731px; }
.cause { padding-bottom: 20px; /*height:170px;*/ }
.cause h4 { background:url(../images/header_223.jpg) top center no-repeat; padding-left: 5px; background-color: #333333; padding-top:10px; border-bottom: 3px solid #333333; }
.cause p { width:210px; }

.people { padding-bottom: 15px;}
.people p { width:210px; }


#news_tour h4 { background:url(../images/header_223.jpg) top center no-repeat; padding-left: 5px; background-color: #333333; padding-top:10px; border-bottom: 3px solid #333333; }

#shoes { height:170px; }
#news_tour { padding-bottom:15px; background-color: #000000; }
#news_tour h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_tour h2 { font-size:13px; text-transform:none; }
#news_tour a { color:#666666; }
#news_tour a:hover { color:#999999; }
#news_hosted { padding-bottom:15px; }
#news_hosted h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_hosted h2 { color:#999999; font-size:13px; text-transform:none; }
#news_hosted a { color:#666666; }
#news_hosted a:hover { color:#999999; }


/* FORM STUFF */

/* EXTRAS */
#newsletter { background:#000000; margin:0; padding:0px 8px; border:1px solid #323232; }
#newsletter h1 { color:#CCCCCC; padding-right:6px; }
#newsletter a.details { color:#666666; font-size:10px; font-style:italic; display:block; padding:7px 0px 0px 0px; }
#newsletter a.details:hover { color:#A11E22; }
#newsletter form { padding-bottom:8px; }


/*----------------- Tool Tip -----------------*/

/*	these are for Tool-Tips. 
	Use <span>title</span> for tooltip. -------------------*/
	
#newsletter a{ z-index:10; }
#newsletter a:hover{ position:relative; z-index:100; }			
#newsletter a .tooltip{ display:none; }
#newsletter a:hover .tooltip{
	width: 203px;
	font-weight:bold;
	display:block;
	position:absolute;
	float:left;
	white-space:;
	top:-237px;
	left:-160px;
	background:#A11E22;
	color:#ffffff;
	font-style:normal;
	padding: 10px 10px 10px 10px;
	z-index:10;			
}