@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------------- GENERAL SCRIPT ---------------------------------------------------------*/
/* --------------------------------------------------------- GENERAL SCRIPT ---------------------------------------------------------*/
/* --------------------------------------------------------- GENERAL SCRIPT ---------------------------------------------------------*/
img, div , li ,a , span{ behavior: url(iepngfix.htc); }

/* GENERAL STYLE */
*{margin:0px; padding:0px;}

body{ background: #FFF url(../images/columbia_bg.jpg) repeat center top; color:#666666; font-family:Verdana, Geneva, sans-serif;  }
p { font:normal normal normal 13px/18px verdana,sans-serif; color:#666666; letter-spacing:0px; }
ul li{ font:normal normal normal 12px/17px verdana,sans-serif; }
a{ margin:0px; padding:0px; border:none; color:#666; text-decoration:none;}
a img{ margin:0px; padding:0px; border:none;}
.spacer{line-height:0px; font-size:0px; clear:both;}

/* HEADER SECTION */

#header_section{ margin:0px 0 0 0px; padding:5px 0 0 0px; background:#C00 url(../images/columbia_header_bg.jpg) repeat-x 0px 5px; overflow:hidden; height:100%;}
#header_content_holder{ margin:0px auto 0px; padding:0px; background:url(../images/columbia_logo.png) no-repeat; width:974px; height:146px;}
#logo_link{ margin:20px 0 0 0px; padding:0px; float:left; width:350px; height:100px;}
#topnav{ margin:53px 0 0 0px; padding:0 0 0 0px; width:620px; height:40px; float:right;}


/* --------------------------------------------------------- TOP NAVIGATION SCRIPT ---------------------------------------------------------*/
/* --------------------------------------------------------- TOP NAVIGATION SCRIPT ---------------------------------------------------------*/
/* --------------------------------------------------------- TOP NAVIGATION SCRIPT ---------------------------------------------------------*/

/* menu styles */

#jsddm {
	padding: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
#jsddm li {
	float: right;
	list-style: none;
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	margin:0 6px 0 22px;
}
#jsddm li a {
	display: block;
	text-decoration: none;
	width: 88px;
	color: #c52032;
	white-space: nowrap;
	/*background-image: url(../images/header.gif);
	background-repeat: no-repeat;*/
	height: 24px;
	padding-top: 15px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 4px;
	text-transform:lowercase;
}
#jsddm li a:hover {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#jsddm li a.activenav {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#jsddm li ul {
	padding: 0;
	position: absolute;
	visibility: hidden;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index:1000;
}
#jsddm li ul li {
	float: none;
	display: inline; margin:0px; padding:0px;
}
#jsddm li ul li a {
	width: 110px; 
	height:25px;
	padding:4px 0 0px 22px;
	background:url(../images/header_over.png) no-repeat 0px -5px;
	line-height:200%; 
	color:#333333;
}
#jsddm li ul li a.first {
	width: 110px; height:29px;
	padding:4px  0 0px 22px;
	background:url(../images/header_over.png) no-repeat 0px 0px; 
}
#jsddm li ul li a:hover.first {
	width: 110px; 
	height:29px;
	padding:4px  0 0px 22px;
	background:url(../images/header_over.png) no-repeat 0px 0px; 
	color: #c52032;
}
#jsddm li ul li a.last {
	width: 110px; 
	padding:4px  0 0px 22px;
	background: url(../images/header_over.png) no-repeat left bottom ;
	
}
#jsddm li ul li a:hover.last {
	width: 110px; 
	padding:4px  0 0px 22px;
	background:url(../images/header_over.png) no-repeat bottom left;
	color: #c52032;
}
#jsddm li ul li a:hover {
	color: #c52032;
	width: 110px; height:25px;
	padding:4px 0 0px 22px;
	background:url(../images/header_over.png) no-repeat 0px -5px;
	line-height:200%;
}

/* --------------------------------------------------------- COMMON BODY SECTION --------------------------------------------------------- */
/* --------------------------------------------------------- COMMON BODY SECTION --------------------------------------------------------- */
/* --------------------------------------------------------- COMMON BODY SECTION --------------------------------------------------------- */

#body_section{margin:0px 0 0 0px; padding:24px 0 0 0px;  background:url(../images/columbia_body_bg.jpg) repeat-x top left; overflow:hidden;}
#body_content_holder{margin:0 auto; padding:0px; width:974px;  background:url(../images/columbia_body_bg.png) repeat-y top left;}
#body_navigation_banner{margin:0px; padding:0px; background:url(../images/columbia_corner_bg.png) no-repeat top left; width:974px; overflow:hidden;}

#navigation{ margin:0 14px 0 47px; padding:10px 0 0 0px; width:913px; overflow:hidden; height:100%;  background:url(../images/columbia_body_navbg.jpg) repeat-x top left;}
#navigation	ul {list-style:none;margin:0px 20px 0 0;padding:0; float:right;}
#navigation	li {float:left; margin:0; padding:0px 0 0 0px; text-align:center;}
#navigation	li a {display:block;padding:10px 10px;height:100%; font:400 normal normal 1em/1.5em verdana,sans-serif; color:#333333; text-decoration:none; text-transform:lowercase; border-right:0px solid #FFF;}
#navigation	li a {background:url(bg2.jpg) repeat 0 0;}
#navigation	li a:hover, li a:focus, li a:active {background-position:-150px 0; color:#FFF;}
.active{background:#c52031 !important; color:#FFF !important;}
#navigation	#a a {background:url(../images/bg.jpg) repeat -20px 40px;}


#banner{margin:0px 14px 0 47px; padding:0px; width:913px; overflow:hidden; height:100%;  }
#banner img{margin:0px; padding:0px; float:left;}

#banner p a{ text-decoration:none; color:#333  }
#banner p a:hover{ text-decoration:underline; }
#product_banner{margin:0 14px 0 47px; padding:0px; width:913px; overflow:hidden;}


#body_content{ margin:0 14px 0 47px; padding:0px; width:913px; overflow:hidden;}
.col_fullwidth{margin:0px 0 0 0px; padding:0px 0 0 0px;  width:913px; float:left;}
p.fullwidth{ margin:0px; padding:20px;}

.col1{margin:0px 0 0 0px; padding:0px 0 0 58px;  width:380px; float:left;}
.col1 p, .col2 p{margin:0px 0 10px 0px; }
.col2{margin:0px 0 0 0px; padding:0px 0 0 31px;  width:380px; float:left;}
#body_bottom{margin:0 auto; padding:30px 0 0 0px; width:974px;  background:url(../images/columbia_body_bottom.png) no-repeat top left; }

ul.body_bottom_subnav{ margin:25px 0 0 325px; padding:0px; list-style:none;}
ul.body_bottom_subnav li{ margin:0px; padding:0px; float:left;}
ul.body_bottom_subnav li a{ margin:0px; padding:0 8px 0 8px; display:block; border-right:1px solid #999; line-height:18px; text-transform:lowercase;}
ul.body_bottom_subnav li a.last{ margin:0px; padding:0 8px 0 8px; display:block; border-right:0px solid #999; line-height:18px; text-transform:lowercase;}
ul.body_bottom_subnav li a:hover{ margin:0px; padding:0 8px 0 8px; display:block; border-right:1px solid #999; text-decoration:underline; color:#333; line-height:18px; text-transform:lowercase;}
ul.body_bottom_subnav li a:hover.last{ margin:0px; padding:0 8px 0 8px; display:block; border-right:0px solid #999; text-decoration:underline; color:#333; line-height:18px; text-transform:lowercase;}

ul.body_bottom_morelink{ margin:0 18px 0 0px; padding:0px; float:right; list-style:none;}
ul.body_bottom_morelink li{ margin:0px; padding:0px; }
ul.body_bottom_morelink li a{ margin:0 0 4px 0px; padding:4px 20px 2px 0px; background:url(../images/arrow-sketch-normal.png) no-repeat right center; text-align:right; display:block; font:400 normal normal .8em/1.8em verdana,sans-serif; color:#333; text-transform:lowercase;}
ul.body_bottom_morelink li a:hover{ margin:0 0 4px 0px; padding:4px 20px 2px 0px; background:url(../images/arrow-sketch-hover.png) no-repeat right center; text-align:right; display:block; font:400 normal normal .8em/1.8em verdana,sans-serif; color:#999; text-transform:lowercase;}
/* --------------------------------------------------------- FOOTER SECTION --------------------------------------------------------- */
/* --------------------------------------------------------- FOOTER SECTION --------------------------------------------------------- */
/* --------------------------------------------------------- FOOTER SECTION --------------------------------------------------------- */

#footer_section{margin:50px 0 0 0px; padding:0px 0 0 0px;  height:146px; background:url(../images/columbia_footer_bg.png) no-repeat top center; overflow:hidden;}
#footer_container{margin:0 auto; padding:0px 0 0 0px; width:883px; height:98px; background:#c52032 url(../images/redbottom.jpg) repeat-x top left;}
#footer_container p{ color:#cccccc}
#footer_container p a{ color:#cccccc}
#footer_container p a:hover{ color:#cccccc; text-decoration:underline;}
p.footer_title{ margin:0 0 0 24px; font:400 normal normal 12px/13px verdana,sans-serif; line-height:19px; height:19px; }
p.footer_col1{ margin:0 0px 0 0px; padding:8px 0 0 30px; float:left; width:338px; background:#333; height:62px; font:400 normal normal .8em/2em verdana,sans-serif;}
p.footer_col2{ margin:0 0px 0 0px; padding:8px 0 0 15px; float:left; width:197px; background:#333; height:62px; font:400 normal normal .8em/2em verdana,sans-serif; border-left:1px solid #c62132; border-right:1px solid #c62132;}
p.footer_col3{ margin:0 0 0 0px; padding:8px 0 0 15px; float:left; width:200px; background:#333; height:62px; font:400 normal normal .8em/2em verdana,sans-serif;}
p.footer_col3 img{ margin:1px 30px 1px 1px; padding:0px; float:right;}

#footer_social_icons{ margin:0px 0 0 0px; padding:10px 0 0 0px; width:86px; height:60px; float:right; background:#333333; overflow:hidden;}


/* --------------------------------------------------------- HOME BODY SECTION --------------------------------------------------------- */
/* --------------------------------------------------------- HOME BODY SECTION --------------------------------------------------------- */
/* --------------------------------------------------------- HOME BODY SECTION --------------------------------------------------------- */

#home_body_content_holder{ margin:0 12px 0 47px; padding:0 0 0 0px; background:url(../images/columbia_home_thumb_bg.png) no-repeat 0px 80px;  overflow:hidden;}
p.home_product_title{ background: url(../images/home_prod_title.gif) no-repeat center top; width:100%;  height:90px;}
.home_products{ margin:0 0 0 34px; padding:0 0 0 0px; list-style:none; background-image:url(../images/home_prod_title.gif);}
.home_products li{ margin:32px 20px 0 20px; padding:0 0 0 0px; float:left; text-align:center; color:#333;}
#home_prod_thumb{ margin:0px; padding:0px; width:171px; height:183px;}
.home_products li p{width:171px; font-size:11px;}
p span{ font-size:12px; line-height:150%; font-weight:bold; color:#333; text-transform:lowercase;}

/* --------------------------------------------------------- TIMELINE PAGE SCRIPT --------------------------------------------------------- */
/* --------------------------------------------------------- TIMELINE PAGE SCRIPT --------------------------------------------------------- */
/* --------------------------------------------------------- TIMELINE PAGE SCRIPT --------------------------------------------------------- */

h5.timeline_title{ margin:0 0 10px 0px; padding:5px 0 5px 22px; font-size:14px; border-bottom:1px solid #333; width:189px;}
#timeline_holder{ margin:0px; padding:0px; background:none; overflow:hidden;}
ul.timeline{ margin:0px 20px 0 0px; padding:0 0 0 0px; list-style:none; float:right;}
ul.timeline li{ margin:0 0px 0 0px; padding:0 0 0 0px; float:left;}
ul.timeline li a{ margin:0px; padding:0 0 0 8px; color:#666666; display:block; width:78px; height:17px; background:url(../images/columbia_timeline_bg.gif) no-repeat top left; font:bold normal normal .9em/1em Verdana, Geneva, sans-serif;}
ul.timeline li a:hover{ margin:0px; padding:0 0 0 8px; color:#666666; display:block; width:78px; height:17px; background:url(../images/columbia_timeline_bg_over.gif) no-repeat top left; font:bold normal normal .9em/1em Verdana, Geneva, sans-serif;}
/*ul.timeline li a.last_li{ margin:0px; padding:0 0 0 8px; color:#666666; display:block; width:82px; height:17px; background:url(../images/columbia_timeline_arrowhead.gif) no-repeat top right; font:bold normal normal 11px/14px Verdana, Geneva, sans-serif;}
ul.timeline li a:hover.last_li{ margin:0px; padding:0 0 0 8px; color:#666666; display:block; width:82px; height:17px; background:url(../images/columbia_timeline_arrowhead_hover.gif) no-repeat top right; font:bold normal normal 11px/14px Verdana, Geneva, sans-serif;}*/
ul.timeline li a.last_li{ margin:0px; padding:0 0 0 8px; color:#666666; display:block; width:82px; height:17px; background:url(../images/columbia_timeline_arrowhead.gif) no-repeat top right; }
ul.timeline li a:hover.last_li{ margin:0px; padding:0 0 0 8px; color:#666666; display:block; width:82px; height:17px; background:url(../images/columbia_timeline_arrowhead_hover.gif) no-repeat top right; }
ul.timeline li h6{ font-size:11px; line-height:14px;}




/* --------------------------------------------------------- PRODUCTS  --------------------------------------------------------- */
/* --------------------------------------------------------- PRODUCTS  --------------------------------------------------------- */
/* --------------------------------------------------------- PRODUCTS  --------------------------------------------------------- */


/*  LEFT PANEL STYLE  */
.products_image_container{margin:0px 0px 0 0px; padding:0px; float:left;  width:307px; color:#999999; overflow:hidden; height:100%;}

/*  RIGHT PANEL STYLE  */
.red_title{color:#c52032;}
.gray_title{color:#706f6f;}
.border_red{border-bottom:1px solid #c00a27;}
.boredr_gray{border-bottom:1px solid #000;}

.product_content_container{margin:0px 0px 0 26px; padding:26px 0 0 0px; float:left;  width:580px; color:#999999; overflow:hidden;}
.product_content_container p{color:#666666;}
.product_category{ margin:0px; padding:0px;  width:580px; overflow:hidden; }

.product_pg_category_redbg{ margin:0px; padding:2px 0 8px 0px;background:url(../images/columbia_product_title_bg.jpg) repeat-x left center; border-bottom:1px solid #c00a27;}
.product_pg_category_graybg{ margin:0px; padding:2px 0 8px 0px; background:url(../images/columbia_product_title_graybg.jpg) repeat-x left center; border-bottom:1px solid #000;}

h1.prod_pg_title_text{ margin:0px; padding:0 14px 0 0px; width:auto;  background:#fff; float:left;  text-transform:lowercase; font-size:30px; line-height:58px; letter-spacing:-1px; font-weight:normal;}

h1.prod_pg_title_text{ margin:0px; padding:0 14px 0 0px; width:auto;  background:#fff; float:left;  text-transform:lowercase; font-size:30px; line-height:58px; letter-spacing:-1px; font-weight:normal;}

h1.formativebg{background:#fff url(../images/formative.jpg) no-repeat left top; width:154px; height:58px; display:block;}
h1.cadetbg{background:#fff url(../images/cadet.jpg) no-repeat left top; width:100px;  height:58px; display:block;}
h1.colorrangebg{background:#fff url(../images/colour_range.jpg) no-repeat left top; width:200px;  height:58px; display:block;}
h1.copperplatebg{background:#fff url(../images/copperplate.jpg) no-repeat left top; width:192px;  height:58px; display:block;}



.product_pg_description{ margin:0px 0 20px 0px; padding:0 0 25px 0px; float:left; width:100%;}


#title_description{width:300px; float:left; overflow:hidden; height:100%;}

h5.prod_title{ margin:20px 0 0 0px; color:#c00a27; font-size:14px; line-height:20px;
border:0px solid #0C9; width:250px;}

#product_slideshow_holder{width:270px; height:270px; float:left; overflow:hidden;}


p.copperplate_description{ margin:0px 0 0 0px; padding:20px 270px 0 0px;  width:300px;}
p.cadet_description{ margin:0px 0 0 0px; padding:20px 270px 0 0px; background:url(../images/cadetpk-product-scribble.png) no-repeat 360px 0px; width:300px;}
p.formative_description{ margin:0px 0 0 0px; padding:20px 0px 0 0px; background:url(../images/formative-product-scribble.png) no-repeat 315px 0px; width:300px;}
.formative_desc_block2_bg{}/* background:url(../images/formative_desc_block2_bg.jpg) no-repeat 310px 0px;*/
a.formative_desc_block2_link{ margin:0 40px 0 0px; padding:0 0 0 0px;display:block; width:230px; height:150px; float:right; background: url(../images/formative_desc_block2_bg.jpg);}
a:hover.formative_desc_block2_link{ margin:0 40px 0 0px; padding:0 0 0 0px;display:block; width:230px; height:150px; float:right; background: url(../images/formative_desc_block2_bg_over.jpg);}
p.colorrange_description{ margin:0px 0 0 0px; padding:20px 270px 0 0px;  width:300px;}

.design_block2_items{ margin:0px; padding:0px; list-style:none; }
.design_block2_items li{ margin:0px; padding:0px; }
.design_block2_items li img{ margin:0px; padding:0px; }
.design_block2_items h5{margin:0 0 8px 0px; padding:0px; font-size:12px; color:#666666; font-weight:normal;  }
 

.product_lead_range{ margin:0px; padding:0px; width:490px; list-style:none; float:left; }
.product_lead_range li{ margin:0 1px 10px 0px; padding:0px; float:left; display:block; width:90px; height:auto;}
.product_lead_range h6{ font-size:12px; color:#666666;}

/* ---------------------------------------------------------  ACCESSORIES --------------------------------------------------------- */
/* ---------------------------------------------------------  ACCESSORIES --------------------------------------------------------- */
/* ---------------------------------------------------------  ACCESSORIES --------------------------------------------------------- */

/* [ #banner p.acc_cadet ]  applied to all acessories */

#accessories_banner_slide_holder{width:440px; height:248px; float:left;}
#accessories_banner_slide_holder img{ margin:0 0 0 60px;}
#banner p.acc_cadet{ margin:0px; padding:125px 100px 0 40px; float:left; width:300px; background:url(../images/columbia_accessories_para_bg.jpg) no-repeat top left; font:400 normal normal 13px/18px verdana,sans-serif; color:#666666; letter-spacing:0px;}
.accessories{ margin:40px 0px 0 55px; padding:0px; float:left;  width:375px; color:#666666;}
.accessories p{ margin:0 0px 0 0px; padding:0px 0 0 0px; float:left;   color:#999999;}
.accessories h5{ margin:10px 0px 10px 0px; padding:0px 0 0 0px; line-height:20px; color:#666666; border-bottom:1px solid #999999; text-transform:uppercase; font-weight:normal; }
.accessories img{ margin:0 5px 0 0px; padding:0px; float:left;}
.accessories ul li{ list-style:inside; font:400 normal normal 12px/17px verdana,sans-serif;}

/* --------------------------------------------------------- MEDIA PAGE STYLE --------------------------------------------------------- */
/* --------------------------------------------------------- MEDIA PAGE STYLE --------------------------------------------------------- */
/* --------------------------------------------------------- MEDIA PAGE STYLE --------------------------------------------------------- */

#media_container{margin:15px 14px 0 47px; padding:0px; width:913px; height:558px; background:url(../images/columbia_media_bg.jpg) no-repeat center top; overflow:hidden;}
#media_content{ margin:0px; padding:0px; float:left; width:913px; height:472px; overflow:hidden; }
#media_content_col1{margin:0px; padding:0px; float:left; width:184px;}
#media_content_col1 ul{margin:72px 0 0 0px; padding:0px; list-style:none;  }
#media_content_col1 ul li{margin:0 0px 20px 0px; padding:0px;  }
#media_content_col1 ul li a{margin:0px; padding:0px; text-align:right; display:block; width:160px; font:bold normal normal .9em/1.5em Verdana, Geneva, sans-serif; color:#999; }
#media_content_col1 ul li a.media_active{margin:0px; padding:0px; text-align:right; display:block; width:160px; font:bold normal normal .9em/1.5em Verdana, Geneva, sans-serif; color:#c52032; }

#media_content_col2{margin:0px; padding:0px; float:left; width:545px;}
#media_content_col2 img{margin:47px 0 0 40px; padding:0px; float:left;}
#media_content_col3{margin:72px 0 0 16px; padding:0px; float:left; width:130px; font:bold normal normal 1em/1.5em Verdana, Geneva, sans-serif;}

/* --------------------------------------------------------- KIDS PAGE STYLE --------------------------------------------------------- */
/* --------------------------------------------------------- KIDS PAGE STYLE --------------------------------------------------------- */
/* --------------------------------------------------------- KIDS PAGE STYLE --------------------------------------------------------- */

body.kids-bg{ background: #FFF url(../images/columbia_kids_bg.jpg) repeat center top !important;}
#body_section_kids{margin:0px 0 0 0px; padding:0px 0 0 0px;  background: #FFF; overflow:hidden; height:1099px;}
#header_section_kids{ margin:0px 0 0 0px; padding:5px 0 0 0px; background:#fff !important; overflow:hidden; height:100%;}
#header_content_holder_kids{ margin:0px auto 0px; padding:0px; background:url(../images/columbia_logo.png) no-repeat; width:974px; height:130px;}

#body_content_holder_kids{margin:0 auto; padding:0px; width:974px;  background:url(../images/kidz-bg.jpg) no-repeat center top; height:1099px; overflow:hidden;}

#body_content_kids{ margin:334px auto 0 auto; padding:0px; width:913px; overflow:hidden; height:627px; background:url(../images/columbia_kids_content_bg.png) no-repeat center top; }
#footer_section_kids{margin:0px 0 0 0px; padding:0px 0 0 0px;  height:146px; background:url(../images/columbia_footer_bg.png) no-repeat top center; overflow:hidden;}


#game_holder{ margin:50px 0 0 132px; padding:0px 0 0 0px; float:left;  background:none; overflow:hidden; width:640px; height:387px; border:0px solid #30F;}

#kids_game_holder{margin:10px 0 0 190px; padding:0px 0 0 0px; float:left;  background:none; overflow:hidden; width:530px; height:40px;}

#download_container{margin:5px 0 0 215px; padding:0px 0 0 0px; float:left; width:530px; height:50px; }




/* KIds in Flash */

#body_content_kids_flash{ margin:334px auto 0 auto; padding:40px 0 0 0px; width:753px; overflow:hidden; height:627px; background:url(../images/columbia_kids_content_bg.png) no-repeat center top; }