/*--------RESET ALL STYLES---------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*=================================*/


/*--------------FONT---------------*/
body, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
/*=================================*/




/*-----------FONT SIZES------------*/
body {
	font-size: 12px;
	line-height: 18px;
}

h1, h2, h3, h4, h5{
	font-family: "Georgia", serif;
}

#tabs h1{
	color: #fff;
	font-size: 36px;
	line-height: normal;
	font-family: "Cochin", "Georgia", serif;
	position: relative;
	z-index: 20;
}

h1 {
	font-size: 27px;
	line-height:30px;
	font-weight: normal;
	color: #00549d;
}
.breadcrumb h1{
	float: left;
}

h2 {
	font-size: 18px;
	line-height:22px;
	margin: 0 0 7px 0;
	font-weight: normal;
	color: #00519b;
}
/*sidebar callout header*/
h3 {
	font-size: 15px;
	line-height:20px;
	font-weight: bold;
	margin: 0 0 7px 0;
}

.freeprint
{
 margin: 0 0 2px 0;
}

.callout h3{
	color: #d51220;
}
.callout-2 h3{
	font-size: 20px;
	color: #fff;
}
.cutout h3{
	color: #00549d;
}



/*sidebar white on green */
h4 {
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	background: #007236;
	padding: 12px;
	display: block;
}

/*main content sub headers*/
h5 {
	font-size: 13px;
	font-weight:bold;
	color: #00549d;
}
div h5{
	float: left;
	margin-right:5px;
}

h6 {
	font-weight: bold;
}
/*=================================*/




/*-------------COLORS--------------*/
body {
	color:#000;
}
.footer a{
	color:#000;
	/*text-decoration: none;*/
}
a {
	color:#000;
}
a:hover {
	color:#000;
}

a.utility
{
	color:#000;
	text-decoration: none;
}

a.utility:hover
{
	color:#000;
	text-decoration: underline;
}
/*=================================*/




/*--------MAIN STYLES---------*/
p {
	margin: 0 0 18px 0;
}
ul, ol {
	margin: 0 0 18px 18px;
}
ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}

blockquote {
	margin: 0 0 7px 0;
}
strong {
	font-weight:700;
}
hr {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 18px 0;

	/*border-bottom:1px dotted #c2c2c2;*/
	border: 0;
}
em {
	font-style: italic;
}

.tel{
	font-weight: bold;
	color: #d51220
}
.vcard .tel{
	color: #000;
	font-weight: normal;
}
.vcard a{
	text-decoration: none;
}
.vcard{
	margin: 18px;
}
/*=================================*/




/*--------------GENERAL------------*/
.wlk_distext {
	display:block;
	visibility:hidden;
}
.hidden, .type, .country-name{
	display: none;
}
.center_block {
	display:block;
	margin:0 auto;
}
.clearfix:after, .callout:after, .callout-2:after, .pullquote:after, form.general:after, .bucket-product:after, .bucket-wrap:after, .crossnav ul li:after, .crossnav ul:after, .month-slider:after, .header ul:after {
	content:"___";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .callout, .callout-2, .pullquote, form.general, .bucket-product, .bucket-wrap, .crossnav ul li, .crossnav ul, .month-slider, .header ul  {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix, .callout, .callout-2, .pullquote, form.general, .bucket-product, .bucket-wrap, .crossnav ul li, .crossnav ul, .month-slider, .header ul  {
	display:block;
}
/* End hide from IE Mac */

/*.required{
	color: #990000;
}*/
/*=================================*/



/*------------CONTAINER------------*/
body {
	background:#fff8dd url(../images/bg-repeat.gif) repeat-x;
}
.container {
	background: #fff;
	text-align: left;
	position: relative;
	margin: 0 auto;
	width:950px;
}


.breadcrumb{
	border-bottom: 1px solid #9b918e;
	margin: 0 0 10px 0;
}

.footer{
	margin: 0 auto;
	width:950px;
	padding: 15px 0px 30px 0px;
}
/*=================================*/




/*-------------HEADER--------------*/
.header {
	padding: 0 12px;
	position: relative;
	height: 83px;
}
.header-form-wrap{
	width: 440px;
	float: right;
}

.logo{
	float:left;
}
.logo a{
	/*background: url(../images/logo-IFCJ.gif) no-repeat;*/
	display: block;
	width: 485px;
	height: 83px;
	/*text-indent: -999px;*/
	line-height: 0;
}
.logo-2 a{
	background: url(../images/logo-IFCJ-2.gif) no-repeat;
	display: block;
	width: 295px;
	height: 44px;
	text-indent: -999px;
	line-height: 0;
}

.header ul{
	margin: 28px 0 10px 20px;
	padding: 0;
	list-style: none;
	float: right;
}

ul.errorBox{
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: disc;
	float: none;
}

.header ul li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #000;
	font-size: 11px;
	line-height: 11px;
}

ul.errorBox li{
	float: left;
	margin: 0 5px 0 30px;
	padding: 0 6px 0 0;
	border-right: 0px;
	font-size: 11px;
	line-height: 15px;
}


.header ul li a{
	text-decoration: none;
}
.header ul li.last{
	margin: 0;
	padding: 0;
	border: none;
}

.header form{
	float: right;
}

.taffloat
{
	float: none !important;
}

.form-main-search input{
	float: left;
	margin: 0 0 0 5px;
}
.form-main-search .btn{	
	margin-top:2px;
}


/*=================================*/



/*----------BREADCRUMB NAV----------*/

.breadcrumb ul{
	margin: 0 0 0 10px;
	padding: 12px 0 0 0;
	list-style: none;
	float: left;
}
.breadcrumb ul li{
	float: left;
	margin: 0 5px 0 0;
	font-size: 11px;
}

.breadcrumb ul li a{
	font-weight: bold;
	color: #005bae;
	text-decoration: none;
}

.breadcrumb ul li.first:after, .breadcrumb ul li.last:after {
	content: none;
}
.breadcrumb ul li.last a{
	
	color: #333333;
	text-decoration: none;
}
/*=================================*/


/*---------------NAV---------------*/
.navigation table{
	height: 30px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin: 0 auto;
	padding: 0;
	background: #005bae;
	width:100%;
}
.navigation table
{
	vertical-align:middle;
}
.navigation td{

	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #6694bd;
	padding: 5px 0 0 8px;
	text-align:center;

}

.navigation td div h2
{
	padding:0;

	margin:0;

}


.navigation td{
	color: #fff;
	background: #005bae;

	text-decoration: none;

}
.navigation h2 a
{
	color:#fff;
	text-decoration:none;
}
.navigation tr td:hover, .navigation tr td a:hover, .navigation tr td.active, .navigation tr td.active a {
	color: #fdcd43;
	background: #004482;
	text-decoration: none;
}
.navigation tr td.last{
	border: none;
}



/*=================================*/




/*-------------FOOTER--------------*/
.footer li{
	font-size: 10px;
	line-height: 10px;
}
.footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer ul li{
	float: left;
	margin: 0 6px 0 0;
	padding: 0 5px 0 0 ;
	border-right: 1px solid #000;
}
.footer ul li.last{
	margin: 0;
	padding: 0;
	border: none;
}
/*=================================*/




/*-------------CONTENT-------------*/
/*FLASH*/
#sorg_flash {
}
.content {
	padding: 12px;
	/*margin: 0 0 18px 0;*/
}

.col1 .featured-img{
	margin: 0 0 20px 0;
}


/* column container */
	.colmask {
				/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		z-index:10;
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#fdcb41;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-295px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	}
	.rightmenu .col1 {
        margin:0 12px 0 297px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:295px;
        position:relative;
        left:295px;
    }
    
    /* 2 column right cart settings */
	.rightcart {
	    
	}
	.rightcart .colleft {
        float:left;
        width:200%;
        margin-left:-295px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightcart .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	}
	.rightcart .col1 {
        margin:0 12px 0 297px;
        overflow:hidden;
	}
    .rightcart .col2 {
        float:right;
        width:295px;
        position:relative;
        left:295px;
    }
    
    
    
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }

/*=================================*/




/*---------CONTENT-------*/

div.action-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
div.action-list ul li{
	margin: 0 0 3px 0;
}
div.action-list ul li span{
	/*margin: 0 0 0 7px;*/
}
div.action-list ul li .btn{
	margin: 0 0 0 14px;
}

div.action-list-ap ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
div.action-list-ap ul li{
	margin: 0 0 3px 0;
}
div.action-list-ap ul li span{
	/*margin: 0 0 0 7px;*/
}
div.action-list-ap ul li .btn{
	margin: 0 0 0 14px;
}




.action-list table tr td+td+td
{
  vertical-align:middle;
}

.action-list-ap table tr td+td+td
{
  vertical-align:middle;
}




.bucket{
	width: 300px;
	float: left;
	font-size: 11px;
	line-height: normal;
	color: #333333;
}
.bucket-b{
	float: right;
}

.bucket .head-wrap{
	background: #005bae;
	padding: 12px 10px;
}
	.bucket .head-wrap span, .bucket .head-wrap a{
		color: #fff;
		font-weight: bold;
	}
	
	.bucket .head-wrap span{
	padding: 0 5px 0 0;
	}
	.bucket .head-wrap a{
		text-decoration: underline;
		/*border-left: 1px solid #fff;
		margin: 0 0 0 5px;
		padding: 0 0 0 6px;
		margin: 0 0 0 5px;*/
	}
	

.home-scroll .navi{
	position: absolute;
	top:310px;
	right: 18px;
}


.bucket .action-list{
	border: 1px solid #cccccc;
	padding: 2px;
}
	.bucket .action-list ul{
		background: #f4f4f4;
		padding: 7px;
	}
		.bucket .action-list ul li span{
			margin: 0 0 0 3px;
		}
		.bucket .action-list ul li .btn{
			margin: 0 0 0 7px;
		}
		
.bucket .action-list-ap{
	border: 1px solid #cccccc;
	padding: 2px;
}
	.bucket .action-list-ap ul{
		background: #f4f4f4;
		padding: 7px;
	}
		.bucket .action-list-ap ul li span{
			margin: 0 0 0 3px;
		}
		.bucket .action-list-ap ul li .btn{
			margin: 0 0 0 7px;
		}



.bucket-product{
	/*width: 590px;*/
	margin: 0 0 20px 0;
	background: #f4f4f4;
	padding: 0 0 7px 0;
}
	.bucket-product .head-wrap{
		background: #dbdbdb;
		padding: 7px 10px;
	}
		.bucket-product .head-wrap span, .bucket-product .head-wrap a{
			color: #0a59a0;
			font-weight: bold;
		}
		.bucket-product .head-wrap a{
			text-decoration: underline;
			border-left: 1px solid #0a59a0;
			margin: 0 0 0 5px;
			padding: 0 0 0 6px;
		}
		
		
		
		.bucket-product .head-wrap-ap{
		background: #dbdbdb;
		padding: 7px 10px;
	}
		.bucket-product .head-wrap-ap span, .bucket-product .head-wrap-ap a{
			color: #0a59a0;
			font-weight: bold;
		}
		.bucket-product .head-wrap-ap a{
			text-decoration: none;
			margin: 0 0 0 5px;
			padding: 0 0 0 6px;
		}
		
		.learnmore-ap
		{
			text-decoration: underline !important;
			border-left: 1px solid #0a59a0;
		}
		
		
		
		.bucket-product .image-wrap{
			float: left;
			padding: 10px 12px;
		}
		.bucket-product .action-list{
			float:left;
			padding: 7px 12px 7px 0;
			width: 420px; /*420*/  /*365*/
		}
		
		.bucket-product .action-list-ap{
			float:left;
			padding: 7px 12px 7px 0;
			width: 400px; /*420*/  /*365*/
		}
		

.bucket-wrap{
	padding: 5px 0 5px 5px;
	background: #84accf;
}
	.bucket-wrap .bucket{
		width: 199px;
		float: left;
		overflow: hidden;
		padding: 0 5px 0 0;
	}
	.bucket-wrap .bucket .head-wrap a{
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border: none;
		text-decoration: none;
		padding: 0 10px 0 0 ;
		background: url(../images/list-style-home-bucket.gif) no-repeat right;
	}
	


.copy-wrap{
	width: 520px;
	font-size: 11px;
}


.month-slider{
	background: #b5cde2;
	padding: 20px 12px 7px 13px; /*592+12+13= 617*/
	margin: 0 0 18px 0;
	font-size: 11px;
}
	.ico-month{
		background: url(../images/month-sprite.gif) no-repeat;
		width: 10px;
		height: 70px;
		float: left;
		margin: 0 5px;
	}
	
	.scrollable div{
		margin: 0 0 0 20px;
	}
	
	.jan{
		background-position: 0 0;
	}
	.feb{
		background-position: -10px 0 ;
	}
	.mar{
		background-position: -20px 0 ;
	}
	.apr{
		background-position: -30px 0 ;
	}
	.may{
		background-position: -40px 0 ;
	}
	.june{
		background-position: -50px 0 ;
	}
	.july{
		background-position: -60px 0 ;
	}
	.aug{
		background-position: -70px 0 ;
	}
	.sept{
		background-position: -80px 0 ;
	}
	.oct{
		background-position: -90px 0 ;
	}
	.nov{
		background-position: -100px 0 ;
	}
	.dec{
		background-position: -110px 0 ;
	}


/*=================================*/



/*-------------SIDEBAR------------*/

.col2 .callout, .col2 .callout-2, .col2 .crossnav, .col2 .pullquote, .col2 .cutout{
	margin: 7px;
}


.callout{
	background: #fdde91;
	padding: 12px;
}
	.callout a{
		color: #d51220;
		text-decoration: underline;
		font-weight: bold;
		font-size: 10px;
	}
	
	.callout .image-wrap{
		-moz-border-radius: 5px; 
		-webkit-border-radius:5px;
		border: 3px solid #d6d0c1;
		float: left;
		margin: 0 12px 0 0;
		overflow: hidden;
		position: relative;
	}
		.image-wrap img{
			display: block;
		}
	
.callout-2{
	color: #fff;
	font-size: 13px;
	background: #cc0033;
	padding: 12px;
}
	.callout-2 a{
		color: #fff;
		text-decoration: underline;
		font-weight: bold;
		font-size: 10px;
	}
	.callout-2 .image-wrap{
		float: right;
		margin: 0 0 0 12px;
		position: relative;
	}
		.callout-2 .image-wrap img{
			display: block;
			margin: 0 auto;
		}



.callout-3{
	color: #fff;
	font-size: 13px;
	background: #cc0033;
	padding: 12px;
}
	.callout-3 a{
		color: #fff;
		text-decoration: underline;
		font-weight: bold;
		font-size: 10px;
	}
	.callout-3 .image-wrap{
		float: right;
		margin: 0 0 0 12px;
		position: relative;
	}
		.callout-3 .image-wrap img{
			display: block;
			/*margin: 0 auto;*/
		}





body#home .callout-2, body#home .callout{
	background: #fef3d2;
	color: #4e4d47;
}
body#home .callout-2 h3, body#home .callout-2 a{
	color: #007236;
}
	body#home .callout-2 h3{
		font-size: 17px;
	}
	body#home .callout strong{
		color: #cc0033;
		font-size: 17px;
		margin: 0 0 10px 0;
		display: block;
	}

	body#home .callout .image-wrap {
		border: none;
	}
	
	.greyborder
	{
	  border: 3px solid #d6d0c1 !important;
	}


.cutout{
	background: #fff;
	padding: 12px;
	font-size: 11px;
	line-height: normal;
}
	.cutout ol{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.cutout ol li a{
			color: #bd3220;
			background: url(../images/sidebar-ol-list-style.gif) no-repeat left;
			padding: 0 0 0 10px;
			text-decoration: none;
			font-weight: bold;
		}


.pullquote{
	background: #b5cde2;
	padding: 7px;
}
	.pullquote .image-wrap{
		float: left;
		margin: 0 12px 0 0;
	} 
	.pullquote em{
		font-size: 11px;
	}
	
	
.pullquote_home{
	background: #fef3d2;
	padding: 7px;
}
	.pullquote_home .image-wrap{
		float: left;
		margin: 0 12px 0 0;
	}
	.pullquote_home em{
		font-size: 11px;
	}


.crossnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	font-size: 11px;
	display: block;
}
	.crossnav ul li{
		clear: both;
		padding: 3px;
		border-bottom: 1px solid #e5e5e5;
	}
	.crossnav .image-wrap{
		float: left;
		margin: 0 7px 0 0;
	}
	.crossnav a, .crossnav strong{
		color: #006027;
		font-weight: bold;
	}
	.crossnav .image-wrap a{
		text-decoration: underline;
	}
	.crossnav p{
		margin: 12px 0;

	}


/*=================================*/



/*--------------FORMS-------------*/
fieldset {
	border:none;
}
input, textarea {
	padding:3px;
	float:none;
}

.searchboxtext
{
  padding-left: 10px;
  color: #999999;
}

select{
	padding: 3px;
}

input.text, textarea, select{
	border:1px inset #dddddd;
}
textarea {
	overflow:auto;
}
.row {
	clear: both;
	padding-top: 5px;
}


form.general{
	background: #e9e9e9;
	padding: 10px 20px;
	width: 490px;
	margin: 5px 0 0 0;
}
form.general div{
	width: 50%;
	float: left;
	margin: 0 0 7px 0;
}
form.general div.alt{
	clear: both;
	width: 100%;
}
form.general input.text, form.general textarea{
	width: 90%;
}

/*=================================*/




/*-------------BUTTONS------------*/
.btn{
	text-indent: -9999px;
	line-height: 0px;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.ico-cart{
	background: url(../images/ico-cart.gif) left no-repeat;
	padding: 0 0 0 18px;
}
.btn-go{
	background: url(../images/btn-go.gif) no-repeat;
	width: 34px;
	height: 18px;
}
.btn-add-cart 
{
	background: url(/images/button_addtocart.gif) no-repeat;
	/*background: url(../images/btn-add-cart.gif) no-repeat;*/
	width: 73px;
	height: 18px;
	display: inline;
}
.btn-submit-form{
	background: url(../images/btn-submit-form.gif) no-repeat;
	width: 76px;
	height: 18px;
}
/*=================================*/




/*-------------TABLES------------*/

table {
	/*margin-bottom: 16px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;*/
}
/*th, td {
	height: 13px;
	padding:2px 4px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
th {
	font-weight:bold;
}*/
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	/*border-spacing: 0;*/
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/*=================================*/




/* scrollable homepage window*/
div.scrollable a{
	color: #0a59a0;
	font-weight: bold;
	text-decoration: none;
}
div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 592px;	
	height:175px;	
	margin: 0 0 10px 0;			
}


div.scrollable ul.items{	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	list-style: none;
	margin: 0;
	padding: 0;
}
div.scrollable ul.items li {
	float:left;
	width:136px;/*148-6-6*/
	padding: 0 6px;
	position: relative;
	
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:16px;
	background: url(/images/btn-prev.gif) no-repeat 0 100%;
	float:right;
	cursor:pointer;
	font-size:1px;
	margin: 0 4px 0 0;
}

a.disabled{
	background-position: 0 0;
}

a.next, a.nextPage {
	background-image:url(/images/btn-next.gif);
	float:right;	
}
a.more{
	font-weight: bold;
}

.scrollable-title{
	text-align: right;
}
	.scrollable-title span{
		font-weight: bold;
		color: #0a59a0;
		margin: 0 5px;
	}



div#tabs{
	position:relative;
	overflow:hidden;	 		
	background: #0a59a0;
	height: 80px;/*360-280*/
	width: 577px;/*617-20-20*/
	margin: 0 0 15px 0;
	padding: 280px 20px 0 20px;
}

div#tabs .tab-item {
	float: left;
	width: 577px;
	position: relative;
}
div#tabs ul{
	position: absolute;
	top:321px;
	right: 20px;
	margin: 0;
	list-style: none;
	z-index: 20;
}
	div#tabs ul li{
		float: left;
		margin: 0 5px;
	}
	div#tabs ul li a{
		padding: 0 7px;
		display: block;
		background: #84accf;
		text-decoration: none;
		font-weight: bold;
	}
	div#tabs ul li.tabs-selected a{
		background: #fff;
	}

.ui-tabs .ui-tabs-hide {
     display: none;
}
#tabs div.scrollable-bg{
	position: absolute;
	margin: 0;
	top:0;
	left: 0;
	z-index: 1;
}

#tabs .head-wrap{
	font-size: 14px;
	margin: 0;
	position: relative;
	z-index: 10;
}
	#tabs .head-wrap span{
		border-right: 1px solid #fff;
		margin: 0 7px 0 0;
		padding: 0  6px 0 0;
	}
	#tabs .head-wrap span, #tabs .head-wrap a{
		color: #fff;
		font-weight: bold;
	}
	#tabs .head-wrap a{
		text-decoration: underline;
	}
	


/*=================================*/