/*-----------------------------------------------------------------------------

__  __ `__ \  _ \  ___/  __ `/_  __ \  __ \
_  / / / / /  __/ /__ / /_/ /_  / / / /_/ /
/_/ /_/ /_/\___/\___/ \__,_/ /_/ /_/\____/

main.css

site:      
version:   1.0
author:    Vincent Martin
email:     vincent@mecano.ca

Notes: Main style sheet

------------------------------------------------------------------------------*/





/* =======================================================================
==                             INCLUDES                                 ==
========================================================================== */

/* GLOBAL
-------------------------------- */
@import url("global.css");

/* HEADER
-------------------------------- */
@import url("header.css");

/* FOOTER
-------------------------------- */
@import url("footer.css");

/* MISC
-------------------------------- */
@import url("misc.css");

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





















/* =======================================================================
==                            CONTENT (=cont)                           ==
========================================================================== */

#content {
	clear:both;
	height:auto;
	padding-left:46px;
	width:864px;
}



/* ====================================
==            HOME (=home)           ==
======================================= */

/* Give yourself a treat box
------------------------------------- */

body.home .give_treat {
	margin-bottom:37px;
	position:relative;
}

body.home .give_treat h3 {
	background:url(../img/t_give_yourself_a_treat.gif);
	height:48px;
	margin-bottom:3px;
	margin-left:-1px;
	width:208px;
}

body.home .give_treat .cupcake_banner {
	background:url(../img/i_cupcake_bkd_01.png) top left no-repeat;
	height:80px;
	margin:9px 0 -3px -20px;
	padding:64px 0 0 155px;
	width:341px;
}

body.home .give_treat .cupcake_banner p {
	color:#187b87;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	line-height:16px;
	width:320px;
}

body.home .give_treat .cupcake_banner a {
	color:#ce5f65;
	display:block;
	font-size:15px;
	font-style:italic;
	margin:29px 0 0 174px;
	text-decoration:none;
	width:140px;
}

body.home .give_treat .cupcake_banner a:hover {
	color:#a74d52;
}



/* Easter box
------------------------------------- */

body.home .easter {
	margin-bottom:37px;
}

body.home .easter h3 {
	color:#ce5f65;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	line-height:25px;
	margin-bottom:15px;
	margin-left:-1px;
	padding-top:2px;
	width:250px;
}

body.home .easter p {
	padding-bottom:40px;
}



/* Blog
------------------------------------- */

body.home .new_shop a {
	color:#ce5f65;
	font-style:italic;
	text-decoration:none;
}

body.home .new_shop a:hover {
	color:#a74d52;
}

body.home .new_shop {
	margin-bottom:-12px;
}

body.home .new_shop .bigbox_cnt {
	padding-bottom:10px;
}

body.home .new_shop h3 {
	color:#543019;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:15px;
	margin-left:-1px;
	padding-top:5px;
}

body.home .new_shop h4 {
	margin-bottom:2px;
}

body.home .new_shop .photo {
	background:url(../img/i_blog_photo.jpg) top left no-repeat;
	height:215px;
	margin-top:18px;
	padding-bottom:12px;
	width:457px;
}

body.home .new_shop .photo2 {
	background:url(../img/i_blog_photo2.jpg) top left no-repeat;
	height:215px;
	margin-top:18px;
	padding-bottom:12px;
	width:457px;
}


body.home .cupcake_photo_home {
	background:url(../img/i_cupcake_photo_easter.png) top left no-repeat;
	height:338px;
	left:325px;
	position:absolute;
	top:519px;
	width:313px;
	z-index:50;
}

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














/* ====================================
==             SHOP (=shop)          ==
======================================= */

body.shop .bigbox p {
	line-height:19px;
	padding-bottom:20px;
}

/* Faq box
---------------------------- */

body.shop .faqbox {
	margin-bottom:7px;
}


/* History of cupcakes box
-------------------------------------- */

body.shop .our_shop {
	margin-bottom:301px;
}

body.shop .our_shop .bigbox_cnt {
	padding-top:7px;
	padding-bottom:12px;
}

body.shop .our_shop h3 {
	background:url(../img/t_shop.gif);
	height:42px;
	margin-bottom:8px;
	margin-left:-1px;
	width:300px;
}

body.shop .community,
body.shop .team {
	margin-bottom:10px;
}

body.shop .community h3,
body.shop .team h3,
body.shop .press h3 {
	color:#543019;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	line-height:24px;
	margin-bottom:18px;
	margin-left:-1px;
	margin-top:5px;
}



body.shop .event_box {
	border-top:1px solid #f8dfe1;
	margin-bottom:-7px;
	padding-top:12px;
	width:454px;
}

body.shop .event_box h4 {
	font-weight:normal;
	margin-bottom:3px;
}

body.shop .event_box h5 {
	font-size:13px;
	font-style:italic;
	margin-bottom:3px;
}

body.shop .press a {
	background:url(../img/b_press_bkd.jpg) top left no-repeat;
	color:#fff;
	display:block;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	height:34px;
	padding:18px 0 0 21px;
	text-decoration:none;
	width:432px;
}

body.shop .press a:hover {color:#0a646f;}


/* Shop photos
-------------------------------------- */

.shop_photo_1, .shop_photo_2,
.shop_photo_3 {
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
}

.shop_photo_1 {
	background:url(../img/i_shop_photo_1.png);
	height:331px;
	left:0;
	top:511px;
	width:200px;
	z-index:40;
}

.shop_photo_2 {
	background:url(../img/i_shop_photo_2.png);
	height:301px;
	left:145px;
	top:548px;
	width:265px;
	z-index:50;
}

.shop_photo_3 {
	background:url(../img/i_shop_photo_3.png);
	height:344px;
	left:312px;
	top:531px;
	width:315px;
	z-index:40;
}

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

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


















/* ====================================
==           PRODUITS (=prod)        ==
======================================= */

body.products .faqbox {
	background:url(../img/i_faq_question_bigblk.png) top left no-repeat;
	height:108px;
	margin-top:-1px;
	margin-bottom:8px;
}

body.products .bigbox p {
	line-height:19px;
	padding-bottom:20px;
	width:435px;
}

/* Theyre good!
-------------------------------------- */

body.products .good,
body.products .other,
body.products .themes,
body.products .cupPrice,
body.products .avail {
	margin-bottom:10px;
}

body.products .good .bigbox_cnt,
body.products .other .bigbox_cnt,
body.products .themes .bigbox_cnt,
body.products .cupPrice .bigbox_cnt,
body.products .avail .bigbox_cnt {
	padding-top:3px;
	padding-bottom:12px;
}

body.products .good h3,
body.products .other h3,
body.products .themes h3,
body.products .cupPrice h3 {
	color:#543019;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:18px;
	margin-left:-1px;
}

body.products .avail h3 {
	background:url(../img/t_foralltastes.gif);
	height:40px;
	margin-left:60px;
	margin-bottom:15px;
	width:311px;
}

body.products .avail .bot_note {
	color:#6b4c38;
	font-size:11px;
	margin-left:3px;
}

body.products .cake_browser {
	background:url(../img/cc_browser_bkd.gif) center left repeat-x;
	height:265px;
	margin-left:-20px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	width:496px;
}

body.products .cake_browser a {
	height:76px;
	position:absolute;
	top:36%;
	width:47px;
}

body.products .cake_browser a:hover {
	background-position:bottom left;
}

body.products .cake_browser .b_ccb_back {background:url(../img/b_ccb_back.gif); left:22px;}
body.products .cake_browser .b_ccb_next {background:url(../img/b_ccb_next.gif); right:22px;}

body.products .cake_browser li {
	background-position:top left;
	background-repat:no-repeat;
	display:none;
	height:265px;
	left:145px;
	position:absolute;
	text-indent:-9000px;
	width:200px;
}

body.products .cake_browser .cc_0  {background:url(../img/i_ccb_pic0.png); display:block;}
body.products .cake_browser .cc_1  {background:url(../img/i_ccb_pic1.png);}
body.products .cake_browser .cc_2  {background:url(../img/i_ccb_pic2.png);}
body.products .cake_browser .cc_3  {background:url(../img/i_ccb_pic3.png);}
body.products .cake_browser .cc_4  {background:url(../img/i_ccb_pic4.png);}
body.products .cake_browser .cc_5  {background:url(../img/i_ccb_pic5.png);}
body.products .cake_browser .cc_6  {background:url(../img/i_ccb_pic6.png);}
body.products .cake_browser .cc_7  {background:url(../img/i_ccb_pic7.png);}
body.products .cake_browser .cc_8  {background:url(../img/i_ccb_pic8.png);}
body.products .cake_browser .cc_9  {background:url(../img/i_ccb_pic9.png);}
body.products .cake_browser .cc_10 {background:url(../img/i_ccb_pic10.png);}
body.products .cake_browser .cc_11 {background:url(../img/i_ccb_pic11.png);}
body.products .cake_browser .cc_12 {background:url(../img/i_ccb_pic12.png);}
body.products .cake_browser .cc_13 {background:url(../img/i_ccb_pic13.png);}
body.products .cake_browser .cc_14 {background:url(../img/i_ccb_pic14.png);}
body.products .cake_browser .cc_15 {background:url(../img/i_ccb_pic15.png);}
body.products .cake_browser .cc_16 {background:url(../img/i_ccb_pic16.png);}
body.products .cake_browser .cc_17 {background:url(../img/i_ccb_pic17.png);}
body.products .cake_browser .cc_18 {background:url(../img/i_ccb_pic18.png);}

body.products .cake_label {
	height:25px;
	margin-bottom:25px;
	text-align:center;
	width:100%;
}

body.products .cake_label li {
	color:#187b87;
	display:none;
	font-size:14px;
	font-style:italic;
	margin-left:-36px;
}

body.products .cake_label .cl_0 {
	display:block;
}

body.products .good h3 {
	font-size:20px;
}

body.products .other ul,
body.products .themes ul {
	list-style-type:disc;
	margin-left:10px;
}

body.products .themes ul {
	list-style-type:none;
}

body.products .themes ul {
	margin-left:0;
	margin-right:-20px;
}

body.products .other a       {color:#187B87;}
body.products .other a:hover {color:#105159;}

body.products .other li {
	color:#543019;
	font-weight:bold;
	font-style:italic;
	margin-bottom:12px;
	width:350px;
}

body.products .other li span {
	font-weight:normal;
	font-style:normal;
}

body.products .themes_list {
	border-bottom:1px solid #f0cfd0; 
	clear:both;
	height:auto;
	margin-bottom:13px;
	padding:8px 0 11px 5px;
	width:447px;
}

body.products .themes p {
	width:415px;
}

body.products .themes ul {
	float:left;
	height:auto;
	width:195px;
}

body.products .themes li {
	color:#ce5f65;
	font-weight:bold;
	font-style:italic;
	margin-bottom:5px;
}

body.products .price_lcol,
body.products .price_rcol {
	float:left;
	width:205px;
}

body.products .price_rcol {
	margin-left:50px;
}

body.products .price_box {
	height:auto;
	margin-bottom:18px;
}

body.products .price_box h4 {
	color:#543019;
	font-weight:bold;
	font-style:italic;
	margin-bottom:3px;
}

body.products .price_box p {
	padding-bottom:2px;
	width:205px;
}

body.products .tax_note {
	color:#ce5f65;
	font-weight:bold;
	font-style:italic;
}


/* Photos
--------------------------------------- */

.prod_photo_1, .prod_photo_2 {
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
}

.prod_photo_1 {
	background:url(../img/i_prod_photo_1.png);
	height:344px;
	left:449px;
	top:1127px;
	width:315px;
	z-index:40;
}

.prod_photo_2 {
	background:url(../img/i_prod_photo_2.png);
	height:311px;
	left:470px;
	top:1490px;
	width:279px;
	z-index:40;
}

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



















/* ====================================
==           SERVICES (=serv)        ==
======================================= */

body.services .faqbox {
	margin-bottom:7px;
}

body.services .bigbox p {
	line-height:19px;
	padding-bottom:20px;
}

/* History of cupcakes box
-------------------------------------- */

body.services .guests {
	margin-bottom:336px;
}

body.services .specEvent {
	margin-bottom:12px;
}

body.services .guests .bigbox_cnt {
	padding-top:3px;
	padding-bottom:12px;
}

body.services .guests h3 {
	background:url(../img/t_guests.gif);
	height:36px;
	margin-bottom:8px;
	margin-left:-1px;
	width:345px;
}

body.services .specEvent .bigbox_cnt {
	padding-top:3px;
	padding-bottom:22px;
}

body.services .specEvent h3,
body.services .hot_spots h3 {
	color:#543019;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:18px;
	margin-left:-1px;
}

body.services .specEvent a {
	color:#187b87;
	font-size:13px;
	font-weight:bold;
}

body.services .specEvent a:hover {
	color:#105159;
}

/* About photos
-------------------------------------- */

.services_photo_1, .services_photo_2,
.services_photo_3 {
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
}

.services_photo_1 {
	background:url(../img/i_about_photo_1.png);
	height:331px;
	left:0;
	top:454px;
	width:200px;
	z-index:40;
}

.services_photo_2 {
	background:url(../img/i_services_photo_2.png);
	height:301px;
	left:145px;
	top:491px;
	width:265px;
	z-index:50;
}

.services_photo_3 {
	background:url(../img/i_about_photo_3.png);
	height:344px;
	left:312px;
	top:474px;
	width:315px;
	z-index:40;
}

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























/* ====================================
==         COMMANDES (=about)        ==
======================================= */

body.order .bigbox p {
	line-height:19px;
	padding-bottom:20px;
}


/* Order Box
-------------------------------------- */

body.order .order_box {
	margin-bottom:12px;
}

body.order .order_box .bigbox_cnt {
	padding-bottom:12px;
}

body.order .order_box h3,
body.order .information_box h3 {
	color:#543019;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:18px;
	margin-left:-1px;
}

body.order .order_box .form .main_label {
	float:right;
	height:30px;
	text-align:right;
	margin-right:7px;
	width:180px;
}

body.order .order_box .form .main_label h4 {
	color:#7dc0e9;
	float:left;
	font-size:13px;
	font-weight:bold;
	margin-left:29px;
}

body.order .order_box .form ul {
	clear:both;
}

body.order .order_box .form li {
	border-bottom:1px solid #e4e4e4;
	height:27px;
	padding-top:4px;
	width:451px;
}

body.order .order_box .form li label {
	color:#543019;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	line-height:23px;
	margin-left:13px;
}

body.order .order_box .form .label_blk,
body.order .order_box .form .fld_st {
	float:left;
}

body.order .order_box .form .fld_blk,
body.order .order_box .form .fld_sm {
	float:right;
}

body.order .order_box .form .fld_blk {
	margin-right:8px;
	width:115px;
}

body.order .order_box input {
	text-align:center;
	width:28px;
}

body.order .order_box .form_bot .note1 {
	border-bottom:1px solid #b8b8b8;
	color:#187b87;
	display:block;
	font-size:12px;
	line-height:26px;
	padding-left:5px;
	width:446px;
}

body.order .order_box .form_bot .note2 {
	color:#484848;
	display:block;
	font-size:12px;
	line-height:15px;
	padding-left:5px;
	width:430px;
}

body.order .order_box .form_bot .quantity {
	border-bottom:1px solid #b8b8b8;
	height:46px;
	position:relative;
	width:451px;
}

body.order .order_box .form_bot .quantity .qu_error {
	color:#F00;
	display:none;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	top:6px;
	left:36px;
	width:150px;
}

body.order .order_box .form_bot .quantity .info {
	float:right;
	margin-right:10px;
	margin-top:11px;
}

body.order .order_box .form_bot .quantity h5,
body.order .order_box .form_bot .quantity span {
	color:#187b87;
	float:left;
}

body.order .order_box .form_bot .quantity h5   {font-size:13px; margin-top:3px;}
body.order .order_box .form_bot .quantity span {font-size:20px; text-align:center; width:38px; line-height:22px;}
body.order .order_box .form_bot .quant_st      {margin-left:24px;}
body.order .order_box .form_bot .quant_sm      {margin-left:34px;}

body.order .order_box .form_bot .price {
	height:46px;
	width:435px;
}

body.order .order_box .form_bot .price .info {
	float:right;
	margin-top:11px;
}

body.order .order_box .form_bot .price h5,
body.order .order_box .form_bot .price span {
	color:#187b87;
	float:left;
}

body.order .order_box .form_bot .price h5 {font-size:13px; margin-top:3px;}
body.order .order_box .form_bot .price span {color:#543019; font-size:24px; margin-left:4px; text-align:center; width:125px; line-height:26px; margin-top:-2px;}



/* Customer information Box
-------------------------------------- */

body.order .information_box {
	
}

body.order .information_box fieldset {
	clear:both;
	display:block;
	height:57px;
	margin-bottom:10px;
	width:435px;
}

body.order .information_box .message {
	height:185px;
}

body.order .information_box .form {
	margin-top:-15px;
}

body.order .information_box .form_txtField {
	float:left;
	margin-right:20px;
}

body.order .information_box label {
	clear:both;
	color:#543019;
	float:left;
	font-size:13px;
	margin-bottom:1px;
}

body.order .information_box .period label {
	color:#187b87;
}

body.order .information_box input {
	clear:both;
	float:left;
}

body.order .information_box .period input {
	text-align:center;
}

body.order .information_box .day,
body.order .information_box .month {
	width:31px;
}

body.order .information_box .year,
body.order .information_box .time {
	width:87px;
}

body.order .information_box .cus_name input,
body.order .information_box .company input,
body.order .information_box .telcel input {
	width:150px;
}

body.order .information_box .adress input {
	width:332px;
}

body.order .information_box textarea {
	float:left;
	height:150px;
	width:332px;
}


/* Submit button box
-------------------------------------- */

body.order .form_submit {
	height:42px;
	width:100%;
}

body.order .form_submit input {
	display:none;
}

body.order .form_submit a {
	background:url(../img/b_submit.gif) top left no-repeat;
	color:#fff;
	display:block;
	float:right;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	height:30px;
	margin-right:20px;
	padding-top:12px;
	text-align:center;
	text-decoration:none;
	width:114px;
}

body.order .form_submit a:hover {
	color:#0a646f;
}

body.order .form_submit .ajaxLoader {
	display:none;
	float:right;
	margin:6px 10px 0 0;
}

body.order .form_submit h6 {
	color:#0C3;
	display:none;
	float:right;
	font-size:14px;
	font-style:italic;
	margin:13px 10px 0 0;
}


/* Error management
-------------------------------------- */

.error_login_user {
	clear:both;
	float:left;
	width:76px;
}

.error_login_user p {
	color:#F00;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	line-height:11px;
	width:auto;
}

body.order .information_box .day,
body.order .information_box .month {
	width:31px;
}

body.order .information_box .year,
body.order .information_box .time {
	width:87px;
}

body.order .information_box .cus_name .error_login_user,
body.order .information_box .company .error_login_user,
body.order .information_box .telcel .error_login_user {
	width:150px;
}


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

























/* ====================================
==            ABOUT (=about)         ==
======================================= */

body.about .bigbox p {
	line-height:19px;
	padding-bottom:20px;
}

/* Faq box
---------------------------- */

body.about .faqbox {
	margin-bottom:7px;
}


/* History of cupcakes box
-------------------------------------- */

body.about .history {
	margin-bottom:310px;
}

body.about .history .bigbox_cnt {
	padding-top:3px;
	padding-bottom:12px;
}

body.about .history h3 {
	background:url(../img/t_story.gif);
	height:42px;
	margin-bottom:8px;
	margin-left:-1px;
	width:299px;
}

body.about .quality h3,
body.about .how_conserve h3 {
	color:#543019;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:18px;
	margin-left:-1px;
}


/* Quality & frechness of cupcakes box
-------------------------------------- */

body.about .quality {
	margin-bottom:12px;
}

body.about .quality .bigbox_cnt {
	padding-top:5px;
	padding-bottom:12px;
}


/* How to conserve cupcakes box
-------------------------------------- */

body.about .how_conserve .bigbox_cnt {
	padding-top:5px;
	padding-bottom:12px;
}


/* About photos
-------------------------------------- */

.about_photo_1, .about_photo_2,
.about_photo_3 {
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
}

.about_photo_1 {
	background:url(../img/i_about_photo_1.png);
	height:331px;
	left:0;
	top:691px;
	width:200px;
	z-index:40;
}

.about_photo_2 {
	background:url(../img/i_about_photo_2.png);
	height:301px;
	left:145px;
	top:728px;
	width:265px;
	z-index:50;
}

.about_photo_3 {
	background:url(../img/i_about_photo_3.png);
	height:344px;
	left:312px;
	top:711px;
	width:315px;
	z-index:40;
}

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

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