@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Droid+Arabic+Naskh);
@import url(http://fonts.googleapis.com/css?family=Droid+Arabic+Kufi);

#ScrollToTop {position:fixed; bottom:0; right:0; cursor:pointer; z-index:9999; opacity:.8}
#ScrollToTop:hover {opacity:1}

/*Table for page top specials*/
#table-specials {float:left; font-size:80%}

.table-specials-div {background-color:#eeeeef; margin:6px; border:2px solid #fff; outline: #eeeeef solid 6px}

#table-specials div.table-specials-div:nth-child(2) {background-color:#f9f1eb; outline:#f9f1eb solid 8px}

@media (max-width:699px) {#table-specials {width:100%}}
@media (min-width:700px) {#table-specials {width:50%}}
@media (max-width:699px) {.table-specials-div {height:130px}}
@media (min-width:700px) {.table-specials-div {height:130px}}

/* Tabs on subcategory grid views*/
/* Tabs and info on subcategory grid views*/
.hiddenTarget {display:none; position:fixed;}
.tabbedPages {position:relative; margin:10px 0;}
ul.tabs {width:99%; padding:5px 2px 0; background:#0ba5fe; border-top-left-radius:5px; border-top-right-radius:.6em; margin:0; list-style:none; float:left; position:relative; z-index:100;}
ul.tabs li {float:left; margin-right:3px}
#info ul.tabs li a {padding:6px; display:inline-block; border-radius:5px 5px 0 0; background:#76d621; font-size:90%; font-weight:600; color:#fff; text-decoration:none} 
#info ul.tabs li a:hover {background:#a7cce5;text-decoration:underline}
.tabcontent {float:left; width:99%; padding:2px; position:relative; z-index:10; display:none; clear:left; top:-1px; background-color:#fff}

/* change the tab to selected style */
ul.tabs li a.default,
#tab1:target ~ .tabbedPages .tabs li a.default,
#tab2:target ~ .tabbedPages .tabs li a.tab2,
#tab3:target ~ .tabbedPages .tabs li a.tab3,
#tab4:target ~ .tabbedPages .tabs li a.tab4,
#tab5:target ~ .tabbedPages .tabs li a.tab5
{background-color:#fff; border-bottom:1px solid #fff; color:#000;}

/* show the tab content */
div.default,
#tab1:target ~ .tabbedPages div.default,
#tab2:target ~ .tabbedPages div#view2,
#tab3:target ~ .tabbedPages div#view3,
#tab4:target ~ .tabbedPages div#view4,
#tab5:target ~ .tabbedPages div#view5
{display:block;}

/* reset the unclicked tabs to default */
#tab2:target ~ .tabbedPages .tabs li a.default,
#tab3:target ~ .tabbedPages .tabs li a.default,
#tab4:target ~ .tabbedPages .tabs li a.default,
#tab5:target ~ .tabbedPages .tabs li a.default
{background-color:#76d621; border:1px solid #888; color:#fff;}

/* hide the default tab when selecting other tabs*/
#tab2:target ~ .tabbedPages div.default,
#tab3:target ~ .tabbedPages div.default,
#tab4:target ~ .tabbedPages div.default,
#tab5:target ~ .tabbedPages div.default
{display:none;}



/* for the actual content*/
.tab-content {padding:.2em}
.tab-tr {margin-top:.7em; width:190px; float:left; display:block; text-align:center; border-bottom:2px solid #eee}
.tab-td {height:450px; display:inline-block;}
.tab-td-imgdiv {height:175px; width:175px; background-image:url('/lib/yhst-141393827066280/loading.gif'); background-repeat:no-repeat; background-position:50% 20%;}
.tab-td img {display:block; margin-left:auto; margin-right:auto}
.tab-name {width:98%; height:55px; margin:.2em 0 0 0; overflow:hidden; font-size:75%}
.tab-topic {width:98%; height:90px; margin:.2em 0 0 0; overflow:hidden; font-size:70%}
.tab-price {width:98%; height:70px; margin:.2em 0 0 0; overflow:hidden; font-size:70%}
.tab-age {width:98%; height:30px; margin:.2em 0 0 0; overflow:hidden; font-size:70%}
.tab-topic-age {width:98%; height:55px; margin:.2em 0 0 0; overflow:hidden; font-size:70%}
.tab p {margin:0; padding:0}
.tab-tr-list {margin-top:.9em; display:block; border-bottom:3px solid #e7e7e7}
.tab-td-list {width:190px; text-align:center; background-image:url('/lib/yhst-141393827066280/loading.gif'); background-repeat:no-repeat; background-position:50% 20%;}
.tab-td-list img {margin-left:auto; margin-right:auto}
.tab-name-list {width:98%; margin:.2em 0 0 0; overflow:hidden; font-size:85%}
.tab-topic-list {width:98%; font-size:70%}
.tab-price-list {width:98%; font-size:70%}

/*see more or order*/
input.more[type=submit]{color:#123593; padding:.2em; height:25px}
input.more[type=submit]:hover {background-color:#f7f7f7; cursor:pointer; color:#c19317}

/* For Sections age categories */
.collapse{display:block;}
.collapse + input{display:none;}
.collapse + input + *{display:none;}
.collapse+ input:checked + *{display:block;}
.age-top-label {margin-top:.5em; padding-left:.5em; height:2.5em; box-shadow:2px 2px 8px #000; border-radius:3px; width:100%; min-width:250px; color:#0a140a}
.age-top-label:hover {color:#b22222; text-decoration:underline}

/* CSS Elements */
html {font-size:100%}
b, strong{font-weight:600}
blockquote{margin:.8em}
dd{margin:0 0 0 .8em}
dl{margin:.3em 0}
em, i{font-style:italic}
img {border:0}
input.addtocartInp{border:.6em solid #cecede; margin:.6em .5em 0 .5em; padding:1em; background:#b22222;  color:#ffffff; font:bold .8em Helvetica, Arial, sans-serif; text-align:center; cursor:pointer}
li{margin:0 0 0 .8em; padding:0}
ol {margin:0; padding:0} 
ul{list-style:disc outside; margin:0; padding:0}
p + p {margin-top: 18px;}
tr, td{vertical-align:top}

/* Base CSS */
body {margin: 0 auto !important; float: none !important; position:relative; background-color:#ffffff; background-image:url('http://ep.yimg.com/ca/I/yhst-141393827066280_2428_395992041');background-repeat:repeat-x; font-size:100%; color:#0a140a; font-family: "Open Sans", "Helvetica", arial, verdana, sans-serif} 
.name {padding:.3em; text-decoration:none; display:inline; font-family: 'Droid Arabic Naskh', 'Open Sans', 'Helvetica', arial, verdana, sans-serif}
.sale-price {color:#b22222}  
.sale-price-bold {color:#b22222; font-weight:600}
form {padding:0;margin:0}
td {font-size:95% ; padding:0; margin:0}
h1, h2, h3{margin:0}
a{color:#0099cc}
a:visited{color:#0099cc}
a:{text-decoration:none; font-weight:500}
a:hover{text-decoration:underline; color:#b22222}
.breadcrumbs {width:99%; float:left; font-size:80%; margin: 5px 0 10px 5px}
.clear {clear:both}
.last {border:0 solid}
input.buttonsubmit {margin-left:5px !important; text-transform:uppercase}
.icon-img {max-width:75px; max-height:75px}
.thumb-img {max-width:175px; max-height:175px}
.inset-img {max-width:200px; max-height:200px}
.item-img {max-width:300px; max-height:300px}
.large-img {max-width:500px; max-height:500px}

/* IDs */
#info-div{background-color:#ffffff;padding:.3px;zoom:1}
#info-div:after{clear:both; content:"."; display:block; height:0; visibility:hidden}
#bodyshell{width:100%; overflow:hidden; position:relative; margin:0 3px}
:first-child+html #bodyshell {width:100%; overflow:hidden}
#bodyshell:after {clear:both; content:"."; display:block; height:0; visibility:hidden}
#caption:after {clear:both; content:"."; display:block; height:0; visibility:hidden}
#contentarea #caption {background:transparent; margin:10px}
#itemtype #caption {/*padding:0 .7em;*/}
#maintype #caption {background:transparent; padding:.8em}
#captionarea, #info-div {margin:.7em .7em .5em;
background-color:#ffffff; border-bottom:1px #fff solid} 
#messagearea {width:98%; margin:0; padding:0; background:transparent; border-bottom:1px #fff solid}

#messagetitle{width:98%; margin:0; padding:0; color:#0a140a; font:normal 185% Helvetica, Arial, sans-serif; text-align:center; background-image:url('http://ep.yimg.com/ca/I/yhst-141393827066280_2429_24753623'); box-shadow:.25em .25em .4em rgba(0,0,0,0.3)}

#item-contenttitle {background-color:#ffffff; 
color: #c19317; font:normal 120% Helvetica, Arial, sans-serif; margin:0 .5em; padding:.1em .5em}
#item-contenttitle h1 {background-color:#ffffff; 
color: #c19317; font:normal 120% Helvetica, Arial, sans-serif; margin:0 .5em; padding:.1em .5em}
#itemtype #contentarea #captiontitle {margin: 0; padding:.3em}
#itemtype #captiontitle {background:transparent; color:#b22222; margin:0; padding:.1em .1em .5em; font:normal 125% Helvetica, Arial, sans-serif}
#container {margin:0 auto; float:none; position:relative; width:100%; max-width:1120px; text-align:left; border-top-right-radius:.5em; border-top-left-radius:.5em; padding:0; background-color:#fff}
#contentarea {width:100%; margin: 0 .5em .5em}
#contentarea #caption {float:left; width:100%; margin:0 .5em .5em}
#section-contenttitle {background:transparent; color:#b22222; font:normal 120% Helvetica, Arial, sans-serif; margin:.3em; padding:.5em}
#contents-table tr{padding:.3em}
#maintype #caption {padding:0; margin:0}

/*bodyContent is the right side information*/
#bodyContent #info-div #searchpageHeader {background-color:#ffffff; color:#b22222; font:bold 120% Helvetica, Arial, sans-serif; margin:0; padding:.3em .8em}
#bodycontent {float:right; margin:0; padding:.2em}
@media (max-width:539px) {#bodycontent {width:50%}}
@media (min-width:540px) and (max-width:960px){#bodycontent {width:65%}}
@media (min-width:961px){#bodycontent {width:75%}}
#bodycontent #contents #contents-table .horizontal-seperator a{display:inline-block; text-decoration:none; font-weight:500}


#specialstitle {width:98%; font:normal 175% Helvetica, Arial, sans-serif; margin:.5em .2em; padding:.3em 0; text-align:center; border-top:.07em solid #c19317; color:#0a140a}
#copyright {background-color:#e7e8e7; color:#636363; display:block; font-weight:normal; font-size:.9em; padding:.2em 1.25em; text-align:center; margin-left:auto; margin-right:auto}
#finaltext, #introtext {margin:.7em .8em}
#introtext {font-weight:500; font-size:.85em; color:#c19317} 
#footer {width:100%; border:0; background:#ffffff url('') 0 0 repeat-x; clear:both;}
#footer-links {background:transparent;color:#636363; display:block; font-weight:normal; font-size:85%; padding:3em 1em; text-align:center}
#footer-links a {background:transparent;color:#0099cc; text-decoration:none; text-transform:uppercase}
#footer-links a:hover {background:transparent;text-decoration:underline}
#info-div form, .infoText div {margin:0 10px}
#info-div form table td a img {margin-right:5px}
#info-div form table td b {display:block; padding:15px 0 5px}
#info-div form table td font {font-size:1em}

/* Item Pages image, title at top of page */
#itemarea {margin:.6em 0 0;}
#itemarea:after {clear:both; content:"."; display:block; height:0; visibility:hidden}
.item-img {padding-right:.6em}
@media (max-width:539px) {.item-img {width:95%}}
@media (min-width:540px) and (max-width:960px){.item-img {width:62%}}
@media (min-width:961px){.item-img {width:36%}}
#contents-table tr{padding:.2em}
#contents-table td{padding:.2em}
@media (max-width:539px) {#contents-table {width:95%}}
@media (min-width:540px) and (max-width:960px){#contents-table {width:36%}}
@media (min-width:961px){#contents-table {width:62%}}

/*Nav bar at top of page under header*/
#nav-general {clear:both; float:left; display:block; list-style:none; height:22px; margin:0; padding-top:.15em; background-color:#0ba5fe; background-image:url(''); background-repeat:repeat-x; border:0;
border-top:1px solid #e7e7e7; box-shadow:.2em .2em .3em rgba(0,0,0,0.4)}
#nav-general li {background: transparent; border:0px solid #e7e7e7; border:0; float:left; margin:0 2px; padding:0 .4em} 
#nav-general li a {color:#ffffff; display:block; font-size:92%; font-weight:normal; padding:0 .75em; text-align:center; text-decoration:none; white-space:nowrap}
#nav-general li a:hover {color:#ffffff; text-decoration:underline; background-image:url(''); background-repeat:repeat-x}
#nav-general a.linkcheckout {background:transparent url('http://ep.yimg.com/ca/I/yhst-141393827066280_2428_396001043') 2% 50% no-repeat; padding-left:30px; color:#fff; text-decoration:none}
#nav-general a.linkcheckout:hover {color:#fff; text-decoration:underline}

#htmltop, #htmlbottom, #htmltop a, #htmlbottom a{padding:.6em 0 .6em .3em; text-decoration:none}
#ys_searchiframe {width:98%; margin:.5em}
#searchsubmit{border:1px solid #afafaf; margin:0 0 0 .4em; padding:.3em .75em; min-width:56px; background-color:#e7e7e7; color:#0b170b; font-size:.68em; font-weight:600; text-align:center; cursor:pointer; border-radius:2px; height:28px}
#searcharea {background:transparent; display:block; margin:0}
#searcharea input {margin-left:.4em; border: 1px solid #afafaf; padding:0 6px 2px 6px; border-radius: 2px}
#searcharea fieldset {border:0; display:block; padding:0 0 0 1em}
#searcharea label {color:#0b170b; text-transform:none}
*html #searchsubmit{margin:0; padding:0 .7em}
#searchpageHeader {background-color:#ffffff; color:#b22222; font:bold 120% Helvetica, Arial, sans-serif; margin:0; padding:.1em .8em}
#query {padding:1px; width:65%; height:22px; font-size:.8em}
#iframe_id  {width:85%} 
#loadingDiv {width:85%}
#page {border:0; margin:0; padding:0;}
#header {width:100%; border:0; margin:0; padding:0; box-shadow:.4em .4em .6em rgba(0,0,0,0.3); border-top-right-radius:.5em; border-top-left-radius:5em; background-color:#ffffff}
#slogan {width:53%; margin:0; padding:0 .5em 0 0; text-align:right; vertical-align:text-bottom; color:#707a70; display:block; float:right; font:normal 140% Helvetica, Arial, sans-serif} 
#brandmark {float:left; width:44%; margin:0; padding:0 0 0 1em; text-align:left; font:normal 100% Helvetica, Arial, sans-serif}
#brandmark a {color:#ffffff; padding:0; text-decoration:none; font-weight:normal; display:block}
#brandmark a:hover {text-decoration:none; font-weight:normal}
*:first-child+html #info-div,
*:first-child+html #specialtitle,
*:first-child+html #messagearea { width:100%; } *:first-child+html #itemarea {width:100%}

/* Top Bar welcome and signin */
#ys_superbar {left:0; margin:0 auto; position:relative; top:.2em; padding-bottom:.2em; width:100%; max-width:950px; height:25px; font-size:.85em; color:#0a140a}
#ys_cpers {float:left; color:#0a140a}
#yfc_mini {float:right; color:#0a140a}
.ys_clear {clear:both}
#yscp_welcome_msg {margin:0 10px; display:none; color:#0a140a}
#yscp_signin_link {display:none; color:#0a140a}
#yscp_signout_link {margin-left:10px; display:none; color:#0a140a} 
#yscp_myaccount_link {display:none; margin: 0 10px;}
#yscp_welcome_msg .yscp_bold {color:#0a140a; font-weight:500}
a.yscp_link {color:#0099cc; text-decoration:none}
a.yscp_link:hover {color:#0099cc;text-decoration:underline}
a.yscp_link:visited {color:#0099cc}
#custRegDiv a.container-close {top:5px}
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {background-color:#fff}
.yui-skin-sam .yui-panel .bd {padding:0px}
#iframe_id  {width:100%; max-width:679px; border:1px solid #000; padding:0px} 
#custRegDiv_h.hd {display:none}
#custRegDiv_mask.mask  {background-color:#000; opacity:0.5; filter:alpha(opacity=50)}
#loadingDiv {height:210px; width:100%; max-width:679px; position:absolute; background:#ececec}
img.loadingImg {margin-top:90px; margin-left:20px}

/* Content CSS preset Ystore*/
.image-l {background-color:transparent; float:left; display:block; margin:0 .3em; padding:.3em}
.image-r {background-color:transparent; display:block; float:right; margin:0 .3em; padding:.3em}
.image-c {text-align:center; margin-bottom:.6em; border:0}
.inset-l {background-color:transparent; display:block; float:left; margin:0 .3em;padding:.3em}
.inset-r {background-color:transparent; display:block; float:right; margin:0 .3em;padding:.3em}
.addtocartImg{border:0; margin:1em;padding:1em;cursor:pointer;display:block}
.el #contents {}  
#contents .vertical td {text-align:center} /* Used for the "Vertical" RTML Layout */
.wrap #contents {}
/* Content IDs */
#contents {background-color:#ffffff;border-right:.3em solid #ffffff; border-left:.3em solid #ffffff}
#contents #contents-table select option, #itemarea select option{padding-right:.7em}
#contents a{text-decoration:none; padding:.3em; font-weight:500}
#contents a:hover{text-decoration:underline; color:#b22222}
#contents #contents-table {border-collapse:collapse; border-bottom:.3em solid #ffffff}
#contents td {background-color:#ffffff;font-size:98%}
#contents .horizontal-seperator{border-bottom:.06em solid #e0e0e0}
#contents .vertical-seperator{border-right:.06em solid #e0e0e0}
#contents .detail td {padding:.3em; border-bottom:.1em solid #e0e0e0}
#contents .detail.last td {border-bottom:0}
#itemtype #contents .detail td, #maintype #contents .image td {padding-bottom:.8em}
#contents .last {border:0}
#contents .name {color:#c19317; font-weight:500; display:inline;font-family: 'Droid Arabic Naskh', 'Helvetica', arial, verdana, sans-serif;}
.price {font-weight:normal; margin:.8em}
#itemtype .price em {font-style:normal; font-weight:600; margin:.8em; padding:0 .25em}
#contents .sale-price {color:#b22222}  
#contents .sale-price-bold {color:#b22222; font-weight:600}
#contents .price-bold {font-weight:600;margin:.8em}
#itemtype .itemform .price {margin:.8em}
#itemtype .itemform .price-bold {font-weight:600; margin:.625em 0}
#itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold {margin:.625em 0}
#itemtype .itemform .sale-price-bold {font-weight:600}
#itemtype .itemform .sale-price-bold em {background:#ffffff; color:#b22222; font-style:normal; font-weight:600; margin:.625em 0; padding:0 .25em 0 0}
#itemtype .itemform .sale-price em {color:#b22222; font-style:normal; margin:.625em 0; padding:0 .25em 0 0}
#itemtype .code {font-style:normal; margin:.8em; color:#0099cc}
#itemtype .code em {font-style:normal; margin:.8em; color:#0099cc}
.code {margin:.8em; color:#0099cc; font-weight:500}
#itemtype .itemavailable {color:#393939; margin:.625em 0}
#itemtype .itemavailable em {color:#990000; font-style:normal; font-weight:500; margin:.5em 0 .5em .25em}
#itemtype .itemoption {display:inline; font-weight:500; margin:.125em 0}
#itemtype .multiLineOption {display:block; margin:.3em 0; font-weight:normal}
.contenttitle-center{text-align:center}
.caption-cat {text-align:center; font-size:85%; font-weight:500; color:#b22222}


/* CSS Added*/
/* search bar classes*/
.search-desc { color:#636363; font-size:.7em; text-align:center}
.g-search {text-align:center; float:right; width:40%; margin-right:.5em}

/* tSearch all */
#tipue_search_input {color: #333; padding: 0 6px 2px 15px; height: 28px; width:70%; border:1px solid #afafaf; border-radius: 2px; -moz-appearance: none; -webkit-appearance: none; box-shadow: none; outline: 0; margin-left: .4em; background-color:#fff}
#tipue_search_input:focus{border: 1px solid #ccc;}
#tipue_search_button{border:1px solid #afafaf; margin:0 0 0 .4em; padding:.3em .75em; min-width:56px; background-color:#e7e7e7; color:#0b170b; font-size:.68em; font-weight:600; text-align:center; cursor:pointer; border-radius:2px; height:28px}
#tipue_search_button:hover {background-color: #0ba5fe;}
#tipue_search_content { float:left; width:98%; padding:8px; margin: .5em;}
#tipue_search_loading {padding-top: 60px; background-image: url('/lib/yhst-141393827066280/loader.gif');
Background-repeat: no-repeat; background-position: center}
#tipue_search_warning_head {font: 300 85% 'Open Sans', sans-serif; color: #555;}
#tipue_search_warning {font: 300 85% 'Open Sans', sans-serif; color: #333; margin: 7px 0;}
#tipue_search_warning a {color:#36c; font-weight: 300; text-decoration: none;}
#tipue_search_warning a:hover {color: #333;}
#tipue_search_results_count{color: #0b170b;}
.tipue_search_content_title {font: 400 110% 'Open Sans', sans-serif; text-rendering: optimizelegibility; margin-top: 20px;}
.tipue_search_content_title a {color:#000; text-decoration:none;}
.tipue_search_content_title a:hover {text-decoration:underline; color:#b22222}
.tipue_search_content_url {font: 300 85% 'Open Sans', sans-serif;}
.tipue_search_content_url a { color: #06c; text-decoration: none; }
.tipue_search_content_url a:hover { color: #0b170b; }
.tipue_search_content_text {font: 300 85% 'Open Sans', sans-serif; color: #0b170b; margin-top: 3px;}
.h01 {background-color: #e7e7e7; color:#0b170b; font-weight: 500;}
#tipue_search_foot {margin: 51px 0 21px 0;}
#tipue_search_foot_boxes { padding: 0; margin: 0; font: 12px/1 'Open Sans', sans-serif;}
#tipue_search_foot_boxes li {list-style: none; margin: 0; padding: 0; display: inline;}
#tipue_search_foot_boxes li a {padding: 9px 15px 10px 15px; background-color: #f1f1f1; border: 1px solid #dcdcdc; border-radius: 1px; color: #333; margin-right: 7px;text-decoration: none;text-align: center;}
#tipue_search_foot_boxes li.current {padding: 9px 15px 10px 15px; background: #fff; border: 1px solid #dcdcdc; border-radius: 1px; color: #333; margin-right: 7px; text-align: center;}
#tipue_search_foot_boxes li a:hover { border: 1px solid #ccc; background-color: #f3f3f3;}

/* tSearch-images */
#tipue_search_container {background-color: #f3f3f3; padding: 0 0 8px 8px;border-radius: 1px;}
.tipue_search_image_wrap {float: left; padding:2px; background-color:white; border-radius:1px; margin:5px 5px 0 0; height: 250px;width: 180px; display:inline-box; overflow:hidden;}
.tipue_search_image {outline:0; transition: opacity .3s ease-in-out;-webkit-transition: opacity .3s ease-in-out; cursor: pointer;}
.tipue_search_image img {max-width:150px; max-height:150px}
.tipue_search_image:hover {-webkit-opacity: 0.7; opacity: 0.7;}
.tipue_search_box_clear {display: none;clear: both;}
.tipue_search_box {display: none; margin:0 5px 5px 0; background-color:white; padding:5px; border-radius:2px; box-shadow:.25em .25em .4em rgba(0,0,0,0.3)}
.tipue_search_box_close{padding:20px 10px 5px; background:white url('/lib/yhst-141393827066280/close.gif') no-repeat left; cursor:pointer }
.tipue_search_box_image {max-width:175px; max-height: 175px; outline: 0;cursor: pointer; margin: 5px 0 0 20px;}
.tipue_search_box_title {width:100%; max-width:650px; font: 100 100% 'Open Sans', sans-serif; margin: 19px 20px 0 20px;}
.tipue_search_box_title a {color: #444; font-weight:bold; text-decoration: none;}
.tipue_search_box_title a:hover {padding-bottom: 1px;border-bottom: 1px solid #ccc;}
.tipue_search_box_loc {font: 300 85% 'Open Sans', sans-serif; color: #0b170b; margin: 9px 20px 0 20px}
.tipue_search_box_btn_wrap{margin: 19px 20px 20px 20px}
.tipue_search_btn {display:inline-block; border-radius:.6em; padding:10px 22px; color: white; text-decoration:none; text-transform:uppercase;text-align:center;vertical-align:middle; background-color:#8cc152}
.tipue_search_btn a{color:white; font-weight:bold}
.tipue_search_btn:hover{background-color: #76d621}

.tipue_search_more {margin-right:5px; display:inline-block; border-radius:.6em; padding:10px 22px; color: white; text-decoration:none; text-transform:uppercase;text-align:center;vertical-align:middle; background-color:#8cc152}
.tipue_search_more a{color:white; font-weight:bold}
.tipue_search_more:hover{background-color: #76d621}

#convert-table:active {color:white; background-color: #8cc152}

/*Specials on home */
.specials-ul {width:100%; list-style:none; float:right}
.specials-li {vertical-align:text-top; width:190px; height:410px; display:block; float:left; font-size:.75em; text-align:center; padding:0 0 0 10px}
.specials-li img {box-shadow: 2px 4px 4px rgba(0,0,0,0.4)}
.specials-li img:hover {box-shadow: 2px 4px 4px rgba(0,0,0,0.8)}

/*Thumbnail on sub-category image grid view*/
.thumbnails-ul {width:100%; display:block; float:right; list-style:none;}
.thumbnails-li {padding-top:8px; vertical-align:text-top; width:200px; height:410px; display:block; float:left; font-size:.75em; text-align:center}

 /* Catalog All list or image views,for print or pdf need to format for print */
#cat-container {width:100%; max-width:1100px; text-align:left; margin:0 auto; border:0; background:transparent}
#cat-list-img {margin:0px; float:left; overflow:hidden}
#cat-list-img ul {width:100%; list-style:none; display:block; float:right; 
margin:.3em; padding:.3em}
#cat-list-img li {list-style:none; text-align:left; font-size:.7em; vertical-align:text-top; width:230px; display:block; float:left;}
.showimg {height:410px}
.noimg {height:200px}
#cat-list-img img {padding-right:.3em}
#cat-list-img li a {text-decoration:none}
#cat-list-img li a:hover {text-decoration:underline}

/*show or hide selections on sorted cats and cat all*/
.myLink {border-radius:6px; padding:.5em 1em; vertical-align:middle; box-shadow: inset 0 0 .3em rgba(0,0,0,0.3); margin:.25em 1em; font-size:80%; color:#0099cc; font-weight:500; text-decoration:none; cursor:pointer}
.myLink1 {border-radius:6px; padding:.5em 1em; vertical-align:middle; box-shadow: inset 0 0 .3em rgba(0,0,0,0.3); margin:.25em 1em; font-size:80%; color:#0099cc; font-weight:500; text-decoration:none; cursor:pointer}
.myLink2 {border-radius:6px; padding:.5em 1em; vertical-align:middle; box-shadow: inset 0 0 .3em rgba(0,0,0,0.3); margin:.25em 1em; font-size:80%; color:#0099cc; font-weight:500; text-decoration:none; cursor:pointer}
.myLink3 {border-radius:6px; padding:.5em 1em; vertical-align:middle; box-shadow: inset 0 0 .3em rgba(0,0,0,0.3); margin:.25em 1em; font-size:80%; color:#0099cc; font-weight:500; text-decoration:none; cursor:pointer}

/*Table Cells on Sorted Sub-Category pages*/
.sorted-right {text-align:left; width:70%; font-size:.75em; padding:.3em .7em .3em .3em; vertical-align:text-top}
.sorted-left {text-align:center; width:27%; padding:0; margin-left:auto; margin-right:auto}
/*Table Cells on Sorted New-Category pages*/
.sorted-right-one {text-align:left; width:54%; font-size:.8em; padding:.3em .7em .3em .3em; vertical-align:text-top}
.sorted-right-two {text-align:left; width:18%; font-size:.8em; padding:.3em .7em .3em .3em; vertical-align:text-top}
.sorted-left-one {text-align:center; width:25%; padding:0; margin-left:auto; margin-right:auto}

/* Store Directory - all categories*/
#main-cat ul {list-style-type:none; width:100%; margin: 1.5em 0 1em .5em; padding:1em .3em}
#main-cat li {list-style-type:none; padding:.5em; width:45%; display:inline-block}
#main-cat li a {background-image:url('http://ep.yimg.com/ca/I/yhst-141393827066280_2428_396002147'); background-repeat:no-repeat; background-position: 1.4% 47%; padding:1em 0 1em 1.2em; text-decoration:none; color:#0a140a; font-size:82%; vertical-align:middle; width:100%; display:block}
#main-cat li a:hover {text-decoration:underline; color:#b22222}

/* Left Side Headings*/
.menu-head {font-size:90%; font-weight:500; color:#0a140a;
background-color: #f7f7f7; margin:0; padding:.25em 0 0 .4em; border-right:1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; box-shadow:.2em .2em .3em rgba(0,0,0,0.4); padding:.3em}

/* Left Side Menu, Links, Specials */
#nav-menu {position:relative; float:left; display:inline-block; text-align:left; margin:0; padding:0 .1em; border:1px solid #0ba5fe; z-index:9998}
.menu-topic {font-size:70%; font-style:italic; padding:0 0 0 .2em}
.menu-line {width:100%; height:.1em; background-color:#ffffff; margin:.5em 0; padding:0}
.menu-point {cursor:pointer}
.menu {float:left; width:100%; margin:0; padding:0;}
.menu-bottom ul li a{background:transparent; vertical-align:text-top; padding:6px 3px; text-decoration:none}
.menu-bottom ul li a:hover {background:transparent; border:0;text-decoration:underline}
* html #nav-menu ul li a {width:99%; overflow:hidden; text-decoration:none}
* html #nav-menu {overflow:hidden}
@media (max-width:539px) {#nav-menu {width:47%}}
@media (max-width:539px) {* html #nav-menu {width:47%}}
@media (min-width:540px) and (max-width:960px){#nav-menu {width:32%}}
@media (min-width:540px) and (max-width:960px){* html #nav-menu {width:32%}}
@media (min-width:961px){#nav-menu {width:22%}}
@media (min-width:961px){*.html #nav-menu {width:22%}}


/* Left side drop down menu using javascript*/
ul.menu {display:block; list-style-type:none; margin:.5em 0 1em; padding:0; width:100%; text-align:left; border-bottom: 1px solid #0ba5fe; overflow:hidden; }
ul.menu li {display: inline-box; margin: 1px 0 0 0; padding:0; width:100%; box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3)}

ul.menu li:nth-child(even) {background: #f7f7f7}
ul.menu li:nth-child(odd) {background: #fff}

ul.menu li:hover {box-shadow: 0 3px 3px -3px rgba(0,0,0,0.6)}
ul.submenu{display:none}
ul.menu li a {padding:7px 3px 10px; display:block; width:100%; text-decoration:none; color:#0a140a; font-size:82%; vertical-align:middle; font-weight:600}

ul.menu li a:hover {text-decoration:none; color:#b22222;}
ul.menu li ul {background-color:#f7f7f7; border-top: 3px groove #e7e7e7; border-right: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7;box-shadow:.3em .1em .2em #000; position:absolute; z-index:1000}
ul.menu li ul p a {padding:0 0 0 8px}
ul.menu li ul li {display:inline-block; padding:4px 2px; box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3); border-left:2px solid #e7e7e7}
ul.menu li ul li:hover {display:inline-block; padding:4px 2px; box-shadow: 0 3px 3px -3px rgba(0,0,0,0.7)}
ul.menu li ul li a{vertical-align:text-top; padding:7px 10px 2px 2px; border:0; font-size:82%}
ul.menu li ul li a:hover {color:#b22222; border:0; text-decoration:underline; vertical-align:text-top; padding:7px 10px 2px 2px; font-size:82%}
ul.submenu1{display:none}
@media (max-width:539px) {ul.menu li ul {width:250px}}
@media (min-width:540px) and (max-width:809px){ul.menu li ul {width:550px}}
@media (min-width:810px){ul.menu li ul {width:800px}}
@media (max-width:539px) {ul.menu li ul li {width:98%}}
@media (min-width:540px) and (max-width:809px){ul.menu li ul li {width:48%}}
@media (min-width:810px){ul.menu li ul li {width:32%}}

/*Arabic description on item detail page*/
.Arabic {float:right; text-align:right; margin:0 3em 0}
/*Used for name-Arabic fields used in menu*/
.harabic {font-family: 'Droid Arabic Naskh', 'Segoe UI', 'Open Sans', 'Helvetica', arial, verdana; font-weight:500}
/*format for Arabic fields, add the lang tag to div,p,span,etc*/
:lang(ar) {unicode-bidi:embed; direction:rtl; text-align:right; font-family:'Droid Arabic Naskh', 'Helvetica', arial, verdana, sans-serif}
/*visual formating*/
.ffa {font-family: 'Philosopher', Georgia, 'Times New Roman', Serif}
.ffs {font-family: 'Open Sans', "Helvetica", Arial, Verdana, sans-serif}
.ffk {font-family: 'Droid Arabic Kufi', 'Helvetica', arial, verdana, sans-serif}
#hours-phone {width:100%; float:right; font-size:83%; text-align:right; margin-right:.3em; color:#636363}
.header-text {font-size:75%; text-align:right;}
.ts {text-shadow: 2px 4px 3px rgba(0,0,0,0.3)}
.tsd {text-shadow: 1px 0px 0px #000}
.floatc {margin-left:auto; margin-right:auto}
.c{text-align:center}
.b{font-weight:600}
.f0 {font-size:.7em}
.f1{font-size:.83em}
.f2{font-size:.9em}
.f3{font-size:.95em}
.h4{font-size:1.1em}
.h5{font-size:1.2em}
.h6{font-size:1.3em}
.h7{font-size:1.4em}
.h8{font-size:1.5em}
.h9{font-size:1.75em}
.h10{font-size:2em}
.red{color:#b22222}
.blue{color:#0198ef}
.bluedk{color:#2367a4}
.green {color:#5eaa1b}
.gold {color:#c19317}
.graylt {color:#9f9f9f}
.graydk{color:#636363}
.white{color:#fff}
hr {height:1px; color:#c19317; background-color:#c19317; border:none}
.bbd {border-bottom: 1px solid #a0a0a0; box-shadow: 0 2px 0 #c6c6c6;}
.w100 {width:100%}
.w95 {width:95%}
.w90 {width:90%}
.w85 {width:85%}
.w75 {width:75%}
.w50 {width:50%}
.bggold {background-color:#c19317}
.bgblue {background-color:#0ba5fe}
.bgwhite{background-color:#fff;}
.bggray {background-color:#d8d8d8}
.bggreen {background-color:#76d621}
.bggraylt {background-color:#eee}
.bggrayxlt {background-color:#f7f7f7}
.rounded {border-radius:.6em; padding:.3em}
.rounded-top {border-top-left-radius:.6em; border-top-right-radius:.6em; padding:.3em}
.box {box-shadow:.25em .25em .4em rgba(0,0,0,0.3)}
.boxdk {box-shadow:.1em .1em .1em rgba(0,0,0,0.6)}
.boxleft {box-shadow:-.25em -.25em .4em rgba(0,0,0,0.3)}
.bggrayline{background-image:url('/lib/yhst-141393827066280/line-gray.gif'); background-repeat:repeat-x}
.bgdown{background-image:url('/lib/yhst-141393827066280/down.gif');background-repeat:no-repeat}
.bggoldbarbig{background-image:url('/lib/yhst-141393827066280/bggoldbarbig.jpg');background-repeat:repeat-x}
.bgleather{background-color: #f8f7ed; background-image:url('http://lib.store.yahoo.net/lib/yhst-141393827066280/bgwhiteleather.jpg')}
.bgstarmoon{background-image:url('http://lib.store.yahoo.net/lib/yhst-141393827066280/starmoon-gold-right.gif'); background-repeat:no-repeat; background-position:right}
.bgfreeshipping{background-image:url('http://lib.store.yahoo.net/lib/yhst-141393827066280/shipping.gif'); background-repeat:no-repeat; background-position:left}

.list_carouselH {width:100%; margin:0; background:transparent; float:left; overflow:hidden}
.list_carouselH ul {margin:0; padding:5px 8px; list-style: none; float:right}
.list_carouselH li {width:190px; height:350px; border:0; margin:0; padding:0 0 0 .6em; color:#6d7b8d; background:transparent; display:block; float:left; text-align:center}
.image_carousel {height:178px; width:178px; position:relative; margin-left:auto; margin-right:auto}
.image_carousel img {max-height:175px; max-width:175px; display:block; position:absolute;top:0; bottom:0;left:0;right:0;margin:auto}
.cartitle {position:relative; margin-top:.1em; height:35px; overflow:hidden; font-size:75%}
.cartopic {position:relative; margin-top:.1em; height:35px;overflow:hidden; font-size:75%}
.carprice {position:relative; margin-top:.1em; font-size:75%}
a.prev {float:left; margin-left: 25px; background: url("http://lib.store.yahoo.net/lib/yhst-141393827066280/prev.gif") no-repeat transparent; width: 35px; height: 35px; display: block; position: relative; top: -270px; opacity:.5}
a.next {float:right; margin-right:25px; background: url("http://lib.store.yahoo.net/lib/yhst-141393827066280/next.gif") no-repeat transparent; width: 35px; height: 35px; display: block; position: relative; top:-270px; opacity:.5}
a.prev:hover {float:left; margin-left: 25px; background: url("http://lib.store.yahoo.net/lib/yhst-141393827066280/prev.gif") no-repeat transparent; width: 35px; height: 35px; display: block; position: relative; top: -270px; opacity:.9}
a.next:hover {float:right; margin-right:25px; background:url("http://lib.store.yahoo.net/lib/yhst-141393827066280/next.gif") no-repeat transparent; width: 35px; height: 35px; display: block; position: relative; top:-270px; opacity:.9}
a.prev.disabled {background-position: 0 -100px !important;}
a.next.disabled {background-position: -50px -100px !important;}
a.prev.disabled, a.next.disabled {cursor: default}
a.prev span, a.next span {display: none}
.clearfix {float:none; clear:both}
.timer {background-color:#999; height:6px; width:0px}

::-webkit-input-placeholder { color:#6d7b8d; font-size:.75em}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#6d7b8d; font-size:.75em; opacity:1}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#6d7b8d; font-size:.75em; opacity:1}
:-ms-input-placeholder { /* Internet Explorer 10+ */  color:#6d7b8d; font-size:.75em;}