/* COLORS ******************************/
/*
Chefridi Blue		#879EC3
Standard Grey		#999999
Palest Grey			#F9F9F9



*/

/* TABLE OF CONTENTS ******************************/
/*
RESET CSS
GLOBAL
CLEARFIX
LAYOUT


*/

/* RESET CSS ******************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}


/*GLOBAL*********************************/

.left
{
float:left;
}

.right
{
float:right;
}

body 
{
line-height: 1; 
font: 62.5% helvetica, 'helvetica neue', arial, sans-serif; 
color: #999999;
background-color: #F9F9F9;
}

ol, ul 
{
list-style: none;
}

blockquote, q 
{
quotes: none;
}

a
{
text-decoration: none;
color: #879EC3;
}

a:hover
{
color: #666666;
}


/* remember to define focus styles! */
:focus 
{
outline: 0;
}

/* remember to highlight inserts somehow! */
ins 
{
text-decoration: none;
}

del 
{
text-decoration: line-through;
}

/* tables still need cellspacing="0" in the markup */
table 
{
border-collapse: collapse;
border-spacing: 0;
}

.topdent
{
margin-top:10px;
}

.rightdent
{
margin-right:10px;
}

a.edit
{
color: #990000;
}


/* CLEARFIX ******************************/

.clearfix:after 
{ 
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix 
{ 
display: inline-block; 
}

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */


/* LAYOUT *************************************/

#container
{
width: 960px;
margin: 0 auto;
}

#header
{
width: 960px;
height: 50px;
margin: 10px auto 4px auto;
position:relative;
}

#box
{
width: 954px;
height: 650px;
border: 1px solid #EEEEEE;
background-color: #FFFFFF;
padding: 2px;
}

#innerbox
{
width: 952px;
height: 648px;
border: 1px solid #DDDDDD;
}

#home #innerbox
{
position:relative;
}

.utility #box
{
height:auto;
min-height: 650px;
}

.utility #innerbox
{
height:auto;
min-height: 648px;
}

#footer
{
width: 960px;
margin: 10px auto;
font-size: 12px;
text-align:center;
}

#footer a
{
text-transform:lowercase;
}

#well
{
width: 910px;
margin: 10px auto;
}

#col1
{
float:left;
width: 140px;
position:relative;
height: 567px;
}

#col2
{
float:right;
width: 760px;
}

#col2a
{
float:left;
width: 424px;
}

#col2b
{
float:right;
width: 330px;
position:relative;
}




/* HEADER *******************************************/

#header h1 a
{
display:block;
text-indent: -9999px;
height: 46px;
width: 259px;
background: transparent url(../images/logo.gif) no-repeat 0 0;
margin: 0 0 0 3px;
float:left;
}

#header #smallnav
{
font-size:12px;
color: #879EC3;
position:absolute;
top:32px;
right:0;
}

#header #smallnav .links
{
float:right;
margin: 4px 0 0 0;
}

#header #smallnav a 
{
color: #999999;
}

#header #smallnav a:hover
{
color: #666666;
}

#header #bag
{
position:absolute;
top:0; 
right:0;
padding: 0;
height: 18px;
font-size: 12px;
margin: 0 0 3px 0;
color: #999999;

}

#header #bag a
{
font-weight:bold;
}

#header #bag a.bag,
#header #bag a.foxycart
{
display:block;
background: transparent url(../images/bag.gif) no-repeat 5px 5px;
padding: 12px 3px 0 30px;
font-weight:bold;
float:left;
}

#header #bag span
{
display:inline;
}


#header #bag span.drop
{
padding: 12px 0 0 0;
display:block !important;
float:left;
}


/* SEARCH *************************************/

#search 
{
float:right;
margin: 0 0 0 10px;
}

#search div#searchinput
{
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
width: 100px;
height: 16px;
}

#search div input.textfield
{
border: none;
background: transparent;
font-size: 10px;
color: #999999;
width: 75px;
padding: 3px;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
}

/* NAV ***************************/

#nav
{
margin: 10px 0 0 20px;
font-size: 16px;
letter-spacing: .02em;
height: 50px;
z-index: 99;
position:relative;
text-transform:lowercase;
}

#nav a
{
color: #999999;
display:block;
float:left;
margin: 0 25px 0 10px;
padding: 0 0 3px 0;
}

#nav a:hover
{
border-bottom: 5px solid #EEEEEE;
color:#999999;
}

#nav li
{
display:block;
float:left;
}

#nav li ul
{
position:absolute;
left:0;
top: 25px;
width: 900px;
text-transform: lowercase;
display:none;
border-top: 1px solid #EEEEEE;
}

#nav li:hover ul
{
display:block;
}

#nav li ul li
{
margin: 0 0 0 10px;
font-size: 13px;
letter-spacing: 1px;
}

#nav li ul li a
{
color: #BABABA;
display:block;
float:left;
margin: 5px 25px 0 0;
padding: 0 !important;
border-bottom:none;
}


#nav li ul li a:hover
{ 
border-bottom:none;
color: #999999;
}

a.nav_summer_studio_sale
{
color: #CC0033 !important;
}

/* HOME *****************************/

#main_image,
#main_image div.slide		
{
width: 952px;
height: 426px;
}

#main_image div.slide
{
display:block;
}

#main_image div.slide a
{
display:block;
width: 952px;
height: 426px;
}

#main_image .caption
{
font-family: Georgia,Times,'Times New Roman',serif;
font-size: 18px;
color: #879EC3;
width: 200px;
line-height:150%;
padding: 20px;
margin: 80px 0 0 30px;
background-color: #FFFFFF;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
float:left;
}

#main_image .caption small
{
font-size:14px;
line-height:130%;
padding-top:10px;
display:block;
}

#greybox
{
height: 162px;
background-color: #EEEEEE;
position:absolute;
bottom:0;
width: 952px;
}

#greybox .box
{
border: 1px solid #FFFFFF;
background-color: #EEEEEE;
margin: 20px 0 0 21px;
float:left;
height: 117px;
}

#greybox .box img
{
padding:1px;
margin:0;
}


/* PAGES **********************************/

.page .box
{
float:left;
margin: 7px;
}

.page #col2a .box
{
margin-bottom:9px;
}

.page #col1 .box
{
margin-bottom:5px;
}


.page .box img
{
border: 1px solid #DEDEDE;
margin: 1px;
}

.page .box a
{
border: 1px solid #FFFFFF;
display:block;
padding:0;
margin:0;
}

.page .box a:hover
{
border: 1px solid #EEEEEE;
}

.page .box img.large
{
width: 400px;
height: 400px;
}

.page .box img.medium
{
width: 260px;
height: 260px;
}

.page .box img.small
{
width: 120px;
height: 120px;
}

#col2b #next a
{
position:absolute;
bottom:10px;
right:0;
padding: 0 10px 0 0;
background:transparent url(../images/arrow_blue_right.gif) no-repeat 26px 2px;
}

#col1 #previous a
{
position:absolute;
right:0;
bottom:10px;
padding: 0 0 0 10px;
background:transparent url(../images/arrow_blue_left.gif) no-repeat 0 2px;
}

#previous a,
#next a
{
font-size:12px;
}

#also
{
font-size:14px;
float:right;
margin: 10px 7px 0 0;
color: #879EC3;
position:absolute;
top:430px;
right:0;
}

#col2b #info
{
border: 1px solid #DEDEDE;
width: 260px;
margin: 9px 0 13px 9px;
height: 400px;
}

#col2a #info
{
border: 1px solid #DEDEDE;
width: 400px;
margin: 9px 0 13px 9px;
height: 400px;
}


#col1 #thumbs
{
margin:0;
padding:0;
}


/* COL 1 MENUS **************************/

#col1 #menu
{
text-align:right;
}

#col1 #menu .rule
{
width: 140px;
color: #FFFFFF;
border-bottom: 2px dotted #DEDEDE;
margin: 10px 0;
}

#col1 #menu a
{
padding: 2px 5px 2px 2px;
display:block;
border-right: 5px solid #FFFFFF;
line-height: 120%;
margin: 10px 0;
}

#col1 #menu p
{
padding: 2px 10px 2px 2px;
}

#col1 #menu h2,
#col1 #menu h2 a
{
text-transform:uppercase;
font-size: 16px;
font-weight:bold;
letter-spacing: 2px;
margin: 9px 0 20px 0;
}

#col1 #menu h2 a:hover
{
border-right: 5px solid #DEDEDE;
color: #879EC3;
}

#col1 #menu h3,
#col1 #menu h3 a
{
font-weight: normal;
text-transform:lowercase;
font-size: 16px;
color: #AAAAAA;
}

#col1 #menu h3 a:hover
{
border-right: 5px solid #EEEEEE;
color: #AAAAAA;
}

#col1 #menu h3 a.activeSlide
{
border-right: 5px solid #EEEEEE;
color: #879EC3;
}

#col1 #menu h3 a.selected
{
border-right: 5px solid #EEEEEE;
color: #879EC3;
}



/* ITEM **************************/

#info
{
position:relative;
}

#info h2
{
font-size:17px;
font-weight:normal;
margin: 20px 20px 10px 20px;
line-height: 120%;
color: #879EC3;
}

#info .description
{
font-size: 12px;
margin: 10px 20px;
line-height: 140%;
}

#info .small
{
font-size:11px;
line-height:140%;
margin: 10px 20px;
}

#info #buy
{
border: 1px solid #DEDEDE;
margin: 20px;
padding: 10px;
font-size: 14px;
}

#info #buy .wholesale
{
width: 200px;
line-height: 150%;
}

#info #buy .wholesale a
{
text-align:right;
display:block;
font-size: 12px;
}

#info #buy form
{
display:block;
float:right;
margin:0;
padding:0;
width: 133px;
}

#item #info #buy form select
{
border: 1px solid #DEDEDE;
font-size: 10px;
padding: 2px;
color: #666666;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
float:right;
margin-bottom:2px;
}


#info #buy form .submit
{
display:block;
float:left;
width: 132px;
padding: 4px 0 0 0;
font-size: 14px;
color: #879EC3;
border: none;
height:20px;
margin:0;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
background: transparent url(../images/bag.gif) no-repeat 112px 0;
}

#info #buy div
{
float:left;
padding: 4px 0 0 0;
}

#seemore
{
font-size:14px;
margin: 10px 20px;
line-height:140%;
text-transform:lowercase;
}

#continue a
{
position:absolute;
bottom:20px;
right:20px;
background:transparent url(../images/arrow_blue_right.gif) no-repeat 103px 2px;
font-size:12px;
padding: 0 13px 0 0;
}

#item #slideshow a:hover
{
border: 1px solid #FFFFFF;
}

#item #col1
{
position:relative;
}


/* UTILITY ***********************/

.utility #well
{
margin: 10px 30px;
}

.utility #well h2
{
color: #879EC3;
font-size: 20px;
font-weight:normal;
text-transform: lowercase;
margin: 20px 0;
}

.utility #well .item
{
border-top: 1px solid #DEDEDE;
padding: 10px 0;
position: relative;
width: 870px;
}

.utility p.intro,
.utility div.paginate
{
font-size:12px;
line-height:140%;
margin-bottom:20px;
}

.utility div.paginate
{
float:right;
margin-right:40px;
}

.utility #well .item .box 
{
margin-left:0;
margin-right: 15px;
float:left;
}

.utility #well .item .box img
{
border: 1px solid #DEDEDE;
}

.utility #well .item h3
{
margin: 0 0 10px 40px;
font-weight:normal;
font-size: 14px;
}

.utility #well .item h3 small
{
font-size:10px;
}

.utility #well .item .description
{
line-height: 140%;
margin: 0 0 20px 0;
}

.utility #well .item .buttons
{
position: absolute;
bottom: 22px;
left: 132px;
}

.utility #well .buttons a
{
display:block;
float:left;
background: #879EC3;
color: #FFFFFF;
padding: 3px 10px;
font-size: 10px;
letter-spacing: 1px;
text-transform: lowercase;
margin: 0 0 0 10px;
}

.utility #well .item .price
{
position:absolute;
bottom: 22px;
right:0;
font-size: 14px;
}

.utility #well #totals
{
position:relative;
border-top: 3px double #DEDEDE;
margin: 0 0 30px 0;
padding: 10px 0;
width: 870px;
height: 40px;
}

.utility #well #totals .price
{
float:right;
font-size: 14px;
}

.utility #well #totals .buttons
{
position:absolute;
bottom: 0;
right:0;
}

.utility #well #totals #promo
{
position:absolute;
bottom:0;
left:0;
}

.utility #well .page_image
{
float:right;
margin: 0 68px 0 40px;
}


.utility #well .page_image img
{
border: 1px solid #DEDEDE;
}

.utility #well #content
{
font-size:12px;
line-height:140%;
}

.utility form#contact_form,
#wholesale #well form
{
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #DDDDDD;
width: 540px;
}

.utility form#contact_form .textfield,
#wholesale #well form .textfield
{
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
width: 200px;
height: 18px;
font-size: 12px;
color: #999999;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
float:left;
}

.utility form#contact_form textarea
{
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
width: 400px;
height: 120px;
font-size: 12px;
color: #999999;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
float:left;
}

.utility form#contact_form label,
#wholesale #well form label
{
width: 100px;
text-align:right;
font-size:12px;
margin-right:10px;
float:left;
display:block;
}

.utility form#contact_form fieldset,
#wholesale #well form fieldset
{
margin: 0 0 10px 0;
}

.utility form#contact_form .submit,
#wholesale #well form .submit
{
background-color: #CCCCCC;
color:#FFFFFF;
padding: 3px 8px;
font-weight:bold;
letter-spacing: 2px;
font-size:8px;
text-transform:uppercase;
border:none;
float:left;
}

.utility .thanks
{
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #DDDDDD;
font-size:12px;
line-height:140%;
width: 540px;
}

.utility #well p
{
margin-bottom:10px;
font-size:12px;
line-height:140%;
}

.utility #well hr
{
border:none;
color:#DEDEDE;
background-color:#DEDEDE;
margin: 20px 0;
height:1px;
}


#promo .textfield
{
border: 1px solid #DEDEDE;
color: #999999;
font-size: 10px;
padding: 3px;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
width: 200px;
}

#promo .submit
{
background: #879EC3;
color: #FFFFFF;
padding: 2px 10px;
font-size: 10px;
letter-spacing: 1px;
text-transform: lowercase;
margin: 0 0 0 10px;
border: none;
}


/*PROMOTION*****************/

#promotion #menu h2
{
color: #879EC3;
}

#promotion #menu p
{
line-height:160%;
margin-right:0;
padding-right:0;
font-size:14px;
}



/*BRIDAL**************************/

#bridal .caption
{
width: 400px;
height: 120px;
border: 1px solid #DEDEDE;
margin: 7px 0 0 9px;
float:left;
}

#bridal .caption p
{
padding: 20px;
font-size: 12px;
line-height: 140%;
}

#bridal #info
{
height: 544px;
}

#bridal .description p
{
padding-bottom:10px;
}

/*COLLECTIONS**********************/


#collections #continue a
{
background:none !important;
}

#collections #info
{
height: 544px;
}

#collections .caption
{
width: 400px;
height: 120px;
border: 1px solid #DEDEDE;
margin: 7px 0 0 9px;
float:left;
}

#collections .caption p
{
padding: 20px;
font-size: 12px;
line-height: 140%;
}

#collections .description p
{
padding-bottom:10px;
}

/*STONES*************************/

#stones #continue a
{
background:none;
}

#stones .description p
{
padding-bottom:10px;
}

/* SHOWS************************/

#shows #well .item
{
width: 540px !important;
}

#shows #well .item h3
{
margin: 10px 0;
color: #879EC3;
}

#shows #well .item h3 small
{
font-size:11px;
color:#999999;
}


/*CART*********************/

#fc_cart_container {
	background:url(http://chefridi.ehclients.com/images/logo.gif) no-repeat 10px 10px;
	color:#999;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:140%;
}

#fc_cart_table {
	margin-top:15px;
	font-size:12px;
}

#fc_cart_table thead th {
	background:#999;
}

#fc_cart_table #fc_cart_foot_total td {
	background:#999;
}

#fc_cart_container #fc_cart_controls_top a.fc_cart_update,
#fc_cart_container #fc_cart_controls_bottom a.fc_cart_update {
	background-image:url(http://chefridi.ehclients.com/images/cart_update.gif);
}

#fc_cart_container #fc_cart_controls_top a.fc_cart_checkout,
#fc_cart_container #fc_cart_controls_bottom a.fc_cart_checkout {
	background-image:url(http://chefridi.ehclients.com/images/cart_checkout.gif);
}

#fc_cart_table td {
	border-bottom:1px solid #CCCCCC;
}

#fc_cart_foot_total td.fc_col1 {
	color:#FFFFFF !important;
	font-weight:bold;
}

.fc_cart_category_code,
.fc_cart_item_weight
{
display:none;
}


#fc_tb_closeAjaxWindowTop,
#fc_tb_closeAjaxWindowBot {
	margin:0px 0px;
	padding:0px 10px;
}
#fc_tb_closeWindowButtonTop {
	height:0px; overflow:hidden;
	width:11px;
	margin:0px 0px;
	padding-top:24px;
	float:left;
	background-image:url(http://chefridi.ehclients.com/images/cart_close.gif);
	background-position:left top;
}
#fc_tb_closeWindowButtonBot {
	height:0px; overflow:hidden;
	width:156px;
	margin:0px 0px;
	padding-top:24px;
	float:left;
	background-image:url(http://chefridi.ehclients.com/images/cart_continue_shopping.gif);
	background-position:left top;
}
#fc_tb_closeAjaxWindowTop span {
  display:none;
}

a#fc_tb_closeWindowButtonTop:hover,
a#fc_tb_closeWindowButtonBot:hover {
	background-position:left -24px;
}




/*CHECKOUT**********************/

#fc_checkout_container {
	background:#fff url(http://chefridi.ehclients.com/images/checkout_header.gif) no-repeat center top;
}


#fc_login_register_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/checkout_step1.gif);
}

#fc_customer_billing_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/checkout_step2.gif);
}

#fc_address_shipping_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/checkout_step2a.gif);
}

#fc_address_multiship_container h2 {
	position:relative;
	background-image:url(http://chefridi.ehclients.com/images/checkout_step2b.gif);
}

#fc_shipping_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/checkout_step3.gif);
}

#fc_payment_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/checkout_step4.gif);
}

#fc_complete_order_button {
	background:url(http://chefridi.ehclients.com/images/checkout_confirm_order.gif) no-repeat top left;
}

#fc_checkout_container h2,
#fc_receipt_container h2 {
	border-bottom:1px solid #dedede;
}

#fc_checkout_container fieldset,
#fc_receipt_container fieldset {
	border:1px solid #dedede;
	border-width:0px 0px 0px 1px;
}

div#fc_continue a.fc_link_nav {
	background-image:url(http://chefridi.ehclients.com/images/checkout_continue.gif);
}


/*RECEIPT****************************/

#fc_receipt_container {
	/* This sets the main checkout image (cart -> checkout -> receipt) */
	padding:100px 5px 50px;
	background:url(http://chefridi.ehclients.com/images/receipt_header.gif) no-repeat top center;
}

#fc_receipt_download_links_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/receipt_download.gif);
}
#fc_receipt_general_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/receipt_general.gif);
}
#fc_receipt_order_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/receipt_order.gif);
}
#fc_receipt_billing_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/receipt_billing.gif);
}
#fc_receipt_shipping_container h2 {
	background-image:url(http://chefridi.ehclients.com/images/receipt_shipping.gif);
}
#fc_receipt_links a#fc_receipt_print_link {
	background-image:url(http://chefridi.ehclients.com/images/receipt_print.gif);
}
#fc_receipt_links a#fc_receipt_continue_link {
	background-image:url(http://chefridi.ehclients.com/images/checkout_continue.gif);
}


/*WHOLESALE FORM*****************/

form#wholesale .textfield
{
width: 30px;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
height: 18px;
font-size: 12px;
color: #999999;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
}


form#wholesale .textfield.wide
{
width: 240px;
}

form#wholesale p label
{
width: 180px;
margin-right:10px;
}

form#wholesale textarea
{
width: 300px;
height: 200px;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
font-size: 12px;
color: #999999;
font-family: helvetica, 'helvetica neue', arial, sans-serif; 
margin: 0 20px 30px 0;
}

form#wholesale textarea.wide
{
width: 630px;
height: 150px;
}

form#wholesale h4
{
font-size: 14px;
font-weight:normal;
}

form#wholesale h4 small
{
font-size: 11px;
}

form#wholesale .submit
{
background-color: #CCCCCC;
color:#FFFFFF;
padding: 3px 8px;
font-weight:bold;
letter-spacing: 2px;
font-size:8px;
text-transform:uppercase;
border:none;
float:left;
margin: 0 10px 0 0;
}

.orderinfo
{
width: 300px;
float:left;
margin: 0 10px 0 0;
}

p.message a
{
display:none;
}

form#wholesale label
{
width: 80px;
display:block;
float:left;
}

form#wholesale input.wide
{
width: 150px;
}

form#wholesale .left p
{
width: 300px;
font-size:10px;
margin:0;
padding: 0 0 5px 0;
}

#product_table table
{
border-top: 1px solid #DEDEDE;
border-left: 1px solid #DEDEDE;
padding:0;
margin:0 0 30px 0;
font-size: 11px;
}

#product_table table td
{
border-right: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
padding: 7px;
}

#product_table table th
{
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #DEDEDE;
padding: 7px;
background-color: #DEDEDE;
font-weight:bold;
text-align:left;
}

#product_table h4
{
margin: 0 0 10px 0;
font-weight:normal;
font-size: 14px;
}