/* 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:#666; 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:#373737;text-align:left;}
.Content a{color:#d3151d;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:#373737;}

#PageTable {vertical-align:top;}
#PageCell{vertical-align:top;}
#PageSubTable{width:776px;margin:0 auto;vertical-align:top;background:url(images/images/body_Bg.gif) repeat-y 50% 50%;}
#Form2{margin:0;padding:0}
#ContentCell{padding:15px 20px 15px 15px;}

a{color:#d3151d;outline:none;}
a:hover{text-decoration:underline;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

.Headings,.CenterHeadings,#ContentCell h1 {font-size:18px; font-weight:bold; color:#535353; margin:10px 0; padding:0 0 5px 0; width:100%; }
#ContentCell h2 {font-size:16px;font-weight:bold;color:#d3151d;margin:8px 0;padding:0; border-bottom:1px solid #ccc;}
#ContentCell h3 {font-size:14px;font-weight:bold;color:#535353;margin:8px 0;padding:0;}
#ContentCell h4 {font-size:14px;font-weight:bold;color:#535353;margin:5px 0;padding:0;}
#ContentCell h5{font-size:12px;font-weight:bold;color:#535353;margin:5px 0;padding:0;}

select,input{background:#f8f8f8;border:1px solid #d9d9d9;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:112px;}

#TopBannerCell img.truckpic{float:left;margin:10px;}

#TopBannerCell a.logo{text-decoration:none;float:left;background:url(images/images/tb_Logo.gif) no-repeat;display:block;border:none;display:block;width:285px;height:99px;text-indent:-999em;margin:13px 0 0 10px;}

#TopBannerCell .cartWrap{background:url(images/images/tb_CartBox.gif) no-repeat;float:left;width:216px;height:88px;*height:99px;padding:5px 10px;margin:14px 0 0 22px;}

#TopBannerCell .cartWrap ul.cartnav{padding:0;margin:5px 0 0 0;list-style:none;float:left;width:100%;}
#TopBannerCell .cartWrap ul.cartnav li{padding:0;margin:0;float:left}
#TopBannerCell .cartWrap ul.cartnav li a{background:url(images/images/tb_dot.gif) no-repeat center right;display:block;padding-right:15px;width:80px;*width:95px;text-align:right;text-decoration:none;color:#fff;font-size:12px;font-weight:bold;}
#TopBannerCell .cartWrap ul.cartnav li a:hover{text-decoration:underline;}

#TopBannerCell .cartWrap ul.shopcart{padding:0;margin:5px 10px 0 10px;list-style:none;float:left;border-top:solid 1px #e35a5f;width:180px;}
#TopBannerCell .cartWrap ul.shopcart li{padding:5px 0 0 0;margin:0;color:#fff;font-size:12px;text-align:right;width:100%;display:block;float:left;}

/* Top SubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell{}
#TopSubBannerCell .subBnrWrap{background:url(images/images/tsb_NavBg.gif) repeat-x 0 0;height:33px;margin:0 20px;float:left;width:735px;}
#TopSubBannerCell .subBnrWrap .subBrnWrapLeft{background:url(images/images/tsb_NavBegn.gif) no-repeat 0 0;float:left;width:100%;height:33px;}
#TopSubBannerCell .subBnrWrap .subBrnWrapRight{background:url(images/images/tsb_NavEnd.gif) no-repeat 100% 0;float:left;width:100%;height:33px;}

#TopSubBannerCell .subBnrWrap ul.searchWrap{padding:4px 0 0 0;margin:0 0 0 10px;list-style:none;float:left;}
#TopSubBannerCell .subBnrWrap ul.searchWrap li{padding:0;margin:0;float:left;display:block;}
#TopSubBannerCell .subBnrWrap ul.searchWrap li.textbox{background:url(images/images/tsb_searchBG.gif) no-repeat;width:168px;height:25px;}
#TopSubBannerCell .subBnrWrap ul.searchWrap li.textbox input{border:none;background:none;line-height:10px;}
#TopSubBannerCell .subBnrWrap ul.searchWrap li.button{}

#TopSubBannerCell .subBnrWrap ul.nav{padding:0;margin:0;list-style:none;float:left;}
#TopSubBannerCell .subBnrWrap ul.nav li{padding:0;margin:0 0 0 10px;float:left;}
#TopSubBannerCell .subBnrWrap ul.nav li a{text-decoration:none;text-indent:-999em;display:block;height:33px;margin:0 3px;}
#TopSubBannerCell .subBnrWrap ul.nav li.about a{background:url(images/images/tsb_Nav_AboutUs.gif) no-repeat;width:73px;}
#TopSubBannerCell .subBnrWrap ul.nav li.contact a{background:url(images/images/tsb_Nav_ContactUs.gif) no-repeat;width:93px;}
#TopSubBannerCell .subBnrWrap ul.nav li.policies a{background:url(images/images/tsb_Nav_Policies.gif) no-repeat;width:65px;}
#TopSubBannerCell .subBnrWrap ul.nav li.return a{background:url(images/images/tsb_Nav_Return.gif) no-repeat;width:213px;}

#TopSubBannerCell .subBnrWrap ul.ssl{margin-left:250px;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell{width:21%;vertical-align:top;height:100%;padding-left:15px;}
#LeftColumnNav1_custommenu {width:100%;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

#LeftColumnCell .lcWrap{height:100%;width:100%;float:left;padding:15px 0 0 0;}
#LeftColumnCell .lcWrap h2{padding:0;margin:0;text-indent:-999em;background:url(images/images/lc_ProductsHeader.gif) no-repeat 5px 5px;width:100%;height:25px;border-bottom:solid 1px #c9c9c9;}

#LeftColumnCell a.browseAllLink{font-size:12px;font-weight:bold;color:#373737;padding:4px 10px;border-bottom:solid 1px #cacaca;margin-bottom:5px;width:100%;text-decoration:none;float:left;}
#LeftColumnCell a.browseAllLink:hover{background:#dbdbdb;}

#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;}
.navigator a:hover{text-decoration:none;}

.categorybox{padding:4px 10px 4px 10px;}
.selectedcategorybox{background:#dbdbdb;padding:4px 10px 4px 10px;}

.overselectedcategorybox,
.overcategorybox {background:#dbdbdb;padding:4px 10px 4px 10px;}

.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {background:#dbdbdb;}

.categorybox a,
.selectedcategorybox a{color:#373737;text-decoration:none;}

.overcategorybox a, 
.overselectedcategorybox a{color:#373737;text-decoration:none;}

.subcategorybox a,
.selectedsubcategorybox a{color:#373737;text-decoration:none;padding:2px 10px 2px 17px;}

.oversubcategorybox a,
.overselectedsubcategorybox a{color:#373737;text-decoration:none;padding:2px 10px 2px 17px;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default{padding:10px;}

#ContentCell.default .bdWrap{background:url(images/images/bd_RoundRepeat.gif) repeat-y;width:583px;float:left;}
#ContentCell.default .bdWrap .bdWrapTop{background:url(images/images/bd_TopCorner.gif) no-repeat top left;float:left;width:100%;}
#ContentCell.default .bdWrap .bdWrapBtm{background:url(images/images/bd_BottomRound.gif) no-repeat bottom left;padding:0 15px 15px 15px;float:left;}
#ContentCell.default .bdWrap .bdWrapBtm .bdTruckImage{background:url(images/images/bd_Truck.jpg) no-repeat 10px 50px;width:553px;}

#ContentCell.default .bdWrap h2.welcome{text-indent:-999em;background:url(images/images/bd_WelcomeTxt.gif) no-repeat;width:326px;height:18px;display:block;border:none;margin:13px 0 0 220px;}
#ContentCell.default .bdWrap p{margin-left:295px;font-size:11px;}

#ContentCell.default .bdWrap .featuredProducts{float:left;width:100%;border-top:solid 1px #d4d4d4;margin-top:10px;padding-top:10px;}
#ContentCell.default .bdWrap .featuredProducts ul.product{padding:0;margin:0 0 0 2px;list-style:none;float:left;width:180px;}
#ContentCell.default .bdWrap .featuredProducts ul.product li{padding:0;margin:0;float:left;}
#ContentCell.default .bdWrap .featuredProducts ul.product li a{display:block;text-decoration:none;color:#373737;}
#ContentCell.default .bdWrap .featuredProducts ul.product li.pic a{margin-right:5px;}
#ContentCell.default .bdWrap .featuredProducts ul.product li.name a{font-size:12px;font-weight:bold;width:92px;}
#ContentCell.default .bdWrap .featuredProducts ul.product li.desc a{width:92px;}
#ContentCell.default .bdWrap .featuredProducts ul.product li.price a{width:92px;}


/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static{}
#ContentCell.static p {font-size:12px; margin:0 0 15px 0;}
#ContentCell.static table{font-size:11px;border:solid 1px #dbdbdb;border-bottom:none;border-collapse:collapse;}
#ContentCell.static table td{border-bottom:solid 1px #dbdbdb;padding:3px;}

.col2 .c1{padding-right:20px;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell{background:url(images/images/ft_Bg.gif) no-repeat bottom left;text-align:center;padding-bottom:25px;}
#FooterCell .ftWrap{float:left;width:100%;background:url(images/images/bd_DividerLogo.gif) no-repeat top center;padding-top:25px;}

#FooterCell .ftWrap ul.nav{padding:0;margin:0;list-style:none;}
#FooterCell .ftWrap ul.nav li{padding:0;margin:0 5px;display:inline;}
#FooterCell .ftWrap ul.nav li a{text-decoration:none;color:#5c5c5c;font-size:10px;}
#FooterCell .ftWrap ul.nav li a:hover{text-decoration:underline;}

#FooterCell .ftWrap p{color:#5c5c5c;font-size:10px;padding:0;margin:5px 0;}

/* 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 */
