@charset "utf-8";

@import "/includes/css/reset.css";

/* JQUERY UI */

@import "/includes/css/custom-theme/jquery-ui-1.7.2.custom.css";
@import "/includes/css/thickbox.css";

/* REDEFINITIONS */

@import "/includes/css/default-tags.css";

/* CLASSES */

@import "/includes/css/default-classes.css";

/* LAYOUT */

#container {
	margin:auto;
	width:960px;
	text-align:left;
	margin-top:50px;
}

#container #footer {
	clear:both;
	background-color:#252525;
	height:65px;
	margin:0 5px;
	padding-top:5px;
	text-align:center;
}

#container #footer #footer-content {
	padding:0 0 10px 0;
	margin:auto;
	color:#a1a1a1;
}

#container #container-content {
	background: url(../../images/bg-content.png) no-repeat;
	overflow:auto;
}

/* LEFT */
#container #container-content #container-left {
	width: 215px;
	float:left;
	padding: 0 0 0 5px;
}

#container #container-content #container-left #navigation ul {
	padding:0;
	margin:0;
}

#container #container-content #container-left #navigation ul li {
	list-style:none;
	height:22px;
	padding: 5px 0 0 30px;
	margin:0;
	border-bottom:#e2e2e2 1px solid;
	background:url(../../images/li.png) 20px 10px no-repeat;
	font-size: 12px;
}

#container #container-content #container-left #navigation ul li.main {
	list-style:none;
	color:#fff;
	background-color:#363636;
	background-image:none;
	padding-left:18px;
}

#container #container-content #container-left #logo {
	text-align:center;
	height:133px;
}

#container #container-content #container-left #logo div {
	padding-top:40px;
	padding-left:4px;
}


/* MIDDLE */
#container #container-content #container-middle {
	float:left;
	width:300px;
	height:591px;
	overflow:hidden;
	margin-top:5px;
}

/* RIGHT LARGE */
#container #container-content #container-right-large {
	float:left;
	width:735px;
	text-align:center;
}

#container #container-content #container-right-large #container-right-large-content {
	margin:auto;
	width:700px;
	padding-top:30px;
	text-align:left;
	margin-bottom:30px;
	line-height:22px;
}

#container-right-large-content > h2 {
	font-size:18px;
	text-transform:uppercase;
	color:#9e0b0f;
}

#container #container-content #container-right-large #container-right-large-content h4 {
	font-size:16px;
	text-transform:uppercase;
	line-height:16px;
	padding-bottom:6px;
	margin-bottom:18px;
}

#container #container-content #container-right-large #container-right-large-content .tip-top-locations h4 {
	padding:0;
	margin:0;
}

#container #container-content #insider-header {
	width:690px;
	height:331px;
	color:#fff;
	margin-bottom:10px;
	float:left;}

#container #container-content #insider-header div.title {
	text-align:left;
	padding:0 0 0 20px;
	text-transform:uppercase;
	font-size:18px;
}

#container #container-content #insider-header div.container {
	text-align:left;
	float:left;
	padding:30px 0 0 30px;
	height:265px;
	width:425px;
	color:#0a0a0b;
	font-size:16px;
}

#container #container-content #insider-header div.insider-nav {
	text-align:left;
	float:left;
	padding:40px 0 0 20px;
	height:245px;
	width:210px;
	color:#0a0a0b;
	font-size:16px;
}

#container #container-content #insider-header div.insider-nav div h1 {
	font-weight:normal;
	font-size:20px;
	color:#000;
}

#container #container-content #insider-header div.insider-nav ul {
	list-style:none;
	margin:20px 0 0 10px;

}

#container #container-content #insider-header div.insider-nav ul li {
	margin:0;
	padding:0 0 0 18px;
	background:url(../../../images/little-arrow.png) 5px 9px no-repeat;

}

#container #container-content #insider-header div.insider-nav ul li a {
	color:#575757;
	font-size:14px;

}

#container #container-content #insider-header div.container div {
	padding:20px;
}

#container #container-content #insider-header div.container div h1 {
	font-weight:bold;
	font-size:24px;
	color:#ff0000;
}

#container #container-content #insider-header div.container div p {
	font-size:16px;
	line-height:16px;	
	font-weight:normal;
	line-height:22px;
}

#container #container-content #insider-header div.title ul {
	list-style:url(../../../images/small-arrow.png);
	font-size:13px;
	text-transform:none;
	float:left;
}

#container #container-content #insider-header div.title ul li {
	margin:0 0 0 18px;
	padding:0;
	float:left;
}

#container #container-content #insider-header div.title ul li a {
	color:#9d9d9d;
	text-decoration:none;
}

#container #container-content #insider-header div.title ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

#container #container-content #container-header {
	width:690px;
	height:331px;
	color:#fff;
	margin-bottom:30px;
}

#container #container-content #container-header h3 {
	text-align:center;
	padding:295px 230px 0 0;
	text-transform:uppercase;
	font-size:18px;
}

#container #container-content #locations-header {
	background:url(/fr/images/province-select.png) no-repeat;
	width:690px;
	height:331px;
	color:#fff;
	margin-bottom:30px;
}

#container #container-content #locations-header h3 {
	text-align:center;
	padding:295px 380px 0 0;
	text-transform:uppercase;
	font-size:18px;
} 


/* RIGHT */
#container #container-content #container-right {
	float:left;
	width:435px;
	text-align:center;
}

#container #container-content #container-right #container-right-content {
	margin:auto;
	width:400px;
	padding-top:30px;
}

#container #container-content #container-right #container-right-content p {
	margin:10px 20px 10px 20px;
	text-align:left;
}

#form-left-side {
	float:left;	
	width:240px;
}

#form-right-side {
	float:left;
	width:220px;
}

#form-postal-code {
	width:100px;
}

#form-comment {
	width: 210px;
	height:80px;
}

#form-contact, #form-contact-complete {
	width:460px;
	border:#efefef 1px solid;
	padding:15px;
	float:left;
}

#form-event-type-other {
	width:155px;
	margin-left:22px;	
}

#form-date {
	width:155px;	
}

#form-telephone {
	margin-left:22px;	
	width:155px;
}

#form-contact-complete {
	display:none;	
}

#catalogue-loading {
	margin:40px;
	padding:30px;
	border: #ccc 1px solid;
}

#topic-default {
	background:url(../../../images/freeman-difference.jpg) no-repeat;
	width:690px;
	height:810px;
}

#topic-default p {
	width:220px;	
	padding:0 0 0 20px;
	line-height:20px;
}

#topic-default h3 {
	font-size:30px;
	line-height:35px;
	width:220px;
	padding:20px 0 0 20px;
}

/* JQUERY UI STUFF */

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
	color: #999;
}
span.ui-checkbox,
span.ui-radio {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	background: url(/images/icon_checkbox.png) 0 -40px no-repeat;
}
span.ui-helper-hidden {
	display: none;
}
label {
	padding: 2px;

}
span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
	background-position: 0 -120px;
}

span.ui-checkbox-state-checked {
	background-position: 0 -1px;
}

span.ui-checkbox-state-checked-hover {
	background-position: 0 -70px;
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: 0 -160px;
}


span.ui-radio-state-checked-hover {
	background-position: 0 -198px;
}