#tab1, #tab2 {
float: left;
margin-left: 12px;
margin-top: 45px; 
}

ul#tabdialogue {
background: transparent url(/images/search-grad.gif) 0 100% repeat-x;
overflow: hidden;
margin:0 1px;
}

/* This is to ensure the colours start off correctly when the page loads */
#tab1 {
background: #266595 url(/images/search-tab-t.gif) 0 0 repeat-x;
}
#tab2 {
background: #366a95 url(/images/search-tab-t.gif) 0 0 repeat-x;
}

#tab1 span {
background: transparent url(/images/search-tab-l.gif) 0 0 no-repeat;
display: block;
float: left;
}

#tab2 span {
background: transparent url(/images/search-tab-l-off.gif) 0 0 no-repeat;
display: block;
float: left;
}

#tab1 span span {
background: transparent url(/images/search-tab-r.gif) 100% 0 no-repeat;
}

#tab2 span span {
background: transparent url(/images/search-tab-r-off.gif) 100% 0 no-repeat;
}

#tab2 span span span {
background: transparent url(/images/search-tab-b.gif) 0 100% repeat-x;
}



/* This is to ensure the corners start off correctly when the page loads 
#tab1 span#tab1-r {
background: transparent url(/images/tab-r-red.gif) 100% 0 no-repeat;
display: block;
padding: 2px 7px 3px 3px;
}

#tab2 span#tab2-r {
background: transparent url(/images/tab-r-grey.gif) 100% 0 no-repeat;
display: block;
padding: 2px 7px 3px 3px;
}

*/

#tab1 a, #tab2 a {
color: #ffffff;
padding: 5px;
float: left;
}

#tabcontent_1, #tabcontent_2 {
clear: both;
}