/* *Generic element styles **/

body { margin: 3px 0px 0px 3px; background-color: #ffffff; font-size: 80%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; }
table, p, td, li, input, select, ul { font-size: 1.0em; color: #666666; line-height: 1.4em; font-family: verdana, arial, helvetica, sans-serif; }
li { list-style-type: square; margin-bottom: 4px; margin-left: 1em; }
ul { margin: 15px 0px 15px 1em; padding-left: 1em; }
img { border: 0px; }
input, select { border: 1px solid #493058; padding: 2px; line-height: 1em; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px;}
/** Generic overrides **/
#main a { color: #f11461; }
#main a:visited { color: #493058; }
#main .cat_listing a { color: #493058; }
#main .cat_listing a:hover { color: #f11461; }
.clear { clear: both; }
#main li a { color: #666666; }
#main p { margin: 5px 0px 5px 0px; }
#search a { color: #493058; }
#search p { margin: 6px 0px 6px 0px; padding: 0px; color: #462f59; }
#search label { display: block; margin: 3px 0px 5px 0px; }
#userdetails p { display: block; margin: 0px; padding: 0px; padding-left: 5px; color: #ffffff; position: relative; top: 2%; line-height: 22px; }
#userdetails a { font-weight: normal; }
#logincol img { margin-bottom: 5px; }
#logincol input { margin: 5px 2px 3px 4px; }
#logincol p { color: #ffffff; margin: 0px 0px 5px 2px; }
#logincol a { color: #ffffff; font-weight: bold; }
.tabright p { margin: 0px; padding: 0px; display: block; }

/** div styles **/

/** Container for the whole page **/
#container {
	margin: 0px;
	padding: 0px;
	border-right: 2px solid #f5f4f2;
	border-bottom: 2px solid #f5f4f2;
	width: 950px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 948px;
}
body>#container { width: 948px; }
	
/** Adverts floated to the right-hand side **/
#advertisements { width: 150px; float: right; }
/** Contains the navigation and logos **/
#header { height: 97px; width: 770px; background-image: url(http://www.caribbeanb2b.com/images/newheader.gif); background-repeat: no-repeat; margin: 0px 0px 0px 0px; padding: 0px; top: 0px; }
/** Top-row login details - time, logout etc **/
#userdetails { font-size: 0.95em; height: 22px; margin: 0px; padding: 0px; } 
/** Logos in the middle of the white bar at the top **/
#logos { height: 52px; padding: 0px; margin: 0px 0px 0px 2px; }
/** Like, 'this was easy'. Really. Table for the navigation tabs **/
#nav { margin: 0px 0px 0px 90px; }
#nav a:hover { text-decoration: none; }
#nav table { height: 17px; margin-left: 0px; margin-bottom: 0px; margin-top: 4px; }
#nav td { vertical-align: middle; text-align: center; padding: 0px 10px 0px 10px; background-repeat: no-repeat; }
#nav td.l_nav_on { background-image: url(http://www.caribbeanb2b.com/images/l_nav_on.gif); width: 6px; background-color: #f41363; padding: 0px; }
#nav td.r_nav_on { background-image: url(http://www.caribbeanb2b.com/images/r_nav_on.gif); background-repeat: no-repeat; width: 2px; background-color: #f41363; padding: 0px; }
#nav td.l_nav_off { background-image: url(http://www.caribbeanb2b.com/images/l_nav_off.gif); width: 6px; background-color: #cbb6cd; padding: 0px; } 
#nav td.r_nav_off { background-image: url(http://www.caribbeanb2b.com/images/r_nav_off.gif); width: 2px; background-color: #cbb6cd; padding: 0px; }
#nav td.on { background-color: #f41363; color: #ffffff; border: 0px; border-top: 1px solid black; }
#nav td.on a { color: #ffffff; } 
#nav td.off { background-color: #cbb6cd; color: #4a335f; border: 0px; border-top: 1px solid black; }
#nav td.off a { color: #462f5b; }
/** The main content div, underneath the header with the same width (taking the padding into account) **/
/** Minimum height so it doesn't look stupid - to match the height of the #container div (taking the padding into account) **/
#main {
	border-right: 2px solid #f5f4f2;
	margin: 0px;
	width: 770px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 768px;
}
body>#main { width: 738px; }
/** Right-floated div for the simple search. Offset to work with the padding on the #main div **/
#search {
	float: right;
	background-color: #f2ebe3;
	padding: 10px;
	width: 245px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 225px;
}
#main>#search { width: 225px; }
#search div {
	background-color: #f5f4f2;
	padding: 5px;
	margin-top: 5px 0px 0px 0px;
	width: 225px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 215px;
}
#search>div { width: 215px; }

/** the opportunities list for the home page **/
#hop {
	float: right;
	margin-top: 8px; 
	padding: 0px;
	width: 245px; 
	background-color: #e7f8f8;
	clear: right; 
}

#hop .foot { background-color: #a6beca; width: 245px; height: 3px; line-height: 0px; line-spacing: 0px;  font-size: 1px; padding: 0px; }
div#hop p { color: #513c65; margin: 5px 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-left: 13px; }
div#hop p.last { border: none; }
div#hop a { color: #513c65; }

/** The 'check your listing' image for around the site **/
#cl { float: right; width: 270px; clear: right; }

/** Home page styles **/
#logincol {
	float: left;
	padding: 4px;
/**	margin: -18px 20px 10px -5px;**/
	margin: 2px 20px 0px 0px;
/**	position: relative;
	left: -10px;**/
	background-color: #f11461;
	width: 153px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 145px;
}
#main>#logincol { width: 145px; }

#homecopy {
	float: left;
	padding: 20px 4px 10px 4px;
	width: 324px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 316px;
}
#main>#homecopy { width: 316px; }

#leftcopy {
	padding: 20px;
	margin: 0px;
	width: 520px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px;
}
#main>#leftcopy { width: 480px; }

/** For the category listing - small div on the left-hand side containing the main category name **/
.topcat {
	float: left;
	margin-top: 10px;
	padding: 5px;
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
	width: 200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
}
#main>.topcat { width: 190px; }

/** Colours for the top-level category names **/
#topcat_blue { background-image: url(http://www.caribbeanb2b.com/images/cat_blue_left.gif); background-color: #5dc9f0; }
#topcat_green { background-image: url(http://www.caribbeanb2b.com/images/cat_green_left.gif); background-color: #83d600; }
#topcat_orange { background-image: url(http://www.caribbeanb2b.com/images/cat_orange_left.gif); background-color: #ff8460; }
#topcat_purple { background-image: url(http://www.caribbeanb2b.com/images/cat_purple_left.gif); background-color: #8d7ac9; }

/** Colours for the main category listing (the directories home page) **/
.subcatlist { float: left; margin: 10px 0px 15px 5px; padding: 0px; width: 255px; }
.subcatlist li { margin: 0px; padding: 0px 0px 0px 5px; list-style: none; line-height: 1.3em; }
#subcat_blue li { border-top: 1px solid #5dc9f0; }
#subcat_green li { border-top: 1px solid #83d600; }
#subcat_orange li { border-top: 1px solid #ff8460; }
#subcat_purple li { border-top: 1px solid #8d7ac9; }

/** Sub-category page headers **/
#greyblue { background-color: #5994b6; }
#greygreen { background-color: #8dad77; }
#greyorange { background-color: #c68c7b; }
#greypurple { background-color: #a8a1c4; }
.tabright {
        background-repeat: no-repeat;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        font-weight: bold;
        color: #ffffff;
        height: 22px;
	line-height: 22px;
	vertical-align: middle;
        background-image: url(../../images/cat_greyblue.gif);
        background-position: top right;
	width: 470px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 460px;
}
#main>.tabright { width: 460px; }

/** Odd and even lines in the directory listing for subcategories **/
.odd, .even, .editing, .hover { width: 470px; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.odd { background-color: #d6d6d6; }
.even { background-color :#ededed; }
.editing { background-color: #a8a1c4; }
.rowhover { background-color: #eeeeee; }
.editing td { color: #ffffff; }
.odd div, .even div, .editing div { margin: 0px; padding: 0px; width: 210px; line-height: 22px; float: left; margin-left: 10px; background-color: transparent; }
.rowhover td, .editing td { padding-top: 2px; padding-bottom: 2px; }
/** Footer class for the copyright **/
.footer { display: block; width: 980px; text-align: center; font-size: 0.9em; color: #493058; padding-bottom: 10px; margin-bottom: 10px; } 

/** Used for input buttons - mainly in the 'search' div **/
.purple { background-color: #493058; color :#ffffff; } /**letter-spacing: 1px; }**/
/** Remove the border and background-color from radio buttons **/
.radio { background: transparent; border: 0px; }
/** Remove padding from checkboxes **/
.checkbox { padding: 0px; }
/** Errm...make things bold **/
.bold { font-weight: bold; }
/** Sub-header images **/
.sh { margin: 20px 0px 0px 0px; display: block; }

.manageselect, .manageselect td input, .manageselect td select { line-height: 22px; font-size: 11px; } /** Used for the superedit areas **/