/*** Morrow Plastics Master Stylesheet ***/

/* Eric Meyer Reset */

html,body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-align: left;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:  block;}

body {font-family: Arial, Helvetica, sans-serif; color: #666; background: url(/img/page_bg.png) repeat-x;}
h1, h2, h3, h4, h5, h6, p, ol, ul {margin: 0 0 20px; line-height: 1.5em;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-family: 'Squada One', cursive; font-size: 1.8em; color: #719006; padding-bottom: 20px; background: url(/img/diagonal-13_bg.png) bottom repeat-x;}
h2 {font-size: 1.4em;}
h3 {font-family: 'Squada One', cursive; font-size: 1.2em;}
h4 {font-size: 1em;}
h5, h6 {font-size: .85em;}
p {font-size: .75em;}
p.padded {padding: 10px; background: #eee; border: 1px solid #ddd; overflow: auto;}
p.headline {color: #5e5800; font-size: 1em; padding: 10px 0; border-top: 1px solid #5e5800; border-bottom: 1px solid #5e5800;}

a {color: #06c; text-decoration: underline;}
a:hover {text-decoration: none;}

a.round-link {padding: 7px 10px; color: #fff; background: #036; font-weight: bold; text-decoration: none; border-radius: 5px;}
a.round-link:hover {background: #06c;}

.clear {clear: both;}
.hidden {display: none;}

.left-embed {float: left; margin: 0 20px 0 0;}
.right-embed {float: right; margin: 0 0 0 20px;}

.green {color: #719006;}

.disabled {color: #ccc;}
.paging {margin: 0 0 40px;}

.message {margin: 0 0 10px; padding: 10px; font-size: .75em; font-weight: bold; color: #658f01; background: #f2fcda; border: 1px solid #a2bd61;}

#wrapper {margin: 0 auto; width: 900px;}

/* Header
========================================================================================== */
#header {position: relative; float: left; width: 860px; height: 125px; margin: 0 20px; z-index: 100;}
.main-logo {float: left; margin: 55px 0 0 10px;}
#header_left {float: left; width: 300px; height: 125px; background: #fff; border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px;}
#header_right {float: left; width: 560px; height: 125px;}
#top-info {float: right; padding: 10px; background: #719006; margin-right: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
#top-info p {color: #fff; font-size: .7em; margin: 0;}
#top-info a {color: #fff;}

#main-nav {position: absolute; top: 60px; left: 300px; width: 565px; height: 20px; padding: 15px 0; background: url(/img/trans_blue_75.png);}
#main-nav ul {list-style: none; font-size: .75em; font-weight: bold;}
#main-nav ul li {float: left; border-left: 1px dotted #eee;}
#main-nav ul li:first-child {border: none;}
#main-nav ul li a {display: block; color: #fff; padding: 0 40px 0 20px; text-decoration: none; font-size: 1em;}
#main-nav ul li a:hover {color: #b6da39;}


/* Content
========================================================================================== */
#hero {position: relative; float: left; width: 860px; height: 350px; margin: -80px 15px 0 15px; border: 5px solid #fff; z-index: -1;}
.hero-slide {width:860px; height:350px;}
#slide_001, #slide_002, #slide_003, #slide_004 {width:860px; height:350px;}
#slide_001 {background:transparent url(/img/hero-slide_001.jpg) no-repeat top left;}
#slide_002 {background:transparent url(/img/hero-slide_002.jpg) no-repeat top left;}
#slide_003 {background:transparent url(/img/hero-slide_003.jpg) no-repeat top left;}
#slide_004 {background:transparent url(/img/hero-slide_004.jpg) no-repeat top left;}

#main {float: left; width: 860px; margin: 10px 20px;position: relative;min-height:325px;}
 #main ul.news-list { 
    list-style: none !important; 
    margin: 0;
}
 #main ul.news-list li {
    padding: 10px 0; 
    
    margin: 0;}
 #main ul.news-list li .date {
                display: block;
                font-weight: 700;
                color: #333;
                margin: 5px 0;
                font-size: .9em;
            }
 #main ul.news-list li .newsContent {
                margin: 0 0 10px;
                line-height: 1.3em;
                font-size: .9em;
            }
 #main ul.news-list li .newsLink{margin: 0;}

#main ul, #main ol {margin: 0 0 30px 20px; font-size: .75em;}
#main ul {list-style: square;}
#main ul li {margin: 0 0 10px;}

#main .actions ul {margin: 0 0 20px;}

.page-banner {float: left; width: 860px; height: 260px; margin: -80px 15px 0 15px; border: 5px solid #fff; z-index: -1;}

#content {float: left; width: 580px; margin-right: 20px;}
#content.home {width: 590px; margin: 0;}
#intro {float: left; width: 268px; margin-right: 20px;}
#quick-links {float: left; width: 260px; height: 200px; margin-top: 15px; padding: 0 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.quick-link {position: relative; float: left; width: 260px; height: 85px;}
.quick-link a {display: block; width: 200px; height: 25px; padding: 50px 50px 10px 10px; text-decoration: none; font-family: 'Squada One', cursive; font-size: 1.2em; text-shadow: 1px 1px 1px #fff;}
.quick-link.products {background: url(/img/ql-products_bg.jpg) no-repeat;}
.quick-link.products a {color: #095395;}
.quick-link.info {background: url(/img/ql-info_bg.jpg) no-repeat; margin-top: 30px;}
.quick-link span.arrow-box {position: absolute; bottom: 15px; right: 10px; width: 17px; height: 17px; background: url(/img/box-arrow_sprite.png) no-repeat;}
.quick-link.products:hover span.arrow-box {background-position: 0 -17px;}
.quick-link.info:hover span.arrow-box {background-position: 0 -34px;}





/* Sidebar
========================================================================================== */
#right-sidebar {float: left; width: 210px; min-height: 170px; margin-top: -50px; padding: 10px 15px; background: url(/img/sidebar_bg.png) no-repeat;}
#right-sidebar h3 {font-size: 1.3em; margin-bottom: 25px;}
#right-sidebar ul.news {list-style: none; font-size: 1em; margin:0;}
#right-sidebar ul.news li {padding: 15px 0 10px; background: url(/img/diagonal-6_bg.png) top repeat-x;}
#right-sidebar ul.news li p.date {margin-bottom: 5px; font-size: .75em; font-weight: bold;}
#right-sidebar ul.news li h5 {margin: 0; font-size: .75em;}

#main #right-sidebar.admin h3 {margin: 0 0 10px;}
#main #right-sidebar.admin ul { margin: 0 0 30px;}
#main #right-sidebar.admin ul li {display: block; border-top: 1px solid #fff; margin: 0; padding: 0;}
#main #right-sidebar.admin ul li a.action-link {display: block; color: #06c; background: #d3e7fb; margin: 0; padding: 10px; border: none; text-decoration: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#main #right-sidebar.admin ul li a.action-link:hover {color: #fff; background: #036;}


/* Footer
========================================================================================== */
#footer {float: left; width: 820px; height: 70px; margin: 20px; padding: 20px; background: url(/img/footer_bg.png) repeat-x; margin-top: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}

#footer_left {float: left; width: 540px;}
#footer_left ul {list-style: none; font-size: .7em; font-weight: bold; padding-bottom: 15px;}
#footer_left ul li {float: left; padding: 0 15px; border-left: 1px solid #3c4d00;}
#footer_left ul li:first-child {border: none; padding-left: 0;}
#footer_left ul li a {color: #b4c773; text-decoration: none;}
#footer_left ul li a:hover {color: #fff;}
#footer_left p {font-size: .7em; color: #7c9f04; margin: 15px 0 0; padding-top: 15px; border-top: 1px solid #3c4d00;}
#footer_left p a {color: #7c9f04;}

#footer_right {float: left; width: 240px; height: 70px; margin-left: 40px; background: url(/img/footer-logo.png) right no-repeat #3c4d00;}
#footer_right p {color: #708e06; font-size: .7em; margin: 10px 15px 0;}



/* Forms
========================================================================================== */
form div {margin: 0 0 20px;}

label, input {display: block;}
label {font-weight: bold; margin: 0 0 5px;}
input[type="text"], input[type="password"] {padding: 10px; width: 70%; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px;}
textarea {padding: 10px; width: 70%; height: 100px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px;}

label.error, .error-message {font-weight: normal; color: #f00;}
.error-message {font-size: .75em;}

input[type="submit"] {cursor: pointer; color: #fff; background: #036; padding: 10px 20px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
input[type="submit"]:hover {background: #06c;}
.extraField {visibility:hidden;}


/* Tables
========================================================================================== */
table {width: 100%; font-size: .75em; margin: 0 0 20px; border-bottom: 1px solid #ddd;}
th, td {padding: 10px; border-top: 1px solid #ddd;}
th {background: #ddd;}

table.no-border {border: none;}
table.no-border, table.no-border td {border: none.}

#paging { padding: 10px 0; background: #bbb;}
.prev, .next {padding: 10px;}

div.actions {margin: 0 0 20px;}
div.adminTitle {float:left;display:inline-block;font-size:22px;}
div.actions ul {list-style:none; }
div.actions ul li {display:inline-block;padding-right:10px;}
a.action-link {
	position: relative;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 8px 16px;
	border: 1px solid #06c;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	background: #0088cc; /* Old browsers */
	background: -moz-linear-gradient(top, #0088cc 0%, #0066cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0088cc), color-stop(100%,#0066cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0088cc 0%,#0066cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0088cc 0%,#0066cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0088cc 0%,#0066cc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0088cc 0%,#0066cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#0066cc',GradientType=0 ); /* IE6-9 */
}
a.action-link:hover {background: #06c;}

.tallThumb {cursor: pointer; margin-right:15px;padding: 4px; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px #ddd; height:105px;}
.longThumb {cursor: pointer; margin-right:15px;padding: 4px; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px #ddd; height:105px;}
.lastImage {margin-right:0px;}


/* jQuery
========================================================================================== */
#simplemodal-container a.modalCloseImg {
    background:url(/img/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer; }

#simplemodal-container {
    background-color: #333333;
    border: 4px solid #444444;
    color: #BBBBBB;
    padding: 12px; }