﻿*{        
    	margin:0;
        padding:0;}

    html 
    {
        background:white;
        width:100%;
    }
    image {border:0px;}
    body {
		margin:4px 8px 4px 2px;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:80%;
		font-family: Arial, Tahoma, lucida, sans-serif;
        background:white;
	}
	
	.bodyarea{width:100%}

	/* Header styles */
	#header,.menubloc {
		width:100%;
		margin-bottom:4px;
		margin-top:4px;	
	}
	/* column container */
	#header .colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:white;
		
	}
	/* holy grail 3 column settings */
	#header .holygrail {background:white;
	}
    #header .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-175px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:white;
    }
    #header .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:425px;         	/* Left column width + right column width */
        background:white;
    }
    #header .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:250px;        	/* Width of left column */
	}
	#header .holygrail .col1 {
        margin:0 175px 0 250px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    #header .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    #header .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:175px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	
	#header h1{font-size:10px;}
	#header table{padding:0px;margin:0px;}
	#header p,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	
    #ps_menu{
        border-left: 0 solid white;
    border-right: 0 solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 0;
    padding: 0;
    float: left;
            font: bold 13px Arial;
            width: 100%;
            height:34px;
        background:url(http://www.planitsource.co.uk/navigation/normal.gif) repeat-x center;
}

    #ps_menu li{display: inline;}
    #ps_menu li a{float: left;color: white; padding: 9px 11px;text-decoration: none;border-right: 1px solid white;}
    #ps_menu li a:visited{color: white;}
    #ps_menu li a:hover{
        color: white;
        background:url(http://www.planitsource.co.uk/navigation/hover.gif) repeat-x center;
        border-bottom: 1px solid black;
    }
   #searchpanel
   {
       padding:0px;
       margin:0px;
       width:100%;
       color:White;
       background-color:black;
       text-align:center;
   }
   
   #searchpanel input{margin:5px;height:20px;vertical-align:middle;font-size:105%;}
   #searchpanel .button{vertical-align:middle;}


	
/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		
	}
	/* holy grail 3 column settings */
	.holygrail {
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-175px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;   	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:425px;         	/* Left column width + right column width */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:250px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 175px 0 250px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:175px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#ps_footer{margin-top:4px;text-align:center;}
	#ps_footer{
	    background:black;
	    color:white;
	    padding:0;
	    height:auto;
    }

    #ps_footer2{
	    background:white;
	    color:#5B5B5B;
	    margin:0;
	    padding:0px;
	    text-align:center;
    }

    #ps_footer .inner
    {
        margin:0;
        padding:10px;
    }
    

    
    #ps_footer a
    {
        text-decoration:none;
        color:White;
        background-color:Black;
    }
    
    #ps_footer2 a
    {
        text-decoration:none;
        color:Black;
        background-color:White;
    }
    
    #ps_footer a:hover,#ps_footer2 a:hover
    {
        text-decoration:underline;  
    }
    
    .ps_clear {
	    clear:both;
    }
    /* for the content */
    #main_col
    {
        padding:0;
        margin:0;

    }
    #main_col .ps_contentwrapper, p
    {
	    padding:0 6px 6px 6px;
	    margin-bottom:4px;
    	margin-right:2px;
	    margin-left:2px;
    }
    
    #main_col ul {margin:8px 0px 4px 16px;}
    #main_col li {margin-left:16px;list-style:inside;padding:2px;}
    
    #main_col .ps_contentwrapper
    {
	    border:1px solid #DCE4EC;
    }
    
    
    .image
    {
	    padding:8px 8px 4px 8px;
	    margin-top:0px;
	    float:left;
    }
    .image_h2
    {
	    padding:0px 8px 4px 8px;
	    margin-top:0px;
	    float:left;
    }
    
        
    .image_center
    {        
        text-align:center;
        width:100%;
        margin:10px auto 10px auto;
        _height:1px;
        padding-bottom:20px;
    }
    
    .centre_box
    {     
       margin:0px auto;
    }
    
    #main_col .ps_content 
    {
	    padding:4px;
	    min-height:175px;
    }
    
    #main_col hr {color:#DCE4EC;height:1px;}

    #main_col .ps_nosdesc 
    {
	    color:Red;
	    font-weight:bold;
    }
    #main_col .ps_hdr 
    {
	    float:left;
	    margin:0;
	    padding:4px 0 4px 0;
	    width:100%;
    }
    #main_col .ps_lhdr {
	    float:left;
	    margin:0;
	    padding:0 0 4px 0;
	    width:70%;
	    border:1px solid blue;
    }
    #main_col .ps_rhdr 
    {
	    float:right;
	    margin:0;
	    padding:4px 0 4px 0;
	    width:30%;
	    text-align:right;
    }
    #main_col .ps_dvdr 
    {
	    border-bottom:1px solid #DCE4EC;
	    width:100%;
    }

    
    /* Right Side bar */
    
    .ps_sb_inner
    {
	    width:100%;
	    margin:0px 0 0 0;
	    padding:0;
	    background:white;
    } 
    .ps_sb_inner .ps_bluebar
    {
        background-color:#000066;
        background:url(http://www.planitsource.co.uk/navigation/header.gif) repeat-x center;
	    width:99%;
	    margin:0;
	    padding:0px;
	    height:auto;
	    border:1px solid #000066;
    }
    .ps_sb_inner .ps_subheader
    {
	    color:White;
	    padding:4px;
	    margin:0px;
	    font-weight:bold;
    }
    .ps_big{padding:8px;color:red;font-weight:bold;font-size:large;}

    .ps_sb_inner .ps_sidebox
    {
	    width:99%;
	    margin:0px 0 4px 0;
	    padding:0px;
	    background-color:#ededed;
    }
     
    .ps_sb_inner .ps_sidebox {background-color:#ededed;border:1px solid #DCE4EC;}

    .ps_sb_inner .ps_content 
    {
	    width:98%;  
	    padding:4px 2px 4px 2px;	
    }
    
    .ps_sb_ads,.ps_sb_ads_lb
    {
	    margin:4px auto;
	    padding:0;
	    width:100%;
    }
    
    .ps_sb_ads_lb
    {
        margin:8px;
        text-align:center;
    }
    .ps_sb_ads img,.ps_sb_ads_lb img
    {
	    margin:6px 0 0 0;
	    padding:0;
    }
    
    /* The tree */
    #ps_treebox 
    {
	    width:99%;
	    margin:2px 0 0 0 ;
	    padding:0;
	    background-color:white;
    }
    #ps_treebox a{padding:0;margin:0;}
    #ps_treebox .ps_thetree
    {
	    width:100%;
	    max-height:900px;
	    overflow:scroll;
	    color:red;
	    cursor:hand;
	    font-size:.90em;
	    background:white;
	    padding:0;
	    margin:0;
	    
    }
    
    /* Generic */
    .input_gap{margin:0 0 4px 0;margin:0;}
    h1,h2,h3,h4{margin-bottom:0px;color:#000066;padding:4px 6px 6px 6px;}
   
    h1,h2{font-size:1.4em;}
    h3{font-size:1.3em}
    h4{font-size:1.1em}
    input,.input{margin-bottom:4px;padding:0px;}
    .ps_red{background-color:Red;}
    .ps_reqd, .ps_error{color:Red;}

    .ps_warning, .ps_info
    {
        color:Red;
        padding-left:0px;
    }
    .ps_warning{font-size:smaller;}

    .ps_info{font-size:small;}
    
    /* data entry tables */
    .ps_std_table
    {
	    margin:6px;
	    padding:6px;
    }
    .ps_std_table_left
    {
	    width:30%;
	    text-align:left;
    }
    .ps_std_table_right
    {
	    text-align:left;
    }
    .ps_srch_table
    {
	    margin:6px;
	    padding:6px;
    }

    .ps_table_wrapper
    {
	    margin:6px;
	    padding:6px;

    }
    
    .ps_catlist
    {
        margin:0px;
        padding-top:4px;
    }
    
    .ps_highlight
    {
        font-weight:bold;
    }
    
    .ps_hide{display:none;}
    .ps_show{display:block;}
    .ps_nounderline
    {
        text-decoration:none;
    }
    
    #ps_small_login
    {
        width:175px;
        font-size:small;
        background-color:#ededed;
        padding-bottom:4px;
        margin-bottom:2px;
    }
    
    #ps_small_login  .logintable
    {
       width:100%;
       padding:4px;
	   margin:0px;
	   background-color:#ededed;
   }
    #ps_small_login th
    {
        background-color:#330099;
        color:White;
    }
    #ps_small_login td
    {
        padding:0px;
        margin:0px;
    }
    #ps_small_login .loginbutton
    {
        padding-right:10px;
    }
    #ps_small_login .failuretext {font-weight:bold;color:Red;text-align:center;}
    #ps_small_login .helptext {font-weight:bold;font-size:smaller;text-align:center;padding-bottom:4px;}
    
    #ps_small_login .ps_bluebar
    {
        background-color:#330099;
	    width:173px;
	    margin:0;
	    padding:0px;
	    height:auto;
	    border:1px solid #330099;
    }
    #ps_small_login .ps_subheader
    {
	    color:White;
	    padding:4px;
	    margin:0px;
	    font-weight:bold;
    }
    
    #ps_main_login
    {
        margin:50px auto 0px auto;
        width:500px;
        height:auto;
        background-color:white;
        border:solid 1px gray;
    }

    .offer_wrapper
    {
        margin:5px auto 0px auto;
        width:500px;
        height:auto;
        border:solid 1px gray;
    }
    
    .offer_wrapper_inner
    {
        margin:5px;
    }
    
    #ps_main_login .ps_bluebar
    {
        background-color:#330099;
	    width:100%;
	    margin:0;
	    padding:0px;
	    height:auto;
    }
    #ps_main_login .ps_subheader
    {
	    color:White;
	    padding:4px;
	    margin:0px;
	    font-weight:bold;
    }
    #ps_main_login .logintable
    {
        margin:10px auto;
    }
    #ps_main_login .label {font-weight:bold;}
    #ps_main_login .failuretext {font-weight:bold;color:Red;}
    
    .ps_logincontent
    {
        margin:5px auto 0px auto;
        width:450px;
        height:auto;
        background-color:white;
   	    padding:4px;
	    border:1px solid #DCE4EC;
    }
    .ps_logincontentwrapper
    {
        padding:4px;
    }
    
    
    #AccMaintenance
    {
        margin:0px auto;
        width:700px;
        height:auto;
        background-color:white;
        border:solid 1px gray;
    }
    #AccMaintenance .MainBloc
    {
        
        padding:10px;
        

    }
    
    #AccMaintenance .Logo
    {
        margin:10px auto 0px auto;
        height:auto;
        width:700px;
    }
    
    #AccMaintenance .ps_bluebar
    {
        background-color:#330099;
	    width:100%;
	    margin:0;
	    padding:0px;
	    height:auto;
    }
    #AccMaintenance .ps_subheader
    {
	    color:White;
	    padding:4px;
	    margin:0px;
	    font-weight:bold;
    }
    
    #AccMaintenance .ps_container
    {
	    margin:12px;
    }
    
    #AccMaintenance .radiobutton, #AccMaintenance h4
    {
        font-size:90%;
    }
    
    #AccMaintenance .savebutton_container
    {
        margin-top:15px;
	    margin-left:620px;
    }
    
    
    .ps_frmlabel
    {
        font-size:90%;
        width:135px;
    }
    
    .center,.center_top_ad
    {
        text-align:center;
        margin-left:auto;
        margin-right:auto;
    }
    
    .center_top_ad
    {
        margin-top:20px;
    }
    .right
    {
        text-align:right;
    }

    
    .image_panel{width:550px;height:auto;}
    .current_image{width:175px;float:left;}
    .del_image{position:relative;padding-left:8px;float:left;}
    
    .highlight
    {
        font-weight:bold;
        padding:8px;
    }
    
    
    .modalPopup 
    {
        background-color:#ffffdd;
        border-width:3px;
        border-style:solid;
        border-color:Gray;
        padding:3px;
        width:350px;
    }
    .modalBackground 
    {
        background-color:Gray;
        filter:alpha(opacity=70);
        opacity:0.7;
    } 
        
        
        #ImagesPanel{}
        
         .image_upload
        {
           clear:right;
            width:90%;
            height:auto;
            min-height:25px;
        }
        
        .current_image
        {
            background-color:blue;
        }
        
        .searchbox .searchtext
        {
            
        }
        .searchbox table
        {
            width:95%;
            padding:0;
            margin:0;
        }
        .fright
            {
                float:right;
                position:relative;
            }
            .fleft{float:left;}
            
            
       .sp2{
           background:#D0D0D0;
           border:1px solid navy;
           text-align:center;
           padding:10px 6px;
       }

       #featurelist {}
       
       #featurelist tr {}
       
       #featurelist th
       {
           text-align:center;
           width:200px !important;
           font-size:1.15em;   
       }
       
       #featurelist td{text-align:center;height:30px;border-bottom:1px dotted rgb(188,200,250);}
       #featurelist td .nounderline{text-align:center;}
       #featurelist .feature{font-weight:bold;text-align:left;color:Navy;width:200px !important;}
       
       #LoginForm td{font-weight:bold;padding-right:8px;}
       
       #righthandads a {text-decoration:none;border:none;}
       #righthandads img {text-decoration:none;border:none;padding:4px 8px;}
       #ps_pagenav a{border:1px solid navy;padding:4px 4px;font-size:9px;text-decoration:none;}
       #ps_pagenav a:hover{background-color:#000099;color:White;}
       #ps_pagenav .current{color:White;background-color:#000099;}
       #ps_pagenav {margin-bottom:12px;margin-left:5px;}
       
       #companylisting th{ font-weight:bold;}
       #companylisting td{ font-weight:normal;}
       
       #SavedBloc {margin:10px auto;width:75%;border:1px solid gray;}
       #SavedBloc .payment{width:60%;}
       #SavedBloc .payment td{border:1px solid gray;}
       #SavedBloc .logo{width:50%;}
       #SavedBloc .yourcontactdetails{margin:5px 20px 5px 20px;float:right;width:35%;}
       #SavedBloc .ourcontactdetails{margin:5px 20px 5px 20px;float:left;width:35%;}
       #SavedBloc .message{margin:20px;}
       #SavedBloc .orderdetails{margin:5px 20px 5px 20px;padding:5px;border-top:1px solid gray;border-bottom:1px solid gray;}
       
        .redhighlight{color:Red;}    
       #OfferLinkBloc {text-align:center;padding:15px;}
       
       .categorystatus table{width:100%;}
       .categorystatus th
       {
           text-align:left;
           background-color:Black;
           color:White;
           padding-top:8px;
       }
       .categorystatus th,.categorystatus td
       {
           padding:4px;
       }
       .categorystatus label
       {
           padding:4px 4px;
           
       }
       .radiobutton{font-weight:bold;}
       
       
       #searchlisting
       {
           background-color:Red;
       }