/* Notes Collection Page Styles */

html, body{margin:0; padding:0; width:100%; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:100%; text-align:left}

p{margin:0; padding:0 0 20px 0; text-align:left; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:0.7em; line-height:1.4em; color:#b1afa7}

a{color:#8143b0; text-decoration:none;}
a:hover {text-decoration:underline;}


/* Toggle Login Reveal */

#reveal{margin:0; padding:0; width:100%; height:150px; background:#f6f6f5;}

#reveal_box{margin:0 auto; width:824px; height:100px;}

#revealLeft{margin:0; padding:54px 0 0 54px; width:452px; height:96px; background:url(../images/reveal_spacer.gif) no-repeat right 50%; float:left}

#revealRight{margin:0; padding:23px 0 0 23px; width:295px; height:127px; float:left}

#storeLocation{margin:0; padding:0; width:139px; height:13px; background:url(../images/reveal_storeLocations.gif) no-repeat 0 0}

.pink12pt{color:#ff6c92}

.dark10pt{color:#aba9a1;}

#dealerLogin{margin:0; padding:0; width:101px; height:13px; background:url(../images/reveal_dealerLogin.gif) no-repeat 0 0}

label{float: left; text-align:left; width:60px; margin-top:12px; margin-right: 0.5em; display: block; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:0.7em; line-height:1.4em; color:#b1afa7;}

label.indent{float: left; text-align:left; width:60px; margin-top:12px; width:115px; margin-right: 0.5em; display: block; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:0.7em; line-height:1.4em; color:#b1afa7;}

a.clickHere:link,  a.clickHere:active, a.clickHere:visited {color:#b1afa7; text-decoration:none; background:url(../images/red_arrow.gif) no-repeat right 50%; padding:0 10px 0 0}
a.clickHere:hover{color:#8143b0; text-decoration:none; background:url(../images/red_arrow.gif) no-repeat right 50%; padding:0 10px 0 0} 

#toggleBox{margin:0 0 0 146px; padding:0; width:398px; height:50px;}

#toggleBox{margin:0 0 0 146px; padding:0; width:498px; height:50px;}

#toggleBtn{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn.png) no-repeat 0 0; display:block;}
#toggleBtn a{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn.png) no-repeat 0 0; display:block}
#toggleBtn a:hover{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn.png) no-repeat 0 0; display:block}

#toggleBtn-de-de{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn-de.png) no-repeat 0 0; display:block;}
#toggleBtn-de-de a{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn-de.png) no-repeat 0 0; display:block}
#toggleBtn-de-de a:hover{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn-de.png) no-repeat 0 0; display:block}


#toggleBtn-en-gb{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn.png) no-repeat 0 0; display:block;}
#toggleBtn-en-gb a{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn.png) no-repeat 0 0; display:block}
#toggleBtn-en-gb a:hover{margin:0; padding:0; width:265px; height:43px; background:url(../images/toggle_btn.png) no-repeat 0 0; display:block}

#language-selector{margin:-46px 0 0 0px; padding:0; width:140px; height:40px;float:right }


/* The Collection  */


#collection_bkgLeft{margin:0; padding:0; height:110px; background:url(../images/notes-header-left-repeat.jpg) repeat-x top left;}
#collection_bkgLeft_reveal{margin:0; padding:0; height:110px; background:url(../images/notes-header-left.jpg) no-repeat top right;}

#collection_navBkg{margin:0 auto; padding:0; width:1024px; height:110px; background:url(../images/notes-header-main.jpg) no-repeat top center; }

#collection_bkgRight{margin:0; padding:0; height:110px; background:url(../images/notes-header-right-repeat.jpg) repeat-x top right; }       
#collection_bkgRight_reveal{margin:0; padding:0; width:100%; height:110px; background:url(../images/notes-header-right.jpg) no-repeat top left;}

#collection1{margin:0 auto; width:1024px; padding:0; height:440px; background:url(../images/notes-header-bkg-girl.jpg) no-repeat top center;}

#collectionTitle1{margin:0; padding:0 0 10px 0; width:186px; height:27px; background:url(../images/thecollection_title1.gif) no-repeat 0 0}

/*
#collectionTitle2{margin:0; padding:0 0 5px 0; width:94px; height:18px; background:url(../images/thecollection_title2.gif) no-repeat 0 0}
#collectionTitle3{margin:0; padding:0 0 5px 0; width:119px; height:18px; background:url(../images/thecollection_title3.gif) no-repeat 0 0}*/

#collectionShowcase{margin:0; padding:0 0 0 200px; width:300px; height:210px; }

#collection_col1{margin:0; padding:25px 0 0 0; width:150px;  background:url(../images/thecollection_title2.gif) no-repeat 10px 0; float:left;}
#collection_col1 ul{margin:0; padding:0; list-style:none; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:0.7em; color:#b1afa7;}
#collection_col1 li{margin:0; padding:0;}
#collection_col1 a{margin:0; padding:0 0 0 10px; text-decoration:none; line-height:25px; color:#b1afa7}
#collection_col1 a:hover{margin:0; padding:0 0 0 10px; background:url(../images/red_arrow.gif) no-repeat 0 50%; text-decoration:none; line-height:25px; color:#8143b0}

#collection_col2{margin:0; padding:25px 0 0 0; width:150px; float:left;}
#collection_col2 ul{margin:0; padding:0; list-style:none; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:0.7em; color:#b1afa7}
#collection_col2 li{margin:0; padding:0;}
#collection_col2 a{margin:0; padding:0 0 0 10px; text-decoration:none; line-height:25px; color:#b1afa7}
#collection_col2 a:hover{margin:0; padding:0 0 0 10px; background:url(../images/red_arrow.gif) no-repeat 0 50%; text-decoration:none; line-height:25px; color:#8143b0;}

#promo.collection{margin:0; padding:110px 0 0 100px; width:520px; height:auto; text-align:left;}


/* Store Locations  */

#locations{margin:0 auto; width:1024px; padding:0; min-height:440px; background:url(../images/locations_contentBkg.jpg) no-repeat top center;}

#locationsTitle1{margin:0; padding:0; width:206px; height:28px; background:url(../images/locations_title1.gif) no-repeat 0 0}

.locationLinks{margin:0; padding:0;  font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:0.7em; line-height:1.4em; color:#b1afa7}
.locationLinks ul{margin:0; padding:5px 0 40px 0; color:#ff6c92; list-style:none}
.locationLinks li{margin:0; padding:0 5px 0 5px; float:left; background:url(../images/locations_divider.gif) no-repeat right 50%}
.locationLinks a{margin:0; padding:0;  float:left; color:#b1afa7; text-decoration:none}
.locationLinks a:hover{margin:0; padding:0;  float:left; color:#ff6c92; text-decoration:underline}
.locationLinks a:active{margin:0; padding:0;  float:left; color:#ff6c92; text-decoration:none}

#promo.locations{margin:0; padding:110px 0 0 100px; width:824px; height:auto; text-align:left; float:left}

.pink{color:#ff8ca6}


/* Thank You */

#thankyouTitle1{margin:0; padding:0 0 10px 0;; width:413px; height:37px; background:url(../images/thankyou_title.gif) no-repeat 0 0}

#thankyouTitle2{margin:0; padding:0 0 10px 0;; width:413px; height:37px; background:url(../images/sorry_request.gif) no-repeat 0 0}

#thankyouTitle3{margin:0; padding:0 0 10px 0;; width:413px; height:37px; background:url(../images/sorry_register.gif) no-repeat 0 0}

#thankyouTitle4{margin:0; padding:0 0 10px 0;; width:413px; height:37px; background:url(../images/thankyou_request.gif) no-repeat 0 0}

/* Middle Section */

#mid_con{margin:0 auto; padding:0; width:100%;}

#haliasystem{margin:0 auto; width:1024px; padding:0; height:440px; background:url(../images/haliasystem_contentBkg.jpg) no-repeat top center; z-index:1999}
#content.press{margin:0 auto; width:1024px; padding:0; height:440px; background:url(../images/press_contentBkg.jpg) no-repeat top center;}

#promo{margin:0; padding:120px 0 0 100px; width:520px; height:294px; text-align:left;}


/* Carousel Section */

#carousel{margin:0 auto; padding:0 0 0 100px; width:924px; height:108px; background:none; position:relative; z-index:9999;}

#item_details{margin:0; padding:24px 0 0 0; width:235px; height:80px; float:left}

#item_carousel{margin:0; padding:5px 0 0 0; float:left; }

.item1{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_071_bw.png) no-repeat; display:block; float:left}
.item1 a{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_071_bw.png) no-repeat; display:block; float:left}
.item1 a:hover{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_071_c.png) no-repeat; display:block; float:left}

.item2{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0714_bw.png) no-repeat; display:block; float:left}
.item2 a{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0714_bw.png) no-repeat; display:block; float:left}
.item2 a:hover{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0714_c.png) no-repeat; display:block; float:left}

.item3{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0742_bw.png) no-repeat; display:block; float:left}
.item3 a{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0742_bw.png) no-repeat; display:block; float:left}
.item3 a:hover{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0742_c.png) no-repeat; display:block; float:left}

.item4{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0765_bw.png) no-repeat; display:block; float:left}
.item4 a{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0765_bw.png) no-repeat; display:block; float:left}
.item4 a:hover{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_0765_c.png) no-repeat; display:block; float:left}

.item5{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_07124_bw.png) no-repeat; display:block; float:left}
.item5 a{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_07124_bw.png) no-repeat; display:block; float:left}
.item5 a:hover{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_07124_c.png) no-repeat; display:block; float:left}

.item6{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_07150_bw.png) no-repeat; display:block; float:left}
.item6 a{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_07150_bw.png) no-repeat; display:block; float:left}
.item6 a:hover{margin:0; padding:0; width:90px; height:90px; background:url(../png_charms/HA_07150_c.png) no-repeat; display:block; float:left}


.items{margin:0; padding:0; width:90px; height:90px; display:block; float:left}
.items a{margin:0; padding:0; width:90px; height:90px; display:block; float:left}
.items a:hover{margin:0; padding:0; width:90px; height:90px; display:block; float:left}

#itemArrow{margin:0; padding:0; width:25px; height:108px; background:url(../images/red_arrow.gif) no-repeat 10px 50%; display:block; float:left}
#itemArrow a{margin:0; padding:0; width:25px; height:108px; background:url(../images/red_arrow.gif) no-repeat 10px 50%; display:block; float:left}
#itemArrow a:hover{margin:0; padding:0; width:25px; height:108px; background:url(../images/red_arrow.gif) no-repeat 10px 50%; display:block; float:left}

.red14pt{font-size:14px; color:#8143b0}

.grey9pt{font-size:9px;}


/* Store Links */

#stores{margin:0 auto; padding:0; width:824px; height:78px; background:url(../images/store_icons.gif) no-repeat}

.storeLink1{margin:0; padding:0; width:135px; height:78px; display:block; float:left}
.storeLink1 a{margin:0; padding:0; width:135px; height:78px; display:block; float:left}
.storeLink1 a:hover{margin:0; padding:0; width:135px; height:78px; display:block; float:left}

.storeLink2{margin:0; padding:0; width:111px; height:78px; display:block; float:left}
.storeLink2 a{margin:0; padding:0; width:111px; height:78px; display:block; float:left}
.storeLink2 a:hover{margin:0; padding:0; width:111px; height:78px; display:block; float:left}

.storeLink3{margin:0; padding:0; width:104px; height:78px; display:block; float:left}
.storeLink3 a{margin:0; padding:0; width:104px; height:78px; display:block; float:left}
.storeLink3 a:hover{margin:0; padding:0; width:104px; height:78px; display:block; float:left}

.storeLink4{margin:0; padding:0; width:102px; height:78px; display:block; float:left}
.storeLink4 a{margin:0; padding:0; width:102px; height:78px; display:block; float:left}
.storeLink4 a:hover{margin:0; padding:0; width:102px; height:78px; display:block; float:left}

.storeLink5{margin:0; padding:0; width:95px; height:78px; display:block; float:left}
.storeLink5 a{margin:0; padding:0; width:95px; height:78px; display:block; float:left}
.storeLink5 a:hover{margin:0; padding:0; width:95px; height:78px; display:block; float:left}

.storeLink6{margin:0; padding:0; width:101px; height:78px; display:block; float:left}
.storeLink6 a{margin:0; padding:0; width:101px; height:78px; display:block; float:left}
.storeLink6 a:hover{margin:0; padding:0; width:101px; height:78px; display:block; float:left}

.storeLink7{margin:0; padding:0; width:176px; height:78px; display:block; float:left}
.storeLink7 a{margin:0; padding:0; width:176px; height:78px; display:block; float:left}
.storeLink7 a:hover{margin:0; padding:0; width:176px; height:78px; display:block; float:left}


/* News - Email Subscribe */

#newsBox{border-top:1px solid #c2c2c2; margin:0 auto; padding:10px 0 0 0; width:824px; height:26px; background:url(../images/newsBox.jpg) no-repeat top center;}

.dark12pt{font-size:12px; color:#aba9a1; display:block; float:left}
.dark12pt a{font-size:12px; color:#aba9a1; display:block; text-decoration:none; float:left}
.dark12pt a:hover{font-size:12px; color:#aba9a1; display:block; text-decoration:underline; float:left}

.input{margin:-1px 0 0 5px; padding:4px 0 4px 5px; width:190px; background:url(../images/input_bkg.gif) no-repeat 0 0; border:1px solid #aeafa8; font-size:10px; color:#666; float:left;}

.input2{margin:-1px 0 0 5px; padding:4px 0 4px 5px; width:270px; background:url(../images/input_bkg.gif) no-repeat 0 0; border:1px solid #aeafa8; font-size:10px; color:#666; float:left;}


/* Footer */

#footer{margin:0; padding:0 0 30px 0; width:100%;  font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:10px; color:#c6c4ba; text-decoration:none; text-align:center; clear:both}
#footer ul{margin:0 auto; padding:10px 0 0 0; width:800px; list-style:none}
#footer li{display:inline}
#footer a{margin:0; padding:0 10px 0 0; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:10px; color:#c6c4ba; text-decoration:none}
#footer a:hover{margin:0; padding:0 10px 0 0; font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-size:10px; color:#8143b0; text-decoration:none}

.custom-tip {color:#000; width:184px; height:58px; padding:0; z-index: 13000;}

.custom-title { font: bold 13px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; margin: 0; color:#ffffff; padding:10px 10px 0 15px; background: #fd4358; width:184px;}

.custom-text {font: normal 11px "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color: #ffffff; padding:5px 10px 10px 15px; background: #fd4358; width:184px}