/* Default.Index
-----------------------------------------------------------------------------*/

#contents #content #default-wrapper #main {
	padding: 0px;
	width: 800px;
}

#default-index .n { height: 430px; width: 800px; }
#default-index .d { height: 430px; width: 800px; }

#default-index .assesment {
	color : #888888;
	font-size : 10px;
	font-weight : normal;
	text-align : center;
	padding : 5px;
	width: 790px;
}

body.en_CA #default-index .n { background: url(../images/lang-en/canesten-n.jpg) no-repeat top left; }
body.en_CA #default-index .d { background: url(../images/lang-en/canesten-d.jpg) no-repeat top left; }
body.fr_CA #default-index .n { background: url(../images/lang-fr/canesten-n.jpg) no-repeat top left; }
body.fr_CA #default-index .d { background: url(../images/lang-fr/canesten-d.jpg) no-repeat top left; }

#default-index #big-box-en,
#default-index #big-box-fr {
	height: 182px;
	margin-top: -200px;
	margin-left: -20px;
	position: absolute;
	width: 252px;
}

#default-index #big-box-fr { background: url(../images/lang-fr/big-box-bg.png) no-repeat top left; }
#default-index #big-box-en { background: url(../images/lang-en/big-box-bg.png) no-repeat top left; }

#default-index .slide {
	margin-top: 10px;
	margin-left: 4px;
	height: 166px;
	width: 242px;
}

#big-box-fr #big-box-s1 { background: url(../images/lang-fr/big-box-canesoral-1.png) no-repeat top left;}
#big-box-fr #big-box-s2 { background: url(../images/lang-fr/big-box-canesoral-2.png) no-repeat top left; display: none;}
#big-box-fr #big-box-s3 { background: url(../images/lang-fr/big-box-canesoral-3.png) no-repeat top left; display: none;}

#big-box-en #big-box-s1 { background: url(../images/lang-en/big-box-canesoral-1.png) no-repeat top left;}
#big-box-en #big-box-s2 { background: url(../images/lang-en/big-box-canesoral-2.png) no-repeat top left; display: none;}
#big-box-en #big-box-s3 { background: url(../images/lang-en/big-box-canesoral-3.png) no-repeat top left; display: none;}

#default-index .slide a {
	display: block;
	height: 166px;
	width: 242px;
}

/* Choose.Index
-----------------------------------------------------------------------------*/

#choose-index {
	background: url(../images/choose_index_bg.jpg) no-repeat top;
	margin: -40px;
	overflow: hidden;
}

#choose-index .col1 { float: left; width: 400px; overflow: hidden; }
#choose-index .col2 { float: left; width: 400px; overflow: hidden; }

#choose-index .col1 div.fl img { cursor: pointer; }
#choose-index .col2 div.fl img { cursor: pointer; }

#choose-index .col1 { margin-bottom: 60px; }
#choose-index .col2 { margin-bottom: 60px; }

/* Choose.Browse
-----------------------------------------------------------------------------*/

#choose-browse {
	margin: -40px;
}

#choose-browse .showcase {
	height: 252px;
	width: 810px;
}

body.fr_CA #choose-browse .showcase { background: url(../images/lang-fr/showcase.jpg) no-repeat center center; }
body.en_CA #choose-browse .showcase { background: url(../images/lang-en/showcase.jpg) no-repeat center center; }

#choose-browse .title {
	padding: 12px;
	padding-top: 24px;
	padding-bottom: 24px;
}

#choose-browse .title h1,
#choose-browse .title h4 {
	text-align: center;
}

#choose-browse .boxes {
	background: url(../images/choose_browse_bg.gif) repeat-x top left;
	font-size: 12px;
	font-weight: normal;
	min-height: 380px;
	padding-top: 0px;
	padding-bottom: 12px;
}

#choose-browse .boxes .text {
	line-height: 18px;
}

#choose-browse .boxes.lower-bg {
	background-position: 0px 70px;
}

#choose-browse .pack {
	background-position: top center;
	height: 130px;
	width: 300px;
}

#choose-browse .text h4,
#choose-browse .text h5 {
	text-align: left;
}

/* Choose.Guide
-----------------------------------------------------------------------------*/

#choose-guide table td,
#choose-guide table th {
	border: 1px solid #b1b1b1;
}

#choose-guide table .label {
	border-top: 1px solid #ffffff;
	width: 114px;
}

#choose-guide table .product {
	border-left: 1px solid #ffffff;
	padding: 10px;
	width: 150px;
}

#choose-guide table thead tr th {
	color: #909090;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height: 150px;
	text-align: left;
	padding: 0px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
}

#choose-guide table thead tr th.corner {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

#choose-guide table tbody tr td.product  {
	background-position: center 10px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 105px;
}

#choose-guide table tr.canesoral-cp td.product { padding-top: 30px; }
#choose-guide table tr.canesoral-co td.product { padding-top: 30px; }

#choose-guide table tbody tr td.product .name {
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 150px;
}

#choose-guide table tbody tr td.doctor {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

#choose-guide table tr.canesoral-cp { background: #fcf3d4; }
#choose-guide table tr.canesoral-co { background: #fcf3d4; }
#choose-guide table tr.cp-1 { background: #f9d6e7; }
#choose-guide table tr.cp-3 { background: #d0e6f3; }
#choose-guide table tr.cr-1 { background: #fce4d4; }
#choose-guide table tr.cp-cr-1 { background: #e7e1ed; }
#choose-guide table tr.cr-3 { background: #cce9ec; }
#choose-guide table tr.cr-6 { background: #e1f0da; }

body.en_CA #choose-guide table tr.canesoral-cp .product { background-image: url(../images/lang-en/guide-canesoral-cp.png) }
body.en_CA #choose-guide table tr.canesoral-co .product { background-image: url(../images/lang-en/guide-canesoral-co.png) }
body.en_CA #choose-guide table tr.cp-1 .product { background-image: url(../images/lang-en/guide-cp-1.png) }
body.en_CA #choose-guide table tr.cp-3 .product { background-image: url(../images/lang-en/guide-cp-3.png) }
body.en_CA #choose-guide table tr.cr-1 .product { background-image: url(../images/lang-en/guide-cr-1.png) }
body.en_CA #choose-guide table tr.cp-cr-1 .product { background-image: url(../images/lang-en/guide-cp-cr-1.png) }
body.en_CA #choose-guide table tr.cr-3 .product { background-image: url(../images/lang-en/guide-cr-3.png) }
body.en_CA #choose-guide table tr.cr-6 .product {  background-image: url(../images/lang-en/guide-cr-6.png) }

body.fr_CA #choose-guide table tr.canesoral-cp .product { background-image: url(../images/lang-fr/guide-canesoral-cp.png) }
body.fr_CA #choose-guide table tr.canesoral-co .product { background-image: url(../images/lang-fr/guide-canesoral-co.png) }
body.fr_CA #choose-guide table tr.cp-1 .product { background-image: url(../images/lang-fr/guide-cp-1.png) }
body.fr_CA #choose-guide table tr.cp-3 .product { background-image: url(../images/lang-fr/guide-cp-3.png) }
body.fr_CA #choose-guide table tr.cr-1 .product { background-image: url(../images/lang-fr/guide-cr-1.png) }
body.fr_CA #choose-guide table tr.cp-cr-1 .product { background-image: url(../images/lang-fr/guide-cp-cr-1.png) }
body.fr_CA #choose-guide table tr.cr-3 .product { background-image: url(../images/lang-fr/guide-cr-3.png) }
body.fr_CA #choose-guide table tr.cr-6 .product {  background-image: url(../images/lang-fr/guide-cr-6.png) }

#choose-guide table tr td.y {
	background-image: url(../images/guide-yes.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}

#choose-guide table tr td.dont {
	background-image: url(../images/guide-no.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}

/* Refill Product Page 
-----------------------------------------------------------------------------*/

#choose-browse .product-refill {
	margin-left: auto;
	margin-right: auto;
	width: 380px;
}

#choose-browse .product-refill .pack {
	height: 210px;
	width: 380px;
}

#choose-browse .product-refill .text {
	text-align: justify;
}

/* 1 Product Per Page 
-----------------------------------------------------------------------------*/

#choose-browse .product-1 {
	margin-left: auto;
	margin-right: auto;
	width: 280px;
}

#choose-browse .product-1 .pack {
	height: 130px;
	width: 280px;
}

#choose-browse .product-1 .text {
	text-align: justify;
}

/* 2 Products Per Page 
-----------------------------------------------------------------------------*/

#choose-browse .product-2 {
	float: left;
	margin-right: 110px;
	margin-left: 0px;
	width: 230px;
}

#choose-browse .product-2.item-0 {
	margin-right: 110px;
	margin-left: 110px;
}

#choose-browse .product-2 .pack {
	height: 130px;
	width: 230px;
}

#choose-browse .product-2 .text {
	text-align: justify;
}

/* 3 Products Per Page 
-----------------------------------------------------------------------------*/

#choose-browse .product-3 {
	float: left;
	margin-right: 25px;
	margin-left: 0px;
	width: 230px;
}

#choose-browse .product-3.item-0 {
	margin-right: 29px;
	margin-left: 29px;
}

#choose-browse .product-3 .pack {
	height: 130px;
	width: 230px;
}

#choose-browse .product-3 .text {
	text-align: justify;
}

/* 4 Products Per Page 
-----------------------------------------------------------------------------*/

#choose-browse .product-4 {
	float: left;
	margin-right: 15px;
	margin-left: 0px;
	width: 180px;
}

#choose-browse .product-4.item-0 {
	margin-right: 17px;
	margin-left: 17px;
}

#choose-browse .product-4 .pack {
	height: 130px;
	width: 180px;
}

#choose-browse .product-4 .text {
	text-align: justify;
}

/* Choose.Chart
-----------------------------------------------------------------------------*/

#choose-chart {

}

#choose-chart h1 {
	margin-top: 0px;
	margin-bottom: 30px;
	text-transform: none;
}

#choose-chart table thead tr th {
	background: #d21188 url(../images/chart_thead_bg.png) repeat-x top left;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	padding: 10px;
}

#choose-chart table tbody tr td {
	border-bottom: 2px solid #eeeeee;
	background-color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}

#choose-chart table tbody tr td .pack {
	background-repeat: no-repeat;
	background-position: center center;
	height: 80px;
}

#choose-chart table tbody tr td .name {
	color: #ffffff;
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 4px;
	text-align: center;
	width: 100px;
}

#choose-chart table tbody tr td.check {
	background-image: url(../images/chart_check.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}

#choose-chart table tbody tr td.doctor {
	color: #d4158b;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
}
	
.combipack-1 .pack { background-image: url(../images/lang-fr/chart_combipack_1.png); }
.combipack-3 .pack { background-image: url(../images/lang-fr/chart_combipack_3.png); }
.cream-1 .pack { background-image: url(../images/lang-fr/chart_cream_1.png); }
.cream-3 .pack { background-image: url(../images/lang-fr/chart_cream_3.png); }
.cream-6 .pack { background-image: url(../images/lang-fr/chart_cream_6.png); }
.combipack-cream-1 .pack { background-image: url(../images/lang-fr/chart_combipack_cream_1.png); }
.canesoral-combipack .pack { background-image: url(../images/lang-fr/chart_canesoral_combipack.png); } 
.canesoral .pack { background-image: url(../images/lang-fr/chart_canesoral.png); } 


.combipack-1 .name { background-color: #e23583; }
.combipack-3 .name { background-color: #1382c5; }
.cream-1 .name { background-color: #ee7726; }
.cream-3 .name { background-color: #0190a0; }
.cream-6 .name { background-color: #69b345; }
.combipack-cream-1 .name { background-color: #8969a6; }
.canesoral .name { background-color: #f0c52a; } 
.canesoral-combipack .name { background-color: #f0c52a; } 

/* Understand.Quiz
-----------------------------------------------------------------------------*/

#understand-quiz-knowledge {
	margin: -40px;
}

#understand-quiz-knowledge .questions {
	margin-left : 0px;
	margin-right : 0px;
}

#understand-quiz-knowledge .questions area {
	cursor: pointer;
}

#understand-quiz-knowledge .message {
	color : #000000;
	display : none;
	font-size : 1.2em;
	font-weight : normal;
	margin-top : -110px;
	padding-left : 20px;
	padding-right : 20px;
	position : absolute;
	text-align : center;
	width : 760px;
}

#understand-quiz-knowledge .message .correct {
	color : #E22786;
	font-size : 1.2em;
	font-weight : normal;
}

#understand-quiz-knowledge #question2 .message { margin-top : -130px; }
#understand-quiz-knowledge #question4 .message { margin-top : -120px; }
#understand-quiz-knowledge #question5 .message { margin-top : -145px; }

/* Sitemap.Index
-----------------------------------------------------------------------------*/

#sitemap-index .group {
	margin-bottom: 20px;
}

#sitemap-index .group h2 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f3f3f4;
}

/* Promotions.Index
-----------------------------------------------------------------------------*/

#promotion-index .coupon {
	margin-left: auto; 
	margin-right: auto; 
	width: 450px;
}

#promotion-index .note {
	font-size: 11px;
	margin-top: 20px;
	margin-left: auto; 
	margin-right: auto; 
	width: 450px;
}