/* --------------------------------------------------------------
    Default CSS styles for all common browsers
    Brothers in art
    http://www.brothersinart.net
---------------------------------------------------------------*/

/* Base
---------------------------------------------------------------*/
body {
    background: #FFF url('/gfx/toki_tile.gif') repeat 0 0;
    color: #000;
    margin: 0;
    padding: 0;
    font: 12px/16px Arial, Helvetica, sans-serif;
}
a {
    color: #00B8EE;
    text-decoration: none;
}
a:hover, a:focus {
    color: #FF436F;
    text-decoration: none;
}
h1 {
    font: bold 20px/24px Arial, Helvetica, sans-serif;
    margin: 0;
    color: #3AB6EB;
}
h2 {
    font: bold 18px/22px Arial, Helvetica, sans-serif;
    margin: 0;
    color: #3AB6EB;
}
h3 {
    font: bold 15px/19px Arial, Helvetica, sans-serif;
    margin: 0;
    color: #FF436F;
}
h3 span {
    color: #FF436F;
}
p {
    margin: 10px 0 10px 0;
}
form {
    padding: 0;
    margin: 0;
}
img {
    border: 0;
}
img.image_left {
    clear: left;
    float: left;
    margin: 0;
    padding: 0 10px 10px 0;
}
img.image_right {
    clear: right;
    float: right;
    margin: 0;
    padding: 0 0 10px 10px;
}
/*  Main Blocks
---------------------------------------------------------------*/
div#container {
    background: #fff url('/gfx/container_bg.gif') repeat-x 0 0;
    width: 940px;
    padding-left: 0px;
    margin: 0 auto 20px auto;
}
div#header {
    position: relative;
    height: 104px;
    background-color: #000;
    color: #FFF;
}
div#menu {
    height: 32px;
    background-color: #1B1F22;
    color: #FFF;
}
div#content {
    margin-top: 1px;
}
/*  Header Block
---------------------------------------------------------------*/
div#header h1 {
    position: absolute;
    left: -999px;
}
div#hmailing {
    background: #FFF;
    width: 262px;
    height: 90px;
    font-size: 10px;
    color: #000;
    padding: 0 10px 0 10px;
    border: 1px solid #C4C7CB;
    float:left;
    position:relative;
}
div#hmailing p {
    margin: 0;
    z-index: 5;
    position: absolute;
}
div#hmailing h3 {
    font-size: 12px;
    margin: 9px 0 0 0;
    color: #1B1F22;
}
div#hmailing h3 span {
    color: #1B1F22;
}
div#hmailing p label {
    font-size: 10px;
}
div#hmailing input {
    vertical-align: bottom;
}
div#hmailing input.text {
    margin: 0 0 2px 0;
    font-size: 10px;
    width: 180px;
    background-color: #C4E9FB;
    border: 1px solid #7F9DB9;
}
div#hmailing input.button {
    position:absolute;
    right:8px;
    top:7px;
}
/*  Menu Block
---------------------------------------------------------------*/
div#menu ul {
    font: 10px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 8px 0 8px 10px;
    float: left;
    white-space: nowrap;
}
div#menu ul li {
    display: inline;
    padding: 0 6px 0 0;
    text-transform: uppercase;
}
div#menu ul.main li a {
    color: #FFFFFF;
}
div#menu ul.main li a:hover {
    color: #FF436F;
}
div#menu ul.main li.active a {
    color: #FF436F;
}
div#menu ul.m-shop {
    padding: 8px 0 8px 0;
    float: right;
}
div#menu ul.m-shop .top-link-cart {
    padding: 0 0 0 16px;
    background: url('/gfx/shop_cart.gif') no-repeat;
}
/*  Sub Menu Block
---------------------------------------------------------------*/
div#submenu {
    height: 34px;
    overflow:hidden;
}
div#submenu div {
    height: 34px;
    border-bottom: 1px solid #D4D5D5;
}
div#submenu div ul {
    font: bold 11px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 34px;
    background: url('/gfx/nav_divider.gif') no-repeat top left;
    white-space: nowrap;
}
div#submenu div ul li {
    display: block;
    float: left;
    background: url('/gfx/nav_divider.gif') no-repeat top right;
    text-transform: uppercase;
    height: 34px;
}
div#submenu div ul li a {
    display: block;
    color: #000;
    text-transform: uppercase;
    padding: 10px 6px;
}
div#submenu div ul li a:hover {
    color: #EF4E69;
    text-transform: uppercase;
}
/*- Selection specific ----------------------------------------*/
div#submenu div {
    background: url('/gfx/submenu_bg.gif') no-repeat 10px 0;/*padding-left: 320px;*/
}
/*  Tabs
---------------------------------------------------------------*/
#tab-container-1 .text {
    padding:10px 20px;
    overflow:auto;
    width:570px;
    height:330px;
}
#tab-container-1 {
    float:left;
    width: 595px;
    height:395px;
}
#tab-container-1-nav {
    background-color: #f6fbfe;
    width:605px;
    padding-left:5px;
    height:45px;
    margin:0;
    clear:both;
    display:block;
}
#tab-container-1-nav li {
    list-style:none;
    float:left;
    margin: 5px 0 5px 5px;
}
#tab-container-1-nav li a {
    display: block;
    height: 33px;
    width: 35px;
}
#tab-container-1-nav li a span {
    display: block;
    background-color: #e0f3fa;
    width: 35px;
    padding-top: 7px;
    height: 23px;
    text-align:center;
    color: #000;
    font-weight: bold;
    font-size:16px;
    margin-top: 3px;
    cursor:pointer;
}
#tab-container-1-nav li a:hover span {
    background-color: #00baed;
    color: #fff;
}
#tab-container-1-nav li a.active span {
    margin: 0;
    background: url(/gfx/tab.gif) no-repeat;
    padding-top: 10px;
    color:white;
}
#tab-container-1-nav li a.active:hover span {
    background-color: #F6FBFE;
}
/*  Content Block
---------------------------------------------------------------*/
div.plainpage {
    background: #FFF url('/gfx/plainpage_bg.jpg') repeat-x 0 0;
    padding: 20px;
    overflow: hidden;
}
div.plainpage_image {
    width: 640px;
    margin-bottom: 20px;
}
div.plainpage_content {
    font-size: 14px;
    line-height: 20px;
    width: 640px;
}
div.plainpage_single div.plainpage_image,
div.plainpage_single div.plainpage_content {
    width: auto;
}
div.plainpage h1 {
    font-size: 50px;
    line-height: 1;
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 10px;
    color: #444444;
    text-shadow:1px 1px #FFFFFF;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
div.pageindex {
    float: right;
    width: 25%;
}
div.pageindex h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #444444;
    padding-bottom: 4px;
    border-bottom: 4px solid #222222;
    text-shadow:1px 1px #FFFFFF;
}
div.pageindex ul {
    padding: 0;
    margin: 0;
    border-top: 1px solid #FFF;
}
div.pageindex ul li {
    list-style: none;
}
div.pageindex ul li a {
    display: block;
    list-style: none;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 1;
    color: #666;
    border-bottom: 1px dotted #CCCCCC;
}
div.pageindex ul li.active a {
    font-weight: bold;
}
div.pageindex ul li a:hover {
    color: #333;
    background: #EBECED;
}

div.warning-message {
    margin: 40px 180px 40px 180px;
}
div.warning-message h2.err {
    color: #CA252A;
}
div.warning-message h2.ok {
    color: #6DB71C;
}
/*  Home
---------------------------------------------------------------*/
.home_left {
    width: 620px;
    float: left;
    margin: 10px 0;
}
.home_right {
    width: 310px;
    float: right;
    margin: 10px 0;
}
/*  Home Twitter Widget
---------------------------------------------------------------*/
.home_twitter {
    margin: 0;
    padding: 0;
    background: #A9A9A9;
    width: 620px;
    overflow: hidden;
    height: 42px;
}
.home_twitter_title {
    font-weight: bold;
    font-size:16px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 13px 10px 0 20px;
}
.home_twitter li {
    list-style: none;
    float: left;
}
.twtr-hd, .twtr-ft {
    display: none  !important;
}
.twtr-doc {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.twtr-tweet {
    border-bottom: 0 !important;
}
.twtr-timeline {
    height: 42px !important;
}
/*  Home Promos
---------------------------------------------------------------*/
.home_promo1 {
    float: left;
    margin: 10px 0 0 10px;
    line-height: 0;
}
.home_promo2 {
    float: left;
    margin: 10px 0 0 10px;
    line-height: 0;
}
.home_promo3 {
    clear: both;
    float: left;
    margin: 10px 0 0 10px;
    line-height: 0;
}
.home_promo4 {
    float: left;
    margin: 10px 0 0 10px;
    line-height: 0;
}
/*  Home Tell a friend
---------------------------------------------------------------*/
.home_tellafriend {
    border: 6px solid #EBEBEB;
    margin-right: 10px;
    padding: 10px 20px;
    background: #FFFFFF url('/gfx/home_tellafriend.jpg') no-repeat top right;
    height: 104px;
    position: relative;
}
.home_tellafriend h3 {
    font-weight: bold;
    text-transform:uppercase;
    font-size:26px;
    line-height: 26px;
    color: #FF32A9;
    letter-spacing:-1px;
    margin: 0;
    padding: 0;
}
.home_tellafriend h4 {
    margin: 0;
    padding: 0;
    color: #424242;
    font-size: 13px;
}
.home_tellafriend p {
    margin: 8px 0 0 0;
}
.home_tellafriend input {
    vertical-align: middle;
}
.home_tellafriend .text {
    border: 2px solid #DDD;
    background: #F5F5F5;
    width: 140px;
}
.home_tellafriend label {
    clear: both;
    width: 40px;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0 0 0;
}
.home_tellafriend_ok {
    position: absolute;
    top: -20px;
    left: 10px;
    background: #00cc00;
    font-weight: bold;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.home_tellafriend_error {
    position: absolute;
    top: -20px;
    left: 10px;
    background: red;
    font-weight: bold;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

/*  Home Blogs
---------------------------------------------------------------*/
.home_blogs_title {
    background: #A9A9A9;
    font-weight: bold;
    text-transform:uppercase;
    font-size:26px;
    line-height: 26px;
    color: #FFFFFF;
    letter-spacing:-1px;
    padding: 10px 20px;
    margin: 10px 0;
}
/*  Content News Block
---------------------------------------------------------------*/
div#content-news {
    background: #FFFFFF url('/gfx/content-news_bg.gif') repeat-y 0 0;
}
div#newsItemOverview {
    float: left;
    width: 227px;
    background-color: #727476;
}
div#newsItem {
    float: right;
    width: 680px;
    padding: 20px 0 20px 20px;
}
div#newsItem h3.pictures {
    font: normal 16px/18px Arial, Helvetica, sans-serif;
    margin: 20px 0 0 0;
    color: #EF4E69;
    border-bottom: 1px solid #D4D5D5;
    width: 680px;
}
div#newsItem h3.pictures span {
    color: #1B1F22;
}
/*  Content-home Block
---------------------------------------------------------------*/
div#content-home {
   /* padding-top: 10px;*/
}
div#content-home div.tab {
    width: 595px;
    height: 350px;
    float: left;
}
div#content-home div.tab a img {
    border: 0;
}
div#content-home div.feature-item {
    background: #e2f4fe url('/gfx/homeitem_bg.gif') repeat-x 0 0;
    padding: 15px;
    width: 300px;
    height: 365px;
    float: right;
    overflow: auto;
}
div#content-home div.feature-item h2 {
    color: #F04D6A;
}
div#content-home div.newsheadlines {
    clear: both;
    padding: 10px 5px 0;
    overflow:hidden;
}
div#content-home div.newsheadlines div.newsitem {
    float: left;
    width: 288px;
    padding: 10px 10px 0px 10px;
}

div#content-home div.newsheadlines div.newitem2 {
    border-right:1px dashed #B4B0B8;
    border-left:1px dashed #B4B0B8;
}

div#content-home div.newsheadlines div.newsitem h2 {
    color: #3AB6EB;
}
div#content-home div.newsheadlines div.newsitem p {
    margin: 0 0 10px 0;
}
div#content-home div.newsheadlines div.newsitem p.readmore {
    margin: 10px 0 0 75px;
}
div#content-home div.newsheadlines div.newsitem div.newsthumb {
    float: left;
    background: url('/gfx/newsthumb_bg.gif') no-repeat 0 0;
    margin: 0 10px 20px 0;
    padding: 5px 6px 6px 5px;
}
div#content-home div.newsheadlines div.newsitem div.newsthumb a img {
    border: 0;
}
/*  Photo album
---------------------------------------------------------------*/
.photos {
    background:transparent url(/gfx/plainpage_bg.gif) repeat scroll 0 0;
    overflow:hidden;
    padding:40px 50px;
}
.photos p {
    margin: 4px 0;
}
.photo_album {
    width:200px;
    float:left;
    margin-right: 10px;
}
.photo_album_info {
    background-color:#E8E9EA;
    padding: 10px;
    font-weight:bold;
    height: 66px;
    overflow: hidden;
}
.view_album {
    text-align:right;
    background-color: #1b1f22;
    margin:2px 0;
    padding:5px 10px;
}
.view_album a {
    color: #FFF;
}
.view_album:hover {
    background-color:#FF436F;
}
.photo_bar {
    background-color: #1b1f22;
    height: 30px;
    font-size: 16px;
    font-weight:bold;
    line-height:29px;
    padding-right: 5px;
    padding-left: 15px;
    color:#FFF;
}
.photo_bar .page_index {
    color:#00B8EE;
    float:right;
    margin-right: 10px;
}
.photo_bar .nav {
    float:right;
    margin-right: 10px;
}
.photo_bar .nav a {
    color:#FFF;
}
.photo_bar .nav a:hover {
    color:#FF436F;
}
.overview {
    padding:40px 55px;
}
.album_desc {
    background-color: #1b1f22;
    padding: 10px;
    color:#FFF;
    margin-bottom: 10px;
    margin-right:5px;
}
.album_desc h3 {
    color:#FFF;
}
.album_desc p {
    margin:0;
}
/*  Video album
---------------------------------------------------------------*/
#videos {
    background:transparent url(/gfx/plainpage_bg.gif) repeat scroll 0 0;
    overflow:hidden;
    padding:25px 30px;
    height:410px;
}
#videoItem {
    width: 640px;
    height: 391px;
    float:left;
    margin-right: 10px;
    background-color: #1b1f22;
}
#itemHolder {
    float:left;
    width: 230px;
    background-color: #0f1114;
    height:391px;
}
#itemHolder .video_big {
    color: #FFF;
    font-size: 14px;
    font-weight:bold;
    padding: 7px 10px 6px 10px;
    display:block;
}
.items {
    background-color: #1b1f22;
    height: 331px;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    overflow: auto;
}
.items .video_pag {
    color:#FFF;
    font-size: 11px;
    display:inherit;
    padding: 4px 10px;
    text-align:right;
    font-weight: normal;
}
.itemNav {
    text-align:right;
}
.itemNav a {
    margin-left: 5px;
}
.videoItem {
    border-bottom: 1px solid #333333;
    overflow:hidden;
    padding: 9px 10px;
    clear:both;
    height: 43px;
    display:block;
}
.videoItem:hover {
    border: 2px solid #f094bb;
    padding: 7px 8px 8px 8px;
}
.videoItem a {
    float:left;
    font-weight:bold;
}
.videoItem img {
    margin-right: 10px;
    float:left;
}
.videoItem span {
    font-weight:bold;
}
.items .active {
    background-color: #f094bb;
    border-bottom-color:#f094bb;
}
.items .active span {
    color:#FFF;
}
/*  Yogurtland
---------------------------------------------------------------*/
.yogurtland {
    background: url(/gfx/sweeps.jpg) no-repeat 0 0;
    width: 900px;
    overflow: auto;
    padding: 20px;
}
.yogurtland_thankyou {
    background: url(/gfx/sweeps_thankyou.jpg) no-repeat 400px 0;
    width: 900px;
    overflow: auto;
    padding: 20px;
}
.yogurtland_intro {
    padding: 160px 0 40px 0;
    height: 162px;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
}
.yogurtland_intro h1 {
    font-size: 36px;
    line-height: 1;
}
.yogurtland_form {
    float:left;
    width:400px;
}
.yogurtland_form p {
    margin: 0 0 20px 0;
}
.yogurtland_form label {
    display: block;
}
.yogurtland_form label span {
    font-size: 10px;
    color: #FF490C;
}
.yogurtland_form .note {
    color: gray;
}
.yogurtland_form .form_element_error {
    border: 1px solid red;
}
.yogurtland_form .button {
    font: bold 14px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    background-color: #35A836;
    border-color: #4AC64A #1E621E #1E621E #4AC64A;
    padding: 5px 8px;
    overflow: visible;
}
.yogurtland_form .button:hover {
    border-width: 1px;
    border-style: solid;
    background-color: #3AB83A;
    border-color: #4AC64A #1E621E #1E621E #4AC64A;
}
.yogurtland_share {
    margin: 20px 0;
}
.yogurtland_share ul {
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
.yogurtland_share li {
    float: left;
    margin: 0 5px;
    padding: 0;
}
.yogurtland_twitter {
    float:right;
    width:430px;
    font-size: 13px;
    padding: 10px;
    border: 1px solid grey;
    background: white;
}
.yogurtland_rules {
    float:right;
    clear:right;
    width:430px;
    color: grey;
    padding: 11px;
    background: white;
}
.yogurtland_rules {
    float:right;
    clear:right;
    width:430px;
    color: grey;
    padding: 11px;
    background: white;
}
.yogurtland_rules ol {
    padding: 0;
    margin: 0;
    list-style: decimal inside;
}
.yogurtland_done {
    padding: 120px 0 40px 0;
    height: 220px;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    text-transform:uppercase;
}
.yogurtland_done h1 {
    font-size: 36px;
    line-height: 1;
}

/*  Tokidokitalk
---------------------------------------------------------------*/
.tokidokitalk {
    background: url(/gfx/tokitalk_banner.jpg) no-repeat 0 0;
    width: 900px;
    overflow: auto;
    padding: 20px;
}
.tokidokitalk_thankyou {
    background: url(/gfx/tokitalk_thankyou.jpg) no-repeat 400px 0;
    width: 900px;
    overflow: auto;
    padding: 20px;
}
.tokidokitalk_intro {
    padding: 160px 0 40px 0;
    height: 162px;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
}
.tokidokitalk_intro h1 {
    font-size: 36px;
    line-height: 1;
}
.tokidokitalk_form {
    float:left;
    width:400px;
}
.tokidokitalk_form p {
    margin: 0 0 20px 0;
}
.tokidokitalk_form label {
    display: block;
}
.tokidokitalk_form label span {
    font-size: 10px;
    color: #FF490C;
}
.tokidokitalk_form .note {
    color: gray;
}
.tokidokitalk_form .form_element_error {
    border: 1px solid red;
}
.tokidokitalk_form .button {
    font: bold 14px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    background-color: #35A836;
    border-color: #4AC64A #1E621E #1E621E #4AC64A;
    padding: 5px 8px;
    overflow: visible;
}
.tokidokitalk_form .button:hover {
    border-width: 1px;
    border-style: solid;
    background-color: #3AB83A;
    border-color: #4AC64A #1E621E #1E621E #4AC64A;
}
.tokidokitalk_share {
    margin: 20px 0;
}
.tokidokitalk_share ul {
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
.tokidokitalk_share li {
    float: left;
    margin: 0 5px;
    padding: 0;
}
.tokidokitalk_twitter {
    float:right;
    width:430px;
    font-size: 13px;
    padding: 10px;
    border: 1px solid grey;
    background: white;
}
.tokidokitalk_rules {
    float:right;
    clear:right;
    width:430px;
    color: grey;
    padding: 11px;
    background: white;
}
.tokidokitalk_rules {
    float:right;
    clear:right;
    width:430px;
    color: grey;
    padding: 11px;
    background: white;
}
.tokidokitalk_rules ol {
    padding: 0;
    margin: 0;
    list-style: decimal inside;
}
.tokidokitalk_done {
    padding: 120px 0 40px 0;
    height: 220px;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    text-transform:uppercase;
}
.tokidokitalk_done h1 {
    font-size: 36px;
    line-height: 1;
}

/*  Melrose Rocks
---------------------------------------------------------------*/
.melrocks {
    background: url(/gfx/melrocks_bg.gif) no-repeat 0 0;
    width: 900px;
    overflow: auto;
    padding: 20px;
}
.melrocks_intro {
    padding: 160px 0 40px 0;
    height: 220px;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
}
.melrocks_intro h1 {
    font-size: 36px;
    line-height: 1;
}
.melrocks_form {
    float:left;
    width:400px;
}
.melrocks_form p {
    margin: 0 0 20px 0;
}
.melrocks_form label {
    display: block;
}
.melrocks_form label span {
    font-size: 10px;
    color: #FF490C;
}
input[name=zipcode] {
    width: 250px !important;
}
input[name=phone] {
    width: 250px !important;
}
.melrocks_form .note {
    color: gray;
}
.melrocks_form .form_element_error {
    border: 1px solid red;
}
.melrocks_form .button {
    font: bold 14px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    background-color: #35A836;
    border-color: #4AC64A #1E621E #1E621E #4AC64A;
    padding: 5px 8px;
    overflow: visible;
}
.melrocks_form .button:hover {
    border-width: 1px;
    border-style: solid;
    background-color: #3AB83A;
    border-color: #4AC64A #1E621E #1E621E #4AC64A;
}

.melrocks_share {
    margin: 20px 0;
}
.melrocks_share ul {
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
.melrocks_share li {
    float: left;
    margin: 0 5px;
    padding: 0;
}
.melrocks_twitter {
    float:right;
    width:430px;
    font-size: 13px;
    padding: 10px;
    border: 1px solid grey;
    background: white;
}
.melrocks_rules {
    float:right;
    clear:right;
    width:430px;
    color: grey;
    padding: 11px;
    background: white;
}
.melrocks_rules ol {
    padding: 0;
    margin: 0;
    list-style: decimal inside;
}
.melrocks_done {
    padding: 120px 0 40px 0;
    height: 220px;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    text-transform:uppercase;
}
.melrocks_done h1 {
    font-size: 36px;
    line-height: 1;
}

/*  Bottom Border Block
---------------------------------------------------------------*/
div#bottomborder {
    background: #FFF url('/gfx/pattern_bg.gif') repeat-x -6px 0;
    height: 11px;
}
/*  Store Locator
---------------------------------------------------------------*/
div.locator {
    padding: 20px;
}
div.locator h1 {
    margin: 0 0 15px 0;
}
div.locator div#search_zipcode {
    float: left;
    width: 45%;
    padding: 10px;
    height: 140px;
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #E1E1E1;
}
div.locator div#search_country {
    float: right;
    width: 45%;
    padding: 10px;
    height: 140px;
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #E1E1E1;
}
div.locator div.active {
    background: #F2F2F2 !important;
    border-color: #F2F2F2 #E1E1E1 #E1E1E1 #F2F2F2 !important;
}
div.locator form label {
    float: left;
    clear: left;
    width: 100px;
    font-weight: bold;
    padding: 5px 0;
}
div.locator form input.text, div.locator form select {
    width: 60%;
    font: bold 14px/16px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: #1B1F22 #D4D5D5 #D4D5D5 #1B1F22;
    padding: 4px;
}
div.locator form input.button {
    font: bold 12px/16px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    background-color: #35A836;
    border-color: #2D8E2D #247324 #247324 #2D8E2D;
    padding: 2px 5px;
    margin-left: 100px;
    overflow: visible;
}
div.locator form input.button:hover {
    border-width: 1px;
    border-style: solid;
    background-color: #3AB83A;
    border-color: #4AC64A #1E621E #1E621E #4AC64A;
}
div.locator_results {
    padding: 0 20px 30px 20px;
}
div.locator_results h1 {
    margin: 0;
}
div.locator_results p.error {
    font: bold 54px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #E1E1E1;
}
div.locator_results table.store {
    margin: 15px 0;
    background: #F8F8F8;
    padding: 10px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #E1E1E1;
    width: 100%;
    border-collapse: collapse;
}
div.locator_results table.store td {
    vertical-align: top;
    padding: 10px;
}
div.locator_results table.store td.distance {
    background: #F2F2F2;
    font: bold 16px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #A8A8A8;
    margin: 0;
    width: 15%;
}
div.locator_results table.store td.info {
    padding-left: 15px;
}
div.locator_results table.store div.name {
    font: bold 16px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
div.locator_results table.store div.phone {
    font-weight: bold;
}
div.locator_results table.store div.address {
    margin-top: 5px;
}

/*  Footer Block
---------------------------------------------------------------*/
#footer {
    background: #EEEEEE;
    clear: both;
}
#footer li {
    list-style: none;
    margin: 0;
    float: left;
}
.footer_siteswitch {
    float: left;
    width: auto;
    margin: 0;
    height: 65px;
    padding: 10px 0 0 20px;
}
.footer_siteswitch a {
    background-image: url('../gfx/footer_sprite.png');
    background-repeat: no-repeat;
    width:52px;
    height:52px;
    float: left;
    margin-right: 10px;
}
.footer_siteswitch_tokidoki {
    background-position: 0 0;
}
.footer_siteswitch_tokidoki:hover {
    background-position: 0 -52px;
}
.footer_siteswitch_tkdk {
    background-position: -66px 0;
}
.footer_siteswitch_tkdk:hover {
    background-position: -66px -52px;
}
.footer_social {
    float: left;
    margin: 0;
    height: 30px;
    padding: 20px 0 0 20px;
}
.footer_social a {
    background-image: url('../gfx/footer_sprite.png');
    background-repeat: no-repeat;
    width:30px;
    height:30px;
    float: left;
    margin-right: 15px;
}
.footer_social_title {
    font-weight: bold;
    text-transform:uppercase;
    font-size:28px;
    line-height: 28px;
    color: #545454;
    letter-spacing:-2px;
    padding: 2px 15px 0 0;
}
.footer_social_twitter {
    background-position: -136px -11px;
}
.footer_social_twitter:hover {
    background-position: -136px -63px;
}
.footer_social_facebook {
    background-position: -200px -11px;
}
.footer_social_facebook:hover {
    background-position: -200px -63px;
}
.footer_social_youtube {
    background-position: -264px -11px;
}
.footer_social_youtube:hover {
    background-position: -264px -63px;
}
.footer_social_rss {
    background-position: -327px -11px;
}
.footer_social_rss:hover {
    background-position: -327px -63px;
}
.footer_social_flickr {
    background-position: -390px -11px;
}
.footer_social_flickr:hover {
    background-position: -390px -63px;
}
.footer_mailinglist {
    margin: 0;
    padding-left: 20px;
    float: left;
    height: 50px;
    padding: 15px 0 0 20px;
    font-size: 11px;
}
.footer_mailinglist_title {
    font-weight: bold;
    text-transform:uppercase;
    font-size:28px;
    line-height: 28px;
    color: #545454;
    letter-spacing:-2px;
    padding: 7px 10px 0 0;
}
.footer_mailinglist_button {
    position: absolute;
    right: 0;
    top: 0;
}
.footer_mailinglist input {
    vertical-align: middle;
}
.footer_mailinglist form {
    position: relative;
}
.footer_mailinglist .text {
    background: #DDDDDD;
    border: 0;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #717171;
    width: 265px;
}
.footer_mailinglist_ok {
    position: absolute;
    top: -30px;
    left: 0px;
    background: #00cc00;
    font-weight: bold;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.footer_mailinglist_error {
    position: absolute;
    top: -30px;
    left: 0px;
    background: red;
    font-weight: bold;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.footer_menu {
    clear: both;
    background: #000;
    color: #D8D8D8;
    padding: 20px 20px 30px 20px;
    overflow: hidden;
}
.footer_menu_main {
    float: left;
}
.footer_menu_main a {
    color: #A7A7A7;
    border-bottom: 1px solid #606060;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 15px;
}
.footer_menu_main a:hover {
    color: #00B8EE;
    border-color: #00B8EE;
}
.footer_menu_store {
    float: right;
    text-align: right;
}
.footer_menu_store a {
    color: #A7A7A7;
    border-bottom: 1px solid #606060;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 15px;
}
.footer_menu_store a:hover {
    color: #00B8EE;
    border-color: #00B8EE;
}
.footer_menu_shopping {
    clear: both;
    float: left;
    width: 550px;
}
.footer_menu_legal {
    width: 300px;
    float: right;
    font-size: 10px;
    font-weight: bold;
    color: #A8A8A8;
    text-align: right;
}
.footer_menu_legal a {
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
}
.footer_menu_legal a:hover {
    color: #00B8EE;
}
.footer_menu_shopping p,
.footer_menu_legal p {
    margin: 10px 0 0 0;
}
div#copy {
    border-top:1px solid #DDDDDD;
    padding: 10px 20px;
    margin-top: 10px;
    color: #848484;
    font-size: 11px;
    text-align: center;
}

/*  Misc
---------------------------------------------------------------*/
div.clear {
    clear: both;
    font-size: 4px;
    line-height: 4px;
}

/*  Whole Sale
---------------------------------------------------------------*/
.wholesale                              { width: 412px; margin-left: 20px; float:left; }
.wholesale .step                        { float:left; width:135px; background:url(/gfx/wholesale_steps.gif) no-repeat center -80px; height: 34px; padding-top:30px; color:#333333;}
.wholesale div.active                   { background-position: center 12px; font-weight:bold;}
.steps                                  { text-align:center; background: url(/gfx/wholesale_divider.gif) repeat-x 0 18px; overflow:hidden; margin-bottom:15px;}
.form_wholesale input                   { border:1px solid #CCCCCC; height:14px; margin:2px 0 0; padding:5px;}
.form_wholesale input.button            { background:url(../gfx/wholesale_submit.jpg) no-repeat; border:0 none; height:26px; margin-top:5px; width:150px; }
.form_wholesale label                   { display:block; width:250px; margin-top: 10px; font-weight:bold; color: #333333; }
.form_wholesale label span.error        { color:#F00; display:block;}
.step small                             { line-height: 8px;}
.wholesale_holder                       { background:url(/gfx/wholesale_holder.gif) no-repeat left top; height:208px;}
.wholesale_upload                       { background-color: #EDEEEF; padding: 10px; }
.wholesale_upload p                     { font-weight:bold; margin:0 0 5px; color:#333333;}
.wholesale_upload button                { background:url(/gfx/wholesale_upload.jpg) no-repeat; border:0 none; height:26px; width:150px; margin-top: 5px; }
.wholesale_done                         { display:block; margin: 5px 0 0 10px;}
.form_wholesale .required               { color:#F00;}
input.wholesale_checkbox                { border: 0; margin-left: 10px; margin-left:10px; margin-right:3px; }
.wholesale_box                          { overflow:hidden;}
.wholesale_custom                       { float:left; margin-left: 60px; margin-top: 65px; width:370px; line-height:22px;}

.wholesale_testimonial                  { background-color:#00B8EE; overflow:hidden; margin-bottom: 10px; padding: 0; height:270px;}
.wholesale_testimonial img              { margin: 0 40px 0 0; }
.wholesale_testimonial h2               { color:#FFF; font-size: 34px; font-weight:normal; margin-bottom:10px; padding:0;}
.wholesale_testimonial p                { color:#FFF; margin:0 40px 0 0; line-height:20px;  font-size: 14px;}
.wholesale_testimonial table            { height:270px; margin:0; padding:0;}

/*  Store Refer
---------------------------------------------------------------*/
.storeRefer                              { width: 412px; margin-left: 20px; float:left; }
.storeRefer .step                        { float:left; width:135px; background:url(/gfx/storeRefer_steps.gif) no-repeat center -80px; height: 34px; padding-top:30px; color:#333333;}
.storeRefer div.active                   { background-position: center 12px; font-weight:bold;}
.steps                                  { text-align:center; background: url(/gfx/storeRefer_divider.gif) repeat-x 0 18px; overflow:hidden; margin-bottom:15px;}
.form_storeRefer input                   { border:1px solid #CCCCCC; height:14px; margin:2px 0 0; padding:5px;}
.form_storeRefer input.button            { background:url(../gfx/storeRefer_submit.jpg) no-repeat; border:0 none; height:26px; margin-top:5px; width:150px; }
.form_storeRefer label                   { display:block; width:250px; margin-top: 10px; font-weight:bold; color: #333333; }
.form_storeRefer label span.error        { color:#F00; display:block;}
.step small                             { line-height: 8px;}
.storeRefer_holder                       { background:url(/gfx/storeRefer_holder.gif) no-repeat left top; height:208px;}
.storeRefer_upload                       { background-color: #EDEEEF; padding: 10px; }
.storeRefer_upload p                     { font-weight:bold; margin:0 0 5px; color:#333333;}
.storeRefer_upload button                { background:url(/gfx/storeRefer_upload.jpg) no-repeat; border:0 none; height:26px; width:150px; margin-top: 5px; }
.storeRefer_done                         { display:block; margin: 5px 0 0 10px;}
.form_storeRefer .required               { color:#F00;}
input.storeRefer_checkbox                { border: 0; margin-left: 10px; margin-left:10px; margin-right:3px; }
.storeRefer_box                          { overflow:hidden;}
.storeRefer_custom                       { float:left; margin-left: 60px; margin-top: 65px; width:370px; line-height:22px; font-size: 14px; }

.storeRefer_testimonial                  { background-color:#00B8EE; overflow:hidden; margin-bottom: 10px; padding: 0; height:270px;}
.storeRefer_testimonial img              { margin: 0 40px 0 0; }
.storeRefer_testimonial h2               { color:#FFF; font-size: 34px; font-weight:normal; margin-bottom:10px; padding:0;}
.storeRefer_testimonial p                { color:#FFF; margin:0 40px 0 0; line-height:20px;  font-size: 14px;}
.storeRefer_testimonial table            { height:270px; margin:0; padding:0;}

/*  Sticker Action
---------------------------------------------------------------*/
.sase {
    border: 0;
    width: 100%;
}
.sase td {
    vertical-align: top;
}
.sase_step {
    padding: 10px;
}
.sase_step h2 {
    font-size: 22px;
    color: #818080;
    font-weight: normal;
    line-height: 1;
    white-space: nowrap;
}
.sase_step h2 span {
    background: #84ccf4;
    font-weight: bold;
    color: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 10px;
}
.sase_step_2 h2 span {
    background: #72b4d9;
}
.sase_step_3 h2 span {
    background: #5996b8;
}
.sase_step_4 h2 span {
    background: #437793;
}
.sase_content {
    padding: 5px 20px 10px 20px;
    background: url(/gfx/stickerAction_line.jpg) no-repeat top left;
}
.sase_content {
    font-size: 14px;
    line-height: 1.4;
}
.sase_content p {
    margin: 0 0 10px 0;
}
.sase_content form p {
    margin: 0 0 5px 0;
}
.sase_content label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #404040;
}
.sase_content label .required,
.sase_content label .error {
    color: #FF0000;
}
.sase_content form input,
.sase_content form select {
    border: 1px solid #CCC;
    border-color: #888 #CCC #CCC #888;
    padding: 2px;
}
.sase_content form .form_element_error {
    border-color: #FF0000;
}
.sase_content form .button {
    background:url(../gfx/stickerAction_submit.jpg) no-repeat;
    border:0 none;
    height:33px;
    margin-top:5px;
    width:152px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: left;
    color: #FFF;
    padding: 0 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
}
.sase_envelope {
    position: relative;
}
.sase_envelope1us {
    background: url('/gfx/sase_envelope1us.jpg') no-repeat 0 0;
    width: 400px;
    height: 270px;
}
.sase_envelope2us {
    background: url('/gfx/sase_envelope2us.jpg') no-repeat 0 0;
    width: 400px;
    height: 326px;
}
.sase_envelope p {
    position: absolute;
    bottom: 40px;
    left: 50px;
}
.sase_address {
    padding-left: 20px;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 1.2;
}
.sase_content .addthis_toolbox {
    margin: 20px;
}
.sase_code {
    font-size: 18px;
    font-family: "Courier New", Courier, monospace;
    line-height: 1.2;
}
.sase_small {
    font-size: 14px;
}
.sase_smallest {
    font-size: 11px;
}
.sase_large {
    font-size: 18px;
}
.sase_largest {
    font-size: 50px;
}
.sase_disabled,
.sase_disabled h2 {
    color: #BBB;
}
.sase_disabled h2 span {
    background: #BBB;
}
/*  About
---------------------------------------------------------------*/
div#content div.about {
    background: url('/gfx/plainpage_bg.gif');
    padding: 20px;
    margin: 0;
}
div#content div.about h2 {
    font-size: 50px;
    margin-bottom:25px;
    margin-top:10px;
    height:55px;
    color: #444444;
    border-bottom: 1px dotted #cccccc;
}
div#content div.about ul.pageindex {
    width: 220px;
    padding: 0;
}
div#content div.about li.pageindex_title {
    font-size: 17px;
    font-weight:bold;
    text-transform:uppercase;
    border-bottom: 4px solid #222222;
    padding-bottom: 6px;
}
div#content div.about li a, div#content div.about li.active a   {
    font-size: 14px;
    border-bottom: 1px dotted #cccccc;
    background: none;
    color: #666666;
    text-transform:none;
    font-weight: normal;
    padding: 10px 0;
}
div#content div.about li.active a { font-weight: bold;}
div#content div.about li a:hover {
    text-transform:none;
    background:none;
    color: #3AB6EB;
    font-weight:bold;
}

div#content div.about .block_about {
    width: 660px;
    font-size:14px;
}

div#content div.about .block_about .about_header {
    margin-bottom: 15px;
}

/*  About
---------------------------------------------------------------*/
div.storepage {
    background: #FFF url('/gfx/plainpage_bg.jpg') repeat-x 0 0;
    padding: 20px 20px 0;
    overflow: hidden;
    position:relative;
}
div.storepage h1 {
    font-size: 50px;
    line-height: 1;
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 10px;
    color: #444444;
    text-shadow:1px 1px #FFFFFF;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
div.storepage p {
    color:#666666;
    font-size:16px;
    letter-spacing:1px;
    margin:6px 0;
    text-shadow:1px 1px 0 #FFFFFF;
}
div.storepage h3 {
    font-size:31px;
    letter-spacing:-1px;
    line-height:28px;
    margin-bottom:19px;
    color: #222222;
    text-shadow:1px 1px 0 #FFFFFF;
}
div.storepage .store_info{
    position:absolute;
    top:148px;
    left:70px;
}