/*Css Reset, meyer version*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*Now replace stuff*/

strong{font-weight: bold}
p{margin-top: 10px;margin-bottom: 10px;}

html{
	background-color: #231F20;
	background-image: url('../img/html_bg_fade.jpg');
	background-repeat: repeat-x;
	font-family: Arial,helvetica, sans-serif;	
	font-size: 12px;
	color: #686868;

}
p{
	margin-top: 5px;
	margin-bottom: 10px;
}
#contact textarea{
	margin-top: 0px;
}
#contact input{
	margin-top: 0px;
}

#site{
	width: 1004px;
	margin: 50px auto;
	background-image: url('../img/drop.jpg');
	background-repeat: repeat-y;	
}

.clear{clear: both}
a{
	text-decoration: none;
	
}
a:hover{
	color: #E47B01;
}
h1{
	font-family: "Arial Rounded MT Bold",  Arial;
	font-size: 28px;
	font-weight: bold;
	color: #686868;
	margin-top: 20px;
	margin-bottom: 15px;
}
h1 em{
	color: #2899AC;
	font-style: normal
}
h2.hint{
	font-size: 18px; margin-bottom: 10px;
}
h2{
	font-family: "Arial Rounded MT Bold",   Arial;
	color: #E47B01;
	font-weight: bold;
	color: #E47B01;
	margin-top: 20px;
	font-size: 22px;
	margin-bottom: 10px;
}
h3{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 7px;
}
/* header */
#header{
	background-image: url('../img/top-curve-and-shadow.jpg');
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px
}
#back-to-fridgi img{
	margin-bottom: -7px;
} 
#back-to-fridgi{
	color: #999999;
	text-align: right;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
}



/* main aea columns */
#nav{
	width: 170px;
	float: left;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 80px;
}
.menu-wrap{
	background-image: url('../img/nav-bottom.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 4px;
	width: 141px;
	margin-left: 10px;
	
}
#nav ul{
	margin-top: 20px;
	background-image: url(../img/nav-top.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	width: 141px;

}
#nav ul li:hover{
	background-image: url('../img/over.gif');
	
}
#nav ul li{
	background-image: url('../img/primary-nav-fade.gif');
	background-repeat: no-repeat;
	width: 141px;
	height: 27px;
	display: block;
	padding-top: 10px;
	border-bottom:2px solid #eee;
}
#nav ul li a:hover{
	color: #FF8900;
}
#nav ul li.active a{
	color: #FF8900;
} 
#nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #2899AC;
	font-weight: bold;
	padding-left: 10px;
	
	
}

/* center content column */
#content{
	width: 580px;
	margin-right: 10px;
	float: left;
}
#content_wide {
	width: 700px;
	margin-right: 20px;
	float: left;

}
#content a, #content_wide a{
	color: #E47B01;
}
#content a:hover, #content_wide a:hover{
	color: #2899AC;
}

#content h1{
	width: 550px;
}
.action{
	background-image: url(../img/home_page_action.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	width: 560px;
	height: 600px;
	line-height: 1.3em;
	margin-bottom: 0px;
}
.action h2 {
	margin-bottom: 10px;
}
.action ul{
	margin-bottom: 20px;
	width: 520px;
}
.action li{
	line-height: 1.2em;
	font-family: "Arial Rounded MT Bold",  Arial;
	margin-top: 10px;
	height: 63px;
	vertical-align: middle;
	font-size: 22px;
	color: #D37201;
clear: left;	 
	}
.action li img{
	float: left;
	padding-right: 10px;
	margin-top: -5px;
}	
.action li .one{
	padding-top: 10px;
}
#digi-info h2{
	font-size: 14px;
}



#mini_basket td	{white-space: nowrap; }
#mini_basket{
	margin-left: 10px;
	margin-bottom: 00px;
	background: url(../img/mini_cart_bg.gif) ; background-repeat: repeat-y;
	 margin-left: 20px;
	 font-size: 11px;
}
.amounts{
	width: 100px; padding-left: 10px; font-size: 9px; text-align: center; background: url(../img/mini_cart_footer.gif) no-repeat bottom center; padding-top:10px; padding-bottom: 15px; margin-bottom: 0px; margin-left: 20px; margin-top: 0px;  padding-right: 5px;
}
#mini_basket table{
	margin-left: 5px; margin-top: 20px;
	width: 110px;	
}
/* ***************************************************************************

			Checkout 
			
******************************************************************************/
#marketing_info label{
	float: none;
	width: 500px;
}
#subscribe label{
	float:left;
	width: 500px;
	margin-top: 0px  !important; padding-top: 0px !important;
}
#subscribe h3{ float: left}
#subscribe{
 float: left;
}
#subscribe .input{
	margin-top: 5px;margin-left: 5px;
}
#subscribe input{
	float: left; margin-right: 10px;
}
#checkout small{
	font-size: 80%;
	display: block;
}
#checkout td{
	white-space: nowrap;
	
}
#checkout th, #checkout td{
	padding: 7px;
	border-bottom: 1px solid #eee; vertical-align: top;
}
#checkout tr{
	background-color: #fff;
}
#checkout tr:hover{
		background-color: #DCF8FC;
}
#mini_checkout{
	margin-left: 20px;
}
#mini_basket h2{
	margin-bottom: 2px;
}
#digi-info{
	margin-top: 100px;
	float: left;
	font-size: 9px;
}
#digi-info #international-prices{
	padding-right: 40px;
	width:80px;
	padding-top: 160px;
	background-image: url(../img/international.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 40px;
	margin-bottom: 20px;
	
}
table{
	width: 100%;

}
table.exchange-rates th{
	padding: 2px;
	margin-right: 10px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase; 
	font-size: 10px;
}
table.exchange-rates {
	margin-top: 0px !important;
}
table.exchange-rates td, table.exchange-rates th{
	padding-bottom: 1px;
	padding-top: 1px;
}

/* Footer */

#footer{
	background-image: url('../img/footer.jpg');
	background-repeat: no-repeat;
	background-position: bottom ;
	position: relative;
	font-size: 10px;
	padding-left: 60px;
	padding-top: 60px;
	height: 80px
}
#footer #links{
	color: #999999;
	margin-top: 20px;
}
#footer #links a{
	color: #999999;
}
#footer #links a:hover{
	color: #E47B01;
}
.payment-icons{
	position: absolute;
	right: 40px;
	bottom:30px;
}


.cake-debug{
	border: 1px dotted yellow;
	background-color: green;
	color: white;
	margin: 20px;
	padding: 10px;
}

table{
	margin-top: 20px;
}
.section table {
	border-bottom: 1px solid #D4D7D9
}
table thead th{
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #D4D7D9;
	border-top: 1px solid #D4D7D9;
	padding-top: 5px; padding-bottom: 5px;
	
}
table th, table td{
	padding: 1px;	
}

table{
	border-collapse: collapse
}

label{
	width: 10em;;
	display: block;
	float: left;
	font-size: 100%;
	padding-right: 20px;
	margin-top: 10px;
}
td label{
	display: inline;
	width: auto
}
input, textarea {

	font-size: 90%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	margin-top: 10px;
	background-color: #F4F4F4;
	border: 1px solid #ccc;
}
.address input {
	width: 250px
}
.address div{

}
input.ccv{
	width: 30px;
}
input.expire{
	width: 30px
}
.submit{
	clear: both
}
.submit input{
	font-weight: bold
}
.address .submit input{
	width: auto
	}

.button{
	background-color: #F4F4F4;
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 14px;
	color: #333333;
	float: right; margin-right: 25px;
}

.reload{
	clear: both;
	padding-bottom: 20px;
	margin-top: 20px;

}
.reload #awe{
	color: #E47B01; font-size: 24px;margin-left: 60px; font-family: "Arial Rounded MT Bold"
}



.input select{
	margin-top: 10px;
}
.preview_image{
	float:right;
	top:0px;
	border: 10px solid #ccc; 
}
#image_tofoolery{
	position: relative; padding-bottom: 40px;
}
#image_preview{
	float: right; 
}
#more_buttons{
	float: left;  margin-left: 40px;
}
form#OrderAddForm{
	width: 500px; float: left
}
form#OrderAddForm.checkout{
	margin-left: 0px;
}
form#OrderAddForm.checkout .submit{
	margin-left: 0px;
}
#flashMessage{
	width: 200px; color: #87AD4F; font-size: 20px; font-weight: bold; width: 200px;
}
#flashMessage.win{
	background: url('/img/win.jpg') no-repeat  left center;  padding: 20px; padding-left: 60px; font-family: "Arial Rounded MT Bold"
	
}
#flashMessage.fail{
	font-size: 14px; color: red; font-family: "Arial Rounded MT Bold"
}

.error-message{
	clear: both;
	font-size: 0.8em;
	color: red;
	margin-top: -1px;
}

#extra p{
	margin-left: 0px !important;
}
.message{
	color: #ffffff;

	padding: 20px;
	margin: 10px 10px 10px 0px;;
}

.testimonial{
	position: relative;
}
.testimonial:hover div.ttwrapper, .testimonial-left:hover div.ttwrapper{
	display: block;
}
.testimonial div.ttwrapper{
	font-weight: bold;
	color: #005A7E;
	font-size: 12px;
	padding:20px;
	width: 168px;
	height: 149px;
	position: absolute;
	top:-150px;
	left:-150px;
	background-image: url('../img/bubble.png');
	background-repeat: no-repeat;
	overflow:auto;
	display: none;
}
 .left div.ttwrapper{
	width: 177px;
	height: 152px;
	top:-150px;
	left:100px;
	background-image: url('../img/bubble_left.png');	
}


h1.diy{
	background-image: url(../img/section_h1.gif) ; background-repeat: repeat-x ;  
	padding-top: 8px; padding-bottom: 8px; padding-left: 40px; 	width: 520px !important; 
	font-size: 18px; color: #8C8D8E; margin-bottom: 0px !important ;margin-left: 0px;
		
}
.section .h1{

	margin-left: -80px
}
.section hr.section_split{
	 height: 1px; clear: left; margin-top: 20px; margin-bottom: 10px; width: 528px; border-bottom: 1px solid #D3D4D6 !important; 
	 border-left: none; border-top: none; border-right: none
}

.section {	
	padding-bottom: 20px;
	margin-top: 20px;
	width: 470px;
	padding-top: 0px;
	background-image: url(../img/section.gif); background-repeat: repeat-y; 	
	padding-left: 80px;
	padding-right: 20px;
}
.sectiona {	
	
	background-image: url(../img/sectiona.gif) !important
}

#order_section.section {
	padding-left: 20px; width: 530px; clear:right
}
#order_section.section .h1{
	margin-left: -20px
}
#order_section.section p, #order_section.section .address{
	margin-left: 60px;
}
#order_section.section .submit{
	margin-left: 40px;
}
#order_section.section h2.three{
	padding-left: 70px; background: url(/img/bullets3.gif) no-repeat; margin-left: -10px; height: 60px; padding-top: 5px;
}
#order_section.section h2.two{
	padding-left: 70px; background: url(/img/bullets2.gif) no-repeat; margin-left: -10px; height: 60px; padding-top: 5px;
}
#order_section.section h2.one{
	padding-left: 70px; background: url(/img/bullets1.gif) no-repeat; margin-left: -10px; height: 50px; padding-top: 15px;
}

#post-a-message .checkbox label{
	color: #2999AB; font-weight: bold; width: 400px;
}
#post-a-message .checkbox{
	margin-bottom: 10px; float: left ; margin-top: 10px;
}
#post-a-message{
	margin-left: 60px;
}
#charCount{
	color: #2999AB; margin-left: 60px; padding-bottom: 5px;
}
#messagebox label{
	display: none
}
#post-a-message textarea{
	
	
	border: 1px solid #ccc;
	height:160px;
	width: 450px;
	overflow: hidden;
}
#message_controls{
	float: left;
	width: 300px;
}
#message_controls label{
	margin-bottom: -5px;
}
#messagebox{
	width: 250px;
	float: left;
	margin-bottom: 20px;
}
#message_controls a{
	font-size: 18px;
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	border: 1px solid #eee;
	text-align: center;
}

.section h2{ 
	clear: both
}
ol{
	list-style: decimal;
	margin-left: 20px;
}
ol li{
	margin: 10px;
}
#text_color{

}
 #picker_text{
	display: none;
}

#OrderItem0TextSize{
	vertical-align: middle;
}

/*accordian*/
#accordion h3 {
	margin-bottom: 0px;
}
#accordion div, #accordion p{
	margin-top: 0px;
}
#accordion h3 a{
	color: #2899AB
}
#accordion h3 a:hover{
	color: #E47B01
}

a.call-to-action{
	color: #686868 !important;
	font-size: 20px;
	font-family: "Arial Rounded MT Bold",  Arial;
	background-image: url('../img/action.gif');
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	padding-right: 38px;
	width: auto;
	float: left;
	margin-top: 30px;
	padding-top: 3px; padding-bottom: 3px;
}
a.call-to-action em{
	color: #E47B01;
}

.anymore {
	margin-top: 20px;
	padding-top: 20px;
	font-size: 14px;

}
.anymore em{	
	color: #2899AC;
}

#more-info{
	background-image: url('../img/more-info-bg.jpg');	
	padding: 0px;;
}
#more-info h2{
	margin-bottom: 0px;

	padding-top: 20px;
	margin-left: 20px;
}
#more-info p.strap{
	margin-top: 0px;
	margin-left: 20px;
}
#more-info div h2{
	font-size: 18px;
	padding-top: 0px;
}
#more-info div{
	background-color: #FFFDE4;
	border: 1px solid #FBBF75;
	margin-top: 10px;	
	padding: 10px;
	padding-left: 150px;
	margin-left: 2px;
	width: 520px;
	margin-left: 10px;

}
#more-info div h2{
	margin-left: 0px;
} 
#more-info p.em{
	color: #2899AB;
	font-family: "Arial Rounded MT Bold",  Arial
}
#more-info p.additional{
	font-size: 0.8em;
	font-style: italic;
}

#more-info div hr{
	height: 10px;
		margin-left: -0px;
	background-color: #FFF7DC;
		border: 1px solid #EAE3CB;
	
}
#more-info div.one{
	background-image: url('../img/mi-1.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
#more-info div.two{
	background-image: url('../img/mi-2.jpg');
	background-repeat: no-repeat;
	background-position: top left;

}
#more-info div.three{
	background-image: url('../img/mi-3.jpg');
	background-repeat: no-repeat;
	background-position: top left;

}
#more-info  em{
	font-family: "Arial Rounded MT Bold",  Arial ;
}

.gallery {
	position: relative;
	height:68px;
	background: none !important;
	border: none !important;
	padding-left: 20px !important;
	width: 650px !important;
}

.instructions{
	float: left;
	border: 1px dotted red !important;
	width:320px !important;
	border: none !important;
	background: none !important;
	padding-left: 0px !important;
	margin-top: 0px !important;
	} 
	
.instructions h2{
	font-family: "Arial Rounded MT Bold",  Arial;
	font-weight: normal;
	color:  #fff;
	margin-top: -10px !important;
	margin-bottom: 10px !important;
	color: #E47B01;
}	
#gallery_images{
	background: none !important;
	float: left;
	width:270px !important;
	padding-left: 10px !important;
	margin-top: 0px  !important;
		border: none !important;	
}	
	
.ourstory_highlite ul{
	margin-left: 10px;
}	
.ourstory_highlite li{
	list-style: disc;
	margin-left: 10px;
}	

.ourstory_highlite{
	background-image:url(/img/moreinfo_highlite.gif) ;
	padding:20px;
	background-repeat: no-repeat
}	

#OrderItem0ExtraFridgi{
	background-color: #ffffff; width: 16px; clear: none; margin-right: 20px; float: left;
}
div.checkbox label{
	float: left
}
#OrderItem0DeliveryTitle, #OrderBillingTitle, #OrderItem1DeliveryTitle, #OrderItem1DeliveryTitle{
	width: 30px;
}


.image_input{
	border: none;
	margin-top: 20px; margin-bottom: 10px; clear: both; display: block; padding-top: 10px; background-color: white
}
.section .image_input{
	border: 0px solid #EFF9FE; padding-top: 0px;
}
.sectiona .image_input{
	border: 0px solid #F6F8FA
}


div.textarea label, div.textarea textarea{margin-top: 0px; padding-top: 0px; }

#wrapper{
	position: relative; margin-left: 40px; margin-top: 10px; display: none
}




#OrderAddForm .submit {
	margin-left: 10px;
}
#replacement img{
	float: left; cursor: pointer
}
#replacement #filename{
	width: 230px; height: 14px; background-color: #EBEEEF; border: 1px solid #ccc; float: left; margin-top: 10px; margin-left: 20px;
	padding: 5px; font-size: 14px; cursor: pointer
}
#OrderAddForm{
	margin-left: 20px;
}
#uploading{
	width: 238px; height:82px; padding: 20px; text-align: center; background: url(/img/uploading_bg.gif) repeat-x; border: 1px solid #ccc; display: none; margin-left: -40px !important; font-family: "Arial Rounded MT Bold"
}
#order_section.section #uploading p{
	color: #88AE50 ; font-size: 20px; margin-left: 20px !important; width: 200px; text-align: center
}
.center{text-align: center ; margin: 0px;}
.total{
	font-weight: bold
}
.qty{
	padding-left: 25px;
}




.agileUploaderFilePreview {
	float: left;
	width: 15%;
	height: 50px;
	margin: 0px;
	text-align: left;	
}
.agileUploaderFileSize {
	float: left;
	width: 10%;
	margin: 0px;
	text-align: left;
}
.agileUploaderFileName {
	float: left;
	width: 50%;
	text-align: left;
	margin: 0px;
}
.agileUploaderRemoveFile {
	width: 20%;
	float: left;
	text-align: right;
	margin: 0px;
	display: block;
}
#agileUploaderInfo {
	width: 400px;
	font-size: 11px;
	font-family: Helvetica, sans-serif;
	display: block;
	height: 200px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	overflow: auto;
	background: #444;
	border: 2px solid #444;
}
#agileUploaderFileList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	display: block;
}
#agileUploaderFileList li {
	list-style: none;
	clear: left;
	margin: 0px;
	padding: 2px 6px 2px 2px;
	display: block;	
	overflow: hidden;
	text-indent: 0px;
	background: #ccc;
	border-bottom: solid 1px #444;	
}
#agileUploaderFileList li.alt { 
	background: #eee;
}
#agileUploaderCurrentProgress {
	height: 50px;
	width: 1%;
	background: #000;
}
.agileUploaderRemoveFile a {
	text-decoration: none;
}
.agileUploaderRemoveFile a img {
	border: 0px;
}
#agileUploaderAttachArea {
	width: 404px;
	height: 10px;
}
#agileUploaderMessages {
	font-size: 12px;
	color: #bf0000;
	font-family: Helvetica, sans-serif;
	width: 350px;
	float: left;
	margin: 0px 0px 0px 4px;
	text-align: right;
}
#agileUploaderSWF, #agileUploaderEMBED {
	float: left;
}
#agileUploaderRemoveAll {
	height: 14px;
	text-align: right;
	width: 404px;
	font-family: Helvetica, sans-serif;
}
#agileUploaderRemoveAll a {
	color: #555;
	font-size: 11px;
}
#agileUploaderRemoveAll a:hover {
	color: #000;
}
.agileUploaderSingleMessages {
	clear: left !important;
	text-align: left !important;
}

#wrapper label{
	display: none
}
#fileInputValue{
	border: 1px solid #ccc; background-color: #F4F4F4; padding: 3px; height: 20px; margin-left: 170px;margin-bottom: 5px
}

#submit_toggled_enabled{
display: none
}

#encoding{
	display: none; width: 140px; padding: 10px; text-align: center; 
}
#basicfallback{
	margin-left: 0px;
}
#basicfallback p{ 
	margin-left: 40px !important; 	
}
#basicfallback p.upgrade{
	color: red
} 
#submit_toggled_disabled{
	display: none
}
input#OrderFilename{
	width: 400px !important; 
}
.basicbutton, #more_buttons div.submit{
	margin-left: 0px !important; 
}