/* Custom CSS Document for Riccos */

/* SF styles
--------------------------------------------------------*/
/* Instructions */
.Instructions{color:#000;}
#Instruction1_InstructCell{background:#dcdcdc;border:1px solid #7a7a7a;padding:7px;font-size:12px;}
#Instruction1_InstructCell a{color:#000;text-decoration:underline;}
#Instruction1_InstructCell a:hover{text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1{font-size:12px; background:#2d61b3; padding:7px; color:#fff;}
#BreadCrumbs1_BreadCrumbs1 a{color:#fff; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover{text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select{color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal{font-size:14px; font-weight:bold; color:#fff; background:#999;}

/* Buttons */
td.button img{margin:4px 0;}

/* Body Copy Type Styles
-------------------------------------*/
.Content {line-height:18px; font-size:12px; color:#000; text-align:left;}
.Content a {color:#2d61b3; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p.top {text-align:right;}
#ContentCell p.top a {padding-left:20px; background:url(images/design/c-top.gif) no-repeat 0 50%;}

/* Common Styles
--------------------------------------------------------*/
html,form,body,#PageTable{height:100%;width:100%;}
body{margin:0;padding:0;font:11px/18px Arial,Helvetica,sans-serif;color:#585858;}

#PageTable {background:#70bbfe url(images/images/bg_orange.gif) repeat-x;vertical-align:top;}
#PageCell{vertical-align:top;background:url(images/images/ftBg.gif) repeat-x bottom left;}
#PageSubTable{margin:0 auto;vertical-align:top;width:906px;}
#Form2{margin:0;padding:0}
#ContentCell{padding:15px;text-align:left;background:#FFF;width:100%;}

a{outline:none;text-decoration:underline;}
a:hover{text-decoration:none;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

.Headings,.CenterHeadings,#ContentCell h1 {font-size:18px; font-weight:bold; color:#ff6c03; margin:5px 0 15px 0; padding:0 0 5px 0; width:100%;}
#ContentCell h2 {font-size:16px;font-weight:bold;color:#2d61b3;margin:8px 0;padding:0; border-bottom:1px solid #ccc;}
#ContentCell h3 {font-size:14px;font-weight:bold;color:#2d61b3;margin:8px 0;padding:0;}
#ContentCell h4 {font-size:14px;font-weight:bold;color:#1e1e1e;margin:5px 0;padding:0;}
#ContentCell h5{font-size:12px;font-weight:bold;color:#1e1e1e;margin:5px 0;padding:0;}

select,input{background:#f8f8f8;border:1px solid #777;font-size:.9em;margin:0.25em 0pt;padding:0.25em;}
input:focus{background:#ededed;}
textarea {background:#f8f8f8;border:1px solid #d9d9d9;font-size:.9em;margin:0.25em 0pt;padding:0.25em 0pt 0.25em 0.25em;width:100%;}
textarea:focus {background:#ededed;}

.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}


/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {padding:0;margin:0;vertical-align:top;height:44px;padding:11px 0 0 0;background:url(images/images/tb_Line.gif) no-repeat 703px 0;}

#TopBannerCell .tbCatalog{float:left;color:#fff;font-size:12px;}
#TopBannerCell .tbLinks{float:right;}
#TopBannerCell .tbLinks ul{padding:0;margin:0;list-style:none;}
#TopBannerCell .tbLinks li{padding:0 0 0 4px;margin:0;display:inline;font-size:13px;color:#fff;}
#TopBannerCell .tbLinks .last {margin-right:25px;}
#TopBannerCell .tbLinks li a{padding-right:7px;text-decoration:none;font-size:13px;color:#fff;}
#TopBannerCell .tbLinks li a.arrow{background:url(images/images/tb_Arrow_orange.gif) no-repeat center left;padding-left:15px;margin-left:5px;}
#TopBannerCell .tbLinks li a:hover{text-decoration:underline;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell{padding:0;margin:0;vertical-align:top;height:100px;padding:11px 0 0 0;background:url(images/images/tsb_BannerImg_SchoolSep10.jpg) no-repeat;}

#TopSubBannerCell h1{padding:0;margin:0 0 0 15px;float:left; }
#TopSubBannerCell h1 a{display:block;background:url(images/images/tsb_logo.png) no-repeat;text-indent:-9999px;width:133px;height:72px;}

#TopSubBannerCell h2{padding:0;margin:0 0 0 0; float:left; text-indent:-9999px;}
#TopSubBannerCell h2 a{display:block;cursor:pointer; width:520px; height:50px;margin:10px 0 0 10px; }

#TopSubBannerCell .right-group {width: 210px; _width: 210px; float: right; margin-right: 9px; *margin-right: 0px; padding: 0; }
#TopSubBannerCell .right-group ul.shopcart{margin:2px 25px 0 0;float:right;padding:0;list-style:none;}
#TopSubBannerCell .right-group ul.shopcart a {color:#ffffff; text-decoration:none}
#TopSubBannerCell .right-group ul.shopcart a:hover {text-decoration:underline;}
#TopSubBannerCell .right-group ul.shopcart li{padding:0;margin:0;color:#ffffff;text-align:right;}
#TopSubBannerCell .right-group ul.shopcart li.head{font-size:14px;font-weight:bold; }
#TopSubBannerCell .right-group ul.shopcart li.items{font-size:12px;padding-top:5px; }
#TopSubBannerCell .right-group .cartIcon{float:right;/*width:50px;*/padding:10px 25px 0 0; }
#TopSubBannerCell .right-group .cartIcon img {height: 50px; width: 31px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell{vertical-align:top;width:200px;padding-right:10px;}
#LeftColumnNav1_custommenu {width:100%;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

#LeftColumnCell .lcSearch{background:url(images/images/lc_NavHeader.gif) no-repeat;height:45px;width:200px;float:left;}
#LeftColumnCell .lcSearch ul.searchWrap{padding:0;margin:14px 0 0 13px;list-style:none;float:left;}
#LeftColumnCell .lcSearch ul.searchWrap li{padding:0;margin:0;}
#LeftColumnCell .lcSearch ul.searchWrap li.textbox{border:solid 1px #d8d8d8;background:#fff;float:left;width:173px;height:22px;}
#LeftColumnCell .lcSearch ul.searchWrap li.textbox input{background:#fff;border:none;color:#414141;font-size:11px;float:left;line-height:12px;padding:0;margin:5px 0 0 3px;}
#LeftColumnCell .lcSearch ul.searchWrap li.textbox img{float:right;margin:2px 3px 0 0;}

#LeftColumnCell .lcNav{background:#fff;float:left;width:200px;}
#LeftColumnCell .lcNav .lcFooter{background:url(images/images/lc_NavFooter.gif) no-repeat bottom left;float:left;width:200px;padding-bottom:5px;}
#LeftColumnCell .lcNav .fade{background:url(images/images/lc_FadeBg.gif) repeat-x;margin:1px 4px 0 4px;padding:10px 5px 0 5px;}
#LeftColumnCell .lcNav .fade h2{color:#ff6b03;font-size:18px;font-weight:bold;padding:0;margin:15px 0 5px 0;}

#LeftColumnCell .lcPersonalities{background:#fff url(images/images/lc_PersonalitiesHeader.gif) no-repeat top left;float:left;width:200px;margin-top:10px;}
#LeftColumnCell .lcPersonalities .lcFooter{background:url(images/images/lc_NavFooter.gif) no-repeat bottom left;float:left;padding-bottom:5px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade{float:left;background:url(images/images/lc_FadeBg.gif) repeat-x 0 36px;margin:1px 4px 0 4px; width:192px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade h2{color:#fff;font-size:14px;font-weight:bold;padding-left:10px; margin:12px 0 9px 0;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a{text-decoration:none;pointer:hand;}

#LeftColumnCell .lcPersonalities .lcFooter .fade ul{padding:0;margin:3px 0;list-style:none;float:left;border-bottom:solid 1px #f3f3f3; display:inline;}
#LeftColumnCell .lcPersonalities .lcFooter .fade li{padding:0;margin:0;float:left;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a li.photo{background-position:top left;background-repeat:none;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p1 {cursor: hand;} /*jg*/
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p2 {cursor: hand;} /*jg*/
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p3 {cursor: hand;} /*jg*/
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p1 li.photo{background:url(images/images/lc_p1.jpg);width:51px;height:56px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p2 li.photo{background:url(images/images/lc_p2.jpg);width:51px;height:57px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p3 li.photo{background:url(images/images/lc_p3.jpg);width:51px;height:57px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p1:hover li.photo{background-position:0 56px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p2:hover li.photo,
#LeftColumnCell .lcPersonalities .lcFooter .fade a.p3:hover li.photo{background-position:0 57px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a li.title{font-size:14px;color:#ff6b03;font-weight:bold;margin-top:6px;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a li.link{margin-top:7px;color:#2d61b3;font-size:12px;text-decoration:none;padding-left:22px;background:url(images/images/lc_Personalities_arrowImg.gif) no-repeat 5px 50%;}
#LeftColumnCell .lcPersonalities .lcFooter .fade a:hover li.link{text-decoration:underline;}

#LeftColumnCell .newsletter{margin:5px 0 15px 0;float:left;}

#LeftColumnCell ul,#LeftColumnCell ul li{padding:0;margin:0;list-style:none;}

/* NavControl Styles */
.navigator{cursor:hand;cursor:pointer;font-weight:bold;font-size:12px;}
.navigator a{line-height:18px;}

.categorybox{padding:3px 10px 3px 0;border-bottom:solid 1px #f3f3f3;}
.selectedcategorybox{padding:3px 10px 3px 0;border-bottom:solid 1px #f3f3f3;background:#f3f3f3;}

.overselectedcategorybox,
.overcategorybox {background:#f3f3f3;padding:3px 10px 3px 0;border-bottom:solid 1px #f3f3f3;}

.subcategorybox{padding:3px 10px 3px 0;border-bottom:solid 1px #f3f3f3;}
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {padding:3px 10px 3px 0;border-bottom:solid 1px #f3f3f3;background:#f3f3f3;}

.categorybox a,
.selectedcategorybox a{color:#3b6cb8;font-size:11px;text-decoration:none;padding:3px 10px 3px 20px;background:url(images/images/lc_NavArrow.gif) no-repeat 5px 50%;}

.overcategorybox a, 
.overselectedcategorybox a{color:#3b6cb8;font-size:11px;text-decoration:none;padding:3px 10px 3px 20px;background:url(images/images/lc_NavArrow.gif) no-repeat 5px 50%;}

.subcategorybox a,
.selectedsubcategorybox a{color:#3b6cb8;font-size:11px;text-decoration:none;padding:3px 10px 3px 20px;background:url(images/images/lc_NavArrow.gif) no-repeat 5px 50%;}

.oversubcategorybox a,
.overselectedsubcategorybox a{color:#3b6cb8;font-size:11px;text-decoration:none;padding:3px 10px 3px 20px;background:url(images/images/lc_NavArrow.gif) no-repeat 5px 50%;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default{background:none;padding:0 0 0 3px;}
#ContentCell.default a{text-decoration:none;}

.newProductsHeader{background:url(images/images/bd_NewProdsHeader.gif) no-repeat bottom;height:37px;}
.newProductsHeaderText{color:#fff;padding:0px 15px;font-size:14px;font-weight:bold;}
a.newProductsHeaderText{color:#fff;font-size:12px;text-align:right;text-decoration:none;}

.newProductsBody{background:#fff url(images/images/bd_FadeBg.gif) repeat-x top;width:481px;height:120px;border-left:solid 4px #fff;border-right:solid 4px #fff;}
.newProductsItems{margin:15px 0px;}

.newProductsFooter{background:url(images/images/bd_NewProdsFooter.gif) no-repeat;width:481px;height:8;line-height:8px;}

.bestSellersHeader{background:url(images/images/bd_BestSellersHeader.gif) no-repeat bottom;width:694px;height:36px;}
.bestSellersHeaderText{color:#fff;padding:0px 15px;font-size:12px;font-weight:bold;}
a.bestSellersHeaderText{color:#fff;font-size:12px;text-align:right;text-decoration:none;}

.bestSellersBody{background:#fff url(images/images/bd_FadeBg.gif) repeat-x top;width:694px;height:120px;border-left:solid 4px #fff;border-right:solid 4px #fff;}
.bestSellersFooter{background:url(images/images/bd_BestSellersFooter.gif) no-repeat;width:694px;height:6;line-height:6px;}

.blue12{ font-size:12; color:#2d61b3;}

.green12{ font-size:12; color:#689b20;}

.vSpacing10{line-height:10px;}


/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static{background:#fff;}
#ContentCell .tblContact tr td {font-size:12px;}
#ContentCell .tblContact tr td input {margin-left:12px;}
#ContentCell .tblContact tr td select {margin-left:12px;}
#ContentCell .tblContact tr #button input {margin-left:0;}


/* Footer Styles
--------------------------------------------------------*/
#FooterCell{height:84px;padding-top:5px;}

#FooterCell .footerRow1{float:left;width:100%;height:51px;}
#FooterCell .footerRow1 .img1{float:left;margin:21px 0 0 0;}
#FooterCell .footerRow1 .img2{float:left;margin:13px 0 0 151px;}
#FooterCell .footerRow1 .img3{margin:14px 0 0 147px;}
#FooterCell .footerRow2{float:left;width:100%;height:33px;}
#FooterCell .footerRow2 ul.links{padding:0;margin:1px 0 0 0;_margin:4px 0 0 0;list-style:none;float:left;}
#FooterCell .footerRow2 ul.links li{padding:0 0 0 4px;margin:0;display:inline;font-size:12px;color:#000;}
#FooterCell .footerRow2 ul.links li a{padding-right:7px;text-decoration:none;font-size:11px;color:#000;}
#FooterCell .footerRow2 ul.links li a:hover{text-decoration:underline;}
#FooterCell .footerRow2 p{font-size:11px;padding:0;margin:4px 0 0 0;color:#000;float:right;}


/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail11_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail11_trPrice .content {color:#478522; font-weight:bold; font-size:14px; padding:5px 10px 5px 18px 0 10px;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {border:1px solid #;} /* Info Table*/
#ProductDetail21_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:10px 10px 0 10px; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail21_trPrice .content {color:#478522; font-weight:normal; font-size:18px; padding:15px 10px 5px 18px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */