SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2008
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Looking for a CSS commando : )

    Hey guys,

    I'm currently working on a site and have been running into issues upon issues from bad align to IE incompatibilities. I'm looking for someone who is well versed to have a look at my CSS (just the CSS) and add in the necessary IE hacks and remove any extras from the code.
    Last edited by Paul O'B; Feb 4, 2012 at 07:17. Reason: .

  2. #2
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    Do post your code (a live demo would be optimal) and we can assist you.
    Last edited by Paul O'B; Feb 4, 2012 at 07:17.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2008
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kohoutek View Post
    Hello,

    this is generally not allowed, sorry.

    Do post your code (a live demo would be optimal) and we can assist you.
    I was afraid of that.


    Code:
    *
    {
    	font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif;
    	font-size:13px;
    	line-height:115%;
    	margin:0;
    	padding:0;
    }
    
    body
    {
    	background-color:#e6eae4;	
    	color:#32312F;
    }
    
    .break
    {
    	clear:both;
    	height:1px;
    	width:1px;
    }
    
    a:link
    {
    	color:#E46700;
    }
    
    a:visited
    {
    	color:#FF7900;
    }
    
    a:hover
    {
    	color:#AD5200;
    	text-decoration:none;
    }
    
    a:active
    {
    	color:#401E00;
    	text-decoration:none;
    }
    
    button
    {
    	background-color:#87C623;
    	border-bottom:1px solid #B9B1A3;
    	border-left:1px solid #D5CDBE;
    	border-right:1px solid #B9B1A3;
    	border-top:1px solid #D5CDBE;
    	color:#32312F;
    	cursor:pointer;
    	font-weight:700;
    	padding:2px 6px 3px 10px;
    }
    
    button:active
    {
    	border-bottom:1px solid #D5CDBE;
    	border-left:1px solid #B9B1A3;
    	border-right:1px solid #D5CDBE;
    	border-top:1px solid #B9B1A3;
    	color:#5A5751;
    }
    
    p
    {
    	color:#63615E;
    	margin:0 0 1em;
    }
    
    h1,h1 em
    {
    	font-size:24px;
    	color:#5f6262;
    	line-height:100%;
    	margin-bottom:10px;
    	text-shadow:1px 1px 1px #C6C2BC;
    }
    
    h1 em
    {
    	background-color:#FDEDB4;
    	color:#553E00;
    	font-style:normal;
    }
    
    .truncated
    {
    	display:none;
    }
    
    .expander a
    {
    	display:inline!important;
    	font-size:11px!important;
    	padding:0!important;
    }
    
    div#couponTooltip
    {
    	background:url(sprite.png) 0 -283px no-repeat;
    	border-right:2px solid #F0EBE4;
    	color:#FFF;
    	display:none;
    	font-size:11px;
    	font-weight:700;
    	height:19px;
    	left:0;
    	padding:2px 6px 0 18px;
    	position:absolute;
    	top:0;
    	z-index:999;
    }
    
    div.couponTooltip
    {
    	background:url(sprite.png) 0 -283px no-repeat;
    	border-right:2px solid #F0EBE4;
    	color:#FFF;
    	display:none;
    	float:left;
    	font-size:11px;
    	font-weight:700;
    	height:19px;
    	padding:2px 6px 0 18px;
    	position:relative;
    	width:136px;
    }
    
    #header
    {
    	background-color:#f5f5e8;
    	border-top:10px solid #b20546;
    	border-bottom:2px solid #70a216;
    	height:100px;
    	margin-bottom:0px;
    }
    
    #header .inner
    {
    	margin-left:auto;
    	margin-right:auto;
    	width:960px;
    }
    
    #nav li
    {
    	display:inline;
    	list-style:none;
    	left:560px;
    	padding:5px 15px;
    
    }
    
    #nav li a
    {
        -moz-border-radius-topleft:6px;
        -moz-border-radius-topright:6px;
        -webkit-border-top-left-radius:6px;
        -webkit-border-top-right-radius:6px;
        -moz-border-radius-bottomleft:6px;
        -moz-border-radius-bottomright:6px;
        -webkit-border-bottom-left-radius:6px;
        -webkit-border-bottom-right-radius:6px;
        color:#FFF;
        float:left;
        font-size:14px;
        font-weight:700;
        letter-spacing:1px;
        line-height:100%;
        margin: 6px 9px 0 9px;
        padding:5px 15px;
        text-decoration:none;
        text-shadow:1px 1px 1px #233a20;
        text-transform:uppercase;
    }
     
    #nav li a:hover, #nav li.active a
    {
        -moz-border-radius-topleft:6px;
        -moz-border-radius-topright:6px;
        -webkit-border-top-left-radius:6px;
        -webkit-border-top-right-radius:6px;
        -moz-border-radius-bottomleft:6px;
        -moz-border-radius-bottomright:6px;
        -webkit-border-bottom-left-radius:6px;
        -webkit-border-bottom-right-radius:6px;
        border:1px solid #8ab713;
        background-color:#a73246;
        color:#FFF;
        padding:4px 14px;
    }
    
    #user
    {
    	-moz-border-radius-topleft:6px;
    	-moz-border-radius-topright:6px;
    	-webkit-border-top-left-radius:6px;
    	-webkit-border-top-right-radius:6px;
    
    	background-color:#5E4A6D;
    	float:right;
    	height:17px;
    	margin-top:18px;
    	padding:5px 10px;
    	width:300px;
    }
    
    #user li
    {
    	display:inline;
    	list-style:none;
    }
    
    #joinUp
    {
    	color:#AFA5B6;
    	display:block!important;
    	text-align:center;
    }
    
    #joinUp a
    {
    	color:#FFF;
    }
    
    #identification
    {
    	color:#AFA5B6;
    	display:block;
    	float:left;
    }
    
    #identification img
    {
    	border:1px solid #453553;
    	margin-right:5px;
    	vertical-align:top;
    }
    
    #identification a
    {
    	color:#FFF;
    	text-decoration:none;
    }
    
    #logout
    {
    	float:right;
    }
    
    #logout a
    {
    	background:url(sprite.png) -767px -239px no-repeat;
    	color:#FFF;
    	display:block;
    	padding-left:22px;
    	text-decoration:none;
    	text-transform:lowercase;
    }
    
    #logout a:hover
    {
    	text-decoration:underline;
    }
    
    #shell
    {
    	margin-left:auto;
    	margin-right:auto;
    	width:960px;
    }
    
    #logo
    {
    	border:none;
    	display:block;
    	float:left;
    	height:90px;
    	margin-top:5px;
    	width:322px;
    }
    
    #logo img
    {
    	border:none;
    }
    
    
    #navicase
    {
    	background:url(nav-bg.png) repeat-x;
    	float:left;
    	height:40px;
    	margin-bottom:10px;
    	width:960px;
    	-moz-border-radius-bottomleft:6px;
    	-moz-border-radius-bottomright:6px;
    	-webkit-border-bottom-left-radius:6px;
    	-webkit-border-bottom-right-radius:6px;
    }
    
    
    #search
    {
    	background:url(search-bg1.png) repeat-x;
    	background-color:;
    	border-color:#c2d298;
    	border-style: none;
        border-width: 1px 1px 1px 1px;
    	float:left;
    	margin-bottom:2px;
        margin-left: 134px;
        margin-top: 20px;
    	padding:5px 0 0px;
    	width:500px;
    
    	-moz-border-radius-topleft:4px;
    	-moz-border-radius-topright:4px;
    	-webkit-border-top-left-radius:4px;
    	-webkit-border-top-right-radius:4px;
    	-moz-border-radius-bottomleft:4px;
    	-moz-border-radius-bottomright:4px;
    	-webkit-border-bottom-left-radius:4px;
    	-webkit-border-bottom-right-radius:4px;
    
    }
    
    
    #searchForm
    {
    	height:40px;
    	overflow:hidden;
    	padding:0px 10px 15px;
    }
    
    #query
    {
    	-moz-border-radius:3px;
    	-webkit-border-radius:3px;
    	border-color:#a9cb6b;
    	border-width:2px;
    	color:#DC1313;
    	font-size:20px;
    	height:20px;
    	padding:3px 0 4px 7px;
    	width:350px;
    }
    
    #searchForm label
    {
    	color:#7b4f57;
    	display:block;
    	font-style:strong;
    	font-size:15px;
    	margin:5px 0 0 10px;
    }
    
    #searchForm label a
    {
    	color:#B1A692;
    }
    
    #searchForm label a:hover
    {
    	color:#AD5200;
    }
    
    #searchForm button
    {
    	background: url("http://static1.tastebook.com/images/buttons/search_primary.png?1299537391") no-repeat;
    	height:28px;
    	left:365px;
    	position:relative;
    	top:-49px;
    	width:100px;
    	border:none;
    }
    
    #searchForm button:active
    {
    	background-position:-628px -163px;
    }
    
    #searchForm button span
    {
    	display:none;
    }
    
    .panel
    {
    	background-color:#FFF;
    	border:1px solid #D3D3D3;
    	border-top:0;
    	margin-bottom:8px;
    	padding:0;
    	-moz-box-shadow: 1px 1px 2px #787878;
    	-webkit-box-shadow: 1px 1px 2px #787878;
    	box-shadow: 1px 1px 2px #787878;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	margin-bottom:10px;
    	position:relative;
    }
    
    .mainbanner
    {
    	background: url("frontpanel.png") no-repeat;
    	background-color:#FFF;
    	height:171px;
    	width:625px;
    	border:1px solid #D3D3D3;
    	border-top:0;
    	margin-bottom:8px;
    	padding:0;
    	-moz-box-shadow: 1px 1px 2px #787878;
    	-webkit-box-shadow: 1px 1px 2px #787878;
    	box-shadow: 1px 1px 2px #787878;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	margin-bottom:10px;
    	position:relative;
    }
    
    .top_stores
    {
    	background: url("front-panel.png") no-repeat;
    	background-color:#FFF;
    	height:330px;
    	width:625px;
    	border:1px solid #D3D3D3;
    	border-top:0;
    	margin-bottom:8px;
    	-moz-box-shadow: 1px 1px 2px #787878;
    	-webkit-box-shadow: 1px 1px 2px #787878;
    	box-shadow: 1px 1px 2px #787878;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	margin-bottom:10px;
    	position:relative;
    }
    
    .main_top
    {
    	background: url("front-panel.png") no-repeat;
    	background-color:none;
    	height:703px;
    	width:625px;
    
    }
    
    
    .oldPhoto
    {
    	padding:20px 0;
    	text-align:center;
    }
    
    .oldPhoto img
    {
    	border:2px solid #D1C8B8;
    }
    
    .panel ol,.panel ul
    {
    	margin-left:3em;
    }
    
    .panel ol li,.panel ul li
    {
    	line-height:150%!important;
    }
    
    #major
    {
    	float:left;
    	margin-top:10px;
    	width:626px;
    }
    
    #major h2,#minor h3
    {
    	background:url(h_h1-2.png) repeat-x;
    	color:#7F5F00;
    	letter-spacing:.2em;
    	padding:2px;
    	text-transform:uppercase;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-top-left-radius: 5px;
        -moz-border-top-right-radius: 5px;
    
    }
    
    #major h2 span,#minor h3 span
    {
    	display:block;
    	font-size:16px;
    	padding:6px 0 5px 6px;
    }
    
    #major h3
    {
    	color:#32312F;
    	font-size:16px;
    	letter-spacing:.1em;
    	margin:1.5em 0 .5em;
    	text-transform:uppercase;
    }
    
    #specialOffers h2
    {
    	background:url(h_h1-4.jpg) no-repeat top left;
    	color:#A55F17;
    }
    
    #specialOffers h2 span
    {
    	border-color:#FEE9D5;
    }
    
    #activeCoupons h2,#topCoupons h2
    {
    	background:url(h_h1-3.png) repeat-x;
    	color:#FFF;
    	-moz-border-radius-topleft:5px;
    	-moz-border-radius-topright:5px;
    	-webkit-border-top-left-radius:5px;
    	-webkit-border-top-right-radius:5px;
    }
    
    #activeCoupons h2 span,#topCoupons h2 span
    {
    	border-color:#EAF6F9;
    	padding:6px 0 5px 6px;
        border: 1px dashed #E7E3DB;
    }
    
    #storeCollection h1
    {
    	display:none;
    }
    
    #storeCollection h2,#watchForNewCoupons h2
    {
    	background:url(popstore.png) repeat-x;
    	color:#FFF;
    	-moz-border-radius-topleft:5px;
    	-moz-border-radius-topright:5px;
    	-webkit-border-top-left-radius:5px;
    	-webkit-border-top-right-radius:5px;
    }
    
    #storeCollection h2 span,#watchForNewCoupons h2 span
    {
    	border-color:#EAF6F9;
    	padding:6px 0 5px 6px;
        border: 1px dashed #E7E3DB;
    }
    
    #unreliableCoupons h2,#siteBlocked h2
    {
    	background:url(unre_bg.png) repeat-x;
    }
    
    #unreliableCoupons h2 span,#siteBlocked h2 span
    {
    	border-color:#EF9E9A;
    	color:#efc5c4;
    	padding:6px 0 5px 6px;
        border: 1px dashed #E7E3DB;
    }
    
    #shareCouponPanel h3
    {
    	background-color:#FCDB69;
    	color:#7F5F00;
    
    }
    
    #shareCouponPanel h3 span
    {
    	border-color:#FDEDB2;
    
    }
    
    #major .inner
    {
    	padding:20px;
    }
    
    #merchantIntro .inner
    {
    	padding:15px 20px 10px;
    }
    
    #couponCount
    {
    	background:url(sprite.png) -10px -349px no-repeat;
    	color:#FFF;
    	float:right;
    	font-size:12px;
    	height:82px;
    	line-height:100%;
    	margin:8px 10px;
    	text-align:center;
    	text-transform:uppercase;
    	width:87px;
    }
    
    #couponCount strong
    {
    	display:block;
    	font-size:28px;
    	font-weight:400;
    	line-height:90%;
    	margin-top:15px;
    }
    
    a.thumb
    {
    	background-color:#FFF;
    	border:2px solid #D1C8B8;
    	display:block;
    	height:49px;
    	width:67px;
    }
    
    a.thumb:hover
    {
    	border-color:#DDEDAC;
    }
    
    a.thumb img
    {
    	border:1px solid #927B51;
    	height:47px;
    	opacity:.8;
    	width:65px;
    }
    
    a.thumb:hover img
    {
    	border-color:#9ACF37;
    	opacity:1;
    }
    
    #carousel
    {
    	height:105px;
    	margin-left:auto;
    	margin-right:auto;
    	overflow:hidden;
    	width:504px;
    }
    
    #storeCollection button
    {
    	background:#FFF url(sprite.png) -196px -293px no-repeat;
    	border:none;
    	display:block;
    	height:29px;
    	margin-top:-70px;
    	position:absolute;
    	width:29px;
    }
    
    #storeCollection button:hover
    {
    	background-position:-196px -322px;
    }
    
    #storeCollection button.next
    {
    	background-position:-225px -293px;
    	margin-left:550px;
    }
    
    #storeCollection button.next:hover
    {
    	background-position:-225px -322px;
    }
    
    #storeCollection button span
    {
    	display:none;
    }
    
    #storeCollection li
    {
    	float:left;
    	height:110px;
    	list-style:none;
    	overflow:hidden;
    	text-align:center;
    }
    
    #storeCollection a.thumb
    {
    	border-color:#DDEDAC;
    	height:82px;
    	margin:0 5px;
    	width:112px;
    }
    
    #storeCollection img
    {
    	border-color:#98CE35;
    	height:80px;
    	width:110px;
    }
    
    #storeCollection a
    {
    	color:#6A5A3A;
    	font-size:11px;
    	text-decoration:none;
    }
    
    #storeCollection a:hover
    {
    	border-color:#96CD33;
    }
    
    #storeCollection a:hover img
    {
    	border-color:#DDEDAC;
    	opacity:1;
    }
    
    
    #couponSubmit .row
    {
    	clear:both;
    	padding-top:8px;
    }
    
    #couponSubmit label
    {
    	color:#63615E;
    	float:left;
    	padding:4px 7px 0 0;
    	text-align:right;
    	width:70px;
    }
    
    #couponSubmit input,#couponSubmit textarea
    {
    	padding:2px;
    	width:186px;
    }
    
    #couponSubmit textarea
    {
    	height:4em;
    }
    
    #couponSubmit select
    {
    	margin:2px 0;
    }
    
    #couponSubmit fieldset
    {
    	border:none;
    	clear:both;
    }
    
    #fields_printable,#fields_tip
    {
    	display:none;
    }
    
    #couponSubmit button
    {
    	background:#87C623 url(sprite.png) -765px -537px no-repeat;
    	color:#FFF;
    	margin:2px 0 0 77px;
    	padding-left:23px;
    	width:125px;
    }
    
    #captcha
    {
    	background-color:#F0EBE4;
    	border:1px solid #D1C8B8;
    	display:none;
    	margin:10px 10px 0;
    	padding:10px;
    	text-align:center;
    }
    
    #captcha img
    {
    	border:2px solid #FCDB69;
    }
    
    #captcha p
    {
    	margin:0;
    	padding:5px 0;
    }
    
    #captcha input
    {
    	text-align:center;
    	width:100px;
    }
    
    ul.tags
    {
    	margin-left:0;
    }
    
    ul.tags li
    {
    	display:inline;
    }
    
    ul.tags a
    {
    	-moz-border-radius:2px;
    	-webkit-border-radius:2px;
    	background:url(sprite.png) 0 -305px no-repeat;
    	border-right:1px solid #D1C8B8;
    	color:#FFF;
    	display:block;
    	float:left;
    	font-size:11px;
    	margin:3px 4px 1px 0;
    	padding:2px 4px 2px 11px;
    	text-decoration:none;
    	text-transform:uppercase;
    }
    
    ul.tags a:hover,ul.tags a:active
    {
    	background-position:0 -322px;
    	color:#FFF;
    	text-shadow:none;
    }
    
    .merchantTopCoupon
    {
    	background-color:#F7F5F1;
    	border:1px solid #D1C8B8;
    	margin:10px 0;
    }
    
    .merchantTopCoupon .inner
    {
    	border:1px solid #FFF;
    	padding:5px!important;
    }
    
    .merchantTopCoupon a.thumb
    {
    	float:left;
    }
    
    .merchantTopCoupon p
    {
    	color:#888683;
    	display:block;
    	float:right;
    	margin:0;
    	width:205px;
    }
    
    #siteBlocked .merchantTopCoupon p
    {
    	width:480px;
    }
    
    .merchantTopCoupon p a
    {
    	display:block;
    	font-weight:700;
    	padding:0 0 3px;
    }
    
    .coupon
    {
    	background:url(sprite-vertical.png) -725px 0 repeat-y;
    	border:1px solid #eee;
    	margin-bottom:10px;
    }
    
    .coupon .inner
    {
    	border:1px solid #FFF;
    	padding:0!important;
    }
    
    .coupon .stats
    {
    	background:url(sprite.png) -62px -220px no-repeat;
    	color:#FFF;
    	display:block;
    	float:left;
    	font-size:11px;
    	height:52px;
    	margin:5px;
    	padding-top:10px;
    	text-align:center;
    	text-transform:uppercase;
    	width:62px;
    }
    
    .coupon .stats.average
    {
    	background-position:-124px -220px;
    }
    
    .coupon .stats.bad
    {
    	background-position:-186px -220px;
    }
    
    .coupon .stats.feature
    {
    	background-position:0 -220px;
    }
    
    .coupon .stats.new
    {
    	font-size:11px;
    	height:42px;
    	padding-top:20px;
    }
    
    .coupon .stats em
    {
    	font-size:17px;
    	font-style:normal;
    	font-weight:700;
    	letter-spacing:-1px;
    	line-height:120%;
    }
    
    .coupon .trend
    {
    	display:none;
    }
    
    .coupon .detail
    {
    	float:left;
    	margin:5px 10px 0 15px;
    	width:390px;
    }
    
    .coupon .detail p
    {
    	clear:left;
    	margin-bottom:0;
    	padding-bottom:5px;
    	padding-top:5px;
    }
    
    .coupon .crux span
    {
    	color:#32312F;
    	display:block;
    	float:left;
    	font-size:14px;
    	font-weight:700;
    	padding:4px 5px 0 0;
    	text-transform:uppercase;
    }
    
    .coupon .crux strong
    {
    	background:#f9f0e0 url(sprite.png) right -816px no-repeat;
    	border:1px dashed #87c623;
    	color:#553E00;
    	cursor:pointer;
    	display:block;
    	float:left;
    	font-size:17px;
    	font-weight:700;
    	height:21px;
    	max-width:185px;
    	overflow:hidden;
    	padding:1px 26px 0 5px;
    }
    
    .coupon .crux strong.active
    {
    	background:#3C6 url(sprite.png) right -816px no-repeat;
    }
    
    .coupon .voting
    {
    	color:#666;
    	float:left;
    	font-size:11px;
    	margin-top:5px;
    	text-align:center;
    	width:80px;
    }
    
    .voting p
    {
    	display:block;
    	font-size:11px;
    	margin-bottom:0;
    	padding-bottom:5px;
    	width:80px;
    }
    
    .voting button
    {
    	background:url(sprite.png) -254px -293px no-repeat;
    	border:none;
    	cursor:pointer;
    	height:26px;
    	margin:0 2px;
    	width:26px;
    }
    
    .voting button:hover
    {
    	background-position:-254px -319px;
    }
    
    .voting button span
    {
    	display:none;
    }
    
    .voting .noVote
    {
    	background-position:-280px -293px;
    }
    
    .voting .noVote:hover
    {
    	background-position:-280px -319px;
    }
    
    .collateral
    {
    	background-color:#F9FBEE;
    	padding:4px 5px 2px;
    }
    
    .meta
    {
    	color:#443A25;
    	font-size:11px;
    	line-height:150%;
    }
    
    .meta img
    {
    	border:1px solid #FFF;
    	height:16px;
    	vertical-align:middle;
    	width:16px;
    }
    
    .meta a
    {
    	color:#443A25;
    	font-size:11px;
    }
    
    .commentActions
    {
    	float:right;
    	margin-left:0;
    	margin-right:5px;
    	width:310px;
    }
    
    .commentActions li
    {
    	display:inline;
    }
    
    .commentActions a
    {
    	background:url(sprite.png) -769px -569px no-repeat;
    	color:#443A25;
    	display:block;
    	float:right;
    	font-size:11px;
    	height:16px;
    	margin-left:10px;
    	padding-left:19px;
    	padding-top:2px;
    }
    
    .addComment a
    {
    	background-position:-769px -599px;
    }
    
    .writeComment a
    {
    	background-position:-769px -630px;
    	display:none;
    }
    
    .closeComments a
    {
    	background-position:-769px -660px;
    	display:none;
    }
    
    .comments
    {
    	background:url(sprite-vertical.png) 0 0 repeat-y;
    	background-color:#C0B7A9;
    	border:2px solid #C0B7A9;
    	display:none;
    	max-height:220px;
    	overflow:auto;
    	padding-bottom:5px;
    }
    
    .comments div
    {
    	background:#F7F4F0 url(sprite-vertical.png) -1332px 0 repeat-y;
    	border:1px solid #FFF;
    	color:#443925;
    	margin:5px 5px 0;
    	padding:5px;
    }
    
    .comments img,.comments .defaultAvatar
    {
    	border:1px solid #FFF;
    	display:block;
    	float:left;
    	height:32px;
    	width:32px;
    }
    
    .comments .defaultAvatar
    {
    	background:url(sprite.png) -307px -294px no-repeat;
    }
    
    .comments p
    {
    	margin-bottom:2px;
    	margin-left:53px;
    	margin-top:2px;
    }
    
    .comments p.attribution
    {
    	color:#95928D;
    	font-size:11px;
    	margin-top:0;
    }
    
    .comments p.attribution a,.comments p.attribution span
    {
    	font-size:11px;
    }
    
    .coupon.abstract
    {
    	background-position:-590px 0;
    }
    
    .coupon.abstract .detail
    {
    	margin-left:10px;
    	width:330px;
    }
    
    .coupon.abstract .crux span
    {
    	display:none;
    }
    
    .coupon.abstract .detail p
    {
    	padding-bottom:0;
    }
    
    .coupon.abstract .merchantLink
    {
    	padding-bottom:5px!important;
    	padding-top:3px;
    }
    
    .coupon.abstract .merchantLink a
    {
    	font-size:11px;
    }
    
    .coupon .subject
    {
    	float:left;
    	padding:10px;
    	width:200px;
    }
    
    .coupon .subject .thumb
    {
    	float:left;
    	margin-right:8px;
    }
    
    .coupon .subject h3
    {
    	color:#000;
    	font-size:16px!important;
    	letter-spacing:0!important;
    	line-height:100%;
    	margin:0!important;
    	overflow:hidden;
    	text-transform:none!important;
    }
    
    .coupon .subject ul
    {
    	margin-left:80px;
    	width:100px;
    }
    
    .coupon .subject li
    {
    	line-height:100%;
    	list-style:none;
    }
    
    .coupon .subject li a
    {
    	color:#6A5A3A;
    	display:block;
    	font-size:11px;
    	margin-top:4px;
    	overflow:hidden;
    	padding-left:13px;
    	width:100px;
    }
    
    .coupon .subject li.viewCoupons a
    {
    	background:url(sprite.png) -775px -178px no-repeat;
    	line-height:120%;
    	text-decoration:none;
    }
    
    .coupon .subject li.viewCoupons a:hover
    {
    	text-decoration:underline;
    }
    
    .coupon.valid
    {
    	border-color:#FEF6D9;
    }
    
    .coupon.valid .inner
    {
    	border-color:#FEBF01;
    }
    
    .coupon.feature .crux a
    {
    	font-size:15px;
    	text-transform:uppercase;
    }
    
    .coupon.tip .crux span,.coupon.printable .crux span
    {
    	background:url(sprite.png) -768px -686px no-repeat;
    	padding-left:22px;
    }
    
    .coupon.printable .crux span
    {
    	background-position:-768px -715px;
    }
    
    .coupon.tip .crux a,.coupon.printable .crux a
    {
    	display:block;
    	float:left;
    	font-size:15px;
    	font-weight:700;
    	padding-top:4px;
    }
    
    #watchForNewCoupons input
    {
    	padding:1px 0 2px;
    	width:200px;
    }
    
    #watchForNewCoupons button
    {
    	background:#D1C8B8 url(sprite.png) -762px -746px no-repeat;
    	margin-left:5px;
    	padding-left:25px;
    	width:90px;
    }
    
    .categorySponsor
    {
    	background-color:#FFF;
    	border:2px solid #FEBF01;
    }
    
    .categorySponsor img
    {
    	border:none;
    	float:right;
    }
    
    .categorySponsorContent
    {
    	padding:9px 130px 10px 10px;
    }
    
    .categorySponsorContent strong a
    {
    	color:#EF540A;
    	font-family:Arial,Helvetica,sans-serif;
    	font-size:14px;
    }
    
    .categorySponsorContent p
    {
    	margin-bottom:0;
    	margin-top:5px;
    }
    
    .categorySponsorContent p a
    {
    	color:#246185;
    	font-size:12px;
    	font-weight:700;
    }
    
    a.categorySponsorAd
    {
    	display:block;
    	float:right;
    	font-size:9px;
    	height:20px;
    	text-decoration:underline;
    }
    
    #contactForm label
    {
    	display:block;
    	float:left;
    	padding-right:10px;
    	text-align:right;
    	width:70px;
    }
    
    #contactForm .row
    {
    	clear:both;
    	margin-bottom:1em;
    }
    
    #contactForm textarea
    {
    	height:10em;
    	width:300px;
    }
    
    .error,.success
    {
    	background:#E9746E url(icons/error.png) 5px 5px no-repeat;
    	border:2px solid #F0EBE4;
    	margin-bottom:1em;
    }
    
    .error p,.success p
    {
    	color:#4A1213;
    	font-weight:700;
    	margin:0;
    	padding:5px 5px 5px 25px;
    }
    
    .success
    {
    	background:#BCDD5A url(icons/success.png) 5px 5px no-repeat;
    }
    
    .success p
    {
    	color:#272E13;
    }
    
    #minor
    {
    	float:right;
    	margin-top:10px;
    	width:326px;
    
    }
    
    #minor .inner
    {
    	padding:9px;
    }
    
    #minor .miniAd
    {
    	padding:0!important;
    }
    
    #minor .miniAd img
    {
    	border:none;
    	height:65px;
    	width:320px;
    }
    
    #shareCouponPanel p
    {
    	margin-top:0;
    }
    
    #merchantScreenshot
    {
    	text-align:center;
    }
    
    #merchantScreenshot a img
    {
    	border:none;
    	height:225px;
    	opacity:.8;
    	width:300px;
    }
    
    #merchantScreenshot a:hover img
    {
    	opacity:1;
    }
    
    #mainMerchantLink
    {
    	display:block;
    	font-size:15px;
    	font-weight:700;
    	padding:5px 0;
    }
    
    #countryList
    {
    	margin-left:5px;
    }
    
    #countryList li
    {
    	display:inline;
    }
    
    #countryList a
    {
    	background:url(sprite.png) -251px -271px no-repeat;
    	border:1px solid #C6C2BC;
    	display:block;
    	float:left;
    	height:22px;
    	margin-right:10px;
    	width:30px;
    }
    
    #countryList a:hover
    {
    	border-color:#FEBF00;
    }
    
    #countryList a span
    {
    	display:none;
    }
    
    #cl-ca a
    {
    	background-position:-281px -271px;
    }
    
    #cl-au a
    {
    	background-position:-311px -271px;
    }
    
    #cl-de a
    {
    	background-position:-341px -271px;
    }
    
    #cl-in a
    {
    	background-position:-371px -271px;
    }
    
    #cl-fr a
    {
    	background-position:-401px -271px;
    }
    
    #cl-nl a
    {
    	background-position:-431px -271px;
    	margin-right:0;
    }
    
    .tagCloud {
        margin: 10px 0;
        text-align: center;
    }
    .tagCloud a:link {
        color: #756C5C;
        text-decoration: none;
    }
    .tagCloud a:visited {
        color: #C7AB78;
    }
    .tagCloud a:hover {
        background-color: #F3EADA;
        color: #553E00;
    }
    .tagCloud a:active {
        background-color: #FEBF02;
        color: #553E00;
    }
    
    #tagSearch
    {
    	margin-left:20px;
    	margin-top:10px;
    }
    
    #tagSearch input
    {
    	padding:1px 2px 2px;
    	width:100px;
    }
    
    #tagSearch button
    {
    	background:#D1C8B8 url(sprite.png) -762px -267px no-repeat;
    	margin-left:5px;
    	padding-left:25px;
    	width:80px;
    }
    
    #powerToolsMajor
    {
    	height:50px;
    	margin-left:0;
    }
    
    #powerToolsMajor li
    {
    	display:inline;
    }
    
    #powerToolsMajor a
    {
    	display:block;
    	float:left;
    	margin-right:10px;
    }
    
    #pt_rss a
    {
    	background-position:-300px -220px;
    }
    
    #pt_twitter a
    {
    	background-position:-350px -220px;
    }
    
    #pt_facebook a
    {
    	background-position:-400px -220px;
    }
    
    #pt_delicious a
    {
    	background-position:-450px -220px;
    	margin-right:0;
    }
    
    #powerToolsMajor span
    {
    	display:none;
    }
    
    #powerToolsMinor
    {
    	clear:both;
    	margin-left:0;
    	padding-top:10px;
    }
    
    #powerToolsMinor li
    {
    	display:inline;
    }
    
    #powerToolsMinor a
    {
    	background:url(sprite.png) -768px -295px no-repeat;
    	display:block;
    	padding:5px 0 5px 25px;
    }
    
    #pt_firefox a
    {
    	background-position:-768px -325px;
    }
    
    #pt_igoogle a
    {
    	background-position:-768px -355px;
    }
    
    #pt_bookmarklet a
    {
    	background-position:-768px -385px;
    }
    
    #pt_macWidget a
    {
    	background-position:-768px -415px;
    }
    
    #pt_siteWidget a
    {
    	background-position:-768px -445px;
    }
    
    #pt_forum a
    {
    	background-position:-768px -475px;
    }
    
    #pt_ie a
    {
    	background-position:-768px -850px;
    }
    
    #powerToolsTooltip
    {
    	background:url(sprite.png) -104px -351px no-repeat;
    	color:#FFF;
    	display:none;
    	font-size:12px;
    	height:50px;
    	line-height:110%;
    	padding:5px;
    	position:absolute;
    	text-align:center;
    	width:176px;
    }
    
    #footer
    {
    	background:url(footer-bg1.png) repeat-x;
    	background-color:;
    	border-top:0 solid #992b51;
    	clear:both;
    	height:55px;
        position:relative;
    }
    
    #leaderboard
    {
    	background:url(sprite.png);
    	height:94px;
    	margin-bottom:15px;
    	margin-left:auto;
    	margin-right:auto;
    	padding:13px 28px;
    	width:728px;
    }
    
    #leaderboard img
    {
    	border:2px solid #130E18;
    }
    
    #redTape
    {
    	border-top:1px dashed #b04469;
    	color:#FFF;
    }
    
    #redTape ul.inner
    {
    	height:17px;
    	margin-left:auto;
    	margin-right:auto;
    	padding-top:25px;
    	width:960px;
    }
    
    #redTape li
    {
    	display:inline;
    	font-size:12px;
    	color:#d9bfc8;
    }
    
    #redTape a
    {
    	color:#FFF;
    	font-size:12px;
    }
    
    ....................
    #redTape1
    {
    	border-top:1px dashed #b04469;
    	color:#FFF;
    	font-size:14px;
    }
    
    #redTape1 ul.inner1
    {
    	height:17px;
    	margin-left:auto;
    	margin-right:auto;
    	padding-top:25px;
        width: 960px;
    	position:relative;
    }
    
    #redTape1 li.inner1
    {
    	display:inline;
    	font-size:13px;
    	color:#d9bfc8;
    
    }
    
    #redTape1 a.inner1
    {
    	color:#FFF;
    	font-size:14px;
    }
    
    #copyright
    {
    	float:left;
    	margin-left:340px;
    	padding:0 15px 2px 15px;
    	color:#d9bfc8;
    	text-decoration:none;
    	background-color:#530016;
        border: 1px solid #901d45;
        line-height: 17px;
    	-moz-border-radius-topleft:8px;
    	-moz-border-radius-topright:8px;
    	-webkit-border-top-left-radius:8px;
    	-webkit-border-top-right-radius:8px;
    	-moz-border-radius-bottomleft:8px;
    	-moz-border-radius-bottomright:8px;
    	-webkit-border-bottom-left-radius:8px;
    	-webkit-border-bottom-right-radius:8px;
    }
    
    #copyright1
    {
    	float:left;
    	margin-left:40px;
    	padding:0 15px 2px 15px;
    	color:#d9bfc8;
    	text-decoration:none;
    	background-color:#530016;
        border: 1px solid #901d45;
        line-height: 17px;
    	-moz-border-radius-topleft:8px;
    	-moz-border-radius-topright:8px;
    	-webkit-border-top-left-radius:8px;
    	-webkit-border-top-right-radius:8px;
    	-moz-border-radius-bottomleft:8px;
    	-moz-border-radius-bottomright:8px;
    	-webkit-border-bottom-left-radius:8px;
    	-webkit-border-bottom-right-radius:8px;
    }
    
    #footer_menu
    {
    	margin-right:100px;
    	margin-left:100px;
    }
    
    #sundries
    {
    	float:right;
    }
    
    #sundries li
    {
    	border-right:1px solid #73677D;
    	display:block;
    	float:left;
    	font-size:12px;
    	margin-right:10px;
    	padding-right:10px;
    }
    
    #sundries li.last
    {
    	border:none;
    	margin-right:0;
    	padding-right:0;
    }
    
    #superbox-overlay
    {
    	background:#000;
    	height:100%;
    	left:0;
    	position:fixed;
    	top:0;
    	width:100%;
    	z-index:9998;
    }
    
    #superbox-wrapper
    {
    	display:table;
    	height:100%;
    	position:fixed;
    	top:0;
    	width:100%;
    	z-index:9999;
    }
    
    #superbox-container
    {
    	display:table-cell;
    	height:100%;
    	margin:0;
    	padding:0;
    	position:relative;
    	vertical-align:middle;
    	width:100%;
    }
    
    #superbox
    {
    	background:#111010;
    	margin:0 auto;
    	padding:10px;
    }
    
    #superbox-container .loading
    {
    	color:#fff;
    	font-size:21px;
    	margin:0;
    	text-align:center;
    }
    
    :first-child+html #superbox-container
    {
    	display:block;
    	height:auto;
    	position:absolute;
    	top:50%;
    }
    
    :first-child+html #superbox
    {
    	display:block;
    	position:relative;
    	top:-50%;
    }
    
    #superbox-innerbox
    {
    	padding:10px 0;
    }
    
    #superbox.image
    {
    	text-align:center;
    }
    
    #superbox .close,#superbox .nextprev
    {
    	color:#FFF!important;
    	cursor:pointer;
    	margin:0;
    	overflow:hidden;
    	text-align:right;
    }
    
    div#printableHomeButton a
    {
    	background:transparent url(sprite.png) no-repeat -775px -175px;
    	color:#EF540A;
    	display:block;
    	font-size:16px;
    	padding-left:16px;
    }
    
    div#printableSearch h3
    {
    	background-color:#BCDD5A;
    	color:#5E6E2D;
    }
    
    div#printableSearch h3 span
    {
    	border-color:#ECF5D0;
    }
    
    div#printableSearch input.text
    {
    	font-size:18px;
    	width:220px;
    }
    
    div#printableSearch label,div#printableSearch input.button
    {
    	display:block;
    	margin-top:.75em;
    }
    
    div.printableCoupon
    {
    	background:url(sprite-vertical.png) 469px 0 repeat-y;
    	border:1px solid #D1C8B8;
    	clear:both;
    	margin-bottom:10px;
    	min-height:81px;
    }
    
    div.printableCoupon div.couponThumb
    {
    	float:right;
    	height:68px;
    	margin:6px;
    	text-align:center;
    	width:95px;
    }
    
    div.printableCoupon div.couponThumb img
    {
    	border:1px solid #927B51;
    	max-height:67px;
    	max-width:94px;
    }
    
    div.printableCoupon div.couponMerchant
    {
    	color:#95928D;
    	margin:7px;
    }
    
    div.printableCoupon div.couponMerchant strong
    {
    	font-weight:400;
    }
    
    div.printableCoupon div.couponMerchant strong a
    {
    	color:#B3A38B;
    }
    
    div.printableCoupon div.couponMerchant strong a:hover
    {
    	color:#686663;
    	text-decoration:none;
    }
    
    div.printableCoupon div.couponDetail
    {
    	line-height:125%;
    	margin:7px 118px 7px 7px;
    }
    
    div.printableCoupon div.couponDetail a
    {
    	font-size:14px!important;
    }
    
    ul#merchantsWithCoupons
    {
    	color:#B3A38B;
    	font-family:Arial,Helvetica,sans-serif;
    	font-weight:700;
    	list-style-image:none;
    	list-style-position:outside;
    	list-style-type:none;
    }
    
    ul#merchantsWithCoupons li
    {
    	padding:.25em 0;
    }
    
    ul#merchantsWithCoupons ul
    {
    	margin-left:1.5em;
    }
    
    ul#merchantsWithCoupons a
    {
    	cursor:pointer;
    	font-weight:400!important;
    	text-decoration:underline;
    }
    
    div#couponMap
    {
    	background-color:#F6F0E6;
    	border:2px solid #EBE2D2;
    	height:350px;
    	width:100%;
    }
    
    div#couponMapSmall
    {
    	border:1px solid #EBE2D2;
    	height:249px;
    	margin-left:auto;
    	margin-right:auto;
    	width:249px;
    }
    
    div#couponMapBubbleContainer
    {
    	height:125px;
    	overflow:auto;
    }
    
    div.couponMapBubble
    {
    	margin-bottom:10px;
    	width:200px;
    }
    
    div.couponMapBubble div.bubbleMerchantAddress
    {
    	color:#857F74;
    	font-size:10px;
    }
    
    div.couponMapBubble div.bubbleDescription
    {
    	border:1px dashed #E0DFDC;
    	color:#302E2A;
    	font-family:Arial,Helvetica,sans-serif;
    	font-size:14px;
    	line-height:125%;
    	margin:.5em 0;
    	padding:.25em .5em;
    }
    
    div.couponMapBubble div.bubbleLink
    {
    	text-align:right;
    }
    
    div.couponMapBubble div.bubbleLink a
    {
    	color:#EF540A;
    }
    
    div#categoryLocaliser
    {
    	background-color:#FDEDB4;
    	margin-bottom:1em;
    	margin-left:auto;
    	margin-right:auto;
    	padding:8px;
    	text-align:center;
    	width:210px;
    }
    
    div#categoryLocaliser p
    {
    	margin-bottom:.25em;
    }
    
    div#categoryLocaliser div.formContainer input.text
    {
    	width:8em;
    }
    
    .mapeed_cluster_0,.mapeed_cluster_1,.mapeed_cluster_2,.mapeed_cluster_3,.mapeed_cluster_4
    {
    	color:#FFF;
    	cursor:pointer;
    	font-family:Arial,sans-serif;
    	font-size:11px;
    	font-weight:700;
    	text-align:center;
    }
    
    .mapeed_cluster_0
    {
    	height:50px;
    	line-height:50px;
    	margin:1px 0 0;
    	width:50px;
    }
    
    .mapeed_cluster_1
    {
    	height:55px;
    	line-height:55px;
    	margin:0 0 0 1px;
    	width:55px;
    }
    
    .mapeed_cluster_2
    {
    	height:62px;
    	line-height:62px;
    	margin:1px 0 0;
    	width:62px;
    }
    
    .mapeed_cluster_3
    {
    	height:71px;
    	line-height:71px;
    	margin:1px 0 0;
    	width:71px;
    }
    
    .mapeed_cluster_4
    {
    	height:82px;
    	line-height:82px;
    	width:82px;
    }
    
    div.adsense
    {
    	background-color:#F0EBE4;
    	border:1px solid #D1C8B8;
    	margin-bottom:10px;
    }
    
    #minor div.adsense
    {
    	border:none;
    	margin:none;
    }
    
    #minor div.adsense *
    {
    	border:none!important;
    }
    
    div.adsense div.googleTextAd
    {
    	background-color:#FBF9F7;
    	border:1px solid #FFF;
    	padding:5px 8px;
    }
    
    div.adsense div.googleTextAd p
    {
    	font-size:11px;
    	margin:2px 0 0;
    }
    
    div.adsense div.googleTextAd a.domainLink
    {
    	color:#80C31C;
    	float:right;
    	font-size:11px;
    	text-decoration:none;
    }
    
    #minor div.adsense div.googleTextAd a.domainLink
    {
    	clear:both;
    	display:block;
    	float:none;
    }
    
    div.adsense .adsByGoogle
    {
    	padding:3px 8px;
    }
    
    div.adsense .adsByGoogle a
    {
    	color:#443A25;
    	text-decoration:none;
    }
    
    #voucherHub
    {
    	background-color:#F0EBE4;
    	font-size:14px!important;
    	height:180px;
    	padding:10px;
    	text-align:center;
    	width:380px;
    }
    
    #voucherHub,#voucherHubInit
    {
    	display:none;
    }
    
    #div_loading
    {
    	_position:static;
    	display:none;
    	left:45%;
    	padding:5px;
    	position:fixed;
    	top:30%;
    	z-index:110;
    }
    
    #container
    {
    	background:url(container-bg.png) no-repeat top;
    	width:992px;
    }
    
    .inner .outer
    {
    	left:35px;
    	margin-left:0;
    	overflow:hidden;
    	position:relative;
    	visibility:visible;
    	width:504px;
    	z-index:2;
    }
    
    .inner .outer ul
    {
    	left:0;
    	list-style-type:none;
    	margin:0;
    	padding:0;
    	position:relative;
    	width:630px;
    	z-index:1;
    }
    
    .inner .outer li
    {
    	float:left;
    	height:110px;
    	overflow:hidden;
    	width:126px;
    }
    
    /***********************************************/
    /* Footer sectio CSS Document Starts Here      */
    /***********************************************/	
    
    #footer {
    	border-bottom:0px dashed #db93ac;
    	border-top:0px solid #6b9f13;
    	text-align:right;
    	padding:11px 0;
    	margin-top:80px;
    	}
    
    #footer span {
    	float:left;
    	}
    
    #footer a {
    	text-decoration:none;
    	color:#FFF;
    	}
    
    #footer a:hover {
    	text-decoration:underline;
    	color:#38B4DE;
    	}	
    		
    #foot_notes {
    	background:#1E1D1D url(pattern.gif) repeat;
    	line-height:14px;
    	color:#AEAEAE;
    	padding:20px 0;
    	}
    
    #foot_notes h6 {
        background: url("smalltag.png") no-repeat scroll 0 transparent;
    	font-size:15px; 
    	text-decoration:none;
    	color:#AEAEAE;
    	padding:0;
    	margin:10px 0;
    
        height: 28px;
        padding: 0 0 0 28px;
        width: 100%;
    	}
    	
    #foot_notes p {
    	color:#AEAEAE;
    	margin:5px 0;
    	line-height:14px;
    	}
    
    #foot_notes a {
    	color:#AEAEAE;
    	}
    
    #foot_notes a:hover {
    	color:#E4E4E4;
    	}
    
    #foot_notes p { 
    	padding-bottom:22px; 
    	}	
    
    #foot_notes p.valid a {
    	font:bold 12px/18px Arial, Helvetica, sans-serif;
    	/*background:(../images/valid-tab.gif) no-repeat 0 0;*/
    	background:url(../images/valid-tab.gif) no-repeat 0 0;
    	text-decoration:none;
    	padding:5px 0 0 29px;
    	display:block;
    	float:left;
    	width:74px;
    	height:21px;
    	color:#000;
    	margin-right:7px;
    	}
    
    #foot_notes p.valid a:hover {
    	background:url(../images/valid-tab-hvr.gif) no-repeat 0 0;
    	}
    
    .externalcontainer {
    	padding:0;
    	width:960px;
    	/*width:98%;*/
    	margin:0 auto;
    	color:#FFF;
    }
    
    				/* */
    
    
    .oferta_title{
        color: #FFFFFF;
        font: bold 2.8em 'TeXGyreAdventor',Arial,sans-serif;
        margin-bottom: 10px;
        padding-top: 30px;
        text-shadow: 1px 1px 3px #3E0303;
    }
    	.oferta_details{
    	width:600px;
    	height:100px;
    	float:left;
    	padding:0 0 0 30px;
    }
    
    .oferta_text{
        color: #E29F96;
        font-family: 'Museo300',Verdana,sans-serif;
        font-size: 1.4em !important;
        line-height: 20px;
        margin-right: 65px;
    }
    
    
    .adbanner
    {
    	background-image:url(sidebar_ad.png);
    	height:171px;
    	overflow:hidden;
    }
    
    .newsletterSignup
    {
    	background-image:url(mini-newsletter-04.png);
    	height:143px;
    	overflow:hidden;
    }
    
    .newsletterSignup.signedin
    {
    	background-image:url(../ads/mini-newsletter-signedin-01.png);
    	height:143px;
    	overflow:hidden;
    }
    
    .newsletterSignup form
    {
    	margin:65px 0 0 15px;
    }
    
    .newsletterSignup #mce-EMAIL
    {
    	background:none;
    	border:none;
    	color:#63615E;
    	font-size:13px;
    	padding:8px;
    	width:190px;
    }
    
    .newsletterSignup #email
    {
    	background:none;
    	border:none;
    	color:#63615E;
    	font-size:13px;
    	padding:8px;
    	width:190px;
    }
    
    .newsletterSignup #submit_subscribe
    {
    	background:none;
    	border:none;
    	color:#FFF;
    	cursor:pointer;
    	font-size:13px;
    	padding:8px;
    	text-decoration:none;
    	width:78px;
    }
    
    .newsletterSignup p
    {
    	color:#63632E;
    	font-size:10px;
    	line-height:100%;
    	margin:10px 15px;
    }
    
    .newsletterSignup p a
    {
    	color:#63632E;
    	font-size:10px;
    }
    
    
    
    /* BOTTOM FOOTER */
    #stripe-footer2 {
    	background: url(../img/bg-customers.png);
    	background-color:#000000;
    	color: #ddd;
    }
    #stripe-footer2 .stripe-content {
    	padding: 30px 0 50px;
    	font-size: 15px;
    	background-color:#000000;
    }
    
    #footer2 img {
    	display: block;
    	float: left;
    	margin: 0 20px;
    }
    #footer2 #copyrighty {
    	color: #808080;
    	margin: 10px 0 4px;
    }
    #footer2 #footer-links a {
    	color: #ccc;
    	text-decoration: none;
    	
    	border: none;
    	background: none;
    	padding: 0
    }
    #footer2 #footer-links a:hover {
    	color: #fff;
    	text-shadow: #fff 0 0 5px;
    }
    
    #hidden-content { margin-left: -9999px; }
    
    
    
    /* TOP MENU */
    
    #top-menu
    {
    	width:960px;
    	margin:0 auto;
    	float:left;
    	height:45px;
    	background:url(../images/top-menu-left-bg.jpg) no-repeat;
    }
    #top-menu .right-cuve
    {
    	float:right;
    	height:45px;
    	width:16px;
    	background:url(../images/top-menu-right-bg.jpg) no-repeat right top;	
    }
    #top-menu ul
    {
    	margin:0px;
    	padding:0px;
    	list-style:none;	
    	float:left;
    	padding-left:3px;
    }
    #top-menu ul li
    {
    	list-style:none;
    	margin:0;
    	padding:0;
    	float:left;
    	line-height:36px;
    	background:url(../images/top-menu-line.jpg) no-repeat right 8px;
    	margin-left:5px;
    	padding-right:5px;
    	position:relative;
    }
    #top-menu ul li a
    {
    	color:#fff;
    	text-decoration:none;	
    	margin:0px;
    	font-weight:bold;
    	padding:0 14px;
    }
    #top-menu ul li.active a
    {
    	background:url(../images/top-menu-active-left.jpg) no-repeat;
    	display:block;
    	padding-left:11px;
    	padding-right:4px;
    	position:relative;
    	top:4px;
    	height:43px;
    }
    #top-menu ul li.active a span
    {
    	display:block;
    	line-height:30px;
    	height:43px;
    	background:url(../images/top-menu-active-right.jpg) repeat-x right top;
    	padding-right:21px;
    	padding-left:10px;
    	color:#333333;
    }
    #top-menu ul li.end
    {
    	background-image:none;	
    	line-height:47px;
    }
    #top-menu ul li.end a
    {
    	margin-right:0px;
    	padding-right:0px;
    }
    #top-menu ul li.end a img
    {
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	-moz-box-shadow: 0px 0px 1px #578503;
    	-webkit-box-shadow: 1px 1px 1px #578503;
    	box-shadow: 0px 0px 1px #578503;
    }
    
    
    /* TOP MENU */
    
    
    
    /* SEARCH BAR */
    button.btn_arr_blue {
        background-position: -390px -90px;
        height: 42px;
        width: 104px;
    }
    .input_nice {
        background-position: 100% -150px;
        padding-right: 10px;
    }
    .input_nice input {
        background-color: transparent;
        background-position: 0 -200px;
        border: 0 none;
        color: #4F4F4F;
        float: left;
        font-family: Verdana;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        margin-top: 0;
        padding: 12px 0 12px 40px;
    }
    .f_left {
        float: left !important;
    }
    .doc {
        margin: 0 auto;
        text-align: left;
        width: 90em;
    }
    .cfix {
        display: inline-block;
    }
    .cfix {
        display: block;
    }
    /* SEARCH BAR */
    
    /* TOP-BANNER */
    
    #top-sidebar {
        background: url("../images/topsidebar.png") repeat-x scroll 0 0 transparent;
    	border-bottom: 1px solid #F5F6F5;
        height: 31px;
        text-align: right;
    }
    #top-sidebar ul {
        height: 28px;
        list-style: none outside none;
        margin: 0 auto;
        padding: 0;
        width: 960px;
    }
    #top-sidebar ul li {
        background: url("../images/top-sidebar-line.gif") no-repeat scroll right center transparent;
        float: right;
        margin-left: 10px;
    }
    #top-sidebar ul li a {
        color: #0B65A7;
        line-height: 28px;
        padding-right: 10px;
        text-decoration: none;
    }
    #top-sidebar ul li a:hover {
        text-decoration: underline;
    }
    #top-sidebar ul li a img {
    }
    #top-sidebar ul li.end {
        background-image: none;
        margin-right: 0;
        padding-right: 0;
    }
    #top-sidebar ul li.end a {
        margin-right: 0;
        padding-right: 0;
    }
    
    /* TOP-BANNER */
    
    /* BANNER */
    
    #banner
    {
    	width:960px;
    	margin:0 auto;
    	padding:0 5px;
    	height:95px;
    	background:url(../images/banner-bg.png) no-repeat center center;
    }
    
    #banner #slogan
    {
    	margin:0px;
    	padding:0px;
    	font-size:14px;
    	font-weight:bold;
    	padding-top:35px;	
    	padding-left:10px;
    	color:#656d77;
    }
    
    /* BANNER */
    
    /* LOGO-GARDEN */
    
    
    #logo-garden {
        margin: 0 26px;
    	margin-top:30;
    }
    #logo-garden-header {
        background: url("/images/logo-garden/logo-garden-header.png") no-repeat scroll 0 0 transparent;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
        padding: 0 0 0 5px;
        width: 705px;
    }
    .logo-garden-object {
        float: left;
        margin: 0 12px 10px 0;
        text-align: center;
        width: 105px;
    }
    .logo-garden-image {
        display: table;
        height: 58px;
        margin: 0 auto;
        text-align: center;
        width: 88px;
    }
    .logo-garden-image-wrap {
        margin: 0 auto;
    }
    #logo-garden.col-5 .logo-garden-image {
        width: 113px;
    }
    #logo-garden.col-5 .logo-garden-object {
        width: 128px;
    }
    .logo-garden-image-center img {
        display: inline;
    }
    .logo-garden-object.last {
        margin-right: 0;
    }
    .logo-garden-text {
        font-size: 11px;
        margin-top: 0;
        min-height: 30px;
        padding: 0 10px;
        text-align: center;
        word-wrap: break-word;
    }
    .logo-garden-text a {
        text-decoration: none;
    }
    #garden-see-all {
        border-top: 1px solid #CCCCCC;
        font-weight: bold;
        padding: 5px;
        text-align: right;
    }
    #garden-see-all a {
        text-decoration: none;
    }
    #garden-see-all a:hover {
        text-decoration: underline;
    }
    #logo-garden .box-gray {
        border: 1px solid #CCCCCC;
        font-size: 11px;
    }
    .logo-garden-clear {
        clear: right;
    }
    .logo-garden-cat-inner {
        height: 58px;
        overflow: hidden;
        width: 88px;
    }
    .logo-garden-cat-inner img {
        left: -1px;
        position: relative;
        top: -1px;
    }
    
    /* LOGO-GARDEN */
    
    
    /* MAINCOLLECTION */
    
    #mainCollection h2
    {
    	background:url(popstore.png) repeat-x;
    	color:#FFF;
    	-moz-border-radius-topleft:5px;
    	-moz-border-radius-topright:5px;
    	-webkit-border-top-left-radius:5px;
    	-webkit-border-top-right-radius:5px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        margin: 0;
        padding-left: 5px;
    
    }
    
    #mainCollection h2 {
        background: url("popstore.png") repeat-x scroll 0 0 transparent;
        border: 1px solid #CCCCCC;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        margin: 0;
        padding-left: 5px;
    }
    
    #mainCollection h2 a {
        color: #ffffff;
    	padding:6px 0 5px 6px;
        text-decoration: none;
    }
    
    #mainCollection h2 span
    {
    	border-color:#EAF6F9;
    	padding:6px 0 5px 6px;
        border: 1px dashed #E7E3DB;
    }
    
    /* MAINCOLLECTION */
    
    /* GALLERY */
    
    #gallery {
        float: left;
        width: 625px;
    }
    #gallery .row {
        float: left;
        margin: 0 0 8px;
        width: 309px;
    	margin-bottom:8px;
    	-moz-box-shadow: 1px 1px 2px #787878;
    	-webkit-box-shadow: 1px 1px 2px #787878;
    	box-shadow: 1px 1px 2px #787878;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	margin-bottom:10px;
    	position:relative;
    }
    #gallery .row-right {
        float: right;
    }
    #gallery .row h3 {
        background: url("../images/title_bg.png") repeat-x scroll 0 0 transparent;
        border: 1px solid #CCCCCC;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        margin: 0;
        padding-left: 5px;
    }
    #gallery .row h3 img {
        margin-top: -3px;
        vertical-align: middle;
    }
    #gallery .row h3 a {
        color: #333333;
        text-decoration: none;
    }
    #gallery .row p {
        color: #666666;
        margin: 0;
        padding: 7px;
    	padding-left:13px;
        text-align: justify;
    }
    
    #gallery .row ul {
    	background-color:#FFF;
        list-style: none outside none;
        margin: 0;
        padding: 0 0 0 20px;
    }
    #gallery .row ul li {
        background: url("../images/top_star.png") no-repeat scroll 2px center transparent;
        padding: 7px 20px;
    }
    #gallery .row ul li a {
        color: #17508A;
    }
    
    
    
    
    #gallery .tips {
        width: 100%;
    	border:1px solid #D3D3D3;
    	margin-bottom:8px;
    	-moz-box-shadow: 1px 1px 2px #787878;
    	-webkit-box-shadow: 1px 1px 2px #787878;
    	box-shadow: 1px 1px 2px #787878;
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	margin-bottom:10px;
    	position:relative;
    }
    #gallery .tips h3 {
        background: url("../images/title_bg.png") repeat-x scroll 0 0 transparent;
        border: 1px solid #CCCCCC;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        margin: 0;
        padding-left: 5px;
    }
    #gallery .tips h3 img {
        margin-top: -3px;
        vertical-align: middle;
    }
    #gallery .tips h3 a {
        color: #333333;
        text-decoration: none;
    }
    #gallery .tips ul {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #FFFFFF;
        border-color: -moz-use-text-color #CCCCCC #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-style: none solid solid;
        border-width: medium 1px 1px;
        list-style: none outside none;
        margin: 0;
        padding: 0 0 0 20px;
    }
    #gallery .tips ul li {
        background: url("../images/tips.gif") no-repeat scroll 2px center transparent;
        padding: 7px 20px;
    }
    #gallery .tips ul li a {
        color: #17508A;
    }
    
    /* GALLERY */

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    We'd need fries html to go with that please as CSS on its own means very little. We need to check you have the right html structure and are working in standards mode etc.

    Don't do things like this though as it kills inherritance and is not really needed anyway.

    Code:
    *
    {
    	font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif;
    	font-size:13px;
    	line-height:115%;
    
    }
    Apply the main rules the body element instead and it will cascade where necessary. You can reset margin and padding but that will adversely affect some form elements though.

    Code:
    *{margin:0;padding:0}
    body
    {
    	font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif;
    	font-size:13px;
    	line-height:115%;
    	margin:0;
    	padding:0;
    }

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    (url received via PM)

    The header is broken in IE because you have added an id of #shell to this element here:

    Code:
    <div id="banner">
     <div id="shell"> 
      <a id="logo" href="#" title="Home"> <img src="LOGO.png" alt="coupon"> </a> </div>
    		<div id="search">
    #Shell is 960px wide and pushes the next float to the next line and overlaps the menu because elements with haslayout in IE won't let floats slide inside. You shouldn't be using that id anyway as you have it further down the page and ids must be unique so remove the id from that element above .

    Code:
    <div id="banner">
    <div> 
    <a id="logo"
    Preferably that div should also be floated left.

    The other main problem is that you are making IE emulate IE7 because you are using the meta tag here:

    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    Never use any of the IE rendering meta tags as they break more pages than they fix.
    The only time you should use them are for very old legacy browsers that may need to support old scripts. What is the point of making modern IE browsers render like IE7 (the second worst browser in history) .

  6. #6
    SitePoint Enthusiast
    Join Date
    Mar 2008
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Never use any of the IE rendering meta tags as they break more pages than they fix.
    The only time you should use them are for very old legacy browsers that may need to support old scripts. What is the point of making modern IE browsers render like IE7 (the second worst browser in history) .
    Hi Paul,

    Thanks for the help - I just made a startling discovery. The meta piece was inserted by a hacker who has been preying on my sites. As soon I added the changes the fool deleted my PHP files.

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by onedee View Post
    Hi Paul,

    Thanks for the help - I just made a startling discovery. The meta piece was inserted by a hacker who has been preying on my sites. As soon I added the changes the fool deleted my PHP files.
    Sounds pretty drastic . Change all your passwords and check that your host is also secure.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •