#basket{background-color:#FFF; background-image:url(images/cart-bg.gif); background-repeat:no-repeat; height:69px; width:221px; margin-bottom:10px; background-position:center center; margin-top:0px; margin-right:0px; margin-left:0px; padding-top:15px; padding-right:11px; padding-bottom:12px; padding-left:15px; text-align:center; font-family:Impact; font-size:16px; line-height:18px; color:#F90; display:block; float:left; clear:none} #basket img{margin-top:0px; margin-right:5px; margin-bottom:2px; margin-left:0px; display:inline} #basket a:hover img{background-color:#FEF7A0} #breadcrumb{padding:0px 0px 5px; border-bottom-width:2px; border-bottom-style:dotted; border-bottom-color:#73C4DC; width:100%; margin-right:5px; display:block; margin-bottom:5px; float:left} #breadcrumb h4{color:#1F677C} #breadcrumb h4 a{color:#1F677C; font-size:12px; text-transform:capitalize; margin:0 0 0 0; padding:0 0 0 0; color:#2B8DAA} #breadcrumb h4 a:hover{text-decoration:none; background-color:#FEF7A0} #pep{padding:0px 0px 2px; border-bottom-width:2px; border-bottom-style:dotted; border-bottom-color:#73C4DC; width:100%; margin-right:5px; display:block; float:left} #pep img{margin-top:0px; margin-right:5px; margin-bottom:0px; margin-left:0px} #pep a:hover{background-color:#FEF7A0} .nopad{margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px} #searchsite input{font-family:"Trebuchet MS",Helvetica,sans-serif; font-size:12px; color:#999; padding-right:2px; padding-left:5px; border:1px solid #73C4DC; margin-top:0px; margin-right:5px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-bottom:0px; height:21px; float:left} #searchsite .altinput{color:#999; border:none; padding:0; height:23px; width:23px; float:left} #sectionliststext p, #sectionlists p, .sectionmiddle p{text-align:justify; margin:0; padding:0} #sectionliststext a, #sectionlists a, .sectionmiddle a{font-weight:bold; font-size:12px; line-height:15px} #sectionliststext a:hover img, #sectionlists a:hover img, .sectionmiddle a:hover img, .fragprodmiddle a:hover img, .fragprod a:hover img{background-color:#FFF; filter:alpha(opacity=65); opacity:0.5} .sectionrule{margin:0px; padding:0px; display:block; width:100%} #sectionlists, #sectionliststext {width:525px; display:block} #sectionlists ul, #sectionliststext ul {list-style:none; overflow:hidden; margin:0; padding:0} #sectionlists li, .fragprod  { float:left; text-align:center; width:155px; height: 230px; margin:4px; padding:5px; text-align:center; border: 1px dotted #73C4DC; } #sectionliststext li { float:left; text-align:center; width:155px; height: 295px; border: 1px dotted #73C4DC; margin:4px; padding:5px; text-align:center; } .fragprod, .fragprodmiddle {padding:5px; height: 290px; margin:4px 4px 0 4px} #sectionliststext span.sectionimg, #sectionlists span.sectionimg, .fragprod span.sectionimg{display:block; margin: 0 0 5px 0; text-align:center; width:155px; height:150px; overflow:hidden} .rrp{font-family:Impact; font-size:14px; line-height:14px; text-transform:uppercase; color:#999; text-decoration:line-through; display:block} .price{font-family:Impact; font-size:14px; line-height:14px; text-transform:uppercase; color:#F90; display:block} .mainprice{font-size:20px; color:#DB4C4C; height:25px; width:100%; border-bottom-width:2px; border-bottom-style:dotted; border-bottom-color:#CCC; line-height:20px; vertical-align:middle} .mainrrp{font-size:18px; color:#666; display:block; height:20px; width:100%; line-height:18px; vertical-align:middle; text-decoration:line-through} .input input, select{font-family:"Trebuchet MS",Helvetica,sans-serif; font-size:12px; color:#999; padding-right:2px; padding-left:5px; border:1px solid #73C4DC; margin-top:0px; margin-right:5px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-bottom:0px; width:auto; height:21px; display:inline} #fragment, .fragment{width:523px; padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; font-size:14px; border-top-style:dotted; border-right-style:none; border-bottom-style:dotted; border-left-style:none; border-top-color:#73C4DC; border-right-color:#73C4DC; border-bottom-color:#73C4DC; border-left-color:#73C4DC; margin-bottom:5px; margin-top:5px; vertical-align:top} #fragmentad{width:523px; margin:5px 0 0 0; border: none; display:block} .fragprice{font-family:Impact; font-size:20px; color:#F90; display:inline; padding-bottom:5px; padding-top:5px} #fragmentad img{border:none} #fragmentad a:hover img{background-color:#FFF; filter:alpha(opacity=65); opacity:0.5} .rrpprice{font-family:Impact; font-size:20px; color:#fff; display:inline; padding-bottom:5px; padding-top:5px; text-decoration:line-through; font-weight:100} div.float{ float:left;  margin-right:6px;  margin-left:6px;  text-align:center;  width:170px} div.floatnone{ float:left;  text-align:center;  width:170px} .floatnone p, .float p, #sectionlists p, .sectionmiddle p{margin:0px; padding-top:0px; padding-right:2px; padding-bottom:0px; padding-left:2px; text-align:justify} .float a:hover img, .floatnone a:hover img{background-color:#FFF; filter:alpha(opacity=65); opacity:0.5} .checkout table, table.checkout-block, table.checkout { margin: 10px; width: 764px; } .checkout th, .checkout-block tr th, tr.ShowAlways {background: url("header-bg.jpg") no-repeat scroll left bottom #006699; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 18px; padding: 10px; text-align:left;} td.checkout-field-label, td.checkout-field-input{padding: 5px 0;} #contentcheckout, table.checkout-cart { float: left; width:784px; margin: 0 0px; padding: 0px 0px 5px; clear: right; color: #666666; font-size: 13px; } #content h1 { color: #1F677C; font-family: 'Arvo', serif; font-size: 26px; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: -0.008em; word-spacing: 0.271em; line-height: 1.2; display: block; } /* Commonly used to style section titles. */ #content h2, h2.checkout { color: #73C4DC; font-family: 'Just Another Hand', serif; font-size: 27px; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: 0.064em; word-spacing: 0.111em; line-height: 1.2; } /* Sets the style for the h3 header. */ #content h3, h3.checkout-heading { color: #73C4DC; font-family: 'Arvo', serif; font-size: 20px; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: uppercase; letter-spacing: 0.064em; word-spacing: 0.111em; line-height: 1.2; } /* Sets the style for the h4 header. */ h4 { color: #1F677C; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 15px; line-height: 15px; } /* Sets the style for the h5 header. */ h5 { color: #1F677C; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; line-height: 12px; } /* Sets the style for the h6 header. */ h6 { color: #FF9900; font-family: Impact, Charcoal, sans-serif; font-size: 13px; line-height: 13px; } span.button { background:url("buttonbg.gif") no-repeat top right; display:inline-block; padding-right: 9px; /* sliding doors padding */ cursor:pointer; } span.button span { padding:0; margin:0; } span.button input.form_button { background:url("buttonbg.gif") no-repeat left top; padding-left:8px; padding-right:2px; text-align:center; line-height:26px; height:29px; margin-left:0px; /* fixes margin issue with safari and chrome. no an issue for ie or ff. */ display:inline-block; } input.form_button { cursor:pointer; font-weight:bold; display:inline-block; border:0; font-size:14px; color:#FFFFFF; width: auto; /* fixes width issue for ie browsers */ overflow:visible; /* fixes width issue for ie browsers */ } span.button:hover input.form_button { background-position:left -39px; color:#FFFFFF; } span.button:active input.form_button { background-position:left -78px; color:#FFFFFF; } .button:hover { background-position:right -39px; } .button:hover span { background-position:left -39px; } .button:active { background-position:right -78px; } .button:active span { background-position:left -78px; } input.form_button[type="submit"]::-moz-focus-inner, input.form_button[type="button"]::-moz-focus-inner {    border : 0px; } input.form_button[type="submit"]:focus, input.form_button[type="button"]:focus{      outline : none; } .checkout-buttons{ margin: 10px; width: 300px; display:block; float:right; } .checkout-buttons div { width: 33%; } h4.social{ color: #666666; font-family: 'Arvo',serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.2; text-decoration: none; text-shadow: none; text-transform: uppercase; word-spacing: 0.111em; } ul#social-icons{ list-style: none outside none; margin: 0 0 15px; padding:0; float:left;  } .social-icons {margin: 0 0 15px;} ul#social-icons li{float:left; margin-left: 2px;} ul#social-icons li a img:hover, img.social-icons:hover{filter:alpha(opacity=50); opacity:0.5} .buttons {display:block;margin: 5px 0 10px 0}