/* SNF - FOR DIV POPUP 2009-04-12 */

#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 300px;
	top: 110px;
	background-color: #FFFFAA;
	border: 1px solid #000;
	padding: 10px;
}

#close {
	float: right;
}
/* RIGHT COLUMN BOXES - GENERAL */

body
{
   margin: 0px 5px;
   padding: 0px;
   background-color: #ffffff;
}
#bodyHeader
{
   vertical-align: top;
   padding: 0px;
   text-align: left;
   padding: 10px 0px 20px 5px;
   width: 100%;
}
#bodyLogo img
{
   float: left;
}
#bodyQuote
{
   float: right;
}

.bodyTable td
{
   vertical-align: top;
   padding: 8px;
}
.bodyTable td td
{
   padding: 1px;
}

h1, h2, h3, p, div, th, td, #profileTitle, #profileQuote, a
{
   font-family: lucida sans unicode;
   font-size: 9px;
}

h1, h2, .title
{
   font-weight: bold;
   margin: 3px 0px 2px 0px;
}

h1
{
   letter-spacing: 4px;
}

.titleGraphic
{
   margin-bottom: -3px;
}

p
{
   text-align: justify;
   margin: 0px 0px 8px 0px;
}

p.contactustext
{
   margin: 0px 40px 8px 8px;
}

a:link, a:visited, a:active, a:hover
{
   color: #663300;
   text-decoration: none;
}
a:hover
{
   text-decoration: underline;
}

form
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.contactustext
{

}

#mainButtons
{
   padding: 0px 5px 5px 5px;
}
#mainButtons div
{
   width: 211px;
}

#mainContent
{
   padding: 0px 15px;
}

#secondaryContent
{
   padding: 23px 0px 0px 0px;
   margin: 0px;
}


#textBlockLeft
{
   height: 360px;	/* old: 332 */
   overflow: hidden;
   padding-top: 5px;
}

#textBlockRight
{
   width: 250px;
   height: 98px;	/* old: 72 */
   overflow: hidden;
}

#randomPic
{
   width: 250px;
   text-align: center;
}

#mainPic
{
   padding: 0px;
   margin-bottom: 8px;
}

#informLinks
{
   position:relative;
   margin: 14px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

#informLinksImg
{
   position: absolute;
   top:4;
   left:3;
}

#informLinksTop
{
   position: relative;
   top:10;
   left:0;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   height: 48px;
   
}

#informLinksTopText
{
   position: absolute;
   top:1;
   left:150;
}

#informLinksUrlsCol01
{
   position: absolute;
   top:67;
   left:3;
}

#informLinksUrlsCol02
{
   position: absolute;
   top:67;
   left:133;
}

#profileTop, #profileQuote
{
   background-color: #f7f7f7;
   width: 250px;
}

#profileTitle, #profileQuote
{
   padding: 9px 7px;
   margin: 0px;
   overflow: hidden;
}

#profileTop
{
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   height: 46px;
   margin: 16px 0px 0px 0px;
   padding: 0px;
}

#profileImg
{
   float: right;
}

#profileTitle
{
   font-style: normal;
   height: 46px;
   max-height: 46px;
}
#profileQuote
{
   height: 145px;	/* old: 145 (big: 171) */
   font-style: italic;
}

.caLtd
{
   text-align: center;
   margin-top: 5px;
}

/*
.formbuttons input, .adBox input.button, .adBox .button input
{
   background-color: #ccaa88;
   color: #000000;
   border: 1px outset #ffcc99;
   font-family: lucida sans unicode;
   font-size: 9px;
   font-weight: normal;
   margin: 4px 0px;
}
.formbuttons input.image, .adBox input.image
{
   border-width: 0px;
}

.formbuttons input:hover, .formbuttons input:focus,
.adBox input.button:hover, .adBox input.button:focus,
.adBox .button input:hover, .adBox .button input:focus
{
   background-color: #ddbb99;
}
.formbuttons input:active, .adBox input.button:active, .adBox .button input:active
{
   border: 1px inset #ccaa88;
}
*/

#rightColumn
{
   padding: 0px 0px 0px 12px;
}


/* ARROW LINKS */

a.arrowlink,
a.arrowlinkback,
.arrowlink a
{
   font-family: lucida sans unicode;
   font-size: 9px;
   line-height: 20px;
}
a.arrowlink, .arrowlink a
{
   background: transparent url(/images/arrowbutton.gif) no-repeat 0px 0px;
   padding: 2px 0px 3px 20px;
}
a.arrowlinkback, .arrowlinkback a
{
   background: transparent url(/images/arrowbuttonback.gif) no-repeat 23px 0px;
   padding: 2px 24px 3px 0px;
}
a.arrowlink, a.arrowlink a:link, a.arrowlink a:visited, a.arrowlink a:active, a.arrowlink a:hover,
a.arrowlinkback, a.arrowlinkback a:link, a.arrowlinkback a:visited, a.arrowlinkback a:active, a.arrowlinkback a:hover,
.arrowlink a, .arrowlink a:link, .arrowlink a:visited, .arrowlink a:active, .arrowlink a:hover
{
   color: #666666;
}
a.arrowlink a:link, a.arrowlink a:visited, a.arrowlink a:active,
a.arrowlinkback a:link, a.arrowlinkback a:visited, a.arrowlinkback a:active,
.arrowlink a:link, .arrowlink a:visited, .arrowlink a:active
{
   text-decoration: none;
}
a.arrowlink a:hover,
a.arrowlinkback a:hover,
.arrowlink a:hover
{
   text-decoration: underline;
}

/* TABBED PAGES SPECIFIC */

 #jobSearchOptions
 {
   height: 390px;
   padding: 0px 10px 0px 0px;
   margin-top: 18px;
 }

 #jobSearchOptions h1
 {
   letter-spacing: 0px;
   text-decoration: underline;
   margin-bottom: 8px;
 }

/* initialise the dynamic sections of the page so that they will not display automatically on page load */
 #jobMarkets, #jobLocations, #jobFunctions, #shopMarkets, #shopProducts 
 {
   position:absolute;
   top:165px;
   left:236px;
   text-align: left;
   width: 300px;

 }

 #jobMarkets div, #jobFunctions div, #jobLocations div, #shopMarkets div, #shopProducts div
 {
    vertical-align: middle;
 }
 
 #jobSearchOptions div div
 {
   padding: 0px;
   margin: 0px;
 }
 #jobSearchOptions div label
 {
   vertical-align: middle;
 }
 #jobSearchOptions input
 {
   padding: 0px;
   margin: -4px 2px;
 }

 #shop span                   { color: #000; }
 #shop a                      { color: #999; }
 
/* TABBED CONSOLE */

.tabbedconsole{
	position: absolute;
    top:113px;
    left:232px;
	padding: 0px 0px 0px 4px;
	margin: 14px 0px 0px 0px;
	background: url(../images/tab/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 29px;
	list-style: none;
    width:270px;
}

.tabbedconsole li{
	float:left;
}

.tabbedconsole li a{
	float: left;
	display: block;
	color:#999;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:0px 0px 0px 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 29px;
	line-height: 29px;
	text-align: center;
	cursor: pointer;	
}

.tabbedconsole li a b{
	float: left;
	display: block;
	padding: 0px 14px 0px 0px; /*Padding of menu items*/
}


.tabbedconsole li.current a, .tabbedconsole li.current a:hover
{
	color: #000;
	background: url(../images/tab/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.tabbedconsole li.current a b, .tabbedconsole li.current a:hover b
{
	color: #000;
	background: url(../images/tab/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.tabbedconsole li a:hover
{
	color: #000;
	background: url(../images/tab/menur_hover_left_hover.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.tabbedconsole li a:hover b
{
	color: #000;
	background: url(../images/tab/menur_hover_right_hover.gif) no-repeat right top; /*right tab image path*/
}

.tabbedconsole li.notcurrent a
{
	color: #999;
} 

/* FEATURES */

 #featured01, #alert01, #featured02
 {
	    width: 260px;
        border: 1px solid #999;
        font-family: sans-serif;
        padding: 0px 0px 0px 0px;
	    margin: 0px 0px 10px 0px;
        background-repeat: no-repeat; 
        background-position: center top; 
 }

 #featured01 .title, #alert01 .title, #featured02 .title
 {
  	font-size: 14px;
	font-weight: normal;
    padding: 5px 10px 5px 10px;
 }

 #featured01 .details, #alert01 .details, #featured02 .details
 {
  	padding: 5px 10px 5px 10px;
 }
 
 #featurecolumn
 {
        position: absolute;
        top:127px;
        left:515px;
 } 

 #featured01
 {
       height:151px;
       background-image: url(../images/gradient01.jpg); 
 }
 
 #featured02
 {
       height:222px;	
       background-image: url(../images/gradient02.jpg);
 }

 #alert01
 {
       height:70px;	
 }
 
  #alert01 a img, #featured01 a img, #featured02 a img
 {
        border: 0px;
 }

 #alert01 .image
 {
       padding: 5px 0px 5px 10px;
       width: 39px;
 }

 .arrowhead_tabbedmenu
 {
        vertical-align:bottom;
        padding: 2px 0px 0px 0px;
    	margin: 3px 0px 0px 0px;
 }

/* AD-BOX BUTTON (SAME AS ARROW LINKS) */

.adBox input.button
{
   font-family: lucida sans unicode;
   font-size: 9px;
   border: 0px;
   background-color: #ffffff;
   color: #666666;
   background: transparent url(http://www.commodity.eu.com/images/arrowbutton.gif) no-repeat 0px 0px;
   padding: 2px 0px 3px 20px;
   margin: 0px;
}


/* RIGHT COLUMN BOXES - GENERAL */

.adBox
{
   text-align: center;
   width: 167px;
   margin-top: 0px;
}
.adBox legend img
{
   margin: 0px 0px 0px 0px;
}
.adBox fieldset
{
   border: 1px solid #999999;
   padding: 0px 4px;
   margin: 0px;
}
.adBox form
{
   margin: 0px;
}
.adBox p, .adBox td
{
   color: #888;
   font-family: Arial;
   font-size: 12px;
   padding: 5px;
   margin: 0px;
}
.adBox p
{
   text-align: center;
}
.adBox td
{
   text-align: left;
}
.adBox p a:link, .adBox p a:visited, .adBox p a:hover, .adBox p a:active
{
   color: #888;
   font-family: Arial;
   font-size: 12px;
}
.adBox input
{
   font-family: lucida sans unicode;
   font-size: 9px;
}
.adBox input.button 
{
   margin: 0px;
}


.adBox div.omdMess
{
   display: none;
}

.adTile
{
   margin: 10px 0px 0px 0px;
}

/* RIGHT COLUMN BOXES - VERICAL SIZE */
#voteBox { margin-top: 20px; }
#partnersBox { margin-top: 0px; }
#loginBox { margin-top: 0px; }
#contactBox { margin-top: 3px; }
#jobsBox { margin-top: 8px; }
#justPubBox { margin-top: 20px; }
#basketBox { margin-top: 20px; }
#randomadvert { margin-top: 10px; }
#newsletterBox { margin: 6px 0px 0px 0px; }
#randomadvert a img
{
border: 0px;
}
#newsBox { margin-top: 7px; }
#signUpSmallBox { margin-top: 3px; }

#voteBox fieldset { height: 176px; }
#informationShopBox fieldset { height: 76px; }
#newsBox fieldset { height: 82px; }
#eventBoxSmall fieldset { height: 65px; }
#eventBoxBig fieldset { height: 150px; }
#signUpSmallBox fieldset { height: 40px; }
#partnersBox fieldset, #partnersBox iframe { height: 30px; }
#jobsBox fieldset { height: 86px; } #jobsBox iframe { height: 66px; }
/*#justPubBox { margin-top: 20px; } */
/*#basketBox fieldset { height: 140px; } */

#voteBox legend { margin-left: 40px; }
#informationShopBox legend { margin-left: 3px; }
#newsBox legend { margin-left: 49px; }
#eventBoxSmall legend { margin-left: 5px; }
#eventBoxBig legend { margin-left: 40px; }
#signUpSmallBox legend { margin-left: 23px; }
#partnersBox legend { margin-left: 10px; }
#jobsBox legend { margin-left: 7px; }
#justPubBox legend { margin-left: 40px; }
#basketBox legend { margin-left: 16px; }
#newsletterBox legend { margin-left: 23px; }

/* RIGHT COLUMN BOXES - SPECIFIC */

#voteBox form
{
   padding: 8px 8px 0px 8px;
}
#voteBox h2, #voteBox h3, #voteBox h2, #voteBox h5
{
   text-align: left;
   font-weight: normal;
   font-size: 10px;
   margin: 0px;
   padding: 0px;
}
#voteBox h2
{
   margin-bottom: 8px;
}
#voteBox input.button
{
   width: 60px;
   float: right;
   margin-top: 8px;
}

#informationShopBox, #eventBoxSmall
{
   text-align: left;
}
#informationShopBox a, #eventBoxSmall a
{
   font-size: 9px;
}
#informationShopBox .left, #eventBoxSmall .left
{
   float: left;
}
#informationShopBox .right, #eventBoxSmall .right
{
   float: right;
   text-align: center;
   width: 80px;
}
#informationShopBox div div, #eventBoxSmall div
{
   margin-top: 6px;
}

#newsBox
{
   text-align: left;
}
#newsBox .item
{
   border: 0px solid #966;
   margin-top: 8px;
   padding-left: 20px;
   background: url( '../images/list_arrow.gif' ) no-repeat 0px 4px;
}

#newsletterBox #newsletterBoxFields
{
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 5px 0px;
   
}

#jobsBox fieldset
{
   padding-bottom: 0px;
}

#eventBoxSmall .right
{
   width: 60px;
}

#signUpSmallBox fieldset
{
   padding: 5px 0px 0px 5px;
   height: 45px;
}
#signUpSmallBox input.text
{
   margin-left: 6px;
}
#signUpSmallBox .left, #signUpSmallBox .right
{
   margin: 6px 0px 0px 0px;
}
#signUpSmallBox .left
{
   padding: 0px 0px 0px 0px;
   float: left;
}
#signUpSmallBox .right
{
   padding: 0px 2px 0px 0px;
   float: right;
}
#signUpSmallBox input
{
   margin: 0px;
}
#signUpSmallBox #signUpInput input
{
   width: 80px;
}


#partnersBox fieldset
{
   border-width: 0px;
   margin: 0px;
   padding: 0px;
}
#partnersBox img
{
   float: left;
   margin: 12px 0px 0px;
}
#partnersBox iframe
{
   margin-left: 4px;
   width: 123px;
   float: left;
}

#inviteBox fieldset, #signUpFullBox fieldset
{
   text-align: left;
   padding: 0px 10px 10px;
}
#inviteBox input, #signUpFullBox input
{
   margin: 1px 0px;
}
/*
#inviteBox .button input, #signUpFullBox .button input
{
   width: 50px;
   float: right;
   margin-top: 2px;
}
*/
#contactBox
{
   color: #714528;
}

#shop #basketBox fieldset, #shop #shop .head th
{
   padding: 0px;
}
#shop .head td #basketBox td
{
   padding: 2px;
}
#shop .head td #basketBox td.price
{
   text-align: right;
}

#shop #basketBox img
{
   padding: 0px;
}
#shop #basketBox legend img
{
   border: 0px;
}
#shop #basketBox p
{
   text-align: left;
   line-height: 18px;
   padding: 10px 0px;
}
#shop #basketSummary
{
   height: 148px;
   overflow: hidden;
}
#shop #basketSummary td
{
   text-align: left;
}

#jobsTicker
{
   text-align: left;
   width: 440px;
   position: absolute;
   left: 517px;
   top: 70px;
   padding-top: 0px;
}
#jobsTicker iframe
{
   height: 20px;
   width: 386px;
}
#jobsTicker img
{
   margin-bottom: 5px;
}

/* HTML E-Mail */

#emailTable td
{
   vertical-align: top;
   padding: 0px;
}
#emailTable #mainContent
{
   padding: 0px 8px 0px 16px;
}
#emailTable #rightColumn
{
   padding: 0px;
}
#emailTable #voteBox form
{
   margin-left: 8px;
}
#emailTable #rightColumn fieldset
{
   padding: 0px;
   margin: 0px;
}
#emailTable #voteBox
{
   margin-top: 0px;
}
#emailTable #mainContent h1
{
   font-family: Arial Narrow;
   font-size: 18pt;
   font-weight: lighter;
   letter-spacing: 1pt;
}
#emailTable #mainContent h2, #emailTable #mainContent h2 a
{
   font-family: Arial Narrow;
   font-size: 16pt;
   letter-spacing: 1pt;
   margin-top: 20px;
}

#emailTable #mainContent p, #emailTable #mainContent a
{
   font-family: Arial;
   font-size: 10pt;
   text-align: left;
}
#emailTable #mainContent a.right
{
   float: right;
   margin: 20px 50px 0px 0px;
}


#newsBlock h6
{
   color: #993300;
   font-size: 19px;
   font-weight: normal;
   text-align: center;
   padding: 10px 10px 0px 0px;
   margin: 0px;
}

#newsBlock ul, .newsSummary ul
{
   list-style-image: url( '../images/list_arrow.gif' );
}

#newsBlock ul
{
   padding-left: 20px;
   margin: 0px;
}
#newsBlock li
{
   margin: 12px 0px;
}
.newsSummary li
{
   margin: 12px 0px;
}

#descriptionTable th, #descriptionTable td
{
   padding: 15px;
}
#descriptionTable th
{
   font-family: Arial Narrow;
   font-size: 14pt;
   text-align: left;
   letter-spacing: 1pt;
}
#descriptionTable td.logo
{
   text-align: right;
}
#descriptionTable .close
{
   margin: 16px;
   text-align: right;
}


/* SHOP */

#shopNav
{
   width: 220px;
   text-align: left;
}
#shopNav form
{
   margin-top: 16px;
}
#shopNav input
{
    font-family: lucida sans unicode;
    font-size: 9px;
}

#shopNav div.hr
{
   width: 178px;
   line-height: 0px;
   border-bottom: 1px solid #999;
   margin: 8px 0px;
}

#shop .next
{
   float: right;
   margin-right: 40px;
}
#shop .next span
{
   color: #999999;
}
#shop .markets a
{
   color: #000;
   text-decoration: underline;
}
#shop .markets a:hover
{
   color: #663300;
}
#shop .head
{
   margin-bottom: 10px;
}
#shop .head th, #shop .head td
{
   text-align: center;
   padding: 8px;
}
#shop .head th.selected, #shop .head td.selected
{
   color: #000;
}
#shop .head th, #shop .head th a, #shop .head td, #shop .head td a
{
   color: #666666;
}
#shop .head th
{
   border-bottom: 3px solid #663300;
}

#shop .head th, #shop .head th a
{
   font-size: 12px;
}
#shop .head td, #shop .head td a
{
   font-size: 10px;
}

#shop .head th.selected
{
   background-image: url( '../images/list_arrow.gif' );
   background-repeat: no-repeat;
}
th#step1head { background-position: 45px 12px; }
th#step2head { background-position: 36px 12px; }
th#step3head { background-position: 26px 12px; }
th#step4head { background-position: 22px 12px; }

#shop #typeTitle
{
   text-align: center;
}
#shop #typeList
{
   padding: 0px 0px 10px 0px;
}

#shop #marketsList
{
   padding-left: 18px;
}

#shop #marketsList div
{
   height: 23px;
   padding: 4px;
   vertical-align: middle;
}

#shop #typeList div
{
   height: 18px;
   padding: 2px;
}

#shop #marketsList input, #shop #marketsList label, #shop #marketsList img,
#shop #typeList input, #shop #typeList label, #shop #typeList img
{
   vertical-align: middle;
}


#shop .shortlist
{
   border: 1px solid #999;
   margin-bottom: 10px;
}

#shop .shortlist .thumbnail	{ width: 15%; }
#shop .shortlist .details	{ width: 25%; }
#shop .shortlist .summary	{ width: 60%; }

#shop .shortlist .thumbnail
{
   text-align: center;
}
#shop .shortlist td
{
   padding: 4px 10px;
}
#shop .shortlist .thumbnail img
{
   border: 0px;
}

#shop .purchase
{
   padding: 10px;
}
#shop .purchase .options
{
   width: 200px;
}

#shop .purchase .text
{
   padding-top: 20px;
}

#shop .childProducts
{
   margin: 10px 0px;
}
#shop .childProducts td
{
   padding-right: 10px;
}

#shop #nextBackArrows
{
   margin-left: 200px;
}
#shop #nextBackArrows a
{
   margin: 0px 4px;
}
#shop #nextBackArrows a:link
{
   text-decoration: none;
}
#shop #nextBackArrows .on
{
   display: solid;
}
#shop #nextBackArrows .off
{
   display: none;
}
#shop #nextBackArrows img
{
   margin: 0px 4px;
}
#shop a.more
{
   padding-left: 12px;
   background: url( '../images/list_arrow.gif' ) no-repeat 0px 3px;
}

#productImageTd
{
   width: 30%;
}
#productDetailsTd
{
   width: 270px;
}
#productoptions ul
{
   list-style-type: none;
   padding-left: 0px;
}
#productoptions li
{
   background: url(/images/arrowbutton.gif) no-repeat 0px;
   line-height: 14px;
   padding-top: 2px;
   padding-bottom: 1px;
   margin-bottom: 5px;
}
#productoptions li a
{
   padding-left: 22px;
   display: block;
}