Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Question Layout is messed up in IE?!

    Please can someone help me with my layout in IE?!

    http://www.wildfire-digital.com/test/lha/video.asp

    Code:
    @charset "UTF-8";
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    
    .clearfix {display: block;}
    #floatright { float:right; width:302px;}
    .clearthis {
    	clear: both;
    	font-size: 1px;
    	line-height: 1px;
    	display: block;
    	color: #f00;
    	}
    
    /*///////// Hides from IE-mac \*/
    * html .clearfix {height: 5%;}
    .clearfix {display: block;}
    /*///////// End hide from IE-mac */
    
    /*/////////  */
    .StyleSheetHiddenPlaceHolder  {
    	display : none;
    }
    
    /*///////// ///////////*/
    
    body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
    font-family: arial, tahoma, Sans-Serif;
    font-size:13px;
    color:#333;		
    }
    
    BODY {	margin:0px 0 0em 0; 
    		padding:0px; 			
    		text-align:center;
    		background-color:#e4eef2;
    		}
    		
    body.video {
    		margin:0px 0 0em 0; 
    		padding:0px; 			
    		text-align:left;
    		}
    		
    
    		
    a {color:#FFF;text-decoration:none;}
    a:hover {text-decoration:none;}
    
    img { border: none; }
    
    h1 {
    	padding:0 0 0 0px;
    	margin:0 0 .4em 0px;
    	font-size:26px;
    	font-weight:normal;
    	}
    
    	
    h2{		
    	padding:0 0 0 0px;
    	margin:0 0 .4em 0px;
    	font-size:24px;	
    	font-weight:normal;
    	}
    	
    		
    h3{	
    	width:90%;
    	font-size:14px;
    	margin:0 0 .6em 0px;	
    	padding:0 0 0px 0;	
    	border:0;
    	color:#990000;
    	}
    	
    
    h4{	
    	font-size:13px;
    	margin:0 0 .4em 0px;	
    	padding:0 0 0px 0;
    	color:#666666;
    	font-weight:normal;	
    	}
    	
    p{
    	line-height:1.3em;
    	margin:0 0 1em 0;
    	padding:0;
    	
    	}
    	
    	
    form {
    	padding:0;
    	margin:0;
    	}
    	
    fieldset {
    	border:none;
    	padding:0;
    	margin:0;
    	}
    	
    legend {
    	display:none;
    	}
    	
    	ul{}
    	
    	
    	
    	table { border-collapse:collapse; margin:1.5em 0 3em 0; width:100%;}
    	
    	td, th {vertical-align:top; width:33%; padding-right:10px; font-size:14px;}
    	
    
    
    /*/////////   main layout  ///////////*/
    		
    #wrap{	width:1044px;			
    		margin:0 auto;  											
    		z-index:0;	
    		text-align:left;		
    		padding:0;		
    		}
    		
    .video #wrap {border:0; width:800px;}		
    
    .head{	width:900px;
    		padding:10px 30px 0px 20px;
    		background:#fff url(img/bg_head.gif) 0 68px no-repeat;	
    		border-bottom:3px solid #AEAEAE;
    		height:85px;	
    		position:relative		
    		}	
    
    #content {width:1010px; background: #e4eef2; padding:15px 15px 0px 15px; }
    
    .left {float:left; height:380px; width:194px; display:block; color:#ffffff;}
    		
    iframe	{float:left;
    		margin:0 0 0 20px;
    		width:670px;
    		height:459px;
    		border:0;
    		padding:0;}
    #ad{ height:194px; width:177px;}		
    #mainholder {padding-left:15px; float:left; width:795px; padding-bottom:10px; }
    .right {width:302px;  }
    
    #tophead { background-repeat:repeat; background-color:#E4EEF2; width:100%;}
    
    #topwhitebanner{ height:39px; background-color:#FFFFFF; background-image:url(img/top_bg.gif); background-repeat:repeat-x; border-top:#61bf31 6px solid;}
    #topholder{ margin: 0px auto; }
    
    
    	
    /*/////////      header     ///////////*/
    .toplogo{width:1020px; height:100px; margin: 0px auto; display:block; text-align:left; background-image:url(img/lha-top.gif); background-repeat:repeat-x;  }
    .whitetextop{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding-top:8px;}
    .head .info {float:right; text-align:right;}
    .head .logo {float:left;}
    .toprightinfo{float:right; padding-top:10px;}
    .toprightinfo a:link{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:hover{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:visited{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:active{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    
    .head a, .head a:visited {color:#cccccc;}
    .head p {font-size:11px; margin:0 0 .7em 0;}
    
    .head #nav {
    				background:url(img/bg_links.gif) no-repeat;				
    				height:18px;				
    				display:block;
    				position:absolute;
    				left:33px;
    				top:71px;
    				color:#FFFFFF;
    }
    				
    
    	
    	#nav  li {	
    	list-style-type:none;
    	margin:1px 0px 0 6px;
    	padding:0;
    	float:left;		
    	}
    		
    	#nav li a, #nav li a:visited{	
    	display: block;	
    	text-indent:-3000em;		
    	background-repeat:no-repeat;	
    	height:16px;	
    	}
    	
    	#nav li a:hover{	
    	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
    	}	
    	
    	#nav li#home a, #nav li#home a:visited{background-image:url(img/n_home.gif); width:18px;}		
    	#nav li#back a, #nav li#back a:visited{background-image:url(img/n_back.gif); width:20px;}		
    	#nav li#fwd a, #nav li#fwd a:visited{background-image:url(img/n_fwd.gif); width:20px;}		
    
    /*/////////      end header     ///////////*/
    
    
    
    
    
    /*///////// col on the left */ 
    
    .left ul {
    
    overflow: auto;
    margin:0px;
    padding: 0px;
    background:#136495;
    width:194px;    
    height:348px;
    
    }
    	
    	
    	.left  li {	
    	background-image:url(img/ul-bg.gif);
    	background-repeat:no-repeat;
    	width:189px;
    	height:19px;
    	list-style-type:none;
    	color:#FFFFFF;
    	line-height:13px;	
    	}
    	
    		
    	.left li li a,  .left li li a:visited{
    		
    	text-decoration:none;
    	width:189px;
    	height:19px;
    	}
    	
    	.left li li a:hover{	
    	text-decoration:none;
    	width:189px;
    	height:19px;
    	}
    		
    	.cursor{cursor:pointer;}	
    .subcategory{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px;
    padding:2px 0px 0px 5px;
    line-height:12px;
     color:#FFFFFF;
    
    }
    .category{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    padding:2px 0px 0px 5px;
     color:#FFFFFF;
    
    }
    /*///////// end col on the left */ 
    
    
    /*///////// col on the mid */ 
    	
    .new {
    height:143px;
    width:482px;
    background-image:url(img/botmidbg.gif);
    background-repeat:repeat-x;
    }
    .recentholder{
    	overflow:auto; 
    	width:330px; 
    	height:92px; 
    	white-space:nowrap; 
    	margin:5px 0px 10px 17px;
    	float: left;}
    .new div {}
    .bottomimagelink{
    	width:97px; 
    	height:116px; 
    	float:right; 
    	margin: 22px 15px 0 0;
     	background:#fff;
    }
    
    
    .new h2 { 
    	font-weight:normal; font-size:12px; background:url(img/bg_title_long.gif) no-repeat; width:467px;padding:2px 0 0 15px; margin:0; color:#FFFFFF; height:17px; 	}	
    	
    .new h3 { color:#FFFFFF; margin:0; padding:8px 0px 0px 20px; font-size:12px; text-align:left;}
    .new p { margin:0 140px 0 0; padding:3px 0px 0px; font-size:11px;text-align:right}
    
    .new img {margin-right:10px;}
    
    .mid {background:url(img/bg_video.png) no-repeat 0; width:426px;}
    
    #botmidhold {height:170px; width:425px; background-color:#550206;}
    	
    /*///////// end col on the mid */
    
    		
    /*///////// col on the right */ 
    
    .right .two { color:#FFFFFF; font-weight:bold; width:302px; background-image:url(img/botmidbg.gif); background-repeat:repeat-x; height:143px;}
    
    
    .one h2 { 
    	font-weight:normal; font-size:12px; background:url(img/bg_title.gif) no-repeat; padding:4px 0px 0px 10px;
    width:184px; margin:0; color:#FFFFFF; height:18px; 	}
    
    .two h2 { 
    	font-weight:normal; font-size:12px; background:url(img/bg_title2.gif) no-repeat; padding:2px 10px 0;
    width:302px; margin:0; color:#FFFFFF; height:17px; 	}
    
    .two ul { color:#FFFFFF;padding:0px 10px 0px 10px;
    	margin:10px 0;
    	list-style-type:none;}
    	
    	.two ul li{padding:0px;
    	margin:0px 0 3px 0;
    	list-style-type:none;
    	font-size:11px}
    	
    .one ul {padding:0px;
    	margin:0px 0 0px 0;
    	list-style-type:none;}
    	
    	.one ul li{padding:0px;
    	margin:0px 0 0px 0;
    	list-style-type:none;}
    	
    
    
    .one ul li a:hover{
    background:url(img/bg_nav_over.gif) no-repeat;
    }
    	
    .two span {float:right; color:#FFFFFF;}	
    .two  a, .two a:visited{ color:#FFFFFF;text-decoration:none;} 
    .two a:hover{ color:#FFFFFF;text-decoration:underline;}
    #bottomholder { clear:both; height:143px; width:800px; margin-left:209px; } 
    	
    /*///////// end col on the right */
    
    
    /*/////////      footer     ///////////*/
    	
    	.bottomspacer{ height:15px; clear:both;}
    	#footer {	
    	background:#e4bb48;
    	padding:3px 0px 3px 15px;		
    	color:#ffffff;
    	font-size:12px;
    	height:20px;
    	margin-bottom:20px;
    	width:1029px;
    	}
    	#footer p{	
    	padding:0 0px .6em 0;
    	margin:0;		
    	color:#666666
    	}
    	
    	#footer span {float:right;}
    
    	#footer a, #footer a:visited {color:#fff; text-decoration:underline}
    	#footer a:hover { text-decoration:none}
    	
    
    	
    	/*/////////    end   footer     ///////////*/ 
    		
    
    		
    #emailer{
    
    padding:15px;
    float:left;
    margin-top:0px;
    text-align:left;
    height:250px;
    width:400px;
    background-color:#540105;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FFF;	
    
    }
    .imagelink{
    
    float:right;
    }
    HTML
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Compassion in world farming</title>
    
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    function open_win() 
    {
    window.open('http://www.wildfire-digital.com/test/autotradertv/contact.asp','','scrollbars=no,menubar=no,height=250,width=400,resizable=no,toolbar=no,location=no,status=no')
    }
    function open_win1()
    {
    window.open('http://www.wildfire-digital.com/test/autotradertv/feedback.asp','','scrollbars=no,menubar=no,height=300,width=400,resizable=no,toolbar=no,location=no,status=no')
    }
    </script>
    
    <!--#include file="includes/functionlib.asp"-->
    <%
    opendb()
    
    set rs1 = objconn.execute("SELECT * FROM Category INNER JOIN SubCategory ON Category.CategoryID=SubCategory.CategoryID")
    
    %>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    
    <body>
    <div id="tophead">
    	<div class="toplogo"><img src="img/LHA-logo.gif" border="0" alt="LHA logo"/></div>
    </div>
    <div id="wrap">           
    <div id="content" class="clearfix">
                              
              <div class="left">
              <span class="one">
              <h2>Select</h2>
              </span>
                <ul>
                  <%
    
    		chkCategory = ""
    		Do While Not rs1.EOF
    		'---if both the values are different then it will print the category
    		if (chkCategory  <>  rs1("Category.CategoryID")) then
    			response.Write("<li class=""category"">"& rs1("CategoryName") &"")
    			response.Write("</li>")
    		end if	
    		response.Write("<li class=""subcategory"">&nbsp;&nbsp;<a href=""player.asp?SubCategoryID="&rs1("SubCategoryID")&"&CategoryID="&rs1("Category.CategoryID")&""">"& rs1("SubCategory") &"</a>")
    		response.Write("</li>")
    		chkCategory  = rs1("Category.CategoryID")
    		rs1.MoveNext
    
    		Loop
    
    %>
                    </ul>                  
              </div>
              
                    <div id="mainholder">
                               <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','390','title','Alpine player','src','newvideo','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','newvideo' ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="390" title="Alpine player">
                                 <param name="movie" value="newvideo.swf" />
                                 <param name="quality" value="high" />
                                 <embed src="newvideo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="390"></embed>
                               </object></noscript>
                               </div><div id="ad"><img src="img/ad.gif" border="0" alt="Advert" /></div><div id="bottomholder"><div id="floatright">
                <div class="right">             
                  <div class="two">
                  <h2>Get More</h2>
                    	<ul>
                            <li><a href="video.swf.zip">Download video</a></li>
                            <li><a href="#">Transcript</a></li>
                            <li><a href="http://www.autotrader.co.uk" target="_blank">Link to website</a></li>
                            <li><a href="http://www.zstats.com/" target="_blank">View tracking</a></li>
                            <li><a onclick="open_win()" class="cursor">Email to a friend</a></li>
                          	<li><a onclick="open_win1()" class="cursor">Feedback/request content</a></li>
                        </ul>
                  </div>
      			</div>
                </div><div class="new clearfix">
                <div class="bottomimagelink"><img src="img/pic_big.jpg" alt="Playing Now"/></div>
                       	<h2>Recent Content</h2>
                        	<h3>Click an image to select a video</h3>                    
                            <div class="recentholder"><img src="img/pic_7.jpg" alt="Video 1" /><img src="img/pic_9.jpg" alt="Video 2" /><img src="img/pic_6.jpg" alt="Video 3" /><img src="img/pic_5.jpg" alt="Video 4" /></div>
               	  	
                    </div></div>
                    <div class="bottomspacer"></div>
                    </div>
      <div id="footer">&copy; Compassion in world farming All rights reserved</div>
            
    </div>
    <div id="bottomfooter"></div>
    </body>
    </html>

  • #2
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    can someone please help?!

  • #3
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Exclamation

    FF


    IE

  • #4
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    Last edited by jarv; 03-10-2009 at 06:58 PM.

  • #5
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Remove clear:both; from the #bottomholder in your CSS. It seems to fix the problem in both for me. Let me know how you get on
    Last edited by ollie101; 03-10-2009 at 09:21 PM.

  • #6
    New to the CF scene
    Join Date
    Mar 2009
    Location
    Arizona
    Posts
    5
    Thanks
    0
    Thanked 1 Time in 1 Post

    Like ollie said

    #bottomholder{
    remove clear:both
    }


    Also you have lots of css errors when using background attributes don't use background for everything. use like this

    background-image:your image;
    background-color:#FFF;
    background-repeat:no-repeat ,repeat,repeat-x,repeat-y;
    background-position:center,top,bottom;

    because if you have a background color and an image ie won't detect it unless specified like that. also heres your css code I cleaned some of it up for you like the background issues and a " ;" or two.
    also you have two body tags "body & BODY" you can only have 1 attribute for the body alot of your css is being ignored by the broswers copy mine below and try it "BACK UP YOURS FIRST". also using standard name of divs
    will help other people help you. things like #main_wrapper,#content_wrapper,#left_column,#right_column,#header,#footer things like that. Stay away from things like #floatright?

    Code:
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    
    .clearfix {
    	display: block;
    }
    
    #floatright { 
    	float:right; 
    	width:302px;
    }
    
    .clearthis {
    	clear: both;
    	font-size: 1px;
    	line-height: 1px;
    	display: block;
    	color: #f00;
    }
    
    /*///////// Hides from IE-mac \*/
    * html .clearfix {height: 5%;}
    .clearfix {display: block;}
    /*///////// End hide from IE-mac */
    
    /*/////////  */
    .StyleSheetHiddenPlaceHolder  {
    	display : none;
    }
    
    /*///////// ///////////*/
    
    body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
    	font-family: arial, tahoma, Sans-Serif;
    	font-size:13px;
    	color:#333;		
    }
    
    BODY {	
    
    	margin:0px 0 0 0; 
    	padding:0px; 			
    	text-align:center;
    	background-color:#e4eef2;
    }
    		
    body.video {
    
    	margin:0px 0 0 0; 
    	padding:0px; 			
    	text-align:left;
    }
    		
    		
    a {
    	color:#FFF;text-decoration:none;
    }
    
    a:hover {
    	text-decoration:none;
    }
    
    img { 
    	border: none; 
    }
    
    h1 {
    	padding:0 0 0 0px;
    	margin:0 0 .4em 0px;
    	font-size:26px;
    	font-weight:normal;
    	}
    
    	
    h2{		
    	padding:0 0 0 0px;
    	margin:0 0 .4em 0px;
    	font-size:24px;	
    	font-weight:normal;
    	}
    	
    		
    h3{	
    	width:90%;
    	font-size:14px;
    	margin:0 0 .6em 0px;	
    	padding:0 0 0px 0;	
    	border:0;
    	color:#990000;
    	}
    	
    
    h4{	
    	font-size:13px;
    	margin:0 0 .4em 0px;	
    	padding:0 0 0px 0;
    	color:#666666;
    	font-weight:normal;	
    	}
    	
    p{
    	line-height:1.3em;
    	margin:0 0 1em 0;
    	padding:0;
    	
    	}
    	
    	
    form {
    	padding:0;
    	margin:0;
    	}
    	
    fieldset {
    	border:none;
    	padding:0;
    	margin:0;
    	}
    	
    legend {
    	display:none;
    }
    	
    ul{
    }
    	
    	
    	
    table { 
    	border-collapse:collapse; 
    	margin:1.5em 0 3em 0; 
    	width:100%;}
    	
    td, th {
    	vertical-align:top; 
    	width:33%; 
    	padding-right:10px; 
    	font-size:14px;
    }
    	
    
    
    /*/////////   main layout  ///////////*/
    		
    #wrap{	
    	width:1044px;			
    	margin:0 auto;  											
    	z-index:0;	
    	text-align:left;		
    	padding:0;		
    }
    		
    .video #wrap {
    	border:0; 
    	width:800px;
    }		
    
    .head{	
    	width:900px;
    	padding:10px 30px 0px 20px;
    	background-image: url(img/bg_head.gif);
    	background-repeat:no-repeat;
    	background-color:#FFF;
    	margin:0 68px;
    	border-bottom:3px solid #AEAEAE;
    	height:85px;	
    	position:relative;		
    }	
    
    #content {
    	width:1010px; 
    	background-color: #e4eef2; 
    	padding:15px 15px 0px 15px; 
    }
    
    .left {
    	float:left; 
    	height:380px; 
    	width:194px; 
    	display:block; 
    	color:#ffffff;}
    		
    iframe	{
    	float:left;
    	margin:0 0 0 20px;
    	width:670px;
    	height:459px;
    	border:0;
    	padding:0;
    }
    
    #ad{ 
    	height:194px; 
    	width:177px;
    }
    		
    #mainholder {
    	padding-left:15px; 
    	float:left; 
    	width:795px; 
    	padding-bottom:10px; 
    }
    
    .right {
    	width:302px;  
    }
    
    #tophead { 
    	background-repeat:repeat; 
    	background-color:#E4EEF2; 
    	width:100%;
    }
    
    #topwhitebanner{ 
    	height:39px; 
    	background-color:#FFFFFF; 
    	background-image:url(img/top_bg.gif); 
    	background-repeat:repeat-x; 
    	border-top:#61bf31 6px solid;
    }
    
    #topholder{ 
    	margin: 0px auto; 
    }
    
    
    	
    /*/////////      header     ///////////*/
    .toplogo{width:1020px; height:100px; margin: 0px auto; display:block; text-align:left; background-image:url(img/lha-top.gif); background-repeat:repeat-x;  }
    .whitetextop{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding-top:8px;}
    .head .info {float:right; text-align:right;}
    .head .logo {float:left;}
    .toprightinfo{float:right; padding-top:10px;}
    .toprightinfo a:link{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:hover{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:visited{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:active{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    
    .head a, .head a:visited {
    	color:#cccccc;
    }
    
    .head p {
    	font-size:11px; 
    	margin:0 0 .7em 0;
    }
    
    .head #nav {
    	background-image:url(img/bg_links.gif);
    	background-repeat:no-repeat;				
    	height:18px;				
    	display:block;
    	position:absolute;
    	left:33px;
    	top:71px;
    	color:#FFFFFF;
    }
    				
    
    	
    #nav  li {	
    	list-style-type:none;
    	margin:1px 0px 0 6px;
    	padding:0;
    	float:left;		
    }
    		
    #nav li a, #nav li a:visited{	
    	display: block;	
    	text-indent:-3000em;		
    	background-repeat:no-repeat;	
    	height:16px;	
    }
    	
    #nav li a:hover{	
    	filter:alpha(opacity=70);
    	-moz-opacity:.70;
    	opacity:.70;
    }	
    	
    #nav li#home a, #nav li#home a:visited{
    	background-image:url(img/n_home.gif); 
    	width:18px;
    }	
    		
    #nav li#back a, #nav li#back a:visited{
    	background-image:url(img/n_back.gif); 
    	width:20px;
    }
    		
    #nav li#fwd a, #nav li#fwd a:visited{
    	background-image:url(img/n_fwd.gif); 
    	width:20px;}		
    
    /*/////////      end header     ///////////*/
    
    
    
    
    
    /*///////// col on the left */ 
    
    .left ul {
    
    	overflow: auto;
    	margin:0px;
    	padding: 0px;
    	background:#136495;
    	width:194px;    
    	height:348px;
    
    }
    	
    	
    .left  li {	
    	background-image:url(img/ul-bg.gif);
    	background-repeat:no-repeat;
    	width:189px;
    	height:19px;
    	list-style-type:none;
    	color:#FFFFFF;
    	line-height:13px;	
    }
    	
    		
    .left li li a,  .left li li a:visited{
    		
    	text-decoration:none;
    	width:189px;
    	height:19px;
    }
    	
    .left li li a:hover{	
    	text-decoration:none;
    	width:189px;
    	height:19px;
    }
    		
    .cursor{
    	cursor:pointer;
    }	
    .subcategory{
    	font-family:Arial, Helvetica, sans-serif; 
    	font-size:12px;
    	padding:2px 0px 0px 5px;
    	line-height:12px;
     	color:#FFFFFF;
    
    }
    
    .category{
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:12px;
    	font-weight:bold;
    	padding:2px 0px 0px 5px;
     	color:#FFFFFF;
    
    }
    /*///////// end col on the left */ 
    
    
    /*///////// col on the mid */ 
    	
    .new {
    	height:143px;
    	width:482px;
    	background-image:url(img/botmidbg.gif);
    	background-repeat:repeat-x;
    }
    .recentholder{
    	overflow:auto; 
    	width:330px; 
    	height:92px; 
    	white-space:nowrap; 
    	margin:5px 0px 10px 17px;
    	float: left;
    }
    .new div {
    }
    
    .bottomimagelink{
    	width:97px; 
    	height:116px; 
    	float:right; 
    	margin: 22px 15px 0 0;
     	background:#fff;
    }
    
    
    .new h2 { 
    	font-weight:normal; 
    	font-size:12px; 
    	background-image:url(img/bg_title_long.gif);
    	background-repeat:no-repeat; 
    	width:467px;padding:2px 0 0 15px;
    	margin:0; 
    	color:#FFFFFF; height:17px; 	
    }	
    	
    .new h3 { 
    	color:#FFFFFF; 
    	margin:0; 
    	padding:8px 0px 0px 20px; 
    	font-size:12px; 
    	text-align:left;
    }
    
    .new p {
     	margin:0 140px 0 0; 
     	padding:3px 0px 0px; 
     	font-size:11px;
     	text-align:right
    }
    
    .new img {
    	margin-right:10px;
    }
    
    .mid {
    	background-image:url(img/bg_video.png);
    	background-repeat:no-repeat;
    	width:426px;
    }
    
    #botmidhold {
    	height:170px; 
    	width:425px; 
    	background-color:#550206;
    }
    	
    /*///////// end col on the mid */
    
    		
    /*///////// col on the right */ 
    
    .right .two { 
    	color:#FFFFFF; 
    	font-weight:bold; 
    	width:302px; 
    	background-image:url(img/botmidbg.gif);
    	background-repeat:repeat-x; 
    	height:143px;}
    
    
    .one h2 { 
    	font-weight:normal; 
    	font-size:12px; 
    	background-image:url(img/bg_title.gif);
    	background-repeat:no-repeat; 
    	padding:4px 0px 0px 10px;
    	width:184px; 
    	margin:0; 
    	color:#FFFFFF; 
    	height:18px; 	
    }
    
    .two h2 { 
    	font-weight:normal; 
    	font-size:12px; 
    	background-image:url(img/bg_title2.gif);
    	background-repeat:no-repeat; 
    	padding:2px 10px 0;
    	width:302px; 
    	margin:0; 
    	color:#FFFFFF; 
    	height:17px; 	
    }
    
    .two ul { 
    	color:#FFFFFF;
    	padding:0px 10px 0px 10px;
    	margin:10px 0;
    	list-style-type:none;
    }
    	
    .two ul li{
    	padding:0px;
    	margin:0px 0 3px 0;
    	list-style-type:none;
    	font-size:11px
    }
    	
    .one ul {
    	padding:0px;
    	margin:0px 0 0px 0;
    	list-style-type:none;
    }
    	
    .one ul li{
    	padding:0px;
    	margin:0px 0 0px 0;
    	list-style-type:none;
    }
    	
    
    
    .one ul li a:hover{
    	background-image:url(img/bg_nav_over.gif);
    	background-repeat:no-repeat;
    }
    	
    .two span {
    	float:right; 
    	color:#FFFFFF;
    }	
    .two  a, .two a:visited{ 
    	color:#FFFFFF;
    	text-decoration:none;
    } 
    
    .two a:hover{ 
    	color:#FFFFFF;
    	text-decoration:underline;
    }
    #bottomholder {  
    	height:143px; 
    	width:800px; 
    	margin-left:209px; 
    } 
    	
    /*///////// end col on the right */
    
    
    /*/////////      footer     ///////////*/
    	
    .bottomspacer{ 
    	height:15px; 
    	clear:both;
    }
    
    #footer {	
    	background-color:#e4bb48;
    	padding:3px 0px 3px 15px;		
    	color:#ffffff;
    	font-size:12px;
    	height:20px;
    	margin-bottom:20px;
    	width:1029px;
    }
    
    #footer p{	
    	padding:0 0px .6em 0;
    	margin:0;		
    	color:#666666
    }
    	
    #footer span {
    float:right;
    }
    
    #footer a, #footer a:visited {
    	color:#fff; 
    	text-decoration:underline
    }
    
    #footer a:hover { 
    	text-decoration:none
    }
    	
    
    	
    	/*/////////    end   footer     ///////////*/ 
    		
    
    		
    #emailer{
    
    	padding:15px;
    	float:left;
    	margin-top:0px;
    	text-align:left;
    	height:250px;
    	width:400px;
    	background-color:#540105;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:13px;
    	color:#FFF;	
    
    }
    
    .imagelink{
    	float:right;
    }

  • Users who have thanked rustang289 for this post:

    jarv (03-11-2009)

  • #7
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    Thank you all!


  •  

    Posting Permissions

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