/*
	Structural stylesheet for Planet Parent & Moederskip Websites
	Company: WebBytes CC	
	Author: Tony Fairman
	www.webbytes.co.za
*/	
	
	* {
		margin: 0;
		padding: 0;
		}	
        
	#PageWrapper {		
		margin: 20px auto;
		}		
		
		#HeaderWrapper {
			width: 740px;
			height: 223px;
			background: top left no-repeat url(../images/structure/header_back_img.gif);
			margin: 0 auto;
            position: relative;
			}
			
			#SearchBlock {
                position: relative;
                width: 740px;
                height: 34px;
				}
                
				#SearchBlock img {
                    position: relative;
                    top: 0px;
                    left: 5px;
                    }
                    
                #SearchBlock form#frm_key_search {
                    height: 34px;
                    position: absolute;
                    right: 0;
                    top: 0;
                    }
                
                #SearchBlock form#frm_key_search div {
                    position: absolute;
                    right: 208px;
                    top: 13px;
                    }
                    
                #SearchBlock form#frm_key_search input#key_search{
                    float: none;
                    position: absolute;
                    right: 45px;
                    top: 11px;
                    }    
                    
                #SearchBlock form#frm_key_search input#search_submit{
                    float: none;
                    position: absolute;
                    right: 15px;
                    top: 10px;
                    }                   
                    
			#HeaderRow {	
                position: absolute;
                background-color: #EAF1F6;
                width: 728px;
                top: 40px;
                left: 6px;
                }

            #Left_Header_Image {
				background-color: #FFF;
                border: 1px solid #D0D0D0;
				height: 168px;
                left: 1px;
				padding: 4px;
                position: absolute;
                top: 0px;
                width: 276px;
                }
                
                #Left_Header_Image img{
                    height: 167px;
                    width: 276px;
                    }
                    
            #Right_Header_Image {
				background-color: #FFF;
                border: 1px solid #D0D0D0;
				height: 168px;
                left: 292px;
				padding: 4px;
                position: absolute;
                top: 0px;
                width: 140px;
                }
                
                #Right_Header_Image  img{
                    height: 167px;
                    width: 139px;
                    }
                    
			#LoginBlock {
				width: 270px;
				height: 90px;
				background-color: #FFF;
				padding: 4px;
                border: 1px solid #D0D0D0;
                position: absolute;
                top: 0px;
                right: 0px;
                display: block;
				}
            
            #LoginBlock div#Login_Wrapper {
                background-color: #EFF3DA;
                height: 90px;
                position: relative;
                }

                #LoginBlock div#Login_Wrapper form input{
                    float: none;
                    position: absolute;
                    width: 215px;
                    }
                    
                #LoginBlock div#Login_Wrapper h1 {
                    position: absolute;
                    top: 5px;
                    left: 10px;
                    }
                
                #LoginBlock div#Login_Wrapper form input#username{
                    top: 25px;
                    left: 10px;
                    }
                    
                #LoginBlock div#Login_Wrapper form input#password{
                    top: 50px;
                    left: 10px;
                    }

                #LoginBlock div#Login_Wrapper form input#login_submit{
                    width: auto;
                    top: 50px;
                    left: 235px;
                    }
            
                #LoginBlock div#Login_Wrapper a.forgot {
                    position: absolute;
                    top: 74px;
                    left: 10px;                    
                    }
                    
                #LoginBlock div#Login_Wrapper a.register {
                    position: absolute;
                    top: 74px;
                    left: 140px;
                    }
                    
                #LoginBlock div#Login_Wrapper p {
                    position: absolute;
                    top: 25px;
                    left: 10px;
                    overflow: auto;
                    height: 20px;
                    width: 251px;
                    }
                    
                #LoginBlock div#Login_Wrapper a.user_details {
                    position: absolute;
                    top: 54px;
                    left: 10px;
                    }
                    
                #LoginBlock div#Login_Wrapper a.user_logout {
                    position: absolute;
                    top: 54px;
                    left: 140px;
                    }
                
			#RegisterBlock {
				width: 270px;
				height: 69px;
				background-color: #FFF;
				padding: 4px;
                border-left: 1px solid #D0D0D0;
                border-bottom: 1px solid #D0D0D0;
                border-right: 1px solid #D0D0D0;
                position: absolute;
                top: 100px;
                right: 0;
				}
                
			#RegisterBlock div.RegWrapper{
                background-color: #ECE7EF;
                height: 63px;
                padding: 3px 5px 3px 10px;
                width: 255px; 
				}

			#LoggedinBlock {
				width: 270px;
				height: 60px;
				background-color: #FFF;
				padding: 4px;
                border: 1px solid #D0D0D0;
                position: absolute;
                top: 0px;
                right: 0px;
                display: block;
				}
            
            #LoggedinBlock div#Login_Wrapper {
                background-color: #EFF3DA;
                height: 60px;
                position: relative;
                }

                #LoggedinBlock div#Login_Wrapper form input{
                    float: none;
                    position: absolute;
                    width: 215px;
                    }
                    
                #LoggedinBlock div#Login_Wrapper h1 {
                    position: absolute;
                    top: 5px;
                    left: 10px;
                    }
                
                #LoggedinBlock div#Login_Wrapper p {
                    position: absolute;
                    top: 25px;
                    left: 10px;
                    overflow: auto;
                    height: 20px;
                    width: 251px;
                    }
                    
                #LoggedinBlock div#Login_Wrapper a.user_details {
                    position: absolute;
                    top: 42px;
                    left: 10px;
                    }
                    
                #LoggedinBlock div#Login_Wrapper a.user_logout {
                    position: absolute;
                    top: 42px;
                    left: 140px;
                    }
                
			#ArtBlock {
				width: 270px;
				height: 99px;
				background-color: #FFF;
				padding: 4px;
                border-left: 1px solid #D0D0D0;
                border-bottom: 1px solid #D0D0D0;
                border-right: 1px solid #D0D0D0;
                position: absolute;
                top: 70px;
                right: 0;
				}
                
			#ArtBlock div.ArtWrapper{
                background-color: #ECE7EF;
                height: 93px;
                padding: 3px 5px 3px 10px;
                width: 255px; 
				}
                
                #ArtBlock div.ArtWrapper div.copy  {
                    height: 60px;
                    overflow: hidden;
                    padding-left: 0;
                    }
                    
		#Navigation {
			width: 740px;
			margin: 0 auto;
			padding-left: 30px;
			}		
		
		#Navigation div {
			float: left;
			clear: right;
			display: block;
			margin-right: 2px;
			}
		
		#Navigation div img{
			border: none;
			}
			
		#Content_Wrapper {
			clear: both;
			width: 740px;
			margin: 0 auto;
			}
            
            #Content_Wrapper div.lists {
                margin-left: 20px;
                }
                
            #Content_Wrapper iframe{
				width: 600px;
                height: 600px;
                border: none;
				}			
                
			#ContentBlock {
				margin-top: 10px;
				float: left;
				width: 430px;
				}
           
			#Content_Left {
                position: relative;
				}
                
			#Content_Left div#user_nav {
                margin: auto;
                width: 400px;
                text-align: center;
				}
				
			#Content_Left div#filters{
				background: top left no-repeat url(../images/structure/filters_back.gif);
                height: 100%;
                background-color: #F7F7F2;
                display:block;
                position: relative;
                left:0;
                top:0;
                width:432px;
				}
                
			#Content_Left div#filter_footer{
				background: bottom left no-repeat url(../images/structure/filters_back_bottom.gif);
				height: 10px;
                width: 432px;
				}
			
			#Content_Left div#filter_links {
                background: top left no-repeat url(../images/structure/filter_links.gif);
                height: 24px;
                padding: 4px 0 4px 20px;
                }
            
			#Content_Left div.lists{
				padding: 5px 0 10px 20px;
				border-bottom: 1px dashed #D1D0D0;
				}

			#Content_Left div.lists table {
                width: 390px;
                }
                
			#Content_Left div.lists table tr {
                height: 16px;
                }
                
			#Content_Left div.lists table tr.odd{
                background: #F3F6FB;
                }
            
            #Content_Left div.lists table td.left {
                width: 110px;
                }
                
            #Content_Left div.lists table td.right {
                width: 150px;
                }
                
            #Content_Left div.lists table td.comments {
                text-align: right;
                }
                
            #Content_Left div.lists table td.add_child {
                text-align: right;
                }
                
            #Content_Left div.lists table td.childname {
                width: 40px;
                }
                
            #Content_Left div.lists table td.childsname {
                width: 150px;
                }
                
            #Content_Left div.lists table td.birth {
                width: 100px;
                }
                
            #Content_Left div.lists table td.area {
                width: 40px;
                }
                
            #Content_Left div.lists table td.delete {
                width: 50px;
                text-align: right;
                }
                
            #Content_Left div.lists table td.product_name {
                width: 80px;
				overflow: wrap;
                }
                
            #Content_Left div.lists table td.date {
                width: 120px;
                text-align: right;
                }
				
            #Content_Left div.lists table td.edit {
                width: 56px;
                text-align: right;
                }
                
            #Content_Left div.lists table td.reactivate {
                width: 68px;
                text-align: right;
                }
                
            #Content_Left div.lists table td.link {
                width: 56px;
                text-align: right;
                }
            
			/*##Content_Left div.lists img.img_small_right, */
            img.img_small_right {
                height: 66px;
                width: 59px
				}

            div.side_left_image {
                margin: 10px 0 0 10px;
                background: top left no-repeat url(../images/structure/thumbnail_bgnd.gif);         
                border-right: #CCCCCC 1px solid;
                height: 74px;
                width: 74px
				}
                
            div.list_image {
                margin: 0 0 10px 10px;
                float: right;
                background: top left no-repeat url(../images/structure/thumbnail_bgnd.gif);         
                height: 74px;
                width: 74px
				}
                
            img.list_thumb {
                margin: 4px 0 0 4px;
                height: 66px;
                width: 59px
				}
			
            #Content_Left form#frm_edit_ad table.delcats {
                width: 430px;
                border-top: 1px solid #CFCFCF;
                border-bottom: none;
                border-left: 1px solid #CFCFCF;
                border-right: 1px solid #CFCFCF;
                }

                #Content_Left form#frm_edit_ad table.delcats tr {
                    height: 16px;
                    }

                    #Content_Left form#frm_edit_ad table.delcats td.category, #Content_Left form#frm_edit_ad table.delcats th.category {
                        width: 150px;
                        padding: 5px;
                        text-align: left;                        
                        border-bottom: 1px solid #CFCFCF;
                        }

                    #Content_Left form#frm_edit_ad table.delcats td.delete, #Content_Left form#frm_edit_ad table.delcats th.delete {
                        width: 30px;
                        padding: 5px;
                        text-align: center;
                        border-bottom: 1px solid #CFCFCF;
                        }
                        
                        #Content_Left form#frm_edit_ad table.delcats td.delete input, #Content_Left form#frm_edit_ad table.delcats th.delete input{
                            width: 20px;
                            float: none;
                            margin: 0;
                            }
                
            #Content_Left div.detail {                
				padding-left: 20px;
				margin-left: 20px;
                }
                
            #Content_Left div.detail p {                
				padding-bottom: 10px;
                }
                
            #Content_Left div.detail ul {                
				padding-left: 15px;
                }
            
            #Content_Left div.detail div.image_right {
                float: right;
                width: 170px;
                height: 164px; 
                margin-right: 10px;
                background: top right no-repeat url(../images/thumbnail_backing_large.gif);    
                }
                
            #Content_Left div.detail div.image_left {
                float: left;
                width: 170px;
                height: 164px; 
                margin-right: 10px;
                background: top right no-repeat url(../images/thumbnail_backing_large.gif);    
                }
                             
            #Content_Left div.detail img.img_large_left {
                width: 157px;
                height: 149px;
                margin:5px 0 0 8px;
                }
            
            #Content_Left div.detail img.img_large_right {
                width: 157px;
                height: 149px;
                margin:5px 0 0 8px;
                }
            
            #Content_Left div.branches {
                background: top right #EEEAF1 no-repeat url(../images/structure/related_top_bkgnd.gif);
                width: 392px;
                display: block;
                padding: 10px 20px 0 20px;
                }

            #Content_Left div.branches h3{
                color: #421562;
                }
                
            #Content_Left div.branches div.branch_location {
                width: 372px;
                margin: 5px auto 0 auto;
                }
            
            #Content_Left div.branches h3.location {
                color: #2E79AB;
                display: block;
                line-height: 16px;
                text-transform: none;
            }

            #Content_Left table.branch {
                width: 100%;
                
                }
                
            #Content_Left table.branch th, #Content_Left table.branch td{
                width: 50%;
                text-align: left;
                padding: 2px 0 2px 30px;
                }
             
            #Content_Left div#other_comments {
                margin-left: 20px;
                }
                
            #Content_Left div.other_comments_list {
                border-bottom: 1px dashed #D1D0D0;
                }
                
            #Content_Left div.other_comments_list p {
                display: inline;
                }
             
            #Content_Left div#related_articles  {
                width: 392px;
                display: block;
                margin: 10px 20px 0 20px;
                }
                
                #Content_Left div#related_articles h3.top {
                    color: #421562;
                    }
            
                 #Content_Left div#related_articles  div.related_articles_list p {
                       display: inline;
                    }

            #Content_Left div#branch_footer {
                background: top right no-repeat url(../images/structure/branches_footer.gif);
                width: 432px;
                height: 20px;
                margin: 0;
                padding: 0;
                }
            
            #Content_Left div#bookmarks {
                height: 50px;
                width: 432px;
                background: top right no-repeat url(../images/structure/bookmarks_bkgnd.gif); 
                padding-top: 10px;
                }

            #Content_Left div#bookmarks div#bookmark_header {
                    height: 20px;
                }
            
            #Content_Left div#bookmark_header h3{
                    float: left;
                    padding-left: 15px;
                    color: #421562;
                    width: 320px;
                }
            #Content_Left div#bookmark_header a#whats_this {
                    float: left;
                    padding-right: 10px;
                }
                
            #Content_Left div#bookmarks img {
                    margin-left: 20px;
                }
 
            #Content_Left div#add_comments{
                margin-top: 10px;
                width: 432px;
                background: #EEEAF1 top right no-repeat url(../images/structure/comment_bkgnd.gif); 
                color: #421562;
                padding: 8px 0px 10px 0px;
                height: 100px;
                }
                
            #Content_Left div#comments_top {
                width: 432px;
                height: 15px;
                }
                
            #Content_Left div#com_top {
                width: 432px;
                height: 15px;
                }
                
            #Content_Left div#com_top h3{
                width: 110px;
                height: 15px;
                float: left;
                }
                
            #Content_Left div#com_top a{
                float: right;
                padding-right: 20px;
                float: right;
                }            
                
            #Content_Left div#add_comments h3{
                float: left;
                padding-left: 15px;
                color: #421562;
                width: 130px;
                }
                

            
            #Content_Left div#comments div#rate_me {
                background: #EEEAF1;
                height: 40px;
                position: relative;
                padding-left: 20px;
                width: 412px;
                }
                
            #Content_Left  div#rate_mes {
                padding-left: 20px;
                }
                
            #Content_Left div#comments div#latest {
                width: 432px;
                background: #F3F1F5 top right no-repeat url(../images/structure/other_comment_top.gif); 
                height: 100%;
                padding-top: 10px;
                }

                #Content_Left div#comments div#latest h3 {
                    margin-left: 20px;
                    text-transform: none;
                }
                
                #Content_Left div#comments div#latest div#com_content {
                    margin: 0 10px 0 20px;
                    text-transform: none;
                }
            
                #Content_Left div#comments div#latest span {
                    color: #A8C023;
                }
                    
            #Content_Left div#comments div#other{
                height: 39px;
                width: 432px;
                background: top right no-repeat url(../images/structure/comment_bottom_bkgnd.gif); 
                padding-top: 10px;
                }
                
                #Content_Left div#comments div#other h3{
                    float: left;
                    padding-left: 20px;
                    width: 120px;
                    text-transform: none;
                    }
                
                #Content_Left div#comments div#other a {
                    float: right;
                    padding-right: 20px;
                    }
                

               /* , #Content_Left div#related_titles*/
            #Content_Left div#related_items {
                background: #EEEAF1 top right no-repeat url(../images/structure/related_top_bkgnd.gif); 
                width: 432px;                
                }
                
                div#rel_services, div#rel_categories {
                    color: #421562;
                    float: left;
                    font-weight: bold;
                    height: 20px;
                    padding: 8px 0px 0px 15px;
                    text-transform: uppercase;
                    width: 201px;
                    }
                
                div#rel_services h3, div#rel_categories h3 {
                    color: #421562;
                    }
                    
                div#related_serv_cats {
                        width: 432px; 
                    }
                    
                div#rel_services_items, div#rel_categories_items {
                    color: #A8C023;
                    float: left;
                    padding: 2px 0px 2px 25px;
                    width: 191px;
                    background-color: #EEEAF1;
                    height: 100%;
                    }
            
                /*div#related_items*/
            #Content_Left   div#related_footer {
                background: bottom right no-repeat url(../images/structure/related_bottom_bkgnd.gif); 
                height: 4px;
                width: 432px;
                clear: both;
                }
            
            #Content_Left div.search_header {
                background: top right no-repeat url(../images/structure/search_back_img.gif);
                height: 25px; 
                padding: 5px 5px 0px 20px;                
                font-weight: bold;
                color: #421562;
                }
            
			#SideBarBlock {
				float: right;
                padding-top: 10px;
				}
                
            #SideBarBlock div.important_info{
                background: #FDFDFD;
                border: 6px solid #F6E1E5;
                width: 270px;
                height: 130px;
                margin-bottom: 2px;
                }

            #SideBarBlock div.important_info div.infocontent{
                border: 2px solid #E3D8DA;
                width: 266px;
                height: 126px;        
               }
               
            #SideBarBlock div.important_info div.infocontent div.info_innered {
                margin: 7px;
            }
            
            #SideBarBlock div.important_info div.infocontent p{
                height: 60px;
                overflow: auto;
                margin-bottom: 3px;
                }

            #SideBarBlock div.add_block{
                border: 6px solid #E5EDB9;
                width: 270px;
                height: 202px;
                margin-bottom: 2px;
                }
            
            #SideBarBlock div.add_block_alt{            
                border: 6px solid #EFF3DA !important;
                }
            
            #SideBarBlock div.add_block div.addcontent{
                border: 2px solid #E3D8DA;
                width: 266px;
                height: 198px;                
               }

                #SideBarBlock div.add_block div.addcontent img{
                    width: 266px;
                    height: 198px;
                    border: none;
                }
 
            #SideBarBlock div.sidebar_items{
                background: #FDFDFD;
                border: 6px solid #E5EDB9;
                width: 270px;
                height: 130px;
                margin-bottom: 2px;
                }

                #SideBarBlock div.sidebar_items div.itemcontent{
                    border: 2px solid #E3D8DA;
                    width: 266px;
                    height: 126px;                
                   }
               
                    #SideBarBlock div.sidebar_items div.itemcontent div.side_left{
                        float: left;
                        height: 126px;           
                       }
               
                        #SideBarBlock div.sidebar_items div.itemcontent div.side_left img{
                            margin-left: 4px;
                            margin-top: 4px;
                           }
            
                    #SideBarBlock div.sidebar_items div.itemcontent div.side_right {
                        float: right;
                        width: 171px;
                        height: 126px;             
                        margin-top: 10px ;
                       }
                       
                        #SideBarBlock div.sidebar_items div.itemcontent div.side_right h2 {
                            padding: 0;
                            }
                
                        #SideBarBlock div.sidebar_items div.itemcontent div.side_right p{
                            height: 62px;
                            margin-right: 8px;
                            margin-bottom: 2px;
                            overflow: auto;
                           }
                
            #SideBarBlock div#ask_the_experts{
                border: 6px solid #E5EDB9;
                width: 270px;
                height: 130px;
                margin-bottom: 2px;
                }

            #SideBarBlock div#ask_the_experts div.expertscontent{
                border: 2px solid #E3D8DA;
                width: 266px;
                height: 126px;                              
               }

				
	#footer_clear {
		clear: both;
		}
	
	#footer {
		width: 740px;
		height: 100%;
		margin: 5px auto 0px auto;
		background: top left no-repeat url(../images/structure/footer_back_top.gif);
		position: relative;
        }
       
    #footer a {
        position: absolute;
        right: 35px;
        top: 10px;
        }
        
    #footer h2 {
		height: 12px;
        padding: 7px 0 0px 20px;
        }
    
    #footer div.question {
        position: absolute;
        left: 20px;
        top: 25px;
        font-weight: bold;
        }
        
    #footer div#answer_block{
        width:740px;
        background: top left repeat-y url(../images/structure/footer_back_mid.gif);
        padding-top: 30px;
        margin: 0;
        }    
    
    #footer div#answer_block form{
        width: 740px;
        }
        
    #footer table#footer_poll {
        margin: 0 0 0 20px;
        width: 720px;
        }
        
    #footer table#footer_poll tr td.results{
        width: 315px;
        padding: 3px 0;
        }
        
    #footer div#footer_bottom {
        background: top left no-repeat url(../images/structure/footer_back_bottom.gif);
        height: 19px;
        }

	#footer_nav {
		width: 740px;
		height:79px;
		margin: 0 auto;
        position: relative;
		}
    
    #footer_nav div#phrase {
        position: absolute;
        top: 10px;
        left: 20px;
        }
    
    #footer_nav div#contact {
        position: absolute;
        top: 0;
        right: 173px; 
        }

     #footer_nav div#contact a img {
        border: none;
        }
        
    #footer_nav div#terms {
        position: absolute;
        top: 0;
        right: 10px;        
        }
    
     #footer_nav div#terms a img {
        border: none;
        }