/* CSS Document */ * { /*border: 1px dotted #333;*/ } body { background-color:#fff; font-family: Tahoma, Arial; font-size: 67.5%; color:#333; margin: 10px 0 0 0; padding: 0;} /* LAYOUT STYLES */ #header_bg { width: 100%; height: 118px; left:0; top: 33px; position: absolute; text-align:left; background:#fff; } #frame { width: 100%; margin: 0 auto; text-align: center; position:relative; } #infobar { width: 1000px; margin: 0 auto; text-align: center; position:relative; } #incorporating { font-size: 1.8em; font-weight:bold; text-align:left;} #telephone { font-size: 1.8em; font-weight:bold; text-align:right;} #header { width: 1000px; height: 118px; margin: 0px auto 10px; position: relative; text-align:left; background: #fff; position:relative;} #yd_logo { position: absolute; left: 0px; top: 5px;} #main_content { width: 980px; margin: 0 auto; text-align:left; position:relative; z-index:100; padding: 0;} #lh_col { width: 418px; float: left; margin: 0 28px;} #rh_col { width: 411px; float: right; text-align:center; margin: 0 28px;} #page_content { margin: 0px 30px 80px 0px; text-align:justify; width: 560px; float:right; padding: 0; position:relative; min-height:350px;} #footer { width: 100%; background-color: #FFFFFF; text-align: center; z-index:1000; position:fixed; left: 0; bottom: 0; margin: 25px auto 0 auto; } #footer p { font-size: 1.1em; color: #333; margin:0; padding: 0; } #goldfinch_logo { position: fixed; right: 5px; bottom: 70px; display:none;} #botbar { background: #eee; height: 20px; width: 100%; margin: 0 0 0 0; } #copyright { float: left; margin-left: 10px; padding-top: 2px;} #designedby { float: right; margin-right: 10px; padding-top: 2px;} #contact_details { margin: 30px auto;} .hp_button { width: auto; text-align:center; margin: 0 30px; float:left; clear:right;} .hp_button p, .hp_button a { width: auto; padding: 0; margin: 0px auto; white-space:nowrap; font-weigth: normal!important; font-size: 1.6em; color: #9290b0!important; text-transform: capitalize; text-decoration:none;} #centerpagetop { width: 800px; margin: 10px auto 10px; text-align:center!important; padding: 0; } #centerpagebot { width: 680px; margin: 0 auto 10px; text-align:center!important; padding: 0;} #imagestrip { width: 202px; position:relative; left: 140px; top: 0px; float: left;} #imagestrip img { margin: 10px 0;} #imagestrip td img { margin: 0;} #imagestrip p, #imagestrip li { font-size:1.0em; padding: 0 10px 0 8px; text-align:justify; line-height:normal;} #designpreview { height: 100px; width: 550px; background-color:#EEE; padding: 10px 0; text-align:center; margin:0 0 20px 0;} #designpreview_small { height: 310px; width: 202px; text-align:center; margin:0 0 30px 0;} #designpreview_small img { margin: 20px 0 0 0;} /* TEXT FORMATING */ .left { text-align:left!important;} .right { text-align:right!important;} .center { text-align:center!important;} h1 { font-size: 3.5em; color:#000000; font-weight:bold; margin: 0; padding: 0;} h2 { font-size: 2.5em; color:#000000; margin: 0 0 10px; padding: 0;} h3 { font-size: 1.4em; color:#000000; margin: 10px 0 10px 0; padding: 0; line-height:1.5em;} h4 { font-size: 1.2em; color:#000000; margin: 0 0 10px 0; padding: 0;} h5 { font-size: 1.1em; color:#000000; margin: 0 0 10px 0; padding: 0;} h6 { font-size: 1.0em; color:#000000; margin: 0 0 10px 0; padding: 0;} p { font-size: 1.1em; color:#003; line-height:1.5em;} ul li { list-style-image:url(../images/white_arrow.gif); padding: 0; font-size:1.2em; list-style-position:outside ;margin-bottom:10px;} /* HELPER STYLES */ .clear { clear:both} .floatright { float: right;} .floatleft { float: left;} /* MENU STYLES */ #menu { z-index: 100; float: right; width: 632px; text-align:left; margin: 55px 0 0 0px; background:url(../images/site_specific/nav_divide.jpg) repeat-x left center; } #menu ul { list-style:none; left:0px; margin: 0 0 0 10px; padding: 0;} #menu ul li { float:left; margin: 0 5px;} #menu a.deactive { color:#AAA!important; } #menu a.deactive:hover { color:#AAA!important; background-image:none; } #menu a.active { color:#FFF; background-image: url(../images/button_bg_f2.jpg); } #menu a.active:hover { color:#FFF; background-image: url(../images/button_bg_f2.jpg); } #menu a.on { color:#FFF; background-image: url(../images/button_bg_f2.jpg); } #menu a.on:hover { color:#FFF; background-image: url(../images/button_bg_f2.jpg); } #menu a:link { color:#FC0; } #menu a:visited { color:#EEE; } #menu a:hover { color:#FC0; } #menu a:active { color:#FFF; } #menu a { color:#FFF; text-decoration:none; text-align:center; width: 100px; padding:0px; display:block; font-family: "Trebuchet MS", Tahoma, Arial; font-weight:normal; font-size:16px;} #menu ul li { display:block; line-height:24px; margin: -6px 0 0; } .ltblue { color: #bbc0c0;} .dkblue { color: #262261;} /* Styling for forms */ form { margin: 20px auto;} #enquiry { margin: 56px auto 20px; position:relative; padding:1px; } #enquiry fieldset { padding:0; position:relative; border:1px solid #ccc; margin: 20px auto; position:relative; padding:1px; background:#eee; -moz-border-radius: 5px 5px 5px 5px ; -webkit-border-radius: 5px 5px 5px 5px ; border-radius:5px 5px 5px 5px ; behavior: url(border-radius.htc); } #enquiry legend { padding:5px ; font-size:14px; font-weight:bold; } #enquiry legend { position: absolute; left: -2px; top: -30px; } /* required for ie compatibility */ #enquiry legend {background:#fff; width: 150px; margin: 0 2px 0 0; float:left; text-align:left; border:1px solid #ccc; -moz-border-radius: 5px 5px 0 0 ; -webkit-border-radius: 5px 5px 0 0 ; border-radius:5px 5px 0 0 ; behavior: url(border-radius.htc); } #enquiry legend span { background: #504d4e url('../images/grad_thermal.jpg') repeat-x; display:block; line-height:32px; font-size:1.3em; color:#fff; text-decoration:none; padding:0 0 0 10px; position:relative; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 ; border-radius:5px 5px 0 0; behavior: url(border-radius.htc); } #enquiry li { padding:5px 0 5px 5px; list-style:none; list-style-image:none; } #enquiry ul { padding:15px 0 0 0; } #enquiry label { width:35%; display:inline-block; font-size:14px; font-weight:normal; padding:2px 10px 0 0; text-align:right; } #enquiry .required { color:red; } #enquiry input.quicksubmit { border: 1px solid #ccc; background:#4E94B8; color:#fff; font-size:1.2em; margin: 10px 0 20px 130px;} #enquiry input[type="text"], #enquiry textarea { border: 1px solid #ddd; color: #444444; display: inline-block; line-height: 1.35em; margin: 0; padding: 3px; width: 60%; vertical-align:top; -moz-border-radius: 5px 5px 5px 5px ; -webkit-border-radius: 5px 5px 5px 5px ; border-radius:5px 5px 5px 5px ; behavior: url(border-radius.htc); } .textfieldwidth { width:235px; } #enquiry select { border: 1px solid #ddd; color: #444444; display: inline-block; line-height: 1.35em; margin: 0; padding: 3px; width: 25%; outline:none; -moz-border-radius: 5px 5px 5px 5px ; -webkit-border-radius: 5px 5px 5px 5px ; border-radius:5px 5px 5px 5px ; behavior: url(border-radius.htc); } #enquiry .checks { font-size:1em; margin:0 0 10px 170px; } #enquiry .checks input { margin:0 5px 0 0; float:left; } .ddfmerrors { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight:bold; color: #f00;} .errorlist { padding: 5px 30px; color:#900; font-size: 1.2em;} /* ############################################################# */ /* designform form */ #designform { margin: 30px auto;} #designform fieldset { width:530px; padding:10px; border:1px solid #9BCDE6; margin:10px 0 10px 0; background-color:#D9ECFF; position:relative; } #designform legend { padding:4px 10px ; border:1px solid #9BCDE6; background-color:#FFFFFF; font-size:1.2em; font-weight:bold; color:#000; margin: 0; } #designform legend { position: absolute; left: 5px; top: -14px; } /* required for ie compatibility */ #designform li { padding:2px 0 4px 5px; border-bottom: #3399CC solid 1px; list-style:none; list-style-image:none; } #designform ul { padding:0; margin:0; } #designform label { width:170px; float:left; font-size:1em; font-weight:bold; margin:2px 10px 0 0; text-align:right; } #designform .required { color:red; } #designform input.quicksubmit { border: none; margin: 0;} #designform input, #designform textarea { display:block; margin:0 0 0 180px; border: 1px solid #9BCDE6; padding: 0; } #designform input.wide { width:325px;} #designform input.nobreak { float:left; margin: 0;} .textfieldwidth { width:235px; } #div_bg_colour { width: 550px; white-space:nowrap;} #tbl_bg_colour { float: left; } #bg_colour { float: right; } #designform .checks { font-size:1em; margin:0 0 10px 170px; } #designform .checks input { margin:0 5px 0 0; float:left; } .product_selection { width: 140px; text-align:center; position:absolute; left: -390px; top: 0px; } .product_selection img { margin: 5px 0px;} .product_summary { margin: 2px 0 2px 0; border-bottom: 2px dotted #333;} .product_summary form { margin: 0px; padding: 0;} .product_title { float: left; font-size: 1.4em; color:#000;} .product_price { float: right; font-size: 1.4em; color:#000;} .product_price input { border: none; font-size: 1.0em; color:#000; width: 45px; text-align:right; background:none;} .product_image { float: left; margin-right: 10px; width: 120px;} .product_description { float: right; text-align:justify; font-size:1.0em; color:#333; width: 430px;} .product_options { float: left; width: 120px; margin-right: 10px;} .product_select { cursor: pointer;} .product_quantity { float: left; width: 33%; display:block; font-size: 1.2em; color:#000; padding: 0;} .product_quantity input { font-size: 1.0em; color:#000; width: 20px; text-align:right; border: none; border-bottom: 2px solid #000;} .product_buynow { float: right; width: 33%; display:block; text-align:right; cursor: pointer ;} .product_buynow input { cursor: pointer ;} .product_controls { background-color: #fff; margin: 0px auto; clear: both; } .product_titlestrip { background-color: #eee; margin: 5px auto; clear: both; } /* END list-images */ #shopcart form, #checkoutpage form { margin : 0; padding: 0;} .cart { font-size: 1.0em; } p.cart { float:right; margin:0 0 0 0; font-weight:bold; } #checkoutpage td.cart p { font-size:1.0em; } #shopcart td.cart p, #shopcart td.cart { font-size: 1.0em; } #addresscontrols { width: auto; margin: 15px auto; text-align:center; } #left_column_text .add-to-cart, #checkoutpage .add-to-cart { border:#300 solid 1px; background-color: #006699; color:#FFF; padding: 3px; padding: 0; cursor:pointer; font-size:1em; } #left_column_text p form .add-to-cart { padding: 0; font-size:0.9em; } #checkoutpage form .add-to-cart { font-size:1.2em; } #left_column_text .products { margin: 10px 10px 20px 0; } #left_column_text .product_description { margin: 0; } #checkoutpage { width: 100%; } #checkoutpage td p { font-size: 0.9em; } #checkoutpage td { padding:3px; background-color: #fff; } td .highlight { color: #900; font-weight:bold; } #billing ul { list-style:none; } #billing li { margin: 0; padding:5px 0; font-size:1.1em; list-style:none; } #delivery ul { list-style:none; } #delivery li { margin: 0; padding:5px 0; font-size:1.1em; list-style:none; } #billingstage { width: 95%; margin: 20px auto; background-image: url(../images/billing_tramline.gif); background-repeat:repeat-x; text-align:center; padding: 0 0 0 0; font-weight:bold; font-size: 1.1em; height: 36px; } #billingstage1 { width: 33%; float: left; text-align:left; } #billingstage1 p.off { width: 144px; text-align:center; background-image:url(../images/billingstage_off.jpg); color: #fff; padding: 8px 0; margin:0; height: 20px; } #billingstage1 p.on { width: 144px; text-align:center; background-image:url(../images/billingstage_on.jpg); color: #fff; padding: 8px 0; margin:0; height: 20px; } #billingstage2 { width: 33%; float: right; text-align:center; } #billingstage2 p.off { width: 144px; text-align:center; background-image:url(../images/billingstage_off.jpg); color: #fff; padding: 8px 0; margin:0 auto; height: 20px; } #billingstage2 p.on { width: 144px; text-align:center; background-image:url(../images/billingstage_on.jpg); color: #fff; padding: 8px 0; margin:0 auto; height: 20px; } #billingstage3 { width: 33%; float: right; text-align:right; } #billingstage3 p.off { width: 144px; text-align:center; background-image:url(../images/billingstage_off.jpg); color: #fff; padding: 8px 0; height: 20px; margin: 0 0 0 auto; } #billingstage3 p.on { width: 144px; text-align:center; background-image:url(../images/billingstage_on.jpg); color: #fff; padding: 8px 0; height: 20px; margin: 0 0 0 auto; } #billing_summary, #delivery_summary { width: 49%; float: left; font-size: 1.0em; text-align:center; } #billing_summary ul, #delivery_summary ul, #delivery ul { list-style:none } #delivery_summary { width: 49%; float: right; font-size: 1.0em; text-align:center; margin-top: 30px; } #checkoutpage fieldset { margin: 1.5em 0 0 0; padding: 0; font-size: 1.0em; } #checkoutpage legend { margin-left: 1em; color: #000000; font-weight: bold; } #checkoutpage fieldset ol, #checkout fieldset ul { padding: 1em 1em 0 1em; list-style: none; } #checkoutpage fieldset li { padding-bottom: .5em; } #checkout fieldset.submit { border-style: none; } #checkoutpage label { float: left; width: 7em; margin-right: 1em; text-align: left; font-weight:normal;} #checkoutpage fieldset li { float: left; clear: left; width: 100%; padding-bottom: .1em; text-align: left; font-weight:bold; } #checkoutpage fieldset { float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; padding: 0; border: none; } #currency_exchange { font-size: 1.4em; text-align:center; color: #099; padding: 10px 0; } .green { color:#900; font-weight: bold; } .cart_qty { width: 20px; color:#333; } .btn_updatecart { font-size:0.9em; padding: 1px; background-color:#900; color:#FFF; border: 1px solid #300; margin: 0px auto 0; cursor:pointer; } .url { font-size: 4.0em; font-family:"Arial Black"; color:#1F2279; text-transform:uppercase; padding: 2px 0 0 0; margin: 0; position:relative; top: -5px;} .highlight { color:#CC6600;} .black { #000;} .bold { font-weight:bold;} .small { font-size:11px;} #introtext { margin: 30px 200px; font-size: 1.0em; text-decoration:none;color: #bbc0c0; font-size:1.2em; font-weight:bold; display:block;} #customtext { margin: 30px auto 50px; font-size: 1.0em; display: none; width: 760px;} #customtext h1 { color: #262261; font-size:1.6em; font-weight:normal;} #customtext h2 { color: #bbc0c0; font-size:1.2em; font-weight:bold;} #customtext p { color: #9790b0; font-size:1.1em; font-weight:normal; text-align:left;} .imgleft { float:left; margin: 0px 20px 5px 0; border: 2px solid #eee; padding: 1px;} .imgright { float:right; margin: 0px 0px 5px 20px; border: 2px solid #eee; padding: 1px;}