/* @override http://markwebster.bunk.local/markwebster/2009/mw2009.css */

/*
----------------------------------------------------------------
B A S E
---------------------------------------------------------------- */
html{
    height:100%;
    font-size: 100%
}

html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,form,pre,fieldset,table,td{
    margin: 0; padding: 0; border: 0;
}

body{
	min-height:100.01%;
    font-size: 90%;
	font-family: Verdana, sans-serif;
    background: #004670 url(/markwebster/images/2009/background.png) repeat-x;
    text-align: center;
}

h1, h2, h3, h4 {
	line-height: 1.2em;
	margin-bottom: 0.75em;
	font-weight: normal;
}
h1 { font-size: 170%; }
h2 {
	color: #FF8302;
	margin: 25px 0 15px 0;
	font-size: 140%;
	line-height: 1em;
	border-bottom: 1px dotted #767676;
	padding-bottom: 10px;
}


h3            { font-size: 120%; }
h4            { font-size: 110%; font-weight: normal; margin-bottom: 0.5em; }
p, li, td     { font-size: 90%; line-height: 1.2em; }
p             { padding-bottom: 1em; color: #08527f; }
ul, ol        { margin: 0 0 2em 0; }

a { overflow:hidden; }

a:link    { color: #008CDB; text-decoration: none; }
a:visited { color: #008CDB; text-decoration: none; }
a:hover   { color: #FFF;    text-decoration: none; background: #008CDB; }
a:active  { color: #FFF;    text-decoration: none; background: #008CDB; }

a.orange:link    { color: #FF8302; text-decoration: none; }
a.orange:visited { color: #FF8302; text-decoration: none; }
a.orange:hover   { color: #FFF;    text-decoration: none; background: #FF8302; }
a.orange:active  { color: #FFF;    text-decoration: none; background: #FF8302; }


a img { border: none; }

img{ display: block; }


/* S T R U C T U R E */
#centre-float {
    width: 960px;
    margin: auto;
    text-align: left;
}

#container{
    width: 944px;
    float: left;
	background: #fff;
	margin: 0 8px 3px 8px;
}

#breadcrumb p{ padding: 0; }

#side-bar{
    width: 234px;
    float: left;
    background: #cfe3ee;
    border-right: 3px solid #004670;
    border-bottom: 3px solid #004670;
    margin-bottom: -3px;
}

#content{
	float: left;
	width: 587px;
	padding: 30px 60px;
	background: #fff;
}

/* Does position inside upset IE6? */
#content ul, #content ol{ list-style-position: inside; }

.hidden{
	position: absolute;
	left: -9999px;
}

/*
----------------------------------------------------------------
    S I D E B A R
---------------------------------------------------------------- */
#side-bar img.section{
	margin: 0 -3px 0 0;
}

/* collection */
#side-bar ul {
    padding-left: 0;
    list-style-type: none;
	margin-bottom: 0;
}
#side-bar ul li a{
	display: block;
	border-top: 1px solid #000;
	font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	padding: 8px 19px;
}

/*model*/
#side-bar ul li ul{
	margin-bottom: 10px;
}
#side-bar ul li ul li a{
	border: 0; 
	padding: 0 0 8px 35px;
	font-size: 14px;
}

#side-bar a:link {color: #08537D; text-decoration: none; background: transparent; }
#side-bar a:visited {color: #08537D; text-decoration: none; background: transparent; }
#side-bar a:hover {color: #FF8302; text-decoration: none; background: transparent; }
#side-bar a:active {color: #FF8302; text-decoration: none; background: transparent; }

#side-bar a.selected:link {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent; }
#side-bar a.selected:visited {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent; }
#side-bar a.selected:hover {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent; }
#side-bar a.selected:active {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent; }

#sideBar a.model:link {color: #08537D; font-weight: normal; text-decoration: none; background: transparent; }
#sideBar a.model:visited {color: #08537D; font-weight: normal; text-decoration: none; background: transparent; }
#sideBar a.model:hover {color: #FF8302; font-weight: normal; text-decoration: none; background: transparent; }
#sideBar a.model:active {color: #FF8302; font-weight: normal; text-decoration: none; background: transparent; }

#side-bar a.model-selected:link {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent;}
#side-bar a.model-selected:visited {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent;}
#side-bar a.model-selected:hover {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent; }
#side-bar a.model-selected:active {color: #FF8302; font-weight: bold; text-decoration: none; background: transparent; }

    
/*
----------------------------------------------------------------
    H E A D E R   A N D   F O O T E R
---------------------------------------------------------------- */
#header{
    background: transparent url(/markwebster/images/2009/header_bg.png) no-repeat;
    color: #fff;
    height: 126px;
}

#header img.logo{
	float: left;
}

#greeting-bar{
	clear: left;
	padding: 10px 8px 0 16px;
	height: 30px;
}

#footer{
	clear: left;
	padding: 7px 15px;
	height: 33px;
	border-top: 3px solid #004670;
	background: #fff;
}
#footer p{
	font-family: "Helvetica Neue", Geneva, Helvetica, Arial, sans-serif;
	font-size: 80%;
    margin: 10px 0 0 0;
    padding: 0;
    color: #626262;
}

#back-to-top{ clear: both; }

/*
----------------------------------------------------------------
    N A V
---------------------------------------------------------------- */

/* M A I N   N A V */
#main-nav{
	margin: 85px 0 11px 40px;
    float: left;
}

#main-nav ul {
    list-style: none;
    padding-left: 0;
}

#main-nav li {
    display: block;
    float: left;
    border-right: 1px solid #59a3ca;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 110%;
}

#main-nav li a { 
    float: left;
    padding: 5px 20px; 
    color: #fff;
}

#main-nav li.last { border: 0; }
#main-nav li.last a{ padding-right: 0; }

#main-nav li a.selected { color: #529fc7; }

#main-nav li a:link,  #main-nav li a:visited{ text-decoration: none; }

#main-nav li a:hover, #main-nav li a:active { 
    color: #000;
    text-decoration: none;
    background: transparent;
}

#sections-nav{
	float: right;
	margin: -8px 0 0 0;
	background: #000;
}

#sections-nav ul {
    list-style: none;
    padding-left: 0;
}

#sections-nav li {
    display: block;
    float: left;
    border-right: 2px solid #004670;
    background: #fff;
    padding: 2px 3px;
}
#sections-nav li.last{ border: 0; }
#sections-nav li a{
    height: 26px;
    width: 128px;
    border-left: 1px solid #a8d1e5;
    border-right: 1px solid #a8d1e5;
	display: block;
    float: left;
    padding: 5px 0 0 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
}

#sections-nav li a:link,  #sections-nav li a:visited{ color: #fff; background: #004670 url(/markwebster/images/2009/section_nav_back.png); }
#sections-nav li a:hover, #sections-nav li a:active { color: #fff; background: #004670 }
#sections-nav li a.selected:link,  #sections-nav li a.selected:visited, #sections-nav li a.selected:hover, #sections-nav li a.selected:active{ 
	background: #b1d2e3;
	font-weight: bold;
}



div.debug{
    background: #fff;
    text-align: left;
    padding: 10px;
}

/*
----------------------------------------------------------------
M A R K   W E B S T E R
---------------------------------------------------------------- */
#content .resource{
	float: left;
	clear: left;
}

#section-panels a{
	float: left;
}

#secondrow-panels{
	clear: left;
	height: 290px;
}

#secondrow-panels #panel-latestnews, #secondrow-panels #panel-latestproducts, #secondrow-panels #panel-intro{
	height: 290px;
	float: left;
	border-right: 3px solid #004670;
	padding: 0 18px;
}

#secondrow-panels h2{
	color: #4c4c4c;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 130%;
	line-height: 1em;
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 15px;
	margin: 69px 0 5px 0;
}

#secondrow-panels #panel-latestproducts{ width: 198px; }
#secondrow-panels #panel-latestnews{ width: 199px; }
#secondrow-panels .item{ margin-bottom: 10px; }
#secondrow-panels .item img{
	float: left;
	margin: 0 7px 0 0;
}


#secondrow-panels #panel-latestproducts p, #secondrow-panels #panel-latestnews p{
	padding: 0;
}

#secondrow-panels .scrollable-news{
	height: 178px;
	width: 209px;
	margin-right: -15px;
	overflow: auto;
	padding-right: 5px;
}

#secondrow-panels #panel-intro{
	width: 433px;
	border: 0;
	padding: 0 17px;
}

#secondrow-panels p a, #secondrow-panels h5 a, #secondrow-panels p a, #secondrow-panels h5 a{
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

#secondrow-panels p a:link, #secondrow-panels h5 a:link, #secondrow-panels p a:visited, #secondrow-panels h5 a:visited{
	color: #4a4a4a;
}

#secondrow-panels p a:hover, #secondrow-panels p a:active{
	color: #4a4a4a;
	background: transparent;
}

#secondrow-panels h5 a:hover, #secondrow-panels h5 a:active{
	color: #4a4a4a;
	background: transparent;
	font-decoration: underline;
}

#secondrow-panels #panel-intro img.header{
	margin: 0 -17px 15px -17px;
}
#secondrow-panels #panel-intro img.intro-image{
	float: left;
	margin: 0 15px 0 0;
}

#greeting-bar p.greeting{ 
	color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%; 
	line-height: 1em;
	padding: 0;
	display: block;
}

/*
----------------------------------------------------------------
O L D   M A R K   W E B S T E R
---------------------------------------------------------------- */
.resource{
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	clear: left;
}

.resource h2{
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 5px;
}

.resource p.newsDate{
	margin-bottom: 1em;
}

.resource p.newsBody{
	margin-bottom: 1em;
}

#colLeft{
	float: left;
	width: 203px;
}

#colRight{
	float: left;
	padding-left: 15px;
	width: 299px;
	border-left: 1px solid #cfcfcf;
}


p.loggedInLink{
	display: block;
	color: #000;
	font-weight: bold;
	float: right;
	margin: -25px -5px 0 0;
}

form .fieldBox{
	width: 450px;
}

#prod-info{
	float: left;
	margin-bottom: 30px
}

#statsBox{
	width: 294px;
	padding: 0 5px;
	background: #fff url(/markwebster/images/statsbox_back.gif) repeat-y;
	text-align: center;
}
#statsBox table {
	width: 100%;
	margin: 0 auto;
}
#statsBox table td{
	font-size: 12px;
	color: #08527f;
	border-top: 1px solid #fff;
	padding: 4px;
}
#statsBox table td.right{
	border-left: 1px solid #fff;
}

table.productTable{
	float: left;
	width: 530px;
}

table.productTable th{
	font-size: 12px;
	color: #08527f;
	padding: 4px;
	border-right: 1px dotted #cfcfcf;
}

table.productTable td{
	font-size: 12px;
	color: #08527f;
	border-top: 1px dotted #767676;
	border-right: 1px dotted #cfcfcf;
	padding: 4px;
}

table.productTable td.right, table.productTable th.right{
	border-right: 0;
}

#stockistMap{
	border-top: 1px dotted #767676;
	padding-top: 15px;
}

#stockistMap h4{
	color: #FF8302;
}