CoolFace
Datasetpublic

SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
root4211.html
4211.html3690 linesDownload Raw Back to root
1<!DOCTYPE html>2<html class="js" dir="LTR" lang="en">3 <head>4  <style>5   body {6	font: normal 100%/1.5 Verdana, "Century Gothic", Arial, Helvetica, sans-serif;7	color: #606060;8	background: #f8f8f8;9}10img, a, form, input, select, textarea, label, body {11	padding: 0;12	margin: 0;13}14 15img {16	border: none;17	max-width: 100%;18}19.group:before, .group:after {20	content: "";21	display: table;22}23.group:after {24	clear: both;25}26.group {27	zoom: 1;28	margin-bottom:10px;29}30.clear {31	clear: both;32}33a {34	color: #606060;35	text-decoration: none;36	font: 14px Verdana, Arial37}38 39a:hover {40	color: #e60001;41}42.container {43	margin: 0 auto;44	padding: 0 10px;45	font: 14px Verdana, Arial;46	max-width:1320px;47}48.headerNav{49    font: 14px Verdana, Arial;50    color: #606060;51}52 53#header-wrapper{54	/*position: fixed;55	top: 0;56	background: #f8f8f8;57	z-index: 999999;*/58}59header {60	padding: 14px 0 10px;61	background: #f8f8f8;62}63 64 65marquee, .marque-top{width:100%;clear:both;}66.mobileOnly{ display:none;}67/*.send-flower, .trust, .guarantee, .award,68.love, .anniversary, .get-well, .combos, .sympathy,69.birthday, .new-born, .sellers, .secure, .ng-bg,70 .orderNow, .moreInfo,  .msg-bg, .paypal, */71.bqstart, .bqend, .fb, .googlePlus {72	display: block;73	background: url("images/sprites.png") no-repeat;74}75.pay_logo{76display: block;77	background: url("images/pay_logo.jpg") no-repeat;78}79.siteaddress1 {80	display: block;81}82.logo {83	width: 28%;84	margin: 0;85}86.logo {87	float: left;88}89.logo a {90	display: block;91	clear: both;92}93/*.topbanner {94	display: none95}*/96.topbanner {97	float: left;98}99.topbanner a {100	display: block;101	clear: both;102}103 104/*Menu Section Start*/105.toggleMenu {106	display: none;107	/*background: #666;*/108	padding:0;109	width:100%;110	color: #fff;111	line-height:46px;112}113/*114.toggleMenu:hover {115	background-color: #3ca409;116	color: #fff;117}118*/119nav{120    height: 46px;121    margin: auto;122    min-width: 750px;123    padding: 0;124	background: #3ca409;125	display:inline-block;126	width:100%;127	}128 129.nav {130	list-style: none;131 *zoom: 1;132	padding: 0;133	margin: 0;134}135.nav:before, .nav:after {136	content: " ";137	display: table;138}139.nav:after {140	clear: both;141}142.nav ul {143	list-style: none;144	width: 190px;145}146.nav a {147	color: #fff;148	line-height: 46px;149	padding: 0 11px;150	font-size:13px;151}152.nav li {153	position: relative;154	border-right: 1px solid #fff;155}156.nav > li {157	float: left;158}159.nav > li > .parent {160	background-image: url("images/downArrow.png");161	background-repeat: no-repeat;162	background-position: right;163	margin-right: 13px;164}165.nav > li > a {166	display: block;167}168.nav li ul {169	position: absolute;170	left: -9999px;171	top: 47px;172	padding-left: 0;173}174 175 176form .reviewForm .fieldRadio input{width:4%;}177form .reviewForm .label, .reviewForm .field{ margin-bottom: 20px; }178 179nav > ul > li > ul{ overflow: scroll !important; }180@media (min-width:750px){181 .nav > li.hover > ul,.nav > li:hover > ul {182	left: 0;183	top: 46px;184	border:solid 1px #fff;185}186}187.nav li li.hover ul {188	left: 100%;189	top: 0;190}191.nav li li a {192	display: block;193	background: #3ca409;194	position: relative;195	z-index: 100;196	padding-right: 15px;197	padding-left: 15px;198}199.nav li li li a {200	background: #3ca409;201	z-index: 200;202	margin-bottom: 1px;203}204.login_page {205	border: 2px solid #dcdbdb;206	float: left;207	width: 100%;208}209.login_page .lft_login {210	float: left;211	width: 50%;212}213.login_page .lft_login h2 {214	background-color: #dcdbdb;215	font-size: 14px;216	font-weight: bold;217	line-height: 38px;218	padding-left: 10px;219	margin: 0;220}221.login_page .lft_login p {222	padding: 20px;223	float: left;224	display: block;225	clear: both;226	margin: 0;227}228.login_page .rgt_login {229	float: right;230	width: 50%;231}232.login_page .rgt_login h2 {233	background-color: #dcdbdb;234	font-size: 14px;235	font-weight: bold;236	line-height: 38px;237	padding-left: 10px;238	margin: 0;239}240.loginpart {241	padding: 20px;242	float: left;243	display: block;244	clear: both;245	width: 90%;246	border-left: 2px solid #dcdbdb;247}248/*End Menu Section */249 250 251 252/*.siteaddress1{ display:block; background-position: 98% 98%; width:100%; margin:0px 0px 0px 0px;*padding:23% 0;background-size:380% auto; }*/253.siteaddress1 p {254	font: bold 30px/32px Verdana, Arial;255	margin: 5px;256}257.siteaddress1 p img {258	float: left;259	width: 8%;260}261.catg h1 {262	font: 18px verdana;263}264.right-utility-sec {265	width: 70%;266	margin: 0;267}268.right-utility-sec {269	float: right;270}271.right-utility-sec .toppart ul, .right-utility-sec .bottompart ul {272	margin: 0;273	padding: 0;274}275.right-utility-sec .toppart li {276	margin: 0 5px 0;277}278.right-utility-sec .toppart li a {279	display: block;280	text-transform: uppercase;281	font-size: 11px;282}283.right-utility-sec .toppart li a:hover, .top-mid-gray li.selected a {284	color: #e60001;285}286.right-utility-sec {287	clear: right;288	display: block;289}290.right-utility-sec .toppart ul {291	padding: 0;292	margin: 0;293}294.right-utility-sec .toppart li {295	list-style-type: none;296	float: left;297	margin: 0 4px;298}299.right-utility-sec .toppart li a {300	font-size: 11px;301	display: block;302	text-transform: uppercase;303}304.right-utility-sec .toppart {305	border: 1px solid #dcdbdb;306	border-bottom: none;307	border-top-left-radius: 5px;308	border-top-right-radius: 5px;309	padding: 10px 1%;310	width: 26%;311	float: right;312}313.right-utility-sec .logintoppart {314	border: 1px solid #dcdbdb;315	border-bottom: none;316	border-top-left-radius: 5px;317	border-top-right-radius: 5px;318	padding: 10px 1%;319	width: 38%;320	float: right;321}322.right-utility-sec .toppart ul, .right-utility-sec .bottompart ul {323	margin: 0;324	padding: 0;325}326.right-utility-sec .toppart li {327	margin: 0 3px 0;328}329.right-utility-sec .toppart li a {330	display: block;331	text-transform: uppercase;/*font-size: 12px;*/332}333.right-utility-sec .toppart li a:hover, .top-mid-gray li.selected a {334	color: #e60001;335}336.top-cont {337	float: right;338	width: 100%;339}340.search {341	margin-right: 3%;342	width: 68%;343	float: right;344}345.loginsearch {346	width: 56%;347	float: right;348}349.bottompart {350	float: right;351	clear: right;352	border: 1px solid #ccc;353	border-top-left-radius: 5px;354	border-bottom-right-radius: 5px;355	border-bottom-left-radius: 5px;356	padding: 10px 1%;357	width: 98%;358}359.right-utility-sec .bottompart ul li {360	margin: 0;361}362.right-utility-sec .bottompart ul li+li {363	display: block;364}365.right-utility-sec .bottompart ul li+li+li {366	float: right;367}368.right-utility-sec .bottompart ul li a {369	padding: 0 5px;370}371.right-utility-sec .bottompart ul li {372	list-style-type: none;373	float: left;374}375.right-utility-sec .bottompart ul li strong {376	display: none;377}378.right-utility-sec .bottompart ul li a {379	margin-right: 5px;380}381.right-utility-sec .bottompart ul li a span {382	color: #e60001;383}384.right-utility-sec .bottompart ul li a:hover {385	color: #000;386}387.right-utility-sec .bottompart ul li select {388	font-size: 11px;389	font-family: Verdana, Arial;390	padding: 2px;391	margin-left: 5px;392}393ul.header .quickLinks .socialLinks {394	border: 1px solid #ccc;395	border-radius: 5px;396	display: block;397	padding: 10px 8px;398	clear: both;399}400.fb {401	background-position: -32px -491px;402	width: 19px;403	height: 28px;404	display: none;405	padding: 0px;406}407.googlePlus {408	background-position: -4px -492px;409	width: 19px;410	height: 28px;411	display: none;412	padding: 0px;413}414.currency {415	display: inline-block;416}417.search .texefield {418	background-color: #ffffff;419	border: 1px solid #b1b1b1;420	color: #333333;421	font-family: Arial, Helvetica, sans-serif;422	font-size: 13px;423	height: 24px;424	line-height: 14px;425	text-decoration: none;426	width: 70% !important	;427}428.currentdate {429	color: #941021;430	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;431	padding-left: 0px;432}433/*banner*/434.banner {435	background: #F9F9E9;436	border-bottom: 1px solid #dcdbdb;437	border-top: 1px solid #dcdbdb;438}439.left-column {440	float: left;441}442.left-column ul, .right-column ul {443	margin: 0;444	padding: 0;445}446.left-column ul li, .right-column ul li {447	list-style-type: none;448}449.left-column ul li a, .right-column ul li a {450	display: block;451}452.middle-column {453	float: left;454}455.left-column {456	width: 100%;457	display: block;458	float: left;459}460.left-column li a {461	width: 100%;462}463.middle-column {464	width: 60%;465	float: right;466}467.right-column {468	width: 40%;469	display: block;470	float: right;471}472.right-column ul li {473	float: left;474	width: 100%;475}476.right-column .left {477	float: left;478	width: 48.5%;479}480.right-column .left+.left {481	float: right;482}483.banner {484	margin: 0 0 10px;485	padding: 5px 0px;486}487.left-column ul li {488	float: left;489	margin: 3px 2px;490	width: 48.5%;491}492.left-column ul li:first-child {493	margin-left: 0;494}495.right-column ul li:last-child {496	margin-right: 0;497}498/*.left-column ul li a, .right-column ul li a {499	display: block;500	background-image: url(./images/sprites.png);501	background-repeat: no-repeat;502	background-position: 0 0;503	min-height: inherit;504}*/505.left-column ul li a {506*padding-bottom:42%;507	background-size: 300%;508	color: #fff;509}510.right-column ul li a {511	background-size: 341%;512*padding-bottom:47%;513}514.left-column ul li.noextracharge a {515	background-position: -0.3% 0%;516}517.left-column ul li.secureshopping a {518	background-position: -0.3% 20%;519}520.left-column ul li.satisfaction a {521	background-position: -0.3% 40%;522}523.left-column ul li.handdelivered a {524	background-position: -0.3% 60%;525}526.right-column ul li.anniversary-flowers a {527	background-position: 47% 0%;528	background-color: transparent;529}530.right-column ul li.birthdayflowers a {531	background-position: 47% 20%;532	background-color: transparent;533}534.right-column ul li.loveflowers a {535	background-position: 47% 40.56%;536	background-color: transparent;537}538.right-column ul li.specialcombos a {539	background-position: 47% 60.56%;540	background-color: transparent;541}542.right-column ul li.sympathy-flowers a {543	background-position: 88.5% 0%;544	background-color: transparent;545}546.right-column ul li.wedding-flowers a {547	background-position: 88.5% 20%;548	background-color: transparent;549}550.right-column ul li.cakes a {551	background-position: 88.5% 40.56%;552	background-color: transparent;553}554.right-column ul li.newborn a {555	background-position: 88.5% 60.56%;556	background-color: transparent;557}558.left-column {559	width: 100%;560	display: block;561}562.left-column ul li {563	width: 24.4%;564}565/*banner*/566 567.leftsection {568	float: left;569	width: 27%;570}571.leftsection ul {572	margin: 0px;573	padding: 0px;574	list-style: inside none disc;575}576.leftsection .catg {577	border: 1px solid #dcdbdb;578	border-radius: 5px;579	padding: 15px 4px 15px 14px;580	background: #fff;581	margin-bottom: 10px;582}583.leftsection .catg .heading {584	font: bold 16px verdana;585	color: #000;586	margin-bottom: 15px;587}588.leftsection .catg ul li {589	font: normal 16px verdana;590	list-style: none;591	line-height: 18px;592	margin-bottom: 10px;593}594.leftsection .catg ul li ul {595	padding: 5px 0px 0px 15px;596}597.leftsection .catg ul li ul li {598	list-style: disc inside;599}600.leftsection .catg ul li.ch_su {601	font: normal 16px verdana;602	list-style: disc inside;603	line-height: 18px;604	margin-bottom: 10px;605	padding: 0px 0 0px 15px;606}607.leftsection .catg ul li a {608	font: 16px/18px verdana;609	list-style: outside none none;610}611.leftsection .catg a.active {612	color: #e60001;613}614.rightsection {615	float: right !important;616	margin-left: 1%;617	border: 0px solid red;618	width: 71%;619}620.rightsection .featureProduct {621	background: none repeat scroll 0 0 #fff;622	border: 1px solid #dcdbdb;623	border-radius: 5px;624	color: #000;625	font-size: 15px;626	font-weight: bold;627	margin-bottom: 10px;628	padding: 15px 14px;629	width: 97%;630}631.productbox {632	background: #fff;633	border: 1px solid #dcdbdb;634	border-radius: 12px;635	text-align: center;636	-webkit-box-sizing: border-box;637     -moz-box-sizing: border-box;638          box-sizing: border-box;639}640.productbox {641	padding: 1%;642	margin: 0 1% 15px 0;643	width: 19%;644	float: left;645}646.testimony {647	position: relative;648	clear: right;649	height: 200px;650	text-align: left;651	width: 29%;652	font: 10px/12px Verdana, Arial;653}654.testimony:before {655	border-color: #dcdbdb transparent;656	border-style: solid;657	border-width: 44px 38px 0 0;658	bottom: -44px;659	content: "";660	display: block;661	left: 40px;662	position: absolute;663	width: 0;664}665.testimony:after {666	border-color: #fff transparent;667	border-style: solid;668	border-width: 45px 40px 0 0;669	bottom: -40px;670	content: "";671	display: block;672	left: 41px;673	position: absolute;674	width: 0;675}676.testimony:before {677	border-width: 24px 38px 0 0;678	bottom: -24px;679}680.testimony:after {681	border-width: 25px 40px 0 0;682	bottom: -20px;683}684.bqend {685	background-position: -664px -80px;686	width: 39px;687	height: 30px;688	display: inline-block;689}690.bqstart {691	background-position: -664px -50px;692	float: left;693	margin-top: -16px;694	padding-top: 31px;695	margin-bottom: 0px;696	font-size: 700%;697	width: 39px;698}699.productbox img {700	display: inline-block;701	height: auto;702}703.description {704	padding: 0px;705	text-align: center;706	display: block;707}708.description span {709	display: block;710	font-weight: bold;711	color: #000;712	font-size: 0.9em;713	width: 100%;714	margin-bottom: 5px;715}716.description span+span {717	color: #fe434e;718}719.info, .order {720	background: #000;721	border-radius: 8px;722	color: #fff;723	text-transform: uppercase;724	float: left;725}726.infocity{727	background: #000;728	border-radius: 8px;729	color: #fff;730	text-transform: uppercase;731	display:inline-block;732	padding:3px 12px;733	734 735}736 737 738.cityCake .heading{color:#0765ac; font-size:46px; text-shadow: 0px 0px 2px #0eb3ff; font-family: arial; padding: 28px 50px 20px 0; text-align: center; }739.cityCake .right-column {width:44%;}740.cityCake .right-column .left ul { padding:0 0 20px 20px; }741.cityCake .right-column .left ul li{  list-style-type: none; padding: 0 0 3px 0; font-size: 16px; font-weight: normal;}742.banner-column{ float: right;width:38%;  }743.banner-column img{ height: auto!important; }744 745.footerLinks #socialShare{ width: 202px; display: block; padding: 0; margin: 0 auto; }746.footerLinks ul.blog_smo {float: right; padding: 0;}747.blog_smo li {748    float: left;749    margin: 0 5px;750}751.blog_smo li a {752    display: block;753    width: 24px;754    height: 24px;755    background-image: url(https://d24pyncn3hxs0c.cloudfront.net/sites/all/themes/blog/images/blog_sprite.png);756    background-repeat: no-repeat;757    text-indent: -100000%;758    }759.icon_fb {760    background-position: -25px 0;761}762 763.icon_tw {764    background-position: -50px 0;765}766.icon_gplus {767    background-position: -100px 0;768}769.icon_youTube {770    background-position: 0 0;771}772 773 774 775 776 777 778 779 780.order {781	background: #bebebe;782	float: right;783}784.info a, .order a {785	display: block;786	text-align: center;787	color: #fff;788}789.order a {790	color: #000;791}792.info a:hover, .order a:hover {793	background: #e60001;794	border-radius: 8px;795	color: #fff;796}797.info {798	display: none;799}800.order {801	display: inline-block;802	float: none;803}804.order {805	width: 92px;806}807.info a, .order a {808	line-height: 24px;809	font-size: 11px;810	font-weight: bold;811}812/*******************************************************************************************************************813*  FOOTER                                                                                                          814*******************************************************************************************************************/815 816.header_h1 {817	text-align: center;818	margin-bottom: 0px;819	color: #000;820	font-size: 18px;821}822.contentBox a{823    color: blue;824}825.contentBox h1, .contentBox h2, .contentBox h3, .contentBox h4, .contentBox  h5 {826	text-align: center;827	margin-bottom: 10px;828	color: #000;829	font-size: 18px;830}831 832.footerLinks {833	margin: 0 auto;834	text-align: center;835	float: left;836}837.footerLinks div.paypal img {838	vertical-align: middle;839	display: inline-block;840}841.copyrights a {842	color: #000;843}844.contentBox{845	border: 1px solid #dcdbdb;846	margin: 10px;847	border-radius: 5px;848	padding: 15px 14px;849	display: block;850	background: #fff;851	clear: both;852	font-size: 12px;853}854.contentBox  .sitelinks {855	text-align: center;856}857.contentBox .sitelinks div {858	margin: 14px 2%;859	display: block;860	width: 16%;861	float: left;862	text-align: left;863}864footer {865	padding: 5px 0 100px;866	background: url("images/fotter-bg.jpg") no-repeat bottom;867	color: #000;868	display: block;869	height: auto;870	margin: auto;871}872.contentBox .heading {873	font: bold 16px verdana;874	color: #000;875	margin-bottom: 15px;876	text-align: center;877}878.footerLinks div {879	display: inline-block;880	margin: 5px;881	padding-top: 5px;882}883.footerLinks div.paypal {884	padding-top: 0px;885}886.copyrights {887	text-align: center;888	margin-top: 10px;889}890.footerLinks a {891	font: 13px Verdana, Arial;892	color: #000;893	894}895.pagging {896	text-align: center;897	display: block;898	margin: 10px 0px;899	clear: both;900}901.pageResults {902	border: 1px solid #666;903	padding: 5px 10px;904	display: inline-block;905}906.current {907	border: 1px solid #666;908	padding: 5px 10px;909	display: inline-block;910}911.productimage {912	width: 31.6%;913	margin: 5px 0px;914	float: left;915	font-size: 22px;916}917.productimage img {918	width: 100%919}920.proddesc {921	float: left;922	margin-left: 1%;923	width: 63%;924	margin-bottom: 15px;925}926.proddesc1 {927	width: 100%;928}929.proddesc p, .proddesc1 p {930	text-align: justify;931	font-size: 14px;932}933.deliverydate {934	float: left;935	width: 70%;936	margin-top: 0px;937}938.deliverytime {939	float: left;940	width: 99%;941	margin-top: 0px;942}943.proddesc .deliverytime {944	float: left;945	width: 70%;946	margin-top: 10px;947}948.deliverydate select, .deliverytime select {949	width: 100%;950	padding: 8px 2px;951	font: 1.3em/1.3 courier, Arial, Geneva, Helvetica, sans-serif952}953.order_now {954	margin: 10px 0px 20px 0px;955	border: 2px solid #A4C038;956	color: #FDFFFA;957	font: 18px/22px verdana;958	padding: 11px;959	background: linear-gradient(to bottom, #9EC12F 0%, #B5CF60 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);960	text-align: center;961	cursor: pointer;962	background-color: #9EC12F;963	width:200px;964}965.order_now:hover {966	background: linear-gradient(to bottom, #A4C038 0%, #9EC12F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);967	background-color: #9EC12F;968}969.addonproductheading {970	font: bold 90%/1.5 Verdana, "Century Gothic", Arial, Helvetica, sans-serif;971	margin: 2px 0px 15px 0px;972}973.producttesti {974	float: left;975	margin-left: 1%;976	width: 30%;977	margin-bottom: 15px;978	display: block979}980.producttesti .testimony {981	width: 90%;982	height: 250px;983	padding: 20px 5%984}985.producttesti .bqstart {986	margin-top: -10px;987}988.label {989	float: left;990	padding: 1px 0 0;991	width: 25%;992}993.label2 {994	float: left;995	padding: 1px 0 0;996	width: 25%;997}998.field input {999	width: 50%;1000	font: 11px/22px verdana;1001	height: 22px;1002}1003.field textarea {1004	width: 50%;1005	font: 11px/22px verdana1006}1007.field select {1008	width: 50%;1009	padding: 2px;1010}1011.field .error {1012}1013.field .inputRequirement {1014}1015.label1 {1016	padding: 8px 0px 2px 0px;1017	width: 49%;1018	float: left;1019}1020.shopping_cart {1021	font: bold 11px/14px Verdana, "Century Gothic", Arial, Helvetica, sans-serif;1022	margin: 15px 0px;1023}1024.shopping_cart .box {1025	border-bottom: 1px solid #666;1026	margin: 2px 0px;1027	padding: 0px 0px 5px 0px;1028}1029.shopping_cart .product_image {1030	border: 0px solid red;1031	margin-right: 5px;1032	width: 60px;1033	float: left;1034}1035.shopping_cart .product_name {1036	border: 0px solid red;1037	margin-right: 10px;1038	width: auto;1039	float: left;1040}1041.shopping_cart .product_name .removeproduct {1042	margin: 28px 0px 0px 0px;1043	cursor: pointer;1044	text-decoration: underline1045}1046.shopping_cart .product_qty {1047	border: 0px solid red;1048	width: auto;1049	text-align: center;1050	float: right;1051}1052.shopping_cart .product_qty select {1053	padding: 2px 8px;1054}1055.shopping_cart .product_qty .productprice {1056	margin: 20px 0px 0px 0px;1057}1058.shopping_cart .right {1059	float: right;1060	clear: both;1061	margin-top: 5px;1062}1063.shopping_cart .add_product, .shopping_cart .place_order {1064	margin: 20px 0px 20px 0px;1065	border: 2px solid #A4C038;1066	color: #FDFFFA;1067	font: 15px/20px verdana;1068	padding: 4px 0px;1069	background: linear-gradient(to bottom, #9EC12F 0%, #B5CF60 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);1070	text-align: center;1071	cursor: pointer;1072	background-color: #9EC12F;1073}1074.shopping_cart .add_product:hover, .shopping_cart .place_order:hover {1075	background: linear-gradient(to bottom, #A4C038 0%, #9EC12F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);1076	background-color: #9EC12F;1077}1078.shopping_cart .add_product {1079	float: left;1080	width: 47.5%;1081	display: block;1082}1083.shopping_cart .place_order {1084	float: right;1085	width: 47.5%;1086	display: block;1087}1088.billinginfo {1089	font: bold 13px/14px Verdana, "Century Gothic", Arial, Helvetica, sans-serif;1090	margin: 15px 0px 25px 0px;1091	;1092}1093.billinginfo .label {1094	padding: 8px 0px 2px 0px;1095	width: 21%;1096	float: left;1097}1098.billinginfo .field {1099	padding: 8px 0px 2px 0px;1100	width: 59%;1101	float: left;1102}1103.billinginfo input {1104	width: 100%;1105	font: 11px/22px verdana;1106	height: 22px;1107}1108.billinginfo textarea {1109	width: 100%;1110	font: 11px/22px verdana1111}1112.billinginfo select {1113	width: 100%;1114	padding: 2px;1115}1116.billinginfo .error {1117	color: red;1118}1119 1120.error {1121	color: red;1122}1123.billinginfo .inputRequirement {1124}1125.billinginfo .headding {1126	float: left;1127	width: 100%;1128	font-size: 11px;1129	font-weight: bold;1130}1131.billinginfo .subheadding {1132	float: left;1133	margin-top: 10px;1134	font-size: 11px;1135}1136.billinginfo .required_heading {1137	float: right;1138}1139.billinginfo .add_product, .billinginfo .place_order {1140	margin: 20px 0px 20px 0px;1141	border: 2px solid #A4C038;1142	color: #FDFFFA;1143	font: 15px/20px verdana;1144	padding: 4px 0px;1145	background: linear-gradient(to bottom, #9EC12F 0%, #B5CF60 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);1146	text-align: center;1147	cursor: pointer;1148	background-color: #9EC12F;1149	height: auto;1150}1151.billinginfo .add_product:hover, .shopping_cart .place_order:hover {1152	background: linear-gradient(to bottom, #A4C038 0%, #9EC12F 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);1153	background-color: #9EC12F;1154}1155.billinginfo .add_product {1156	float: left;1157	width: 100%;1158	display: block;1159}1160.billinginfo .place_order {1161	float: right;1162	width: 100%;1163	display: block;1164}1165.billinginfo .deliverydate {1166	float: left;1167	width: 59%;1168	margin-right: 1%;1169}1170.billinginfo .deliverytime {1171	float: left;1172	width: 59%;1173	margin-left: 0%;1174}1175.billinginfo .deliverydate select, .billinginfo .deliverytime select {1176	width: 100%;1177	padding: 8px 2px;1178	font: 1.3em/1.4 courier, Arial, Geneva, Helvetica, sans-serif1179}1180.billinginfo .headding {1181	font-size: 15px;1182	font-weight: bold;1183	padding: 12px 2%;1184	margin: 0 auto 5px;1185	background: #ccc;1186	width: 96%;1187	display: inline-block;1188}1189.order_review {1190	font: bold 11px/14px Verdana, "Century Gothic", Arial, Helvetica, sans-serif;1191	margin: 0px 0px 25px 0px;1192	;1193}1194.order_review .label {1195	padding: 8px 0px 2px 0px;1196}1197.order_review .text {1198	font: normal 11px/14px Verdana, "Century Gothic", Arial, Helvetica, sans-serif;1199	padding: 0px 0px 4px 0px;1200}

Showing the first 1,200 of 3690 lines. Download the file for the rest.