/* --- [ BASIC ] ----------------------------------------*/
    html {
	    min-width: 980px;
	    background: #fff;
	    /*padding: 0.5em 2em 3em 2em;*/
	    margin:0;
    }
    html {overflow-y:scroll;}

    body {
	    margin:0px;
        background:#fff;
        font-family: Trebuchet MS, verdana,tahoma,arial,sans-serif;
	    color: #666;
	    font-size:10pt;
    }  

    p { margin:0 0 10px 0; }

/* --- [ PAGE LAYOUT ] -----------------------------------------*/

    #header { position:relative; display:block; width:980px; margin:5px auto 5px auto;}
    html>body #header { min-width:750px; }

    #container {

	    width:980px; /*750px*/
        margin: 0px auto 10px auto;
        background:#fff;
	    border: solid 0px #999;
    }

    html>body #container {
	    height:auto;
	    min-width: 980px;
	    min-height:500px;
	    border:solid 0px #f0f;
    }

    .footer {
	    width:980px;
	    margin: 10px 0 0 0;
	    font-size:8pt;
	    padding:10px 0 20px 0;
	    border-top:solid 2px #043766;
	    border-bottom:10px solid #fff;
	    background:#fff;
    }
    .footer-left {
	    width:265px;
	    padding:3px 0;
	    text-align:left;
	    float:left;
    }
    .footer-right {
	    width:465px;
	    padding:3px 0;
	    text-align:right;
	    float:right;
    }
/* --- [ HEADINGS ] --------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-family: Trebuchet MS,verdana,sans-serif; color:#043766; font-weight: bold; padding:0; margin:0;}

h1 {font-size: 14pt; margin: 0 0 10px 0;}
h2 {font-weight:normal; font-size:1.05em; margin: 0 0 5px 0; background:#0d4777 url(../images/headingBG.gif) repeat-x; color:#fff; text-indent:6px; padding:0;}
h3 {font-size: 10pt; margin: 0 0 10px 0px;}

h1.contact { display:block; height:25px; margin:0 0 5px 0; background:url(../images/headers/contact.gif) top left no-repeat; }

.cols-right h2 {background:#fff; font-weight:bold; padding:0 0 5px 0; margin:0 0 5px 0; color:#043766; text-indent:0; border-bottom:1px solid #043766;}
.wide-left h2 {background:#fff; font-weight:bold; padding:0 0 5px 0; margin:0 0 5px 0; color:#043766; text-indent:0; border-bottom:1px solid #043766;}

.wide-wrap h1 { display:block; height:25px; margin:0 0 5px 0;}
.wide-wrap h1.latest-news { background:url(../images/headers/latest-news.gif) top left no-repeat; }
.wide-wrap h1.latest-promo { background:url(../images/headers/latest-promotions.gif) top left no-repeat; width:100%;}
.wide-wrap h1.useful-links { background:url(../images/headers/useful-links.gif) top left no-repeat; }
.wide-wrap h1.forgot-password { background:url(../images/headers/forgot-password.gif) top left no-repeat; }


/* --- [ IMAGES ] ----------------------------------------*/
    img { border:0px; }
    img.logo { width:239px;height:190px; }

    .floatImage { float:left; clear:both; }
    .floatImage img { margin:0 10px 10px 0; }

/* --- [ LINKS ] -----------------------------------------*/
    a { color:#043766;}
    a:visited { color:#043766; }
    a:hover { color:#b6c5d3; }
    a:active { color:#043766; }

    a.home-promo { color: #666; text-decoration:none; }
    a.home-promo:visited { color:#666; text-decoration:none; }
    a.home-promo:hover { color:#333; text-decoration:none; }
    a.home-promo:active { color:#333; text-decoration:none; }

    a.white { color: #fff; text-decoration:none; }
    a.white:visited { color:#fff; text-decoration:none; }
    a.white:hover { color:#fff; text-decoration:underline; }
    a.white:active { color:#fff; text-decoration:underline; }


/* -- [ LOGO - HOME LINK ] ---------------------*/
    #home {
        display:block;
	    width:307px;
	    height:79px;
	    margin:5px;
	    background:url(../images/gainsmoreLogo.jpg) top left no-repeat;
        float:left;
        border:0px solid #ff;
    }
    html>body #home {
	    width:307px;
	    height:auto;
	    min-height:79px;
    }
    #home a, #home a:visited {
        display:block;
	    width:370px;
	    height:79px;
	    text-decoration: none;
    }
    #home a:hover, #tabs a:active {
	    text-decoration: underline;
    }
    #home p {
	    display:inherit;
    }

/* --- [ LOGIN BOX ] -----------------------------------------*/
    #login-box {display:block; position:absolute; top:0; right:0; width:300px; color:#fff; font-size:8pt; background:#043766;}
    #login-box h2 {display:block; width:300px; height:20px; margin:0px;}
    #login-box h2.login { background:url(../images/headers/login.gif) top left no-repeat; }
    #login-box h2.loggedin { background:url(../images/headers/loggedin.gif) top left no-repeat; }

    #login-box .cols-wrap {width:290px; height:60px; margin:0px 5px; clear:both; }
    #login-box .cols-left {width:95px; float:left; text-align:left; }
    #login-box .cols-right {width:145px; float:left; text-align:left; }
    #login-box .cols-loggedin {width:245px; float:left; text-align:left; }
    #login-box .cols-button {width:40px; float:left; text-align:left; }

    #login-box label { font-weight:bold; }
    #login-box input.textbox { width:75px; font-size:8pt; }

/* --- [ TABS ] -----------------------------------------*/

    #tabs-holder {width:980px; height:25px; margin:0 auto; border-top:solid 1px #043766; border-bottom:solid 1px #043766; background:#c32033 url(../images/navigation-background.gif) top left  repeat-x;}

    #tabs {width:980px; margin:0 auto;}

    #tabs h2 {display:none;}

    #tabs ul { width:750px; display:inline; list-style-type:none;}
		#tabs li { width:106px; border-right:solid 1px #fff; float:left; }
			#tabs li.last-tab { width:67px; border-right:solid 0px #fff; float:left; }

		#tabs li { display:block; height:25px; margin:0; font-weight:bold; text-align:center; }
    
    #tabs a {display:block; width:105px; height:21px; padding:4px 0 0 0; font-family:Trebuchet MS; font-size:9pt; color:#fff; text-decoration:none;}
		#tabs a:visited { color:#fff; text-decoration:none;}
		#tabs a:hover {text-decoration:underline;}
	
	#tabs a.active {width:106px; text-decoration:none; background:#043766 /*url('../images/navigation-background-active.gif')  top left repeat-x*/;  }
		#tabs a.active:visited {text-decoration:none;}
    
    .UltraTabNonSelected {border-top: solid 1px #666; border-bottom: solid 1px #666; background: #fc6 url(../images/navigation-background.gif) top left repeat-x; vertical-align: middle; text-align: center;}

    /*#tabs a, #tabs a:visitied, #tabs a:hover, #tabs a:active {text-decoration: none;}
    #tabs a.active, #tabs a.active:visitied, #tabs a.active:hover, #tabs a.active:active {font-weight:bold;}*/

/* --- [ SUB NAVIGATION STYLES ] -------------------------*/
    
    #sub-navigation {display:block; width:123px; margin:0 7px 5px 0; background:#eee url(../images/sub-navigation-background.gif) top left repeat-y; border:solid 0px #f00;}
    html>body #sub-navigation {}

    #sub-navigation h2 { display:block; height:20px; margin:0 0 5px 0; padding:2px 0 0 0; }
    #sub-navigation h2.about-us { background:url(../images/headers/about-us.gif) top left no-repeat; }
    #sub-navigation h2.category { background:url(../images/headers/categories.png) top left no-repeat; }
    #sub-navigation h2.sign-up { background:url(../images/headers/sign-up.gif) top left no-repeat; }
    #sub-navigation h2.my-ibn { background:url(../images/headers/my-ibn-small.gif) top left no-repeat; }
    #sub-navigation h2.admin { background:url(../images/headers/admin.gif) top left no-repeat; }

    #sub-navigation ul { margin:0px 5px 5px 5px; padding:0 0 20px 0; list-style-type:none; text-align:left }
    #sub-navigation li { margin:0px 0px 5px 0px }

    #sub-navigation a {color:#369; text-decoration:none;}

    #sub-navigation a, #sub-navigation a:visited, #sub-navigation a:hover, #sub-navigation a:active {text-decoration: none; font-weight:bold;}
    #sub-navigation a:hover, #sub-navigation a:active {text-decoration: underline;}
    #sub-navigation a.active, #sub-navigation a.active:visited, #sub-navigation a.active:hover, #sub-navigation a.active:active {color:#363; font-weight:bold;}
    
/* -- [ COLUMNS ] ------------------------------------*/
    .cols-wrap {width:980px; margin:20px 0px; /*background:#fff url('../images/cols-background.gif') top left repeat-y;*/ clear:both; }
    .cols-left {width:130px; float:left; text-align:left; }
    .cols-right {width:840px; margin:0 5px 0 0; float:right; text-align:left;}
		
    .inner-cols-wrap {width:840px; clear:both; margin:0; background:#fff /*url('../images/inner-cols-background.gif') top left repeat-y*/;  clear:both; }
    .inner-cols-left {width:577px; text-align:left; margin:0 10px 0 0; float:left; padding-right:3px; /*border-right:2px solid #999;*/ }
    .inner-cols-right {width:240px; text-align:left; margin:0 0 0 10px; float:right; }
    .inner-cols-right p { font-size:9pt; }

    .wide-wrap {width:980px; clear:both; margin:0; background:#fff /*url('../images/wide-background.gif') top left repeat-y*/; clear:both; }
    .wide-left {width:708px; text-align:left; padding:0 5px; margin:0 10px 0 0; float:left; border-right:2px solid #999;}
    .wide-right {width:240px; text-align:left; margin:0 0 0 10px; float:right; }

    .supplier-wrap {width:980px; clear:both; margin:0; background:#fff /*url('../images/wide-background.gif') top left repeat-y*/; clear:both; }
    .supplier-left {width:708px; text-align:left; padding:0 5px; margin:0; float:left; border-right:2px solid #999;}
    .supplier-right {width:240px; text-align:left; margin:0 0 0 10px; float:right; }
    .supplier-right p { font-size:9pt; }

    .full-wrap {width:980px; margin:10px 0 0 0; background:#fff /*url('../images/cols-background.gif') top left repeat-y*/; clear:both; }
 
/*--- [ HOME PAGE ITEMS ] --------------------------------------------*/  
    .home-spread {width:980px; text-align:left; margin:0 0 5px 0; color:#fff; background:#69c url(../images/welcome-background.jpg) top left repeat-y; }
    .home-spread-left {width:690px; text-align:left; margin:0; float:left; }
    .home-spread-right {width:250px; height:200px; text-align:left; margin:0; float:right; background:url(../images/blue-sky.jpg) bottom left no-repeat; }
    .home-spread h1 {display:block; width:490px; height:50px; margin:0 0 10px 0; background:url(../images/welcome.gif) top left no-repeat; }
    .home-spread p {margin:0 10px 10px 10px; }

    .home-wrap {width:980px; clear:both; margin:0; clear:both; }
    .home-left {width:710px; text-align:left; padding:10px; margin:0; float:left; }
    .home-right {width:240px; text-align:left; margin:0; float:right; }

    .home-large-banner {width:240px; height:100px; margin:10px 0 0 0; border-bottom:solid 1px #043766; background:#eee /*url(../images/home-large-panel.jpg) bottom left no-repeat*/; clear:both; }
		.home-large-banner .indent a {padding:0 0 0 5px;}
		.home-large-banner .indent .newRow {width:100%; height:3px; display:block;}
     html>body .home-large-banner {height:auto; min-height:100px; }
    .home-small-banner-left {display:block; width:240px; height:100px; margin:0; border-bottom:solid 1px #369; background:#eee url(../images/home-small-panel.jpg) bottom left no-repeat; float:left; }
    .home-small-banner-right {display:block; width:240px; height:100px; margin:0; border-bottom:solid 1px #369; background:#eee url(../images/home-small-panel.jpg) bottom left no-repeat; float:right; }

    .home-right h2,.supplier-right h2,.wide-right h2,.inner-cols-right h2 {display:block; width:240px; height:25px; margin:0; padding:5px 0 0 0;}
    .home-right h2.latest-news,.wide-right h2.latest-news,.inner-cols-right h2.latest-news { background:#eee /*url('../images/headers/latest-news.gif') top left no-repeat*/; }
    .home-right h2.latest-promo,.wide-right h2.latest-promo,.inner-cols-right h2.latest-promo { background:#eee /*url('../images/headers/latest-promotion.gif') top left no-repeat;*/ }
    .home-right h2.product-cats,.wide-right h2.product-cats,.inner-cols-right h2.product-cats { background:#eee /*url('../images/headers/product-categories.png') top left no-repeat;*/ }
    .home-right h2.signup-now,.supplier-right h2.signup-now,.wide-right h2.signup-now,.inner-cols-right h2.signup-now { background:#eee /*url('../images/headers/sign-up-now.gif') top left no-repeat;*/ }

    .home-right p,.supplier-right p,.wide-right p,.inner-cols-right p { font-size:9pt; margin:5px 5px 0 5px; }
    .home-right img,.supplier-right img,.wide-right img,.inner-cols-right img { border-left:solid 1px #369; border-right:solid 1px #369; }

/* ----- [ supplier layout ] ---------------------------- */

    .data-wrap { width:480px }
    .data-wrap br { clear:left; }

    .data-left {float:left; width:150px; margin: 0 0 10px 0; font-weight: bold; text-align:left; clear:left;}

    .data-right {width:310px; margin: 0 0 10px 0; float:right;}

    .enquiry-left {float:left; width:155px; margin: 0 0 10px 0; font-weight: bold; text-align:left; clear:left;}

    .enquiry-right {width:310px; margin: 0 0 10px 0; float:left;}

/* --- [ Enquiry Box ] -----------------------------------------*/
    
    .enquiry-box {display:block; width:240px; color:#fff; font-size:8pt; background:url(../images/enquiry-box-background.gif); margin:10px 0 0 0;}
    .enquiry-box h2 {display:block; width:240px; height:14px; margin:0px; border-bottom:2px solid #fff;}
    .enquiry-box h2 {background:#369 url(../images/make-enquiry.gif) top left no-repeat; }
    .enquiry-box p {width:220px; padding:0 10px 5px 0; clear:both;}
		.enquiry-box p a {color:#369; text-decoration:none;}
			.enquiry-box p a:hover {color:#369; text-decoration:underline;}


/* --- [ Request Sent Items ] -----------------------------------------*/
    .request-sent-box {display:block; color:#fff; font-size:8pt; background:#369;}
    .request-sent-box h1 {display:block; height:25px; margin:0px;}
    .request-sent-box h1.sent { background:url(../images/headers/enquiry-sent.gif) top left no-repeat; }
    .request-sent-box h1.problem { background:url(../images/headers/problem-occured.gif) top left no-repeat; }

    .request-sent-box p { padding:0 10px 10px 10px; clear:both; font-weight:bold; color:#fff; }

/* --- [ Main Summary Box ] -----------------------------------------*/
    .main-summary {display:block; color:#369; font-size:10pt; border: solid 2px #369;}
    .main-summary { padding:5px; clear:both; }


/* ----- [ table layout styles for grid views ] ---------------------------- */
table.grid-view { border:solid 0px #043766; }
table.grid-view th { text-align:left; vertical-align:bottom; padding:5px 2px; border-bottom:solid 2px #043766; }
table.grid-view td { text-align:left; vertical-align:top; padding:4px 3px; border-bottom:solid 1px #043766; }
table.grid-view tr.empty td { border-top:solid 0px #043766; } 
table.grid-view table { margin:2px 2px 2px -3px; font-weight:bold; }
table.grid-view table td { text-align:center; padding:0px; border:solid 1px #043766; }
table.grid-view table td span { padding:4px; color:#043766; }
table.grid-view table td a { display:block; width:15px; height:15px; color:#043766; text-decoration:none; background:#9cf; }
table.grid-view table td a:visited { color:#043766; text-decoration:none; background:#9cf }
table.grid-view table td a:hover { color:#043766; text-decoration:underline; background:#9cf }
table.grid-view table td a:active { color:#043766; text-decoration:underline; background:#9cf }
.empty { border-top:solid 0px #043766; }


/* ----- [ table layout styles for lists ] ---------------------------- */
table.listing { border:solid 0px #366; margin:0 0 10px 0}
table.listing th { text-align:left; padding:5px 2px; border-bottom:solid 2px #043766; }
table.listing td { text-align:left; vertical-align:top; padding:5px 5px 4px 5px; border-bottom:solid 1px #366; }
table.listing tr.empty td { border-top:solid 0px #043766; } 
table.listing table { margin:2px 2px 2px -3px; font-weight:bold; }
table.listing table td { text-align:center; padding:0px; border:solid 0px #043766; }
table.listing table td span { padding:4px; color:#043766; background:#fff; background:#043766; color:#fff;}
table.listing table td a { display:block; width:15px; height:20px; color:#043766; text-decoration:none; }
table.listing table td a:visited { color:#366; text-decoration:none; background:#fc6; }
table.listing table td a:hover { color:#fff; text-decoration:underline; background:#043766; }
table.listing table td a:active { color:#043766; text-decoration:underline; background:#fff; }
.empty { border-top:solid 0px #366; }

/*--- [ FORMS ] --------------------------------------------*/  
    form br {clear: left;}  
    
    .form {margin:0 auto;}

    .form label {float: left; width: 150px; font-weight: bold; margin: 2px 0 0 0;}
    
    .form label.wide {float: left; width: 240px; font-weight: bold; margin: 2px 0 0 0;}

    .form label.wide175 {float: left; width: 175px; font-weight: bold; margin: 2px 0 0 0;}
    
    .form label.wide160 {float: left; width: 160px; font-weight: bold; margin: 2px 0 0 0;}
    
    .form label.checkbox {width: 200px; font-weight: normal; font-size:90%; margin: 5px 0 0 0;}
    
   .form input.checkbox {width:20px;}
    
    .form input, .form select {width:200px; margin: 0 0 5px 0; font-size:95%;}
    
    .form select.wide {width:385px; margin: 0 0 5px 0; font-size:95%;}
    
    .form span input {width:20px;}
    
    .form input.small {width:100px; margin: 0 0 5px 0; font-size:95%;}

    .form input.post-code {width:75px;}
    .form input.phone {width:100px;}

    .form textarea {font-family: verdana; font-size:80%; width:300px; height:100px; margin: 0 0 5px 0;}
    
    .form fieldset {border:0;}

    .form legend {width: 100px; margin: 2px 0 0 -7px; padding:0; font-weight: bold; font-size:90%; color:#000;}

    .fieldset {margin: 0; font-size:90%;}

    .fieldset fieldset {border:0; margin:0 0 5px 0;}

    .fieldset legend {width: 100px; margin: 2px 0 5px -7px; padding:0; font-weight: bold; font-size:100%; color:#666;}

    .submit-wrap {width:360px; clear:both; margin:5px 0 }
    .submit-wrap-textarea {width:460px; clear:both; margin:5px 0 }
    .submit-left {width:60px; text-align:right; float:left; }
    .submit-right {width:300px; text-align:right; float:right; }

    .validator { margin:0 0 5px 155px; }

/* ----- [ table layout styles for checkboxes ] ---------------------------- */
table.form-checkboxes { width:360px; border-bottom:solid 1px #369; }
    

/*--- [ BUTTONS ] -----------------------------------------*/  
    .button {width:100px; height:20px; margin:0; font-size:8pt; font-weight:bold; color:#366; border:solid 0px #000; background:url(../images/buttonBackground.gif) top left no-repeat;}
    .button-create {width:100px; height:25px; margin:0; padding:0 0 0 20px; font-size:8pt; font-weight:bold; color:#369; border:solid 0px #000; background:url(../images/buttons/create.gif) top left no-repeat;} 
    .button-save {width:100px; height:25px; margin:0; padding:0 0 0 20px; font-size:8pt; font-weight:bold; color:#369; border:solid 0px #000; background:url(../images/buttons/save.gif) top left no-repeat;} 
    .button-save-long {
        width:150px; 
        height:25px;
        margin:0;
        padding:0 0 0 20px;
        font-size:8pt;
        font-weight:bold; 
        color:#369; 
        border:solid 0px #000;
        background:url(../images/buttons/save-long.gif) top left no-repeat;
        }
        
    .button-save-long160 {
        width:160px; 
        height:25px;
        margin:0;
        padding:0 0 0 20px;
        font-size:8pt;
        font-weight:bold; 
        color:#369; 
        border:solid 0px #000;
        background:url(../images/buttons/save-long160.gif) top left no-repeat;
        }  
    .button-cancel {
        width:100px; 
        height:25px;
        margin:0;
        padding:0 0 0 20px;
        font-size:8pt;
        font-weight:bold; 
        color:#369; 
        border:solid 0px #000;
        background:url(../images/buttons/cancel.gif) top left no-repeat;
        }    
    .button-continue {
        width:100px; 
        height:25px;
        margin:0;
        padding:0 0 0 20px;
        font-size:8pt;
        font-weight:bold; 
        color:#369; 
        border:solid 0px #000;
        background:url(../images/buttons/continue.gif) top left no-repeat;
        }    
     .button-previous {
        width:100px; 
        height:25px;
        margin:0;
        padding:0 0 0 20px;
        font-size:8pt;
        font-weight:bold; 
        color:#369; 
        border:solid 0px #000;
        background:url(../images/buttons/previous.gif) top left no-repeat;
        }    
   
/* --- [ENQUIRY FORM] --- */


	.enquiry-form-wrap {margin:0 auto; font-size:10pt; clear:both; }

    .enquiry-form-wrap label {
        float: left;
        width: 130px;
        font-weight: bold;
        margin: 1px 0 0 0;
    }
    .enquiry-form-wrap label.wide175 {
        float: left;
        width: 175px;
        font-weight: bold;
        margin: 1px 0 0 0;
    }
    .enquiry-form-wrap input{
        width:200px;
        margin: 0 0 5px 0;
    }
    html>body .enquiry-form-wrap input {
        width: 200px;
	    margin: 1px 0 5px 0;
    }
    .enquiry-form-wrap select{
        margin: 0 0 5px 0;
    }
    .enquiry-form-wrap input.checkbox{
		width: 20px;
		margin: 0px;
    }
    .enquiry-form-wrap textarea{
        width:400px;
        height:200px;
        margin: 0 0 5px 0;
    }
    .enquiry-form-wrap textarea.rows{
        width:400px;
        height:auto;
        margin: 0 0 5px 0;
    }
    .enquiry-form-wrap textarea.rating {
        width:300px;
        height:100px;
        margin: 0 0 5px 0;
    }

   .enquiry-form-wrap br {clear:left;}

/* --- [ MISC CLASSES ] ----------------------------------*/

    .newRow,.clear	{clear:both;}
    .requiredField,.requiredfield	{color:#f00;}
    .noDisplay { display:none }
    .warningText {color: red; margin:0 0 0 5px;}
    .messageText {color: black; margin:0 0 0 5px;}
    .right { float:right; }  
    .no-margin { margin:0; padding:0 }  
    .nine-point { font-size:9pt; line-height:12pt; }  
    .info-sent { border-top:#solid 1px #369; border-bottom:#solid 1px #369; padding:10px 0 }  
	.signUpType {font-size: 8pt;}
	.errorText {color: red;}
	.Hide {display: none; visibility: hidden;}
	.Show {visibility: visible;	display: block;}
	.TradingScreenLabel {font-weight: bold;	width: 200px; float: left;}
	
	.NewsPromotionImg{}
	.CategoryImg{}
	
	.viewlinkbutton
{
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
	font-family: Arial;
}
	
	.indentedPanelWithBlackBorder
	{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	}

	.welcomeBack
	{
    color:Red;
    padding:5px 0 10px 5px;
	}


.btn {padding:2px 4px; color:#fff; background:#043766; border:0px solid #fff;}