/**
 * Style sheet for template view. 
 *
 * @project    Clute Packaging Site
 * @module     Core
 * @author     Leszek Szamocki
 * @copyright  (c) 2009 New Concept Design - London Ontario web design studio.
 * @version    09.29a
 */

* {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	position: relative;
}

a.m0, a.m0_sel { width: 52px; }
a.m0:hover, a.m0_sel { background-image: url('../images/menu-sel-0.jpg'); }

div.m1, div.m1_sel { width: 66px; }
div.m1:hover, div.m1_sel { background-image: url('../images/menu-sel-1.jpg'); cursor: default;}

a.m2, a.m2_sel { width: 63px; }
a.m2:hover, a.m2_sel { background-image: url('../images/menu-sel-2.jpg'); }

a.m3, a.m3_sel { width: 142px; }
a.m3:hover, a.m3_sel { background-image: url('../images/menu-sel-3.jpg'); }

a.m4, a.m4_sel { width: 86px; }
a.m4:hover, a.m4_sel { background-image: url('../images/menu-sel-4.jpg'); }

a.m5, a.m5_sel { width: 108px; }
a.m5:hover, a.m5_sel { background-image: url('../images/menu-sel-5.jpg'); }

a.m6, a.m6_sel { width: 101px; }
a.m6:hover, a.m6_sel { background-image: url('../images/menu-sel-6.jpg'); }

a.m7, a.m7_sel { width: 69px; }
a.m7:hover, a.m7_sel { background-image: url('../images/menu-sel-7.jpg'); }

a.m8, a.m8_sel { width: 110px; }
a.m8:hover, a.m8_sel { background-image: url('../images/menu-sel-8.jpg'); }

a.m0_sel, a.m1_sel, a.m2_sel, a.m3_sel, a.m4_sel, 
a.m5_sel, a.m6_sel, a.m7_sel, a.m8_sel { cursor: default; }

a.m0:link, a.m0:link:visited,
    a.m2:link, a.m2:link:visited,
    a.m3:link, a.m3:link:visited,
    a.m4:link, a.m4:link:visited,
    a.m5:link, a.m5:link:visited,
    a.m6:link, a.m6:link:visited,
    a.m7:link, a.m7:link:visited,
    a.m8:link, a.m8:link:visited
    {
    color: #52728C;
}

body {
	background: #fff url('../images/lay-header-bar.png') repeat-x;
}

h1 {
	color: #52728c;
	font-size: 140%;
	padding-bottom: 10px;
}

#lay_author {
	bottom: 5px;
	position: absolute;
	right: 0px;
}

#lay_author a {
	color: #000080;
}

#lay_author a:hover {
	color: #5062e8;
}

#lay_body {
	background-image: url('../images/lay-body-bkg.jpg');
	background-repeat: no-repeat;
	min-height: 355px;
	padding: 10px 5px;
}

#lay_box {
	background: #fff;
	border: 1px solid #fff;
	border-top: 0px none;
	margin: 0px auto;
	width: 885px;
}

#lay_breadcrumbs {
	color: #000080;
	font-size: 70%;
	margin: 0px 25px;
	padding: 5px 0px 10px 0px;
}

#lay_copyright {
	color: #d4e5f2;
	position: absolute;
	top: 34px;
	right: 10px;
}

#lay_footer {
	background-image: url('../images/lay-footer.png');
	background-repeat: repeat-x;
	font-size: 65%;
	height: 78px;
}

#lay_footer_menu {
	left: 10px;
	position: absolute;
	top: 34px;
}

#lay_footer_menu a {
	color: #b4c6d4;
}

#lay_footer_menu a:hover {
	color: #d4e5f2;
}

#lay_header {
	background-image: url('../images/lay-header.jpg');
	height: 176px;
}

#lay_menu {
	background-image: url('../images/lay-menu.jpg');
	height: 43px;
	padding: 1px 0px 1px 46px;
}

#lay_menu a, #menu_box {
	background-color: transparent;
	background-position: bottom center;
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	margin-right: 1px;
        float: left;
}

#lay_menu a:link, #lay_menu a:link:visited {
    background-color: transparent;
}

#lay_top {
	background-image: url('../images/lay-top.jpg');
	font-size: 65%;
	height: 152px;
}

#lay_top_menu {
	position: absolute;
	top: 65px;
	right: 23px;
	font-size: 14px;
}

#lay_top_menu a {
	border-bottom: 3px solid #517186;
	color: #000080;
	padding-bottom: 4px;
	text-decoration: none;
}

#lay_top_menu a:hover {
	border-bottom-color: #fff;
	color: #000080;
}

#lay_top_menu span {
	background: #fff url('../images/top-menu-sep.png') no-repeat;
	display: inline-block;
	height: 10px;
	top: 2px;
	width: 16px;
}

#menu_box {
	margin-left: 0px;
	display: inline-block;
	z-index: 100;
}

#menu_box div {
	background: #8ac;
	border: 1px solid #bba;
	float: left;
	visibility: hidden;
}

#menu_box a {
	color: #eff;
	display: block;
	float: none;
	font-size: 70%;
	font-weight: bold;
	height: 15px;
	padding: 3px 5px 2px 5px;
	text-decoration: none;
	white-space: nowrap;
}
		
#menu_box a:hover {
	background-color: #8ab;
	color: #000;
}

#menu_box a.p0:hover {
	cursor: default;
}

#bodyCategory {
    padding: 15px 0px 10px 25px;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:87.5%;
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
}

#bodyCategory img.thumb {
    float: left;
    border: none;
}

.clear {
	clear: both;
}

#bodyCategory .prodBox1, #bodyCategory .prodBox2, #bodyCategory .prodBox3, #bodyCategory .prodBox4 {
	width: 515px;
	float: left;
	padding: 0px 30px 30px 25px;
}
#bodyCategory .prodBox1 {
	display: inline;
	margin-left: 140px;
}

#bodyCategory .prodBox2 {
	display: inline;
	margin-left: 185px;
}

#bodyCategory .prodBox3 {
	display: inline;
	margin-left: 230px;
}

#bodyCategory .prodBox4 {
	display: inline;
	margin-left: 275px;
}

#bodyCategory .description {
	width: 370px;
	float: left;
}

#bodyCategory .description h4 {
	margin: 0px 0px 3px 10px;
	padding: 0px;
}

#bodyCategory .description h4 a {
	color: #52728C;
}

#bodyCategory .description h4 a:hover {
	color: #5062E8;
}

#bodyCategory .description .p {
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

#bodyCategory .description a.seeMore {
    font-size: 90%;
    white-space: nowrap;
    text-decoration: underline;
    color: #000080;
}

#bodyCategory .description a.seeMore:hover {
	color: #5062E8;
}

#bodyCategory h2.category, #bodyCategory h3.category, #bodyCategory h4.category, #bodyCategory h5.category {
    padding-bottom: 20px;
    color: #52728C;
}

#bodyCategory h2.category a, #bodyCategory h3.category a, #bodyCategory h4.category a, #bodyCategory h5.category a {
    color: #52728C;
}


#bodyCategory h2.category a:hover, #bodyCategory h3 a:hover, #bodyCategory h4 a:hover, #bodyCategory h5 a:hover {
    color: #5062E8;
}

#bodyCategory h2.category {
    margin: 0px 0px 0px 120px;
}

#bodyCategory h3.category {
    margin: 0px 0px 0px 165px;
}

#bodyCategory h4.category {
    margin: 0px 0px 0px 210px;
}

#bodyCategory h5.category {
    margin: 0px 0px 0px 255px;
}

#bodyCategory .description {
    width: 370px;
    float: left;
}

#bodyCategory .description h4 {
    margin: 0px 0px 3px 10px;
    padding: 0px;
}

#bodyCategory .description h4 a {
    color: #52728C;
}

#bodyCategory .description h4 a:hover {
    color: #5062E8;
}

#bodyCategory .description .p {
    padding: 0px 0px 0px 10px;
    margin: 0px;
    color:#000080;
    font-size:0.9em;
}

#bodyCategory .description a.seeMore {
    font-size: 90%;
    white-space: nowrap;
    text-decoration: underline;
    color: #000080;
}

#bodyCategory .description a.seeMore:hover {
	color: #5062E8;
}

a:link, a:link:visited {
    color:#000080;
}

div.p p {
    margin: 10px 0px 10px;
}

#bodyProduct #productBox {
    width: 850px;
    margin-left: 20px;
}

a img {
    border:medium none;
}

img {
    display:block;
}

#productBox  #prodThumbs {
	width: 200px;
	float: left;
}

#productBox img.productThumb {
    margin-top: 32px;
}

#productBox #prodDescription {
    width: 600px;
    padding: 0px 0px 0px 15px;
    float: left;
}

#prodDescription h2 {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    margin: 0px 0px 3px 10px;
    padding: 0px;
    color:#52728C;
    font-size:1.4em;
}

#prodDescription #descText {
    padding: 15px 0px 0px 10px;
    margin: 0px;
    font-size: 0.8em;
    color: #000080;
    width: 598px;
}

#prodDescription #request {
    padding: 20px 0px 0px 0px;
}

#prodDescription #request a {
    color: #000080;
}


#prodDescription #request a:hover {
	color: #5062E8;
}

#prodDescription #descText ul {
    margin: 3px 0px 20px 35px;
    font-size: 0.9 em;
}

#prodDescription #descText li {
    list-style-type: disc;
    margin: 0px 0px 0px 10px;
}

#prodDescription #descText ul li h4 {
    padding: 15px 0px;
}

#prodDescription #descText p {
    padding: 5px 0px 10px;
}

/**
Body request
*/

#bodyRequest {
    width: 510px;
    margin: auto;
    padding: 25px 0px 10px 0px;
}

#bodyRequest #requestLeft {
    width: 200px;
    float: left;
}

#bodyRequest #requestLeft .error {
    font-size: 0.8em;
    color: #DE483D;
    font-weight: bold;
}
#bodyRequest #requestLeft .info {
    font-size: 0.8em;
    color: #39B542;
    font-weight: bold;
}

#bodyRequest #requestRight {
    width: 270px;
    float: left;
}

#bodyRequest fieldset {
    padding-left: 20px;
    border: 2px solid #B3C1CA;
    padding-bottom: 20px;
}

#bodyRequest legend {
    font-size: 1.4em;
    margin-left: -10px;
    padding:0px;
    color: #52728C;
}

#bodyRequest label {
    display: block;
    font-size: 0.7em;
    font-weight: bold;
    color: #000080;
    margin: 10px 0px 2px 0px;
}

#bodyRequest input, #bodyRequest select, #bodyRequest textarea {
    margin-left: 3px;
}

#bodyRequest textarea {
    width: 225px;
    height: 10em;
}

#bodyRequest input#submit {
    display: block;
    font-size: 0.8em;
    margin: 10px 0px 0px 3px;
}

#bodyRequest #required {
    margin-top: 20px;
    font-size: 0.7em;
}

/**
* Body contact
*/

#bodyContact {
    width: 600px;
    margin: auto;
    padding: 25px 0px 10px 0px;
}

#bodyContact p {
    color:#000080;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


#bodyContact fieldset {
    width: 500px;
}

#bodyContact #formBox {
    width: 200px;
    float: left;
}

#bodyContact #addressBox {
    width: 270px;
    float: left;
}

#bodyContact #addressBox label {
    display: inline-block;
    width: 7ex;
    font-weight: normal;
    float: left;
}

#bodyContact #addressBox span {
    float: left;
}


#addressBox br {
    clear: both;
}

#bodyContact fieldset {
    padding-left: 20px;
    border: 2px solid #B3C1CA;
    padding-bottom: 20px;
}

#bodyContact legend {
    font-size: 1.4em;
    margin-left: -10px;
    padding-right: 5px;
    color: #52728C;
}

#bodyContact #formBox .error {
    font-size: 0.8em;
    color: #DE483D;
    font-weight: bold;
}

#bodyContact #formBox .info {
    font-size: 0.8em;
    color: #39B542;
    font-weight: bold;
}

#bodyContact #formBox label {
    display: block;
    font-size: 0.7em;
    font-weight: bold;
    color: #000080;
    margin: 10px 0px 2px 0px;
}

#bodyContact input {
    margin-left: 3px;
}

#bodyContact textarea {
    width: 200px;
    height: 7em;
    margin-left: 2px;
}

#bodyContact input#submit {
    display: block;
    font-size: 0.8em;
    margin: 10px 0px 0px 0px;
}

#bodyContact #required {
    margin-top: 20px;
    font-size: 0.7em;
}

#addressBox h4 {
    margin: 10px 0px 0px 0px;
    color: #52728C;
    font-size:0.9em;
}

#addressBox .p {
    padding-top: 10px;
    color:#000080;
    font-size:0.8em;
    margin-left: 20px;
}

.tbhead {
    background-color:#52728C;
    color:#FFFFFF;
    font-size:0.8em;
    padding: 2px;
}

.tbrow {
    background-color:#D3DDE7;
    font-size:0.8em;
    padding: 2px;
}

#video_list img{
	width: 100px;
}

#video_list strong{
	font-size: 13px;
	color:#000080;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding-left: 12px;
}

#video_list p{
	color:#000080;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 12px;
}

#video_list td{
	text-align: left;
}
/*
color:#000080;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;