Skip to content

v1.4.0 Updates

Jump to bottom Edit New page
Brennan Heyde edited this page Jan 22, 2016 · 3 revisions

Updates and additions to support the new features released in Miva 9.5:

####fonts.css Updated to add support for using classes for icons. Unless you have modified the file, it can be replaced in its entirety.

/*
------------------------ =FONTS [use @font-face] ------------------------ */
.playfair {
	font-family: "Playfair Display", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif
}

/* ------------------------ Elegant Icon Font [http://www.elegantthemes.com/blog/resources/elegant-icon-font] ------------------------ */
@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ElegantIcons.woff') format('woff'),
	url('../fonts/ElegantIcons.ttf') format('truetype'),
	url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
	font-family: 'ElegantIcons', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	content: attr(data-icon);
	font-family: 'ElegantIcons', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}
.icon-arrow_up:before {
	content: "\21";
}
.icon-arrow_down:before {
	content: "\22";
}
.icon-arrow_left:before {
	content: "\23";
}
.icon-arrow_right:before {
	content: "\24";
}
.icon-arrow_left-up:before {
	content: "\25";
}
.icon-arrow_right-up:before {
	content: "\26";
}
.icon-arrow_right-down:before {
	content: "\27";
}
.icon-arrow_left-down:before {
	content: "\28";
}
.icon-arrow-up-down:before {
	content: "\29";
}
.icon-arrow_up-down_alt:before {
	content: "\2a";
}
.icon-arrow_left-right_alt:before {
	content: "\2b";
}
.icon-arrow_left-right:before {
	content: "\2c";
}
.icon-arrow_expand_alt2:before {
	content: "\2d";
}
.icon-arrow_expand_alt:before {
	content: "\2e";
}
.icon-arrow_condense:before {
	content: "\2f";
}
.icon-arrow_expand:before {
	content: "\30";
}
.icon-arrow_move:before {
	content: "\31";
}
.icon-arrow_carrot-up:before {
	content: "\32";
}
.icon-arrow_carrot-down:before {
	content: "\33";
}
.icon-arrow_carrot-left:before {
	content: "\34";
}
.icon-arrow_carrot-right:before {
	content: "\35";
}
.icon-arrow_carrot-2up:before {
	content: "\36";
}
.icon-arrow_carrot-2down:before {
	content: "\37";
}
.icon-arrow_carrot-2left:before {
	content: "\38";
}
.icon-arrow_carrot-2right:before {
	content: "\39";
}
.icon-arrow_carrot-up_alt2:before {
	content: "\3a";
}
.icon-arrow_carrot-down_alt2:before {
	content: "\3b";
}
.icon-arrow_carrot-left_alt2:before {
	content: "\3c";
}
.icon-arrow_carrot-right_alt2:before {
	content: "\3d";
}
.icon-arrow_carrot-2up_alt2:before {
	content: "\3e";
}
.icon-arrow_carrot-2down_alt2:before {
	content: "\3f";
}
.icon-arrow_carrot-2left_alt2:before {
	content: "\40";
}
.icon-arrow_carrot-2right_alt2:before {
	content: "\41";
}
.icon-arrow_triangle-up:before {
	content: "\42";
}
.icon-arrow_triangle-down:before {
	content: "\43";
}
.icon-arrow_triangle-left:before {
	content: "\44";
}
.icon-arrow_triangle-right:before {
	content: "\45";
}
.icon-arrow_triangle-up_alt2:before {
	content: "\46";
}
.icon-arrow_triangle-down_alt2:before {
	content: "\47";
}
.icon-arrow_triangle-left_alt2:before {
	content: "\48";
}
.icon-arrow_triangle-right_alt2:before {
	content: "\49";
}
.icon-arrow_back:before {
	content: "\4a";
}
.icon-icon_minus-06:before {
	content: "\4b";
}
.icon-icon_plus:before {
	content: "\4c";
}
.icon-icon_close:before {
	content: "\4d";
}
.icon-icon_check:before {
	content: "\4e";
}
.icon-icon_minus_alt2:before {
	content: "\4f";
}
.icon-icon_plus_alt2:before {
	content: "\50";
}
.icon-icon_close_alt2:before {
	content: "\51";
}
.icon-icon_check_alt2:before {
	content: "\52";
}
.icon-icon_zoom-out_alt:before {
	content: "\53";
}
.icon-icon_zoom-in_alt:before {
	content: "\54";
}
.icon-icon_search:before {
	content: "\55";
}
.icon-icon_box-empty:before {
	content: "\56";
}
.icon-icon_box-selected:before {
	content: "\57";
}
.icon-icon_minus-box:before {
	content: "\58";
}
.icon-icon_plus-box:before {
	content: "\59";
}
.icon-icon_box-checked:before {
	content: "\5a";
}
.icon-icon_circle-empty:before {
	content: "\5b";
}
.icon-icon_circle-slelected:before {
	content: "\5c";
}
.icon-icon_stop_alt2:before {
	content: "\5d";
}
.icon-icon_stop:before {
	content: "\5e";
}
.icon-icon_pause_alt2:before {
	content: "\5f";
}
.icon-icon_pause:before {
	content: "\60";
}
.icon-icon_menu:before {
	content: "\61";
}
.icon-icon_menu-square_alt2:before {
	content: "\62";
}
.icon-icon_menu-circle_alt2:before {
	content: "\63";
}
.icon-icon_ul:before {
	content: "\64";
}
.icon-icon_ol:before {
	content: "\65";
}
.icon-icon_adjust-horiz:before {
	content: "\66";
}
.icon-icon_adjust-vert:before {
	content: "\67";
}
.icon-icon_document_alt:before {
	content: "\68";
}
.icon-icon_documents_alt:before {
	content: "\69";
}
.icon-icon_pencil:before {
	content: "\6a";
}
.icon-icon_pencil-edit_alt:before {
	content: "\6b";
}
.icon-icon_pencil-edit:before {
	content: "\6c";
}
.icon-icon_folder-alt:before {
	content: "\6d";
}
.icon-icon_folder-open_alt:before {
	content: "\6e";
}
.icon-icon_folder-add_alt:before {
	content: "\6f";
}
.icon-icon_info_alt:before {
	content: "\70";
}
.icon-icon_error-oct_alt:before {
	content: "\71";
}
.icon-icon_error-circle_alt:before {
	content: "\72";
}
.icon-icon_error-triangle_alt:before {
	content: "\73";
}
.icon-icon_question_alt2:before {
	content: "\74";
}
.icon-icon_question:before {
	content: "\75";
}
.icon-icon_comment_alt:before {
	content: "\76";
}
.icon-icon_chat_alt:before {
	content: "\77";
}
.icon-icon_vol-mute_alt:before {
	content: "\78";
}
.icon-icon_volume-low_alt:before {
	content: "\79";
}
.icon-icon_volume-high_alt:before {
	content: "\7a";
}
.icon-icon_quotations:before {
	content: "\7b";
}
.icon-icon_quotations_alt2:before {
	content: "\7c";
}
.icon-icon_clock_alt:before {
	content: "\7d";
}
.icon-icon_lock_alt:before {
	content: "\7e";
}
.icon-icon_lock-open_alt:before {
	content: "\e000";
}
.icon-icon_key_alt:before {
	content: "\e001";
}
.icon-icon_cloud_alt:before {
	content: "\e002";
}
.icon-icon_cloud-upload_alt:before {
	content: "\e003";
}
.icon-icon_cloud-download_alt:before {
	content: "\e004";
}
.icon-icon_image:before {
	content: "\e005";
}
.icon-icon_images:before {
	content: "\e006";
}
.icon-icon_lightbulb_alt:before {
	content: "\e007";
}
.icon-icon_gift_alt:before {
	content: "\e008";
}
.icon-icon_house_alt:before {
	content: "\e009";
}
.icon-icon_genius:before {
	content: "\e00a";
}
.icon-icon_mobile:before {
	content: "\e00b";
}
.icon-icon_tablet:before {
	content: "\e00c";
}
.icon-icon_laptop:before {
	content: "\e00d";
}
.icon-icon_desktop:before {
	content: "\e00e";
}
.icon-icon_camera_alt:before {
	content: "\e00f";
}
.icon-icon_mail_alt:before {
	content: "\e010";
}
.icon-icon_cone_alt:before {
	content: "\e011";
}
.icon-icon_ribbon_alt:before {
	content: "\e012";
}
.icon-icon_bag_alt:before {
	content: "\e013";
}
.icon-icon_creditcard:before {
	content: "\e014";
}
.icon-icon_cart_alt:before {
	content: "\e015";
}
.icon-icon_paperclip:before {
	content: "\e016";
}
.icon-icon_tag_alt:before {
	content: "\e017";
}
.icon-icon_tags_alt:before {
	content: "\e018";
}
.icon-icon_trash_alt:before {
	content: "\e019";
}
.icon-icon_cursor_alt:before {
	content: "\e01a";
}
.icon-icon_mic_alt:before {
	content: "\e01b";
}
.icon-icon_compass_alt:before {
	content: "\e01c";
}
.icon-icon_pin_alt:before {
	content: "\e01d";
}
.icon-icon_pushpin_alt:before {
	content: "\e01e";
}
.icon-icon_map_alt:before {
	content: "\e01f";
}
.icon-icon_drawer_alt:before {
	content: "\e020";
}
.icon-icon_toolbox_alt:before {
	content: "\e021";
}
.icon-icon_book_alt:before {
	content: "\e022";
}
.icon-icon_calendar:before {
	content: "\e023";
}
.icon-icon_film:before {
	content: "\e024";
}
.icon-icon_table:before {
	content: "\e025";
}
.icon-icon_contacts_alt:before {
	content: "\e026";
}
.icon-icon_headphones:before {
	content: "\e027";
}
.icon-icon_lifesaver:before {
	content: "\e028";
}
.icon-icon_piechart:before {
	content: "\e029";
}
.icon-icon_refresh:before {
	content: "\e02a";
}
.icon-icon_link_alt:before {
	content: "\e02b";
}
.icon-icon_link:before {
	content: "\e02c";
}
.icon-icon_loading:before {
	content: "\e02d";
}
.icon-icon_blocked:before {
	content: "\e02e";
}
.icon-icon_archive_alt:before {
	content: "\e02f";
}
.icon-icon_heart_alt:before {
	content: "\e030";
}
.icon-icon_star_alt:before {
	content: "\e031";
}
.icon-icon_star-half_alt:before {
	content: "\e032";
}
.icon-icon_star:before {
	content: "\e033";
}
.icon-icon_star-half:before {
	content: "\e034";
}
.icon-icon_tools:before {
	content: "\e035";
}
.icon-icon_tool:before {
	content: "\e036";
}
.icon-icon_cog:before {
	content: "\e037";
}
.icon-icon_cogs:before {
	content: "\e038";
}
.icon-arrow_up_alt:before {
	content: "\e039";
}
.icon-arrow_down_alt:before {
	content: "\e03a";
}
.icon-arrow_left_alt:before {
	content: "\e03b";
}
.icon-arrow_right_alt:before {
	content: "\e03c";
}
.icon-arrow_left-up_alt:before {
	content: "\e03d";
}
.icon-arrow_right-up_alt:before {
	content: "\e03e";
}
.icon-arrow_right-down_alt:before {
	content: "\e03f";
}
.icon-arrow_left-down_alt:before {
	content: "\e040";
}
.icon-arrow_condense_alt:before {
	content: "\e041";
}
.icon-arrow_expand_alt3:before {
	content: "\e042";
}
.icon-arrow_carrot_up_alt:before {
	content: "\e043";
}
.icon-arrow_carrot-down_alt:before {
	content: "\e044";
}
.icon-arrow_carrot-left_alt:before {
	content: "\e045";
}
.icon-arrow_carrot-right_alt:before {
	content: "\e046";
}
.icon-arrow_carrot-2up_alt:before {
	content: "\e047";
}
.icon-arrow_carrot-2dwnn_alt:before {
	content: "\e048";
}
.icon-arrow_carrot-2left_alt:before {
	content: "\e049";
}
.icon-arrow_carrot-2right_alt:before {
	content: "\e04a";
}
.icon-arrow_triangle-up_alt:before {
	content: "\e04b";
}
.icon-arrow_triangle-down_alt:before {
	content: "\e04c";
}
.icon-arrow_triangle-left_alt:before {
	content: "\e04d";
}
.icon-arrow_triangle-right_alt:before {
	content: "\e04e";
}
.icon-icon_minus_alt:before {
	content: "\e04f";
}
.icon-icon_plus_alt:before {
	content: "\e050";
}
.icon-icon_close_alt:before {
	content: "\e051";
}
.icon-icon_check_alt:before {
	content: "\e052";
}
.icon-icon_zoom-out:before {
	content: "\e053";
}
.icon-icon_zoom-in:before {
	content: "\e054";
}
.icon-icon_stop_alt:before {
	content: "\e055";
}
.icon-icon_menu-square_alt:before {
	content: "\e056";
}
.icon-icon_menu-circle_alt:before {
	content: "\e057";
}
.icon-icon_document:before {
	content: "\e058";
}
.icon-icon_documents:before {
	content: "\e059";
}
.icon-icon_pencil_alt:before {
	content: "\e05a";
}
.icon-icon_folder:before {
	content: "\e05b";
}
.icon-icon_folder-open:before {
	content: "\e05c";
}
.icon-icon_folder-add:before {
	content: "\e05d";
}
.icon-icon_folder_upload:before {
	content: "\e05e";
}
.icon-icon_folder_download:before {
	content: "\e05f";
}
.icon-icon_info:before {
	content: "\e060";
}
.icon-icon_error-circle:before {
	content: "\e061";
}
.icon-icon_error-oct:before {
	content: "\e062";
}
.icon-icon_error-triangle:before {
	content: "\e063";
}
.icon-icon_question_alt:before {
	content: "\e064";
}
.icon-icon_comment:before {
	content: "\e065";
}
.icon-icon_chat:before {
	content: "\e066";
}
.icon-icon_vol-mute:before {
	content: "\e067";
}
.icon-icon_volume-low:before {
	content: "\e068";
}
.icon-icon_volume-high:before {
	content: "\e069";
}
.icon-icon_quotations_alt:before {
	content: "\e06a";
}
.icon-icon_clock:before {
	content: "\e06b";
}
.icon-icon_lock:before {
	content: "\e06c";
}
.icon-icon_lock-open:before {
	content: "\e06d";
}
.icon-icon_key:before {
	content: "\e06e";
}
.icon-icon_cloud:before {
	content: "\e06f";
}
.icon-icon_cloud-upload:before {
	content: "\e070";
}
.icon-icon_cloud-download:before {
	content: "\e071";
}
.icon-icon_lightbulb:before {
	content: "\e072";
}
.icon-icon_gift:before {
	content: "\e073";
}
.icon-icon_house:before {
	content: "\e074";
}
.icon-icon_camera:before {
	content: "\e075";
}
.icon-icon_mail:before {
	content: "\e076";
}
.icon-icon_cone:before {
	content: "\e077";
}
.icon-icon_ribbon:before {
	content: "\e078";
}
.icon-icon_bag:before {
	content: "\e079";
}
.icon-icon_cart:before {
	content: "\e07a";
}
.icon-icon_tag:before {
	content: "\e07b";
}
.icon-icon_tags:before {
	content: "\e07c";
}
.icon-icon_trash:before {
	content: "\e07d";
}
.icon-icon_cursor:before {
	content: "\e07e";
}
.icon-icon_mic:before {
	content: "\e07f";
}
.icon-icon_compass:before {
	content: "\e080";
}
.icon-icon_pin:before {
	content: "\e081";
}
.icon-icon_pushpin:before {
	content: "\e082";
}
.icon-icon_map:before {
	content: "\e083";
}
.icon-icon_drawer:before {
	content: "\e084";
}
.icon-icon_toolbox:before {
	content: "\e085";
}
.icon-icon_book:before {
	content: "\e086";
}
.icon-icon_contacts:before {
	content: "\e087";
}
.icon-icon_archive:before {
	content: "\e088";
}
.icon-icon_heart:before {
	content: "\e089";
}
.icon-icon_profile:before {
	content: "\e08a";
}
.icon-icon_group:before {
	content: "\e08b";
}
.icon-icon_grid-2x2:before {
	content: "\e08c";
}
.icon-icon_grid-3x3:before {
	content: "\e08d";
}
.icon-icon_music:before {
	content: "\e08e";
}
.icon-icon_pause_alt:before {
	content: "\e08f";
}
.icon-icon_phone:before {
	content: "\e090";
}
.icon-icon_upload:before {
	content: "\e091";
}
.icon-icon_download:before {
	content: "\e092";
}
.icon-social_facebook:before {
	content: "\e093";
}
.icon-social_twitter:before {
	content: "\e094";
}
.icon-social_pinterest:before {
	content: "\e095";
}
.icon-social_googleplus:before {
	content: "\e096";
}
.icon-social_tumblr:before {
	content: "\e097";
}
.icon-social_tumbleupon:before {
	content: "\e098";
}
.icon-social_wordpress:before {
	content: "\e099";
}
.icon-social_instagram:before {
	content: "\e09a";
}
.icon-social_dribbble:before {
	content: "\e09b";
}
.icon-social_vimeo:before {
	content: "\e09c";
}
.icon-social_linkedin:before {
	content: "\e09d";
}
.icon-social_rss:before {
	content: "\e09e";
}
.icon-social_deviantart:before {
	content: "\e09f";
}
.icon-social_share:before {
	content: "\e0a0";
}
.icon-social_myspace:before {
	content: "\e0a1";
}
.icon-social_skype:before {
	content: "\e0a2";
}
.icon-social_youtube:before {
	content: "\e0a3";
}
.icon-social_picassa:before {
	content: "\e0a4";
}
.icon-social_googledrive:before {
	content: "\e0a5";
}
.icon-social_flickr:before {
	content: "\e0a6";
}
.icon-social_blogger:before {
	content: "\e0a7";
}
.icon-social_spotify:before {
	content: "\e0a8";
}
.icon-social_delicious:before {
	content: "\e0a9";
}
.icon-social_facebook_circle:before {
	content: "\e0aa";
}
.icon-social_twitter_circle:before {
	content: "\e0ab";
}
.icon-social_pinterest_circle:before {
	content: "\e0ac";
}
.icon-social_googleplus_circle:before {
	content: "\e0ad";
}
.icon-social_tumblr_circle:before {
	content: "\e0ae";
}
.icon-social_stumbleupon_circle:before {
	content: "\e0af";
}
.icon-social_wordpress_circle:before {
	content: "\e0b0";
}
.icon-social_instagram_circle:before {
	content: "\e0b1";
}
.icon-social_dribbble_circle:before {
	content: "\e0b2";
}
.icon-social_vimeo_circle:before {
	content: "\e0b3";
}
.icon-social_linkedin_circle:before {
	content: "\e0b4";
}
.icon-social_rss_circle:before {
	content: "\e0b5";
}
.icon-social_deviantart_circle:before {
	content: "\e0b6";
}
.icon-social_share_circle:before {
	content: "\e0b7";
}
.icon-social_myspace_circle:before {
	content: "\e0b8";
}
.icon-social_skype_circle:before {
	content: "\e0b9";
}
.icon-social_youtube_circle:before {
	content: "\e0ba";
}
.icon-social_picassa_circle:before {
	content: "\e0bb";
}
.icon-social_googledrive_alt2:before {
	content: "\e0bc";
}
.icon-social_flickr_circle:before {
	content: "\e0bd";
}
.icon-social_blogger_circle:before {
	content: "\e0be";
}
.icon-social_spotify_circle:before {
	content: "\e0bf";
}
.icon-social_delicious_circle:before {
	content: "\e0c0";
}
.icon-social_facebook_square:before {
	content: "\e0c1";
}
.icon-social_twitter_square:before {
	content: "\e0c2";
}
.icon-social_pinterest_square:before {
	content: "\e0c3";
}
.icon-social_googleplus_square:before {
	content: "\e0c4";
}
.icon-social_tumblr_square:before {
	content: "\e0c5";
}
.icon-social_stumbleupon_square:before {
	content: "\e0c6";
}
.icon-social_wordpress_square:before {
	content: "\e0c7";
}
.icon-social_instagram_square:before {
	content: "\e0c8";
}
.icon-social_dribbble_square:before {
	content: "\e0c9";
}
.icon-social_vimeo_square:before {
	content: "\e0ca";
}
.icon-social_linkedin_square:before {
	content: "\e0cb";
}
.icon-social_rss_square:before {
	content: "\e0cc";
}
.icon-social_deviantart_square:before {
	content: "\e0cd";
}
.icon-social_share_square:before {
	content: "\e0ce";
}
.icon-social_myspace_square:before {
	content: "\e0cf";
}
.icon-social_skype_square:before {
	content: "\e0d0";
}
.icon-social_youtube_square:before {
	content: "\e0d1";
}
.icon-social_picassa_square:before {
	content: "\e0d2";
}
.icon-social_googledrive_square:before {
	content: "\e0d3";
}
.icon-social_flickr_square:before {
	content: "\e0d4";
}
.icon-social_blogger_square:before {
	content: "\e0d5";
}
.icon-social_spotify_square:before {
	content: "\e0d6";
}
.icon-social_delicious_square:before {
	content: "\e0d7";
}
.icon-icon_printer:before {
	content: "\e103";
}
.icon-icon_calulator:before {
	content: "\e0ee";
}
.icon-icon_building:before {
	content: "\e0ef";
}
.icon-icon_floppy:before {
	content: "\e0e8";
}
.icon-icon_drive:before {
	content: "\e0ea";
}
.icon-icon_search-2:before {
	content: "\e101";
}
.icon-icon_id:before {
	content: "\e107";
}
.icon-icon_id-2:before {
	content: "\e108";
}
.icon-icon_puzzle:before {
	content: "\e102";
}
.icon-icon_like:before {
	content: "\e106";
}
.icon-icon_dislike:before {
	content: "\e0eb";
}
.icon-icon_mug:before {
	content: "\e105";
}
.icon-icon_currency:before {
	content: "\e0ed";
}
.icon-icon_wallet:before {
	content: "\e100";
}
.icon-icon_pens:before {
	content: "\e104";
}
.icon-icon_easel:before {
	content: "\e0e9";
}
.icon-icon_flowchart:before {
	content: "\e109";
}
.icon-icon_datareport:before {
	content: "\e0ec";
}
.icon-icon_briefcase:before {
	content: "\e0fe";
}
.icon-icon_shield:before {
	content: "\e0f6";
}
.icon-icon_percent:before {
	content: "\e0fb";
}
.icon-icon_globe:before {
	content: "\e0e2";
}
.icon-icon_globe-2:before {
	content: "\e0e3";
}
.icon-icon_target:before {
	content: "\e0f5";
}
.icon-icon_hourglass:before {
	content: "\e0e1";
}
.icon-icon_balance:before {
	content: "\e0ff";
}
.icon-icon_rook:before {
	content: "\e0f8";
}
.icon-icon_printer-alt:before {
	content: "\e0fa";
}
.icon-icon_calculator_alt:before {
	content: "\e0e7";
}
.icon-icon_building_alt:before {
	content: "\e0fd";
}
.icon-icon_floppy_alt:before {
	content: "\e0e4";
}
.icon-icon_drive_alt:before {
	content: "\e0e5";
}
.icon-icon_search_alt:before {
	content: "\e0f7";
}
.icon-icon_id_alt:before {
	content: "\e0e0";
}
.icon-icon_id-2_alt:before {
	content: "\e0fc";
}
.icon-icon_puzzle_alt:before {
	content: "\e0f9";
}
.icon-icon_like_alt:before {
	content: "\e0dd";
}
.icon-icon_dislike_alt:before {
	content: "\e0f1";
}
.icon-icon_mug_alt:before {
	content: "\e0dc";
}
.icon-icon_currency_alt:before {
	content: "\e0f3";
}
.icon-icon_wallet_alt:before {
	content: "\e0d8";
}
.icon-icon_pens_alt:before {
	content: "\e0db";
}
.icon-icon_easel_alt:before {
	content: "\e0f0";
}
.icon-icon_flowchart_alt:before {
	content: "\e0df";
}
.icon-icon_datareport_alt:before {
	content: "\e0f2";
}
.icon-icon_briefcase_alt:before {
	content: "\e0f4";
}
.icon-icon_shield_alt:before {
	content: "\e0d9";
}
.icon-icon_percent_alt:before {
	content: "\e0da";
}
.icon-icon_globe_alt:before {
	content: "\e0de";
}
.icon-icon_clipboard:before {
	content: "\e0e6";
}


/* ------------------------ Custom Suivant Icon Font ------------------------ */
@font-face {
	font-family: 'Suivant';
	src: url('../fonts/Suivant.eot?-d1oe69');
	src: url('../fonts/Suivant.eot?#iefix-d1oe69') format('embedded-opentype'),
		 url('../fonts/Suivant.woff?-d1oe69') format('woff'),
		 url('../fonts/Suivant.ttf?-d1oe69') format('truetype'),
		 url('../fonts/Suivant.svg?-d1oe69#Suivant') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="rt-icon-"],
[class*=" rt-icon-"] {
	font-family: 'Suivant', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-rt-icon]:before {
	content: attr(data-rt-icon);
	font-family: 'Suivant', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}

.rt-icon-account:before {
	content: "\61";
}
.rt-icon-address:before {
	content: "\62";
}
.rt-icon-arrow-left:before {
	content: "\63";
}
.rt-icon-arrow-right:before {
	content: "\64";
}
.rt-icon-basket:before {
	content: "\65";
}
.rt-icon-mail:before {
	content: "\66";
}
.rt-icon-minus:before {
	content: "\67";
}
.rt-icon-orders:before {
	content: "\68";
}
.rt-icon-plus:before {
	content: "\69";
}
.rt-icon-search:before {
	content: "\6a";
}

####pages.css Added styles to support the new pages introduced in 9.5 as well as the updated ACLN page. These have been added to the end of the file.

@media only screen and (min-width: 48em) {
	.h-vertically-centered---m {
		-webkit-transform-style: preserve-3d;
	}
	.h-vertically-centered__element---m {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.customer-account-order-search {
	padding-bottom: 0.9375rem;
	line-height: 4;
}
.customer-account-order-search__title {
	height: 100%;
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
	border-radius: 0.25rem;
}
@media screen and (min-width: 48em) {
	.customer-account-order-search {
		height: 6rem;
		padding-bottom: 0;
	}
	.customer-account-order-search__title {
		padding-top: 0;
		padding-bottom: 0;
		border-radius: 0.25rem 0 0 0.25rem;
	}
}
.customer-account-order-search__title h3,
.customer-account-links h3 {
	line-height: 1.6667;
}
.customer-account-order-search__title h3 span,
.customer-account-links h3 span {
	float: left;
	margin-right: 1.25rem;
	font-size: 2.5rem;
}
.customer-account-order-search input[type="text"] {
	border-radius: 0.25rem 0 0 0.25rem;
}
.customer-account-order-search input[type="submit"] {
	border-radius: 0 0.25rem 0.25rem 0;
}
.customer-account-links {
	padding: 2rem;
	border: 1px solid;
}
@media screen and (min-width: 40em) {
	.customer-account-links p,
	.customer-account-links ul {
		padding-left: 4rem;
	}
}
.customer-account-links ul {
	line-height: 2;
}
.customer-account-links a {
	text-decoration: none;
}
.customer-account-links .form_row {
	margin-bottom: 0.5rem;
}
@media screen and (min-width:50em) {
	.customer-address-book .mm-card-grid-item {
		max-width: 50%;
		-ms-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;
	}
	.customer-address-book .mm-card-grid-item--2x {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}
@media screen and (min-width:65em) {
	.customer-address-book .mm-card-grid-item {
		max-width: calc(25% - 1px);
		-ms-flex: 0 0 calc(25% - 1px);
		-webkit-flex: 0 0 calc(25% - 1px);
		flex:0 0 calc(25% - 1px);
	}
	.customer-address-book .mm-card-grid-item--2x {
		max-width: calc(50% - 1px);
		-ms-flex: 0 0 calc(50% - 1px);
		-webkit-flex: 0 0 calc(50% - 1px);
		flex: 0 0 calc(50% - 1px);
	}
}
.address-form-toggle label {
	position: relative;
}
.address-form-toggle input:checked ~ label {
	opacity: 0.25;
}
.address-form-toggle form {
	height: auto;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	visibility: hidden;
}
.address-form-toggle input:checked ~ form {
	max-height: 100rem;
	transition: all 0.3s ease-in-out;
	visibility: visible;
}
@media screen and (min-width: 50em) {
	.edit-address-form form {
		padding-right: 4.9375rem;
		padding-left: 4.9375rem;
	}
}

/*
|---------------------------------------
|	CARD GRID [mm-card--grid.css]
|---------------------------------------
*/
.mm-card-grid {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	clear: both;
}
.ie10 .mm-card-grid {
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
}
.ie9 .mm-card-grid {
	display: block;
}
.mm-card-grid::before,
.mm-card-grid::after {
	content: " ";
	display: table;
}
.mm-card-grid::after {
	clear: both;
}


.mm-card-grid-item {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 100%;
	margin-bottom: 1.875rem;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	-ms-flex: 1;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
}
.ie9 .mm-card-grid-item {
	float: left;
	min-height: 1px;
}
@media screen and (min-width: 40em) {
	.mm-card-grid-item {
		max-width: calc(50% - 1px);
		-ms-flex: 0 0 calc(50% - 1px);
		-webkit-flex: 0 0 calc(50% - 1px);
		flex: 0 0 calc(50% - 1px);
	}
	.mm-card-grid-item--2x,
	.mm-card-grid-item--full {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}
@media screen and (min-width: 50em) {
	.mm-card-grid-item {
		max-width: 33%;
		-ms-flex: 0 0 33%;
		-webkit-flex: 0 0 33%;
		flex: 0 0 33%;
	}
	.mm-card-grid-item--2x {
		max-width: 66%;
		-ms-flex: 0 0 66%;
		-webkit-flex: 0 0 66%;
		flex: 0 0 66%;
	}
}
@media screen and (min-width: 65em) {
	.mm-card-grid-item {
		max-width: calc(25% - 1px);
		-ms-flex: 0 0 calc(25% - 1px);
		-webkit-flex: 0 0 calc(25% - 1px);
		flex: 0 0 calc(25% - 1px);
	}
	.mm-card-grid-item--2x {
		max-width: calc(50% - 1px);
		-ms-flex: 0 0 calc(50% - 1px);
		-webkit-flex: 0 0 calc(50% - 1px);
		flex: 0 0 calc(50% - 1px);
	}
}
.mm-card-grid-item__wrapper,
.mm-card-grid-item__content {
	display: block;
	overflow: hidden;
}
.mm-card-grid-item__wrapper {
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.mm-card-grid-item__image {
	display: block;
	text-align: center;
}
.mm-card-grid-item__text {
	display: block;
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
	height: auto;
	line-height: inherit;
	white-space: normal;
}

####scripts.js Added support for the new CABK page:

jsCABK: function () {
	$('.edit-address').on('click', function (event) {
		event.preventDefault();

		var editBlock = $('.' + $(this).data('target'));

		editBlock.load($(this).attr('href') + ' #js-edit-address-form', function () {
			var existingContent = $(this).siblings();

			$('html, body').animate({
				scrollTop: editBlock.parents('div').offset().top
			}, 100);
			existingContent.fadeOut(100);
			$('.cancel-edit').on('click', function (event) {
				event.preventDefault();
				existingContent.fadeIn(100);
				editBlock.empty();
			});
		});
	});
},

The "toggleDetails" function, an all calls to it, have been removed from ACAD, ACED and OCST page. Those pages have been updated to use the internal JavaScript function provided by Miva Merchant.

####ACLN Page This page has been completely redesigned to accommodate the changes in 9.5. Unless you have customized this section, it is recommended to replace it in its entirety.

<mvt:item name="html_profile" />
<head>
	<mvt:if expr="NOT ISNULL l.settings:page:title">
		<title>&mvt:page:title;</title>
	<mvt:else>
		<title>&mvt:store:name;: &mvt:page:name;</title>
	</mvt:if>
	<mvt:item name="head" param="head_tag" />
</head>
<body id="js-&mvte:page:code;" class="boxed <mvt:eval expr="tolower(l.settings:page:code)" /> single-column">
<mvt:item name="hdft" param="global_header" />
<div class="column whole hdft-header">
	<mvt:item name="hdft" param="header" />
</div>
<p class="column whole align-right"><a href="&mvte:urls:LOGOUT:secure_sep;Action=LOGO" title="Log Out" class="button button-square button-small-font bg-red">Log Out</a></p>
<div class="column whole">
	<form class="row corners nm h-vertically-centered---m bg-white bottom-shadow customer-account-order-search" method="post" action="&mvte:urls:ORDS:auto;">
		<div class="column whole medium-one-sixth customer-account-order-search__title bg-black">
			<h3 class="nm h-vertically-centered__element---m white"><span class="icon-icon_document_alt"></span> Orders</h3>
		</div>
		<div class="column whole medium-one-third h-vertically-centered__element---m align-center">
			<a href="&mvte:urls:ORDH:auto;" title="View All Orders">View All Orders</a>
		</div>
		<div class="column whole medium-half h-vertically-centered__element---m">
			<div class="row">
				<div class="column three-fourths nrp">
					<input class="input-medium border-gray" id="l-Order_ID" type="text" name="Order_ID" placeholder="Order #">
				</div>
				<div class="column one-fourth nlp">
					<input type="submit" value="Go" class="button button-block button-medium bg-black nb uppercase">
				</div>
			</div>
		</div>
	</form>
	<div class="breaker"></div>
</div>
<section class="row mm-card-grid nm">
	<article class="mm-card-grid-item mm-card-grid-item--2x">
		<div class="mm-card-grid-item__wrapper gray bg-white bottom-shadow customer-account-links">
			<div class="column whole mm-card-grid-item__content black">
				<h3><span class="color-black icon-icon_wallet_alt"></span> Wallet</h3>
				<ul class="no-list">
					<li><a href="&mvte:urls:RGFT:auto;" title="Redeem Gift Certificate">Redeem Gift Certificate</a></li>
					<li><a href="&mvte:urls:ABAL:auto;" title="Manage Account Balance">Manage Account Balance</a></li>
				</ul>
			</div>
		</div>
	</article>
	<article class="mm-card-grid-item mm-card-grid-item--2x">
		<div class="mm-card-grid-item__wrapper gray bg-white bottom-shadow customer-account-links">
			<div class="column whole mm-card-grid-item__content black">
				<h3><span class="color-black icon-icon_cog"></span> Settings</h3>
				<ul class="no-list">
					<li><a href="&mvte:urls:CABK:auto;" title="Manage Account Balance">Manage Address Book</a></li>
					<li><a href="&mvte:urls:ACED:auto;" title="Update Account Information">Update Account Information</a></li>
					<li><a href="&mvte:urls:CEML:auto;" title="Change Email Address">Change Email Address</a></li>
					<li><a href="&mvte:urls:CPWD:auto;" title="Change Password">Change Password</a></li>
				</ul>
			</div>
		</div>
	</article>
	<article class="mm-card-grid-item mm-card-grid-item--2x">
		<div class="mm-card-grid-item__wrapper gray bg-white bottom-shadow customer-account-links">
			<div class="column whole mm-card-grid-item__content black">
				<h3><span class="color--black icon-icon_heart"></span> Wish List</h3>
				<p>Click "Add to Wish List" from the product page or shopping cart if you want to save an item for later.</p>
				<p class="nbm"><a class="button button-medium bg-silver black uppercase" href="&mvte:urls:WLST:auto;" title="View Wish List">View Wish List</a></p>
			</div>
		</div>
	</article>
</section>
<div class="column whole hdft-footer">
	<mvt:item name="hdft" param="footer" />
</div>
<mvt:item name="hdft" param="global_footer" />
</body>
</html>

####ACAD and ACED Pages The customer fields section of these pages have been updated to allow for the address book features as well as using the internal "toggleDetails" JavaScript function. Unless you have customized this section, it is recommended to replace it in its entirety.

<mvt:if expr="l.settings:page:code EQ 'ACAD'">
	<div class="column whole medium-two-fifths medium-offset-one-tenth login-details">
		<p class="fields-key clearfix">
			<strong>Bold</strong> = Required&nbsp;&nbsp;|&nbsp;&nbsp;<em>Italic</em> = Optional
			<mvt:if expr="( g.UI_Exception EQ 1 ) AND ( ( g.Session:cache:last_ui_exception EQ 'order_invalid_info' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_addinfo' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_editinfo' ) )">
				&nbsp;&nbsp;|&nbsp;&nbsp;<span class="red">Red</span> = Invalid
			</mvt:if>
		</p>
		<div class="&mvte:global:LoginEmail_Row;">
			<label for="Customer_LoginEmail" class="required">Email Address:</label>
			<input type="email" name="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" id="Customer_LoginEmail" data-primary="&mvt:customer:primaddr" />
		</div>
		<div class="&mvte:global:Password_Row;">
			<label for="l-Customer_Password" class="required">Password:</label>
			<input type="password" name="Customer_Password" value="&mvte:global:Customer_Password;" id="l-Customer_Password" />
		</div>
		<div class="&mvte:global:VerifyPassword_Row;">
			<label for="l-Customer_VerifyPassword" class="required">Confirm Password:</label>
			<input type="password" name="Customer_VerifyPassword" value="&mvte:global:Customer_VerifyPassword;" id="l-Customer_VerifyPassword" />
		</div>
	</div>
	<div class="breaker clear"></div>
<mvt:elseif expr="l.settings:page:code EQ 'ACED'">
	<input type="hidden" name="Customer_Login" value="&mvte:global:Customer:login;" />
	<input type="hidden" name="Customer_PasswordEmail" value="&mvte:global:Customer:pw_email;" />
</mvt:if>
<div class="column whole medium-two-fifths medium-offset-one-tenth ship-to">
	<h4 class="fields-heading">
		<span class="controls-heading">Ship To:</span>
		<span id="shipping_controls" class="controls">
			<mvt:if expr="g.Action AND g.shipping_to_show">
				<label for="shipping_to_show"><input name="shipping_to_show" type="checkbox" value="1" id="shipping_to_show" checked /> same as billing</label>
			<mvt:else>
				<label for="shipping_to_show"><input name="shipping_to_show" type="checkbox" value="1" id="shipping_to_show" /> same as billing</label>
			</mvt:if>
		</span>
	</h4>
	<div id="shipping_fields">
		<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
			<div class="&mvte:global:ShipID_Row;">
				<label class="required" for="Customer_ShipID">Saved Address:</label>
				<select name="Customer_ShipID" id="shipping_selector">
					<option value="-1">&lt;New&gt;</option>
					<mvt:foreach iterator="address" array="customer:addresses">
						<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_ShipFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.Customer_ShipLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.Customer_ShipEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.Customer_ShipCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.Customer_ShipPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.Customer_ShipFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_ShipAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_ShipAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.Customer_ShipCity ) AND
                                         (
                                            ( ( NOT ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipStateSelect ) ) ) OR
                                            ( ( ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.Customer_ShipZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.Customer_ShipCountry )">
							<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
						<mvt:else>
							<option value="&mvte:address:id;">&mvte:address:descrip;</option>
						</mvt:if>
					</mvt:foreach>
				</select>
			</div>
		</mvt:if>
		<div class="&mvte:global:ShipFirstName_Row;">
			<label class="required" for="l-Customer_ShipFirstName">First Name:</label>
			<input type="text" name="Customer_ShipFirstName" value="&mvte:global:Customer_ShipFirstName;" id="l-Customer_ShipFirstName" />
		</div>
		<div class="&mvte:global:ShipLastName_Row;">
			<label class="required" for="l-Customer_ShipLastName">Last Name:</label>
			<input type="text" name="Customer_ShipLastName" value="&mvte:global:Customer_ShipLastName;" id="l-Customer_ShipLastName" />
		</div>
		<div class="&mvte:global:ShipEmail_Row;">
			<label class="required" for="Customer_ShipEmail">Email Address:</label>
			<input type="email" name="Customer_ShipEmail" value="&mvte:global:Customer_ShipEmail;" id="Customer_ShipEmail" />
		</div>
		<div class="&mvte:global:ShipPhone_Row;">
			<label class="required" for="l-Customer_ShipPhone">Phone Number:</label>
			<input type="tel" name="Customer_ShipPhone" value="&mvte:global:Customer_ShipPhone;" id="l-Customer_ShipPhone" />
		</div>
		<div class="&mvte:global:ShipFax_Row;">
			<label class="italic" for="l-Customer_ShipFax">Fax Number:</label>
			<input type="text" name="Customer_ShipFax" value="&mvte:global:Customer_ShipFax;" id="l-Customer_ShipFax" />
		</div>
		<div class="&mvte:global:ShipCompany_Row;">
			<label class="italic" for="l-Customer_ShipCompany">Company:</label>
			<input type="text" name="Customer_ShipCompany" value="&mvte:global:Customer_ShipCompany;" id="l-Customer_ShipCompany" />
		</div>
		<div class="&mvte:global:ShipAddress1_Row;">
			<label class="required" for="l-Customer_ShipAddress1">Address:</label>
			<input type="text" name="Customer_ShipAddress1" value="&mvte:global:Customer_ShipAddress1;" id="l-Customer_ShipAddress1" />
		</div>
		<div class="&mvte:global:ShipAddress2_Row;">
			<label class="italic" for="l-Customer_ShipAddress2">Address 2:</label>
			<input type="text" name="Customer_ShipAddress2" value="&mvte:global:Customer_ShipAddress2;" id="l-Customer_ShipAddress2" placeholder="ex. Suite#, Floor#, Apt.#" />
		</div>
		<div class="&mvte:global:ShipCity_Row;">
			<label class="required" for="l-Customer_ShipCity">City:</label>
			<input type="text" name="Customer_ShipCity" value="&mvte:global:Customer_ShipCity;" id="l-Customer_ShipCity" />
		</div>
		<mvt:if expr="g.States_Empty">
			<div class="&mvte:global:ShipState_Row;">
				<label class="required" for="l-Customer_ShipState">State/Province:</label>
				<input type="text" name="Customer_ShipState" value="&mvte:global:Customer_ShipState;" id="l-Customer_ShipState" />
			</div>
		<mvt:else>
			<div class="&mvte:global:ShipState_Row;">
				<label class="required" for="l-Customer_ShipStateSelect">State/Province:</label>
				<mvt:item name="states" param="Customer_ShipStateSelect" />
			</div>
			<div class="&mvte:global:ShipState_Row;">
				<label class="italic" for="l-Customer_ShipState">Other State/Province:</label>
				<input type="text" name="Customer_ShipState" value="&mvte:global:Customer_ShipState;" id="l-Customer_ShipState" />
			</div>
		</mvt:if>
		<div class="&mvte:global:ShipZip_Row;">
			<label class="required" for="l-Customer_ShipZip">Zip/Postal Code:</label>
			<input type="text" name="Customer_ShipZip" value="&mvte:global:Customer_ShipZip;" id="l-Customer_ShipZip" />
		</div>
		<div class="&mvte:global:ShipCountry_Row;">
			<label class="required" for="l-Customer_ShipCountry">Country:</label>
			<mvt:item name="countries" param="Customer_ShipCountry" />
		</div>
	</div>
</div>
<div class="column whole medium-two-fifths bill-to">
	<h4 class="fields-heading">
		<span class="controls-heading">Bill To:</span>
		<span id="billing_controls" class="controls">
			<mvt:if expr="g.Action AND g.billing_to_show">
				<label for="billing_to_show"><input name="billing_to_show" type="checkbox" value="1" id="billing_to_show" checked /> same as shipping</label>
			<mvt:else>
				<label for="billing_to_show"><input name="billing_to_show" type="checkbox" value="1" id="billing_to_show" /> same as shipping</label>
			</mvt:if>
		</span>
	</h4>
	<div id="billing_fields">
		<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
			<div class="&mvte:global:BillID_Row;">
				<label class="required" for="Customer_BillID">Saved Address:</label>
				<select name="Customer_BillID" id="billing_selector">
					<option value="-1">&lt;New&gt;</option>
					<mvt:foreach iterator="address" array="customer:addresses">
						<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_BillFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.Customer_BillLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.Customer_BillEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.Customer_BillCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.Customer_BillPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.Customer_BillFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_BillAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_BillAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.Customer_BillCity ) AND
                                         (
                                            ( ( NOT ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillStateSelect ) ) ) OR
                                            ( ( ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.Customer_BillZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.Customer_BillCountry )">
							<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
						<mvt:else>
							<option value="&mvte:address:id;">&mvte:address:descrip;</option>
						</mvt:if>
					</mvt:foreach>
				</select>
			</div>
		</mvt:if>
		<div class="&mvte:global:BillFirstName_Row;">
			<label class="required" for="l-Customer_BillFirstName">First Name:</label>
			<input type="text" name="Customer_BillFirstName" value="&mvte:global:Customer_BillFirstName;" id="l-Customer_BillFirstName" />
		</div>
		<div class="&mvte:global:BillLastName_Row;">
			<label class="required" for="l-Customer_BillLastName">Last Name:</label>
			<input type="text" name="Customer_BillLastName" value="&mvte:global:Customer_BillLastName;" id="l-Customer_BillLastName" />
		</div>
		<div class="&mvte:global:BillEmail_Row;">
			<label class="required" for="Customer_BillEmail">Email Address:</label>
			<input type="email" name="Customer_BillEmail" value="&mvte:global:Customer_BillEmail;" id="Customer_BillEmail" />
		</div>
		<div class="&mvte:global:BillPhone_Row;">
			<label class="required" for="l-Customer_BillPhone">Phone Number:</label>
			<input type="tel" name="Customer_BillPhone" value="&mvte:global:Customer_BillPhone;" id="l-Customer_BillPhone" />
		</div>
		<div class="&mvte:global:BillFax_Row;">
			<label class="italic" for="l-Customer_BillFax">Fax Number:</label>
			<input type="text" name="Customer_BillFax" value="&mvte:global:Customer_BillFax;" id="l-Customer_BillFax" />
		</div>
		<div class="&mvte:global:BillCompany_Row;">
			<label class="italic" for="l-Customer_BillCompany">Company:</label>
			<input type="text" name="Customer_BillCompany" value="&mvte:global:Customer_BillCompany;" id="l-Customer_BillCompany" />
		</div>
		<div class="&mvte:global:BillAddress1_Row;">
			<label class="required" for="l-Customer_BillAddress1">Address:</label>

			<input type="text" name="Customer_BillAddress1" value="&mvte:global:Customer_BillAddress1;" id="l-Customer_BillAddress1" />
		</div>
		<div class="&mvte:global:BillAddress2_Row;">
			<label class="italic" for="l-Customer_BillAddress2">Address 2:</label>
			<input type="text" name="Customer_BillAddress2" value="&mvte:global:Customer_BillAddress2;" id="l-Customer_BillAddress2" placeholder="ex. Suite#, Floor#, Apt.#" />
		</div>
		<div class="&mvte:global:BillCity_Row;">
			<label class="required" for="l-Customer_BillCity">City:</label>
			<input type="text" name="Customer_BillCity" value="&mvte:global:Customer_BillCity;" id="l-Customer_BillCity" />
		</div>
		<mvt:if expr="g.States_Empty">
			<div class="&mvte:global:BillState_Row;">
				<label class="required" for="l-Customer_BillState">State/Province:</label>
				<input type="text" name="Customer_BillState" value="&mvte:global:Customer_BillState;" id="l-Customer_BillState" />
			</div>
		<mvt:else>
			<div class="&mvte:global:BillState_Row;">
				<label class="required" for="l-Customer_BillStateSelect">State/Province:</label>
				<mvt:item name="states" param="Customer_BillStateSelect" />
			</div>
			<div class="&mvte:global:BillState_Row;">
				<label class="italic" for="l-Customer_BillState">Other State/Province:</label>
				<input type="text" name="Customer_BillState" value="&mvte:global:Customer_BillState;" id="l-Customer_BillState" />
			</div>
		</mvt:if>
		<div class="&mvte:global:BillZip_Row;">
			<label class="required" for="l-Customer_BillZip">Zip/Postal Code:</label>
			<input type="text" name="Customer_BillZip" value="&mvte:global:Customer_BillZip;" id="l-Customer_BillZip" />
		</div>
		<div class="&mvt:global:BillCountry_Row;">
			<label class="required" for="l-Customer_BillCountry">Country:</label>
			<mvt:item name="countries" param="Customer_BillCountry" />
		</div>
	</div>
</div>
<mvt:if expr="l.settings:customer:match">
	<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
		<script>document.getElementById('billing_to_show').checked = true;</script>
	<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
		<script>document.getElementById('shipping_to_show').checked = true;</script>
	</mvt:if>
</mvt:if>
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
	<script type="text/javascript">
		var MvCustomerAddresses = [];

		<mvt:foreach iterator="address" array="customer:addresses">
				MvCustomerAddresses[ <mvt:eval expr="int( l.settings:address:id )" /> ] = {
					"id":       <mvt:eval expr="int( l.settings:address:id )" />,
				"cust_id":  <mvt:eval expr="int( l.settings:address:cust_id )" />,
				"descrip":  "&mvtj:address:descrip;",
				"fname":    "&mvtj:address:fname;",
				"lname":    "&mvtj:address:lname;",
				"email":    "&mvtj:address:email;",
				"comp":     "&mvtj:address:comp;",
				"phone":    "&mvtj:address:phone;",
				"fax":      "&mvtj:address:fax;",
				"addr1":    "&mvtj:address:addr1;",
				"addr2":    "&mvtj:address:addr2;",
				"city":     "&mvtj:address:city;",
				"state":    "&mvtj:address:state;",
				"zip":      "&mvtj:address:zip;",
				"cntry":    "&mvtj:address:cntry;",
				"resdntl":  <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
		};
		</mvt:foreach>
	</script>
</mvt:if>
<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>

####OCST Page The customer fields section of this page has been updated to allow for the address book features as well as using the internal "toggleDetails" JavaScript function. Unless you have customized this section, it is recommended to replace it in its entirety.

<mvt:item name="customfields" param="Read_Basket('basket', g.saved_fields)" />
<mvt:if expr="NOT ISNULL g.saved_fields" >
	<mvt:assign name="g.ShipFirstName" value="g.saved_fields:ship_fname" />
	<mvt:assign name="g.ShipLastName" value="g.saved_fields:ship_lname" />
	<mvt:assign name="g.ShipEmail" value="g.saved_fields:ship_email" />
	<mvt:assign name="g.ShipCompany" value="g.saved_fields:ship_comp" />
	<mvt:assign name="g.ShipPhone" value="g.saved_fields:ship_phone" />
	<mvt:assign name="g.ShipFax" value="g.saved_fields:ship_fax" />
	<mvt:assign name="g.ShipAddress1" value="g.saved_fields:ship_addr1" />
	<mvt:assign name="g.ShipAddress2" value="g.saved_fields:ship_addr2" />
	<mvt:assign name="g.ShipCity" value="g.saved_fields:ship_city" />
	<mvt:assign name="g.ShipStateSelect" value="g.saved_fields:ship_state" />
	<mvt:assign name="g.ShipState" value="g.saved_fields:ship_state" />
	<mvt:assign name="g.ShipZip" value="g.saved_fields:ship_zip" />
	<mvt:assign name="g.ShipCountry" value="g.saved_fields:ship_cntry" />	
	<mvt:assign name="g.BillFirstName" value="g.saved_fields:bill_fname" />
	<mvt:assign name="g.BillLastName" value="g.saved_fields:bill_lname" />
	<mvt:assign name="g.BillEmail" value="g.saved_fields:bill_email" />
	<mvt:assign name="g.BillCompany" value="g.saved_fields:bill_comp" />
	<mvt:assign name="g.BillPhone" value="g.saved_fields:bill_phone" />
	<mvt:assign name="g.BillFax" value="g.saved_fields:bill_fax" />
	<mvt:assign name="g.BillAddress1" value="g.saved_fields:bill_addr1" />
	<mvt:assign name="g.BillAddress2" value="g.saved_fields:bill_addr2" />
	<mvt:assign name="g.BillCity" value="g.saved_fields:bill_city" />
	<mvt:assign name="g.BillStateSelect" value="g.saved_fields:bill_state" />
	<mvt:assign name="g.BillState" value="g.saved_fields:bill_state" />
	<mvt:assign name="g.BillZip" value="g.saved_fields:bill_zip" />
	<mvt:assign name="g.BillCountry" value="g.saved_fields:bill_cntry" />
</mvt:if>
<div class="column whole medium-half ship-to">
	<h4 class="fields-heading">
		<span class="controls-heading">Ship To:</span>
		<span id="shipping_controls" class="controls">
			<mvt:if expr="g.Action AND g.shipping_to_show">
				<input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" checked />
			<mvt:else>
				<input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" />
			</mvt:if>
			<label for="shipping_to_show">same as billing</label>
		</span>
	</h4>
	<div id="shipping_fields">
		<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
			<div class="&mvte:global:ShipID_Row;">
				<label class="required" for="ShipID">Saved Address:</label>
				<select name="ShipID" id="shipping_selector">
					<option value="-1">&lt;New&gt;</option>
					<mvt:foreach iterator="address" array="customer:addresses">
						<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.ShipFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.ShipLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.ShipEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.ShipCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.ShipPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.ShipFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.ShipAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.ShipAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.ShipCity ) AND
                                         (
                                            ( ( NOT ISNULL g.ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.ShipStateSelect ) ) ) OR
                                            ( ( ISNULL g.ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.ShipState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.ShipZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.ShipCountry )">
							<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
						<mvt:else>
							<option value="&mvte:address:id;">&mvte:address:descrip;</option>
						</mvt:if>
					</mvt:foreach>
				</select>
			</div>
		</mvt:if>
		<div class="&mvte:global:ShipFirstName_Row;">
			<label class="required" for="l-ShipFirstName">First Name:</label>
			<input type="text" name="ShipFirstName" id="l-ShipFirstName" value="&mvte:global:ShipFirstName;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipLastName_Row;">
			<label class="required" for="l-ShipLastName">Last Name:</label>
			<input type="text" name="ShipLastName" id="l-ShipLastName" value="&mvte:global:ShipLastName;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipEmail_Row;">
			<label class="required" for="l-ShipEmail">Email Address:</label>
			<input type="email" name="ShipEmail" id="l-ShipEmail" value="&mvte:global:ShipEmail;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipPhone_Row;">
			<label class="required" for="l-ShipPhone">Phone Number:</label>
			<input type="tel" name="ShipPhone" id="l-ShipPhone" value="&mvte:global:ShipPhone;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipFax_Row;">
			<label class="italic" for="l-ShipFax">Fax Number:</label>
			<input type="tel" name="ShipFax" id="l-ShipFax" value="&mvte:global:ShipFax;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipCompany_Row;">
			<label class="italic" for="l-ShipCompany">Company:</label>
			<input type="text" name="ShipCompany" id="l-ShipCompany" value="&mvte:global:ShipCompany;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipAddress1_Row;">
			<label class="required" for="l-ShipAddress1">Address:</label>
			<input type="text" name="ShipAddress1" id="l-ShipAddress1" value="&mvte:global:ShipAddress1;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipAddress2_Row;">
			<label class="italic" for="l-ShipAddress2">Address 2:</label>
			<input type="text" name="ShipAddress2" id="l-ShipAddress2" value="&mvte:global:ShipAddress2;" class="input-small-font medium-input-normal-font" placeholder="ex. Suite#, Floor#, Apt.#" />
		</div>
		<div class="&mvte:global:ShipCity_Row;">
			<label class="required" for="l-ShipCity">City:</label>
			<input type="text" name="ShipCity" id="l-ShipCity" value="&mvte:global:ShipCity;" class="input-small-font medium-input-normal-font" />
		</div>
		<mvt:if expr="g.States_Empty">
			<div class="&mvte:global:ShipState_Row;">
				<label class="required" for="l-ShipState">State/Province:</label>
				<input type="text" name="ShipState" id="l-ShipState" value="&mvte:global:ShipState;" class="input-small-font medium-input-normal-font" />
			</div>
		<mvt:else>
			<div class="&mvte:global:ShipState_Row;">
				<label class="required" for="l-ShipStateSelect">State/Province:</label>
				<mvt:item name="states" param="ShipStateSelect" />
			</div>
			<div class="&mvte:global:ShipState_Row;">
				<label class="italic" for="l-ShipState">Other State/Province:</label>
				<input type="text" name="ShipState" id="l-ShipState" value="&mvte:global:ShipState;" class="input-small-font medium-input-normal-font">
			</div>
		</mvt:if>
		<div class="&mvte:global:ShipZip_Row;">
			<label class="required" for="l-ShipZip">Zip/Postal Code:</label>
			<input type="text" name="ShipZip" id="l-ShipZip" value="&mvte:global:ShipZip;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:ShipCountry_Row;">
			<label class="required" for="l-ShipCountry">Country:</label>
			<mvt:item name="countries" param="ShipCountry" />
		</div>
	</div>
</div>
<div class="column whole medium-half bill-to">
	<h4 class="fields-heading">
		<span class="controls-heading">Bill To:</span>
		<span id="billing_controls" class="controls">
			<mvt:if expr="g.Action AND g.billing_to_show">
				<input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" checked />
			<mvt:else>
				<input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" />
			</mvt:if>
			<label for="billing_to_show">same as shipping</label>
		</span>
	</h4>
	<div id="billing_fields">
		<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
			<div class="&mvte:global:BillID_Row;">
				<label class="required" for="BillID">Saved Address:</label>
				<select name="BillID" id="billing_selector">
					<option value="-1">&lt;New&gt;</option>
					<mvt:foreach iterator="address" array="customer:addresses">
						<mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.BillFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.BillLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.BillEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.BillCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.BillPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.BillFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.BillAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.BillAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.BillCity ) AND
                                         (
                                            ( ( NOT ISNULL g.BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.BillStateSelect ) ) ) OR
                                            ( ( ISNULL g.BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.BillState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.BillZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.BillCountry )">
							<option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
						<mvt:else>
							<option value="&mvte:address:id;">&mvte:address:descrip;</option>
						</mvt:if>
					</mvt:foreach>
				</select>
			</div>
		</mvt:if>
		<div class="&mvte:global:BillFirstName_Row;">
			<label class="required" for="l-BillFirstName">First Name:</label>
			<input type="text" name="BillFirstName" id="l-BillFirstName" value="&mvte:global:BillFirstName;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:BillLastName_Row;">
			<label class="required" for="l-BillLastName">Last Name:</label>
			<input type="text" name="BillLastName" id="l-BillLastName" value="&mvte:global:BillLastName;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:BillEmail_Row;">
			<label class="required" for="l-BillEmail">Email Address:</label>
			<input type="email" name="BillEmail" id="l-BillEmail" value="&mvte:global:BillEmail;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:BillPhone_Row;">
			<label class="required" for="l-BillPhone">Phone Number:</label>
			<input type="tel" name="BillPhone" id="l-BillPhone" value="&mvte:global:BillPhone;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:BillFax_Row;">
			<label class="italic" for="l-BillFax">Fax Number:</label>
			<input type="tel" name="BillFax" id="l-BillFax" value="&mvte:global:BillFax;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:BillCompany_Row;">
			<label class="italic" for="l-BillCompany">Company:</label>
			<input type="text" name="BillCompany" id="l-BillCompany" value="&mvte:global:BillCompany;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:BillAddress1_Row;">
			<label class="required" for="l-BillAddress1">Address:</label>
			<input type="text" name="BillAddress1" id="l-BillAddress1" value="&mvte:global:BillAddress1;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvte:global:BillAddress2_Row;">
			<label class="italic" for="l-BillAddress2">Address 2:</label>
			<input type="text" name="BillAddress2" id="l-BillAddress2" value="&mvte:global:BillAddress2;" class="input-small-font medium-input-normal-font" placeholder="ex. Suite#, Floor#, Apt.#" />
		</div>
		<div class="&mvte:global:BillCity_Row;">
			<label class="required" for="l-BillCity">City:</label>
			<input type="text" name="BillCity" id="l-BillCity" value="&mvte:global:BillCity;" class="input-small-font medium-input-normal-font" />
		</div>
		<mvt:if expr="g.States_Empty">
			<div class="&mvte:global:BillState_Row;">
				<label class="required" for="l-BillState">State/Province:</label>
				<input type="text" name="BillState" id="l-BillState" value="&mvte:global:BillState;" class="input-small-font medium-input-normal-font" />
			</div>
		<mvt:else>
			<div class="&mvte:global:BillState_Row;">
				<label class="required" for="l-BillStateSelect">State/Province:</label>
				<mvt:item name="states" param="BillStateSelect" />
			</div>
			<div class="&mvte:global:BillState_Row;">
				<label class="italic" for="l-BillState">Other State/Province:</label>
				<input type="text" name="BillState" id="l-BillState" value="&mvte:global:BillState;" class="input-small-font medium-input-normal-font" />
			</div>
		</mvt:if>
		<div class="&mvte:global:BillZip_Row;">
			<label class="required" for="l-BillZip">Zip/Postal Code:</label>
			<input type="text" name="BillZip" id="l-BillZip" value="&mvte:global:BillZip;" class="input-small-font medium-input-normal-font" />
		</div>
		<div class="&mvt:global:BillCountry_Row;">
			<label class="required" for="l-BillCountry">Country:</label>
			<mvt:item name="countries" param="BillCountry" />
		</div>
	</div>
</div>

<div class="column whole tax-fields">
	<mvt:foreach array="tax:fields" iterator="field">
		<mvt:if expr="l.settings:field:invalid">
			<div class="form-row invalid"><label>&mvt:field:prompt;</label><mvt:item name="tax" param="field:code" /></div>
		<mvt:else>
			<div class="form-row"><label>&mvt:field:prompt;</label><mvt:item name="tax" param="field:code" /></div>
		</mvt:if>
	</mvt:foreach>
</div>

<mvt:if expr="g.Basket:cust_id">
	<div class="column whole medium-half update-record form-row align-right">
		<mvt:if expr="g.Update_Customer">
			<label for="l-update-customer"><input type="checkbox" name="Update_Customer" value="Yes" id="l-update-customer" checked /> Update Customer Record With This Information</label>
		<mvt:else>
			<label for="l-update-customer"><input type="checkbox" name="Update_Customer" value="Yes" id="l-update-customer" /> Update Customer Record With This Information</label>
		</mvt:if>
	</div>
</mvt:if>

<mvt:if expr="l.settings:customer:match">
	<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
		<script>document.getElementById('billing_to_show').checked = true;</script>
	<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
		<script>document.getElementById('shipping_to_show').checked = true;</script>
	</mvt:if>
</mvt:if>

<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
	<script type="text/javascript">
		var MvCustomerAddresses = [];

		<mvt:foreach iterator="address" array="customer:addresses">
				MvCustomerAddresses[ <mvt:eval expr="int( l.settings:address:id )" /> ] = {
					"id":       <mvt:eval expr="int( l.settings:address:id )" />,
				"cust_id":  <mvt:eval expr="int( l.settings:address:cust_id )" />,
				"descrip":  "&mvtj:address:descrip;",
				"fname":    "&mvtj:address:fname;",
				"lname":    "&mvtj:address:lname;",
				"email":    "&mvtj:address:email;",
				"comp":     "&mvtj:address:comp;",
				"phone":    "&mvtj:address:phone;",
				"fax":      "&mvtj:address:fax;",
				"addr1":    "&mvtj:address:addr1;",
				"addr2":    "&mvtj:address:addr2;",
				"city":     "&mvtj:address:city;",
				"state":    "&mvtj:address:state;",
				"zip":      "&mvtj:address:zip;",
				"cntry":    "&mvtj:address:cntry;",
				"resdntl":  <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
		};
		</mvt:foreach>
	</script>
</mvt:if>

<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>

##Other Changes There have been some important structural changes to all the ReadyThemes. 9.0005 changed how frameworks get exported and all files included in a framework must now be included in the mm5 folder.

This means that any file that used to be in the web root will get moved to the mm5 folder when the framework is installed in a store.

Because of this change the latest ready themes have been restructured to support this update. We also took this opportunity to reorganize the files included in each theme and create a new "themes" folder.

Each theme has the following changes:

  1. All assets of a theme (CSS, JS, Images, etc) are now in a themes folder: /mm5/themes/theme-name/

    Example: /mm5/themes/suivant or /mm5/themes/retro

  2. There is now a global variable defined in the head tag of each them which determine the "theme path". This path is where all files are located and is relative to the base href (mm5 folder).

    <mvt:assign name="g.theme_path" value="'themes/suivant'" />

    This variable is then used as a prefix for any assets you want to include in the theme.

    <script src="&mvte:global:theme_path;/js/modernizr.js"></script>
<script src="&mvte:global:theme_path;/js/respond.min.js"></script>

    There is also a JavaScript version of this variable which can be used in JavaScript files:

    <script>var theme_path = "&mvtj:global:theme_path;";</script>
Add a custom footer
Add a custom sidebar
Clone this wiki locally