/* ------------------------------------------------------------ *\
	Layout and common page elements
\* ------------------------------------------------------------ */

body {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:75%;
	line-height:1.5em;
	background-color:#faf9f4;
	color:#333;
	text-align:center;
}

img						{ border:none; }

#pagefull				{ width:780px; text-align:left; margin:0 auto; }

#pageheader				{ position: relative; margin:0 7px 0 7px; background:#005294 url(/images/common/header/new/header_background.gif) top right no-repeat; height:100px; width:766px; }
#pageheader #logo 		{ position: absolute; left:0px; bottom:0px; }

#pagemiddle				{ margin:15px 5px; margin-bottom:10px; }

#pagefooter				{ margin:0 7px; background:#005294 url(/images/common/footer/new/jp_footer.gif) no-repeat; width:766px; height:59px; color:#fff; }
#pagefooter	a 			{ color:#fff; text-decoration:none; }
#pagefooter .left 		{ margin-left:135px; }

#helpline-label			{ height:11px; width:120px; background:url(/images/common/footer/new/helpline_label.gif) no-repeat; margin:13px 0 0 2px }
#helpline-number		{ height:17px; width:146px; background:url(/images/common/footer/new/helpline_number.gif) no-repeat; margin:6px; }
#helpline-label	span 	{ position:relative; left:-9999em; }
#helpline-number span 	{ position:relative; left:-9999em; }

#pagebody				{ float:left; width:555px; margin-right:15px; }
#pagercol				{ float:left; width:200px; }

#pagetitle				{ border-bottom:1px solid #e8e2e2; padding-bottom:10px; margin-bottom:15px; }
#pagercol h2,
#pagefooter h2			{ color:#005294; font-size:1.2em; font-weight:bold; line-height:1.0em; margin:0; margin-bottom:0.2em; }

#pagebody ul			{ list-style-type:square; }
#pagebody li			{ margin: 0.9em 0; }

#pagebody ul.list-style-2 {margin: 0; padding-left: 15px;}
#pagebody .list-style-3	{ list-style-type: lower-roman; margin-bottom: 1.5em; }
#pagebody .list-style-3 li { margin: 0; }

#logo				{ float:left; padding-left:20px; padding-bottom:20px; }
#lang				{ float:right; padding-top:35px; padding-right:15px; text-align:center; font-size:0.9em; color:#666; }
#lang ul			{ margin:0; padding:0; }
#lang li			{ margin:0; padding:0; display:inline; padding-bottom:6px;}
#lang li a			{ margin:0; padding:1px 6px; border:1px solid #e8e2e2; color:#005294; text-decoration:none; }
#lang li a:hover	{ background:#f5ecec; }
#lang li.current	{ background:url(/images/common/header/languages/arrow.gif) no-repeat bottom; }
#lang li.current a	{ background:#f5ecec; }

#navigation			{ background:url(/images/common/header/nav_shadow.gif) no-repeat 0px 37px; padding:7px 0 7px 0; }

#primary-nav		{ background:#005294 url(/images/common/header/nav_bg_hi.gif) no-repeat top; text-align:center; }
#primary-nav ul		{ margin:0; padding:0 10px; height:30px; background:url(/images/common/header/nav_bg_lo.gif) no-repeat bottom; }
#primary-nav li		{ margin:0; padding:0; list-style-type:none; display:inline; line-height:30px; }
#primary-nav a		{ padding:8px 7px; border-left:1px solid #999; color:#f8f7f2; text-decoration:none; }
#primary-nav a:hover, #primary-nav li.current a { color:#00467e; background:#ffd200 url(/images/common/header/nav_bg_dark.gif) repeat-x 0px 0px; }
#primary-nav li.first a { border-left:0; }

#secondary-nav-wrap	{ padding-bottom:5px; background:url(/images/common/header/sub_nav_shadow.gif) no-repeat bottom center; }
#secondary-nav		{ background:#00467e url(/images/common/header/sub_bg_hi.gif) no-repeat top; text-align:center; }
#secondary-nav ul		{ margin:0; padding:0 10px; background:url(/images/common/header/sub_bg_lo.gif) no-repeat bottom; }
#secondary-nav li	{ margin:0; padding:0; list-style-type:none; display:inline; line-height:31px; }
#secondary-nav a	{ padding:8px 7px; border-left:1px solid #ddd; color:#f8f7f2; text-decoration:none; }
#secondary-nav a:hover, #secondary-nav li.current a { background:url(/images/common/header/sub_bg_dark.gif) no-repeat bottom; }
#secondary-nav li.first a { border-left:0; }

#tertiary-nav		{ background:url(/images/common/header/ter_bg_hi.gif) no-repeat #00467e; color:#faf9f4; margin-bottom:5px; }
#tertiary-nav h2	{ margin:0 10px; padding:10px 0; padding-bottom:0; color:#faf9f4; padding-bottom:6px; border-bottom:1px solid #ffd200; }
#tertiary-nav ul	{ margin:0; padding:10px; padding-top:0; padding-bottom:20px; background:url(/images/common/header/ter_bg_lo.gif) no-repeat bottom; }
#tertiary-nav li	{ list-style-type:none; background:url(/images/common/arrow_light.gif) no-repeat 0 6px; padding-left:10px; margin:5px 0; }
#tertiary-nav a		{ color:#faf9f4; }
#tertiary-nav li.current a { font-weight:bold; }

#footer-nav					{ padding:31px 0 0 0; }
#footer-nav	ul				{ margin:0 1em; padding:0; text-align:right; list-style-type:none; font-size:0.8em; }
#footer-nav	ul li				{ margin:0 6px 0 0; padding:0; display:inline; }
#footer-nav	ul li.copyright 	{ color:#91b0d6; }


/* ------------------------------------------------------------ *\
	Core styles
\* ------------------------------------------------------------ */

.hide			{ left:-99999px; position:absolute; }

h1				{ color:#00467e; font-size:2em; line-height:1.0em; margin:0; margin-bottom:4px; font-weight:normal; }
h2				{ color:#00467e; font-size:1.6em; line-height:1.0em; margin:0; margin-bottom:4px; font-weight:normal; }
h3				{ color:#00467e; font-size:1.2em; line-height:1.0em; margin-bottom:1em; font-weight:bold; }
h4				{ color:#00467e; font-size:1.0em; line-height:1.0em; margin: 0; font-weight:bold; }
h2 a			{ text-decoration:none; }

em				{ color:#91b0d6; font-style:normal; }
p				{ margin:1.0em 0; }
a				{ color:#91b0d6; }
small, .small	{ font-size:0.9em; }
blockquote		{ margin:20px 0; padding:0 20px; border-left:5px solid #e8e2e2; font-style:italic; }
blockquote i	{ font-style:normal; }
.intro			{ font-weight:bold; font-size:1.1em; }
.note			{ padding:1em; border:1px solid #ffd200; background:#F3F3D6; color:#000; text-align:center; }
.large			{ font-size:1.4em; line-height:1.2em; }
.arrow			{ background:url(/images/common/arrow.gif) no-repeat 0 4px; padding-left:8px; }
.clear			{ clear:both; }
.compact		{ line-height:0; font-size:0; height:1px; }
.inline			{ display:inline; }
.left  			{ float:left; }
.right 			{ float:right; }

ul#unspaced li	{ margin:0; }
ol#unspaced li	{ margin:0; }
ul.unspaced li	{ margin:0; }
ol.unspaced li	{ margin:0; }

div.hr 			{ height:1px; background:#e8e2e2; margin:15px 0; }
div.hr hr 		{ display:none; }

.tel			{ font-size:1.2em; color:#005294; font-weight:bold; white-space: nowrap; }
#pagefooter .tel{ color:#666; }
.outline		{ border:1px solid #e8e2e2; background:#fff; padding:4px; }
.inset-left		{ float:left; margin:2px 15px 7px 0; }
.inset-right	{ float:right; margin:2px 0 7px 15px; }
.caption		{ font-size:0.9em; line-height:1.2em; margin-top:5px; color:#666; }

.align-left		{ text-align:left; }
.align-right	{ text-align:right; }
.align-center	{ text-align:center; }

table, button,
input, select,
textarea		{ font-family:Arial,Helvetica,sans-serif; font-size:1.0em; }
td 				{ padding:0; }
form, textarea	{ padding:0; margin:0; }
.button			{ font-size:1.2em; }

.feedback		{ padding:10px; margin-bottom:20px; border:1px solid #e8e2e2; color:#333; background:url(/images/common/feedback/positive.gif) no-repeat right 50% #f7f6f0; }
.error			{ padding:10px; margin-bottom:20px; border:1px solid #e8e2e2; color:#333; background:url(/images/common/feedback/negative.gif) no-repeat right 50% #f7f6f0; }
.feedback ul	{ list-style-type:square; }
.feedback-icon	{ background:url(/images/common/feedback/positive_icon.gif) no-repeat 0 3px; padding-left:23px; }
.error .feedback-icon { background:url(/images/common/feedback/negative_icon.gif) no-repeat 0 3px; padding-left:23px; }

.print-only { display: none; }

/* ------------------------------------------------------------ *\
	More involved function specific styles
\* ------------------------------------------------------------ */

ul.files		{ margin:0; padding:0; }
ul.files li		{ margin-left:0; padding-left:0; list-style-type:none; }
ul.files a		{ background:url(/images/the_tobacco_category/price_lists/std_icon_sml.gif) no-repeat; padding-left:23px; display:block; }
ul.files li.pdf	a { background:url(/images/the_tobacco_category/price_lists/pdf_icon_sml.gif) no-repeat; }
ul.files li.xls	a { background:url(/images/the_tobacco_category/price_lists/xls_icon_sml.gif) no-repeat; }

fieldset			{ border:1px solid #e8e2e2; margin:25px 0; padding:15px 0; border-width:1px 0; }
dl					{ margin:1.0em 0; }
dt					{ margin:0; padding:0; position:absolute; width:125px; margin:1px 0; padding:0.1em 0; }
dt label 			{ font-weight:bold; }
dd					{ margin:0; padding:0; padding:1px 0; padding-left:130px; }
dd label input		{ position:absolute; }
dd label span 		{ display:block; padding-left:23px; }

.form-row			{ clear:left; margin:5px 0; }
.form-gap			{ clear:left; margin-top:15px; }
.label				{ float:left; margin-right:5px; width:145px; padding-top:0.15em; }
.input				{ margin-left:150px; }
.buttons			{ clear:both; padding-top:5px; }
.label label		{ font-weight:bold; }
.tick-item			{ position:absolute; }
.tick-text 			{ display:block; padding-left:23px; line-height:1.3em; /* font-size:0.9em; */ }
.tight .label, .narrow .label { width:95px; }
.tight .input, .narrow .input { margin-left:100px; }


#loginform dl			{ margin:0.2em 0; margin-top:0.5em; }
#loginform dt 			{ width:68px; }
#loginform dt label		{ font-weight:normal; }
#loginform dd 			{ padding-left:68px; }
#loginform .tick-text 	{ font-size:0.9em; line-height:1.3em; }

table.data			{ border-collapse:collapse; }
table.data tr		{ vertical-align:top; }
table.data th		{ border:1px solid #e8e2e2; border-bottom-width:0; padding:4px 6px; background:url(/images/admin/tables/fade02.gif) repeat-x #e8e2e2; color:#333; }
table.data td		{ border:1px solid #e8e2e2; padding:4px 6px; }
table.data .num		{ text-align:right; }
table.data .row0 	{ background:#ffffff; }
table.data .row1 	{ background:#fdfcfa; }
table.data th input, table.data th select { font-weight:normal; }

.product-categories			{ padding:0; margin:0; font-size:0; }
.product-categories	.cat 	{ padding:0; margin:0; list-style-type:none; float:left; display:block; padding-right:5px; padding-bottom:5px; }
.product-categories .last	{ padding-right:0; }

.product-navigation			{ margin:1.5em 0; }
.product-navigation	div		{ background:#f7f6f0; border:1px solid #e8e2e2; margin:5px 0; padding:0 5px; }
.product-navigation	h3		{ margin:0.5em 0; }
.product-navigation	a		{ font-size:0.9em; }

.brand						{ float:left; margin:0 5px 5px 0; }
.brand h3					{ text-align:center; display:block; width:125px; margin:0.5em 0; }
.brand h3 a					{ text-decoration:none; }

ul#articles					{ margin:0; padding:0; }
ul#articles li				{ margin:0; padding:0; list-style-type:none; border-bottom:1px solid #e8e2e2; padding-bottom:5px; margin-bottom:5px; }
ul#articles .date			{ display:block; font-size:0.9em; line-height:1.8em; position:absolute; }
ul#articles .title			{ display:block; margin-left:70px; }

.sections .a				{ background:url(/images/common/sections/top.gif) no-repeat top #fff; float:left; width:272px; margin:0 11px 11px 0; }
.sections .b				{ background:url(/images/common/sections/bot.gif) no-repeat bottom; }
.sections .c				{ padding:10px; padding-left:100px; height:122px; }
.sections p					{ margin:5px 0; }

#profit-calculator #calc-input			{ color:#005294; background:url(/images/common/sidebar/profit_calculator/profit_calculator.gif) no-repeat top right #e9e9e9; padding:7px; padding-top:23px; line-height:1.2em; }
#profit-calculator #calc-output			{ color:#ffffff; padding:4px 4px; }
#profit-calculator #calc-input label	{ font-weight:bold; display:block; margin:3px 0; }
#profit-calculator #calc-output label 	{ font-weight:bold; display:block; margin:3px 0; }

#category-overview 				{ padding:0; margin:0; }
#category-overview li			{ padding:0; margin:0; list-style-type:none; float:left; display:block; text-align:center; width:75px; margin-right:5px; }
#category-overview a			{ padding:5px; display:block; height:8.4em; background:#f7f6f0; border:1px solid #e8e2e2; text-decoration:none; font-weight:bold; }
#category-overview a img		{ display:block; margin:6px auto; }
#category-overview .last		{ margin-right:0; }

.item 							{ margin-bottom:10px; border-bottom:1px solid #e8e2e2; padding-bottom:10px; }
.unit-width						{ font-size:1.3em; }
.display-unit-features 			{ position:relative; }
.display-unit-features .item 	{ position:absolute; top:6px; left:370px; width:148px; padding:10px; background:#ffffff; border:1px solid #570505; }
.display-unit-features .item h3	{ margin-top:0; }
.display-unit-features .item p	{ margin:0; margin-top:5px; }

ul#news-teasers 				{ list-style-type:none; margin:15px 0; padding:0; border-top:1px solid #e8e2e2; padding-top:5px; }
ul#news-teasers li 				{ margin:0.5em 0; padding:0; }
ul#news-teasers a 				{ display:block; background-position:0 6px; }

#site-map ul					{ font-size:1.3em; font-weight:bold; margin:8px 0; padding:0; }
#site-map ul ul					{ font-size:0.85em; font-weight:normal; padding-left:0; margin-left:60px; }
#site-map li					{ margin:0; list-style-type:none; padding-left:10px; background:url(/images/common/arrow.gif) no-repeat 0 6px; }

.promo							{ margin-bottom:10px; }

.register-btn 					{ padding-top:8px; background:url(/images/common/sections/top.gif) top no-repeat; width:272px; float:left; margin-right:10px; font-size:1.6em; font-weight:normal; text-align:center; }
.register-btn a 				{ display:block; padding:15px; padding-top:7px; text-decoration:none; background:url(/images/common/sections/bot.gif) bottom no-repeat; }
.register-note					{ padding:1em; border:1px solid #3c2a86; background:#97a4d7; color:#000; text-align:center; }
.register-note a				{ color:#ffffff; }

.slide							{ margin-bottom: 10px; background:#FFFFFF none no-repeat scroll 4px 4px; border:1px solid #E8E2E2; }
.keyInfo						{ font-size: 2em; font-weight: bold; color: #91b0d6; }
.keyInfo .phone					{ color: #000; font-weight: normal; }
/* ------------------------------------------------------------ *\
	Competition page styles
\* ------------------------------------------------------------ */

#competition					{ background:#3F2424 url(/images/competition/30th_anniversary/bkgrd.gif) repeat-x; color:#fff; }
#competition .a					{ background:url(/images/competition/30th_anniversary/bkgrd_tr_corner.gif) top right no-repeat; }
#competition .b					{ background:url(/images/competition/30th_anniversary/bkgrd_bl_corner.gif) bottom left no-repeat; padding:20px; }
#competition .content 			{ margin:0 35px 0 165px; }
#competition .progress			{ width:100%; margin:1em 0; border-spacing:1px;}
#competition .progress td		{ background:#716aa2; padding:0; height:5px; border:0; }
#competition .progress .done	{ background:#ffffff; }


#suzukiComp				{ background:#00a5e4 url(/images/competition/rizla_suzuki/sidebar.gif) repeat-y; color:#fff; }
#suzukiComp #compIntro	{ background:url(/images/competition/rizla_suzuki/gsx_r1000.jpg) no-repeat; height:375px; }

#suzukiComp #compIntro .a	{ width:167px; padding:19px 0 0 14px; }
#rizlaSuzukiLogo			{ margin:0 0 50px 20px; }
#winInOurPrizeDraw			{ width:169px; height:167px; background:url(/images/competition/rizla_suzuki/win_in_our_prize_draw.gif) no-repeat; }
#winInOurPrizeDraw span		{ display:block; width:0px; height:0px; overflow:hidden; }

#suzukiComp #compMain	{ background:url(/images/competition/rizla_suzuki/sidebar_corner.gif) no-repeat bottom left; }
#suzukiComp #compMain .a	{ padding:20px 20px; width:141px; }
#suzukiComp #compMain .b	{ padding:15px 20px; width:334px; }

#suzukiCompTandCs 		{ margin:2em 0; font-size:0.9em; line-height:1.4em; }
#suzukiCompTandCs h2	{ font-size:1.2em; font-weight:bold; color:#333; }

#whoGetsWhat			{ width: 545px; height: 771px; background: url(/images/the_tobacco_category/price_lists/who_gets_what.jpg) 4px 4px no-repeat; margin-top: 1em; }
#NIDP					{ width: 545px; height: 628px; background: url(/images/legislation/counterfeit_and_smuggled_product/nidp.jpg) 4px 4px no-repeat; margin-top: 1em; }

/* ------------------------------------------------------------ *\
	Coloured boxes
\* ------------------------------------------------------------ */

.box 	  	{ background: #ffffff; margin-bottom:10px; /* IE fix */ width:100%; }
.box .a 	{ background:url(/images/common/boxes/colours/white/tl.gif) no-repeat top left; }
.box .b 	{ background:url(/images/common/boxes/colours/white/br.gif) no-repeat bottom right; }
.box .c 	{ background:url(/images/common/boxes/colours/white/tr.gif) no-repeat top right; }
.box .d 	{ background:url(/images/common/boxes/colours/white/bl.gif) no-repeat bottom left; padding:10px; }
.box .e		{ background:url(/images/common/sidebar/mailing_list/eupdates_botm.jpg) no-repeat bottom left;}

div.yellow	{ background-color:#f3f3d6; }
.yellow .a	{ background-image:url(/images/common/boxes/colours/yellow/tl.gif); }
.yellow .b	{ background-image:url(/images/common/boxes/colours/yellow/br.gif); }
.yellow .c	{ background-image:url(/images/common/boxes/colours/yellow/tr.gif); }
.yellow .d	{ background-image:url(/images/common/boxes/colours/yellow/bl.gif); }

div.grey	{ background-color:#e9e9e9; }
.grey .a	{ background-image:url(/images/common/boxes/colours/grey/tl.gif); }
.grey .b	{ background-image:url(/images/common/boxes/colours/grey/br.gif); }
.grey .c	{ background-image:url(/images/common/boxes/colours/grey/tr.gif); }
.grey .d	{ background-image:url(/images/common/boxes/colours/grey/bl.gif); }

.grey a 	{ color:#005294; }

div.green	{ background-color:#cae3d3; }
.green .a	{ background-image:url(/images/common/boxes/colours/green/tl.gif); }
.green .b	{ background-image:url(/images/common/boxes/colours/green/br.gif); }
.green .c	{ background-image:url(/images/common/boxes/colours/green/tr.gif); }
.green .d	{ background-image:url(/images/common/boxes/colours/green/bl.gif); }

div.blue	{ background-color:#6093bb; color:#fff; }
div.blue em	{color:#fff; }
div.blue a 	{ color:#fff;}
.blue .a	{ background-image:url(/images/common/boxes/colours/blue/tl.gif); }
.blue .b	{ background-image:url(/images/common/boxes/colours/blue/br.gif); }
.blue .c	{ background-image:url(/images/common/boxes/colours/blue/tr.gif); }
.blue .d	{ background-image:url(/images/common/boxes/colours/blue/bl.gif); }

div.red		{ background-color:#005294; color:#fff; }
.red .a		{ background-image:url(/images/common/boxes/colours/red/tl.gif); }
.red .b		{ background-image:url(/images/common/boxes/colours/red/br.gif); }
.red .c		{ background-image:url(/images/common/boxes/colours/red/tr.gif); }
.red .d		{ background-image:url(/images/common/boxes/colours/red/bl.gif); }

div.box h2 	{ padding-bottom:6px; border-bottom:1px solid #c3c5ca; }
div.box h2 span { display:block; margin-top:0.3em; font-size:0.9em; font-weight:normal; color:#333; }

#eupdate {color: #FFF;}

/* ------------------------------------------------------------ *\
	Market Data page
\* ------------------------------------------------------------ */

#marketDataSlide1	{ background-image: url(/images/the_tobacco_category/market_data/market_data_01.jpg); width: 553px; height: 418px; }
#marketDataSlide2	{ background-image: url(/images/the_tobacco_category/market_data/market_data_02.jpg); width: 553px; height: 418px; }

/* ------------------------------------------------------------ *\
	Managing Your Tobacco Unit page
\* ------------------------------------------------------------ */

#topTipsSlide		{ background-image: url(/images/develop_your_business/managing_your_tobacco_unit/top_tips.jpg); width: 553px; height: 418px; }

/* ------------------------------------------------------------ *\
	Local Distributors page
\* ------------------------------------------------------------ */

h3.province		 		{ font-size: 1.4em; border-bottom:1px solid #e8e2e2; margin-top: 20px; padding-bottom: 5px; color: #005294; }
.distributor     		{ padding-bottom:10px; padding-top: 10px; border-bottom:1px solid #e8e2e2; min-height: 8.5em; }
.distributor p   		{ margin: 0; }
p.distributorTel 		{ margin-top: 1em; }
#distributors .first 	{ padding-top: 0; }
#distributors .last		{ border-bottom: none; }

/* ------------------------------------------------------------ *\
	Local Distributors page
\* ------------------------------------------------------------ */

#resetInstructions		{ height: 175px; width: 555px; background: url(/images/develop_your_business/unit_maintenance/maintenance_instructions.gif) 0 0 no-repeat; margin-bottom: 1em; }
#maintenanceDownload a	{ display:block; margin:2em auto; text-align:left; width:60%; padding:12px 12px 12px 74px; border:1px solid #666; background: #fcfcfc url(/images/develop_your_business/unit_maintenance/downloadWord.jpg) 12px 12px no-repeat; min-height:38px;}


/* -------------------------------------------------------------------------------- *\
	Page Overlay Styles
\* -------------------------------------------------------------------------------- */

.uiOverlay						{ position:absolute; top:0; left:0; z-index:101; text-align:left; width:400px; color:#000; background:#fff; border:2px solid #2b227f; padding:0; }
.uiOverlay .uiOverlayHead		{ margin:0; padding:10px 15px; background:#2b227f; color:#fff; height:20px; overflow:hidden; }
.uiOverlay .uiOverlayHead h2	{ float:left; margin:0; color:#fff; }
.uiOverlay .uiOverlayClose		{ float:right; color:#fff; }
.uiOverlay .uiOverlayBody		{ overflow:auto; margin:0; padding:15px; }
.uiOverlay .uiOverlayImage		{ border:1px solid #000; text-align:center; margin:0 auto; }
.uiOverlay .uiOverlayIframe		{ border:0; }
.uiOverlay .uiOverlayLoading 	{ width:95px; height:45px; background:url(/images/loading.gif) center no-repeat; }

.uiOverlayBackground			{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background-color:#000; opacity:.1; filter:alpha(opacity=10); }
.uiOverlayShim					{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; border:none; background:transparent; opacity:0; filter:alpha(opacity=0); }