/* ===========================================================
	* Description.......: San Rio Shop Flow Styles
	* Created by........: Todd Brady - Lyons Creative Group
	* Modified date.....: 07-23-2009
=========================================================== */

/* SHOP BY CATEGORY
=========================================================== */

#shopbycategory {
background:#fff;
width:780px; 
float:left;
margin:0 0 15px 0;
text-align:left; }

#shopbycategory h2 {
float:left;
font-size:14px; 
color:#414143;
border:none;
padding:0;
margin:8px 0 4px 0;
font-weight:normal; }

#featuredprods {
width:780px; 
background:#fff;
clear:left; float:left;
margin-top:0px; }

.featuredrow {
width:780px;
float:left;
padding-bottom:25px; }

.featured {
width:247px;
float:left;
margin-right:14px;
background:#ffffff; }

.featured li.prodname {
font-size:12px !important;
color:#414143 !important;
text-align:left;
padding: 0 10px;
width:237px;
}


li.prodid {
font-size:10px !important;
color:#999999 !important;
text-align:left;
padding: 0 10px;
}

li.reviewsrow {
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
	margin:0;
}

li.reviewsrow a{
	text-transform:lowercase;
	float:right;
	padding-right:20px;
	padding-top:5px;
	color:#f64ea5;
	font-size:12px;
}

li.reviewsrow img {
	margin-top:7px;
}

.featured .callout { float:left; padding-left:10px;font-size:10px; }

.featured .medgrey { float:right; padding-right:10px;color:#414143; }

.featured .red { float:right; padding-right:10px; }

.prSnippetNumberOfRatingsText {
	color:#F759AF;
	font-size:10px;
	float:left;
	margin-top:7px;
	margin-left:3px;
}

#shopbycategory .featured {
	width:184px;
}
/*
#shopbycategory .featuredrow {
	border-bottom:1px solid #cecece;
	margin-bottom:20px;	
}
*/

* html .featured { 
display:inline;
float:left;
width:198px;
margin:0;
background:#fff; }

.featured img { 
float:left; }

.featured p {
color:#999; 
text-align:center;
width:247px;
font-size:14px;
padding:0;
text-transform:lowercase; }

#shopbycategory .featured p {
	width:184px;
}	

.featured ul {
margin-top:6px;
clear:left; float:left;
font-size:10px;
color:#414143;
line-height:15px; }

.featured ul li {
float:left; width:242px; }

.featured .medgrey {
	font-size:12px;
	color:#medgrey;
}

.featured .red { 
	font-size:12px;
}
	
.endrow { margin-right:0 !important; }

* html .endrow { width:247px !important; }


/* SEARCH FILTER BOX + PAGINATION
=========================================================== */

#searchfilter {
clear:left; float:left;
width:716px;
padding:10px 30px;
margin-bottom:15px;
text-align:left;
background:url(../images/searchfilter_bg.gif) bottom left repeat-x #fff; 
border:1px solid #cecece; }

div#filterby {
float:left; display:inline;
margin-bottom:10px;
background:#fff;
width:718px; height:20px; }

div#filterby fieldset {
float:left; }

div#sort {
float:left;
clear:left;
display:inline;
background:#fff;
width:718px; height:20px;
margin-top:5px; }

select#category, select#character {
width:240px; height:20px;
margin:0;
font-size:11px; }

select#category {
margin-right:20px; }

select#sortby {
width:145px; height:20px;
font-size:11px;
float:right;
margin:0;
vertical-align:middle; }

#filterResets {
float:left;
clear:left;
width:718px;
padding-bottom:8px;
border-bottom:1px solid #cecece; }

#filterResets ul li {
float:left;
display:inline;
color:#999;
margin-right:25px;
font-size:10px; line-height:11px; }

#filterResets ul li a {
float:left;
color:#999;
font-size:10px; line-height:11px; }

a.clearselection {
text-decoration:none;
padding-right:15px;
background:url(../images/close_btn.gif) right center no-repeat; }

a#clearfilter {
text-decoration:underline; }

.pagination {
clear:left;
float:left;
width:500px;
background:#fff;
height:20px;
line-height:18px;
text-align:left; }

.pagination li {
display:inline;
float:left;
margin-right:5px; padding:2px 10px 2px 0;
background:url(../images/paginationdivider.gif) right center no-repeat;
font-size:10px; color:#999; }

.pagination li a {
color:#999; }

li.itemsfound {
background:url(../images/itemsfound_divider.gif) right center no-repeat;
margin-right:12px; }

li.endpagination {
background:none; }

#paginationcontainer {
clear:left; 
float:left;
width:718px;
padding:3px 30px;
background:url(../images/searchfilter_bg.gif) bottom left repeat-x #fff;
border:1px solid #cecece; }



/* FILTERED SEARCH REFINEMENT NAV
=========================================================== */

#searchrefinement_nav {
float:left; width:135px; }

#searchrefinement_nav li {
font-size:12px;
text-align:left;
line-height:18px; }

#searchrefinement_nav li span {
display:block; 
border-top:1px solid #999;
width:135px;
padding-top:5px; margin-top:5px; }

#searchrefinement_nav li#searchnav_title {
color:#f49ac1;
margin-bottom:8px;
font-size:13px; }

#searchrefinement_nav li a {
color:#414143;
font-size:10px;
text-decoration:none; }

/*level 2*/
#searchrefinement_nav li ul {
margin:0 0 0 10px; }

#searchrefinement_nav li ul li {
font-size:10px;
margin:0; padding:0; 
border:none; }

li.morerefinements { 
border-top:0 !important;
padding-top:0px !important;
margin:0 !important; }

li.morerefinements ul {
margin-left:0 !important; }

#searchrefinement_nav li ul li a {
text-decoration:none;
color:#999;
font-size:10px; }



/* PRODUCT DETAILS
=========================================================== */

#productdetailcontainer {
width:471px;
float:left;
margin-right:15px; }

.productdetailcontainer {
width:471px;
float:left;
margin-right:15px; }

#productdetaildescription {
width:294px;
float:right; }

.productdetaildescription {
width:294px;
float:right; }



#productaltviews {
clear:left; 
float:left;
width:390px;
margin-top:10px; }

#productaltviews li {
float:left;
width:68px;
margin:0 10px 0 0; }

div#viewlarger {
float:right;
width:68px; height:34px;
margin-top:10px;
background:url(../images/enlarge_icon.gif) top center no-repeat; }

div#viewlarger a {
background:url(../images/enlarge_icon.gif) top center no-repeat; 
display:block; 
width:68px; height:34px; }

#producttitle {
float:left; text-align:left;
width:294px; }

#producttitle h1 { font-size:17px; }
#producttitle h2 { font-size:13px;color:#777777; }
#itemno { font-size:10px;
color:#999; }

	      
div.prodtitle_detail,
div.prodtitle_price {

	width:294px;
font-size:14px; }

.prodtitle_price .medgrey{
	color:#414143;
}

div.prodtitle_detail .callout{
	font-size:11px;
}

div.prodtitle_detail { float:left; }
div.prodtitle_price { float:right; }

#productover_container {
width:292px;
float:left; clear:left;
margin:5px 0 0 0; padding:0;
background:url(../images/searchfilter_bg.gif) bottom left repeat-x #fff; }

#fb_prod_like {
	float:left; clear:left;
	margin: 20px 0 0;	
}

#fb_prod_comments {
	float:left; clear:left;
	margin: 20px 0 0 12px;	
}

#overivewtabs {
float:left;  
width:292px; height:20px;
/*border-bottom:1px solid #cecece;*/
}

#overivewtabs li {
	margin-right:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
float:left; 
display:block; 
height:20px;
border-top:1px solid #cecece;
border-right:1px solid #cecece;
border-left:1px solid #cecece;
font-size:10px; line-height:20px;
color:#999;
text-align:center; }

#overivewtabs li a {
text-align:center;
text-decoration:none; 
font-size:11px;
color:#999; display:block; 
height:20px; }

#overivewtabs li.tabactive {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	background:#f49ac1;
color:#fff; }

#overivewtabs a.active {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	background:#f49ac1;
color:#fff; }

#tab1 { width:90px; }
#tab2 { width:90px; }
#tab3 { width:90px; }
li#tab4 { display:none;width:59px; border-right:none; }

#productover_inner {
border:1px solid #cecece;
overflow-y: auto;
height:75px;
width:268px;
float:left;
font-size:11px; 
text-align:left;
padding:12px;
line-height:12px; }

#reviewover_inner {
border:1px solid #cecece;
padding-bottom:15px;
background:url(../images/searchfilter_bg.gif) bottom left repeat-x #fff;
}

#reviewtabs {
height:20px;
/*border-bottom:1px solid #cecece;*/
padding:0;
margin:0;
}

#reviewtabs li {
padding:0;
		margin-right:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
float:left; 
display:block; 
height:20px;
border-top:1px solid #cecece;
border-right:1px solid #cecece;
border-left:1px solid #cecece;
font-size:10px; line-height:20px;
color:#999;
text-align:center; }

#reviewtabs li a {
text-align:center;
text-decoration:none; 
font-size:11px;
color:#999; display:block; 
height:20px; }

#reviewtabs li.tabactive {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	background:#f49ac1;
color:#fff; }

#reviewtabs a.active {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	background:#f49ac1;
color:#fff; }

#tab30 { width:228px; }
#tab31 { width:229px; }

#fb_prod_comments {
	border: 1px solid #cecece;
	float:none;
	margin:0;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	background:url(../images/searchfilter_bg.gif) bottom left repeat-x #fff;
}

#fbtabs {
height:20px;
/*border-bottom:1px solid #cecece;*/
padding:0;
margin:0;
}

#fbtabs li {
padding:0;
		margin-right:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
display:block; 
height:20px;
border-top:1px solid #cecece;
border-right:1px solid #cecece;
border-left:1px solid #cecece;
font-size:10px; line-height:20px;
color:#999;
text-align:center; }

#fbtabs li a {
text-align:left;
padding-left:5px;
text-decoration:none; 
font-size:11px;
color:#999; display:block; 
height:20px; }

#tab80 { width:292px;text-align:left;background-color:#E7E9F3;color:#2C4387 }

#promomessage { 
text-align:left;
padding:10px 0 0 13px;
font-size:12px; }

#promomessage p { 
font-size:11px;
color:#999 !important; 
line-height:12px; }



/* PRODUCT DETAILS MAIN BANNER
=========================================================== */

#banner, #billboard_small { margin-bottom:25px; }

/*#mainfeature { 
width:778px; height:315px; }

#mainfeature_wrapper {
width:678px; height:244px;
padding:25px 50px; }

#mainfeature_description {
width:310px; height:214px;
padding:15px;
float:left;
text-align:left; }

#mainfeature_description h1 {
font-size:25px;
color:#414143;
margin-bottom:15px;
width:310px; }

#mainfeature_description p {
font-size:14px;
color:#414143;
width:310px; }

button.shopfeatured {
width:188px; height:33px;
background:url(../images/btn_shop_chococat.gif) center no-repeat;
margin:5px 0 0 0; padding:0; }

#mainbillboard {
float:right;
text-align:right;
width:338px; height:244px; }

#mainfeature_tabs {
width:778px; height:20px;
border-top:1px solid #cecece; }

#mainfeature_tabs li {
float:left; 
display:block; 
height:20px;
border-right:1px solid #cecece;
font-size:12px; line-height:18px;
color:#999;
text-align:center; }

#mainfeature_tabs li a {
text-align:center;
text-decoration:none; 
font-size:12px;
color:#999; display:block; 
height:20px; }

#featuredtab1 { width:259px; }
#featuredtab2 { width:259px; }
#featuredtab3 { width:258px; border-right:none !important; }

#mainfeature_tabs a.active {
background:#f49ac1;
color:#fff; }*/



/* ADD PRODUCT TO CART
=========================================================== */

#itemselectDetails {
clear:right; float:right;
margin:25px 0 25px 0; }

#itemselectDetails fieldset {
margin-bottom:5px;
width:292px;
float:left; }

#itemselectDetails label {
font-size:11px;
float:right;
width:292px;
text-align:right;
line-height:20px;
height:20px; }

#itemselectDetails select {
margin:1px 0 0 0;
height:18px;
background:#fff;
font-size:10px;
color:#414143;
border:1px solid #ccc; }

#itemselectDetails select option { color:#414143; }

#itemselectDetails input {
width:58px;
margin:0;
padding:2px 4px 0 4px;
height:16px;
font-size:10px !important;
color:#414143;
background:none;
border:1px solid #ccc; }

button#add2bag {
width:148px; 
height:49px;
background:url(../images/addtobag1.png) center no-repeat;
float:right;
margin-top:15px; padding:0; }

button#add2bagcat {
width:69px; 
height:27px;
background:url(../images/buy.jpg) center right no-repeat;
margin-left:20px;
}

.wishlist_link {
	margin-top:25px;
}


/* EMAIL A FRIEND 
=========================================================== */

div.hopup_form_wrapper {
width:653px;
padding:15px 15px 5px 15px;
float:left;
border:1px solid #cecece;
background:url(../images/searchfilter_bg.gif) bottom left repeat-x #fff; }

div.hopup_form_container {
clear:left;
width:653px; }

.hopup_form_head {
float:left;
width:653px; 
padding-bottom:0px; }

.hopup_form { float:left;  }

.hopup_form_head h2 {
font-size:15px; float:left; }

.hopup_form_head .requiredFields {
margin-top:8px; }

.hopup_form fieldset {
margin-bottom:20px;
float:left;
width:653px;
*margin:-5px 0 20px 0;/*for IE*/ }

.hellokitty {
background:url(../images/hellokitty_icon.gif) bottom left no-repeat; }

.hopup_form legend {
float:left;
width:653px;
height:20px; 
color:#fff; 
font-size:12px; 
line-height:20px;
margin-bottom:10px;
*margin:0 -7px 10px -7px;/*for IE*/}

/*use a span tag inside the legend tag to force 
the width of the legend to work in FF*/
.hopup_form legend span {
display:block;
background:#f49ac1;
width:633px; height:20px;
padding-left:20px; }

.hopup_form label {
margin-bottom:5px;
float:left; clear:left;
width:185px; padding-left:30px;
text-align:left;
font-size:11px; }

.hopup_form input {
font-size:11px; 
color:#414143;
margin-bottom:5px;
float:left;
padding:3px 4px 0 4px;
width:173px; height:18px;
border:1px solid #cecece; }

.hopup_form textarea {
color:#414143;
font:normal 11px Geneva, Arial, sans-serif;
float:left;
overflow:auto;
width:338px; height:128px;
border:1px solid #cecece; }

button.sendnow {
background:url(../images/sendnow_btn.gif) center no-repeat;
width:121px; height:32px;
margin:10px 0 10px 280px;
padding:0; }

div#form_submitted_wrapper {
float:left;
width:653px; 
height:175px; }

div#form_submitted_wrapper ul {
float:left;
width:640px;  }

div#form_submitted_wrapper ul li {
display:inline;
float:left;
width:100%; }

li#recipient {
margin-top:20px;
margin-bottom:110px; }

li#recipient span {
color:#999;
display:block;
text-align:left;
width:613px;
margin-left:40px;
font-size:12px; }

li#re-send_email a {
text-align:right;
float:right;
color:#f11285;
font-size:11px; }



/* CUSTOMER INQUIRY HOPUP
=========================================================== */  

.hopup_form select {
font-size:11px; 
color:#414143;
margin-bottom:5px;
float:left;
width:175px; height:18px;
border:1px solid #cecece; }

.hopup_form select option { color:#414143; }

.hellokitty2 {
background:url(../images/hellokitty_icon2.gif) bottom right no-repeat; }

form#customer_inquiry label { width:145px !important; }

li#inquiry_sent {
margin-top:30px; 
margin-bottom:10px; }

li#inquiry_sent span {
color:#999;
display:block;
text-align:left;
width:600px;
margin-left:40px;
font-size:12px; }

li#return_orderhist {
margin-left:40px;
width:600px !important; }

li#return_orderhist a {
text-align:left;
float:left;
color:#f11285;
font-size:11px; }



/* PRODUCT DETAIL ENLARGED HOPUP 
=========================================================== */

div.enlargedproductimg_wrapper {
width:653px;
float:left;
border:1px solid #cecece;
background:url(../images/searchfilter_bg.gif) bottom left repeat-x #fff; 
padding:20px 15px 15px 15px;}

.enlargedproductimg_head {
float:left;
width:100%;
margin-bottom:15px; }

.enlargedproductimg_head h2 {
font-size:15px; 
float:left; }

.enlargedproductimg_head p {
font-size:11px; 
color:#999;
float:left;
clear:left; 
margin-top:3px;}

div.enlargedproductimg_wrapper #productdetailcontainer { 
width:651px !important; 
margin-right:0px !important;  }