@charset "utf-8";
/* CSS Document */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#636466; }

h3 { line-height:23px; height:23px; padding:0px 10px 5px 0px; margin-bottom:10px; font-size:18px; font-family:"Century Gothic"; font-weight:bold; letter-spacing:1px; }
h4 { font-size:14px; font-weight:bold; border-bottom:1px solid #636466; }

#auth { float:left; width:100%; line-height:25px; }

a { text-decoration:none; }
a:link { color:#636466; }
a:active { color:#636466; }
a:hover { color:#636466; text-decoration:none; }
a:visited { color:#636466; }

.blue_link a { color:blue; }

#web_menu { float:left; width:50%; height:auto; line-height:32px; padding-top:65px; }
#web_menu ul li {float:left; height:60px; line-height:60px; margin-right:15px; text-align:center; opacity:1; filter:alpha(opacity=100);  font-size:12px; }
#web_menu ul li.mommy { width:105px; background:url(../images/layout/web-button-mm.png) center no-repeat; }
#web_menu ul li.baby { width:140px; background:url(../images/layout/web-button-tb.png) center no-repeat; background-position:0px -3px; }
#web_menu ul li a:hover { text-decoration:none; }

#top-box { float:right; width:180px; padding-left:10px; padding-right:10px; height:63px; background:url(../images/layout/top-box.png) center no-repeat; margin-top:62px; font-size:10px; }
#top-box .top { float:left; width:100%; height:36px; line-height:18px; padding-top:3px; padding-bottom:3px; }
#top-box .bottom { float:left; width:100%; height:auto; line-height:20px; }
#top-box .bottom a.checkout { font-weight: bold; color: #F6921E; }
#top-box .bottom a.checkout:hover { background-color: #F6921E;  color: #FEF6BD; }
#top-box .bottom a.bag { font-weight: bold; color: #F6921E;}
#top-box .bottom a.bag:hover { font-weight: bold; color: #F6921E; background-color: #F6921E; color: #FEF6BD;}
#top-box a:hover { text-decoration:none; }

#search-box { float:right; width:185px; height:50px; margin-top:75px; line-height:25px; }
#search-box input { float:left; width:146px; height:16px; padding:2px; border:0px; background:url(../images/layout/top-search-box.png) center no-repeat; }
#search-box select { float:left; width:150px; line-height:20px; height:20px; border:0px; background:url(../images/layout/top-search-box.png) center no-repeat; }
#search-box .button { float:left; width:25px; margin-left:5px; line-height:20px; height:20px; border:0px; background:url(../images/layout/go-button-bg.png) center no-repeat; }

#left_area { float:left; width:166px; height:auto; padding-right:17px; }
#right_area { float:right; width:566px; height:auto; padding-left:17px; }

#alternative_languages { float:right; width:auto; height:auto; height:16px; padding-top:10px; padding-right:15px; }
#alternative_languages ul li { float:left; width:auto; padding-left:10px; }

/* General CSS */
form { margin:0px; }
p.error { width:100%; margin:0px; padding:0px; line-height:25px; color:#FF0000; }
.js_table { width:100%; }

a:hover { text-decoration:underline; }

.js_table .txtarea { width:95%; height:100px; }
img.thumb {width:135px; text-align:center; border:1px solid #ececec; }

/* CSS for Button */
span.button input { cursor:pointer; margin-top:5px; }

/* CSS for Menu */

/* CSS for JS Menu */
#js_menu { float:left; width:100%; line-height:46px; height:46px;}
#js_menu ul.menu { float:left; list-style:none; width:auto; margin:0px; padding:0px; }
#js_menu ul.menu li { float:left; width:133px; text-align:center; }
#js_menu ul.menu li a { font-family:"Century Gothic"; color:#4f97d0; font-weight:bold; font-size:15px; text-decoration:none; }

/* CSS Admin Menu */
ul.admin_menu { list-style:none; }
ul.admin_menu li { line-height:25px; }
ul.admin_menu li a { text-decoration:none; }

/* CSS for Component */
div.js_component {float:left; width:566px; height:auto; margin-bottom:10px; overflow:visible; }
div.js_component div {}
div.js_component div div {}
div.js_component div div div { overflow:visible; }

.js_component h3 { float:left; width:540px; line-height:23px; height:23px; padding:5px 10px 5px 10px; background:url(../images/layout/title-bg.png) no-repeat; margin-bottom:10px; font-size:18px; font-family:"Century Gothic"; color:#FFFFFF; font-weight:bold; letter-spacing:1px; }

/* CSS for Module */
div.js_module {float:left; width:156px; padding:5px; padding-bottom:10px; margin-bottom:5px; }
div.js_module div { }
div.js_module div div {}
div.js_module div div div {}

.js_module a {  }
.js_module a:hover { text-decoration:none;  }
.js_module h3 { margin:0px; margin-bottom:5px; line-height:30px; font-size:15px; font-weight:bold;  border-bottom:2px solid #97b568; color:#97b568; }

/* CSS for Category */
ul#js_category  { list-style:none; margin:0px; padding:0px; margin-top:10px; }
ul#js_category li { font-family:"Century Gothic"; }
ul#js_category li a { line-height:18px; }
ul#js_category li a:hover {  }

/* CSS for Cpanel Category Listing  */
#js_category_listing .js_table th { padding:5px; border-bottom:1px solid #cccccc; text-align:center; }
#js_category_listing .js_table td { padding:5px; border:1px solid #cccccc; }

/* CSS for Additional Image Gallery */
#gallery { float:left; width:555px; height:auto; line-height:20px; padding-left:5px; }
#gallery li { float:left; width:100px; height:auto; padding:5px; text-align:center; }
#gallery img { width:99px; }

/* CSS for Popular Product */
ul#js_popular_product { list-style:none; margin:0px; padding:0px; margin-top:10px; color:#3c3629; }
ul#js_popular_product li { padding-bottom:20px; }
#js_popular_product .js_product_table { width:100%; line-height:20px; }
#js_popular_product .js_product_table td.product_name { width:100%; vertical-align:top;}
#js_popular_product .js_product_table td.product_detail { width:100%;}
#js_popular_product .product_name h3 { margin:0px; padding:0px; line-height:18px; padding-bottom:5px; border:0px; font-size:12px; }
#js_popular_product .product_name h3 a { text-decoration:none; font-weight:normal; }
#js_popular_product .product_name h3 a:hover { }
#js_popular_product p.price { margin:0px; padding:0px; padding-top:10px; }
#js_popular_product p.discount { margin:0px; padding:0px; color:#ce3034; padding-top:10px; font-weight:bold; text-decoration:line-through;}

/* CSS for Product Listing */
ul#js_product_listing { float:left; width:100%; list-style:none; padding:0px; margin:0px; }
ul#js_product_listing li { float:left; width:185px; height:270px; } 
ul#js_product_listing li a { text-decoration:none; } 
#js_product_listing .js_product_table { float:left; width:100%; }
#js_product_listing .js_product_table td.product_image { text-align:center; vertical-align:top; }
#js_product_listing .js_product_table td.product_detail { }

#js_product_listing .product_detail h3 { float:left; width:100%; padding:0px; line-height:25px; font-weight:normal; margin:0px; background:none; text-align:center; font-size:14px; font-family:"Century Gothic"; letter-spacing:normal; }
#js_product_listing p.description { float:left; width:100%; margin:0px; padding:0px; text-align:center; }
#js_product_listing p.price { float:left; width:100%; margin:0px; padding:0px; font-weight:bold; font-size:12px; line-height:20px; text-align:center; }
#js_product_listing p.discount { float:left; width:100%; margin:0px; padding:0px; color:#ce3034; font-weight:bold; line-height:20px; text-align:center; text-decoration:line-through; }

/* CSS for Product Detail */
#js_product_detail { float:left; list-style:none; padding:0px; margin:0px; }
#js_product_detail .js_product_table { float:left; width:100%; }
#js_product_detail .js_product_table td.product_image { width:40%; vertical-align:top; text-align:right; }
#js_product_detail .js_product_table td.product_image a { float:right; width:100%; padding-bottom:15px; }
#js_product_detail .js_product_table td.product_image a.view_large { float:right; width:100%; text-decoration:none; }
#js_product_detail .js_product_table td.product_detail { width:60%; vertical-align:top;  }

#js_product_detail .product_detail h3 { float:left; width:100%; margin:0px; padding:0px; background:none;  color:#97b568; font-weight:bold; }
#js_product_detail p.description { float:left; width:100%; margin:0px; padding:0px; padding-bottom:10px; }
#js_product_detail p.price { float:left; width:100%; margin:0px; padding:0px; font-weight:bold; font-size:14px; line-height:20px; padding-bottom:10px; }
#js_product_detail p.discount {  float:left; width:100%; margin:0px; padding:0px; color:#ce3034; font-weight:bold; line-height:20px; padding-bottom:10px; text-decoration:line-through; }

#js_product_detail p.color_area {float:left; width:100%; margin:0px; padding:0px; padding-bottom:10px; } 
#js_product_detail div.size_area {float:left; width:100%; margin:0px; padding:0px; padding-bottom:10px; }
#js_product_detail span.button {float:left; width:100%; margin:0px; padding:0px; padding-bottom:10px;}  

.box { float:left; width:97%; padding:2%; margin-bottom:10px; }
.box_border { float:left; width:97%; padding:2%; border:1px solid #ccc; margin-bottom:10px; }

/* CSS for Pagination */
p.pagination {float:right; margin:0px; padding:0px;}
p.pagination a {text-decoration:none;}

/* CSS for Shopping Cart */
#js_cart .js_cart_table { float:left; width:100%; margin:0px; }
#js_cart .js_cart_table th { border-top:1px solid #58c6e8; border-bottom:1px solid #58c6e8; color:#97b568; text-align:center; font-size:14px; font-weight:bold; line-height:25px; }
#js_cart .js_cart_table td { border-bottom:1px solid #58c6e8; padding:5px; }

#js_cart span.currency { float:left; }
#js_cart span.price { float:right; }

#js_cart .js_cart_table input { float:right; border:0px; margin:0px; background-color:white; cursor:text; }

#js_cart input {border:1px solid black; background-color:#ececec; cursor:pointer;}

#js_cart span.button_update {float:left; padding-top:15px; padding-left:65%; }
#js_cart span.button_check_out {float:right; padding-top:15px;}

/* CSS For News*/
ul#js_news_listing { float:left; width:100%; list-style:none; padding:0px; margin:0px; }
ul#js_news_listing li { float:left; width:100%; margin:0px; padding:0px; }
#js_news_listing p.date { float:left; width:556px; line-height:25px; font-size:10px; margin:0px; padding:0px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; }
#js_news_listing div.title { float:left; width:556px; line-height:20px; padding:0px; margin:0px; font-weight:bold; padding-left:10px; margin-bottom:5px; }
#js_news_listing div.content { float:left; width:556px; line-height:18px; padding:0px; margin:0px; padding-left:10px; padding-bottom:10px; margin-bottom:10px; border-bottom:3px solid #cccccc; }

.js_component p.content { float:left; width:100%; }

.js_module ul#js_news_listing { float:left; width:100%; list-style:none; padding:0px; margin:0px; }
.js_module ul#js_news_listing li { float:left; width:100%; margin:0px; padding:0px; }
.js_module #js_news_listing p.date { float:left; width:156px; line-height:25px; font-size:10px; margin:0px; padding:0px; }
.js_module #js_news_listing p.title { float:left; width:156px; line-height:13px; padding:0px; margin:0px; padding-bottom:5px; margin-bottom:5px;  font-size:11px; border:none; }
.js_module #js_news_listing p.content { float:left; width:156px; line-height:12px; padding:0px; margin:0px; padding-bottom:5px; margin-bottom:5px; font-size:10px; border:none; }

/* Cpanel News Listing CSS */
#js_news_entry { line-height:20px; }
#js_news_listing span.date { float:left; width:auto; line-height:25px; font-size:12px; margin:0px; padding:0px; padding-left:10px; }
#js_news_listing span.button_translation { float:right; width:auto; line-height:25px; font-size:12px; margin:0px; padding:0px; padding-left:10px; }
#js_news_listing span.button_edit { float:right; width:auto; line-height:25px; font-size:12px; margin:0px; padding:0px; padding-left:10px; }
#js_news_listing span.button_delete { float:right; width:auto; line-height:25px; font-size:12px; margin:0px; padding:0px; padding-left:10px; }

/* CSS Product Listing Cpanel */
ul#js_cpanel_product_listing { float:left; width:100%; list-style:none; padding:0px; margin:0px; }
ul#js_cpanel_product_listing li { float:left; width:100%; height:auto; }
#js_cpanel_product_listing .js_table { float:left; width:100%; }
#js_cpanel_product_listing .js_table td.product_image { border:1px solid #ececec; padding:5px; width:25%; vertical-align:top; }
#js_cpanel_product_listing .js_table td.product_detail { border:1px solid #ececec; padding:5px; vertical-align:top; }
#js_cpanel_product_listing .js_table td.product_detail h3 { float:left; padding:0px; width:100%; padding-bottom:10px; background:none; font-size: }
#js_cpanel_product_listing .js_table td.product_detail p.description { float:left; padding:0px; margin:0px; width:100%; padding-bottom:10px;  }
#js_cpanel_product_listing .js_table td.product_detail p.price { float:left; padding:0px; margin:0px; width:100%; padding-bottom:10px;  }
#js_cpanel_product_listing .js_table td.product_detail p.discount { float:left; padding:0px; margin:0px; width:100%; padding-bottom:10px;  }
#js_cpanel_product_listing .js_table td.product_detail p.status { float:left; padding:0px; margin:0px; width:100%; padding-bottom:10px;  }
#js_cpanel_product_listing .js_table td.status { border:1px solid #ececec; padding:5px; width:20%; vertical-align:top; }

/* CSS Product Color Listing Cpanel */
ul#js_cpanel_product_color { float:left; width:100%; list-style:none; padding:0px; margin:0px; }
ul#js_cpanel_product_color li { float:left; width:33%; height:auto; text-align:center; }
ul#js_cpanel_product_color .thumb { border:1px solid #cccccc; }
ul#js_cpanel_product_color .content { margin:0px; padding:0px; }

#feedback { float:left; width:100%; line-height:18px; padding-bottom:10px; }
.box_border input { border:0px; font-weight:bold; }
.box input { border:0px; }

/* CSS Static Links */
#links {float:left; width:100%; height:auto; font-size:10px;}
#links p { line-height:15px; text-align:center; }

#static { float:left; width:100%; line-height:25px; }
#static p { padding-bottom:10px; }
#static ol { list-style-type:decimal; padding-left:25px; padding-bottom:10px; }
#static ol li {  }

#static p.address { border:1px solid #cccccc; padding:5px; text-align:center; }

#static ul { list-style-type:circle; padding-left:25px; padding-bottom:10px; }
#links a:link, #links a:active, #links a:hover, #links a { color:#636466; text-decoration:none; }

#js_product_entry .js_table { line-height:20px; }
#js_cpanel_product_color { line-height:15px; }

/* CSS Profile Page */
#profile {float:left; width:100%;}
#profile .js_table { float:left; line-height:20px; }
#profile .error { float:left; width:100%; line-height:20px; padding:0px; margin:0px;}

/* CSS Checkout Page */
#shipping {float:left; width:100%;}
#shipping .js_table {float:left; width:100%; line-height:20px;}
#shipping .error {float:left; width:100%; line-height:20px; padding:0px; margin:0px;}
#shipping h3 { float:left; width:100%; padding:0px; margin:0px; background:none; font-size:14px; color:black;}

/* CSS Invoice History */
#invoice {float:left; width:100%;}
#invoice .js_table {float:left; width:98%; line-height:18px;} 
#invoice .js_table th {border:1px solid #999999;}
#invoice .js_table td {border:1px solid #cccccc;}

/* CSS Invoice detail */
#invoice_detail {float:left; width:100%;}
#invoice_detail .js_table {float:left; width:98%; line-height:18px;} 
#invoice_detail .js_cart_table {float:left; width:98%; line-height:18px;}
#invoice_detail .js_cart_table th { border:1px solid #999999;}
#invoice_detail .js_cart_table td { border:1px solid #cccccc;}
#invoice_detail span.currency {float:left; padding-left:5px;}
#invoice_detail span.price {float:right;}

#invoice_detail #confirm {float:left; width:33%; height:auto; line-height:20px; text-align:center;}
#invoice_detail #payment {float:left; width:33%; height:auto; line-height:20px; text-align:center;}
#invoice_detail #shipping {float:left; width:33%; height:auto; line-height:20px; text-align:center;}

/* Live Validation CSS */
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; }
.LV_valid { color:#00CC00; }	
.LV_invalid { color:#CC0000; }

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { border: 1px solid #00CC00; }
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active { border: 1px solid #CC0000; }