body {
	margin: 0;
	padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #676767;
}

.hdr_top {
    width: 1020px;
    height: 17px;
    background-image: url(../images/hdr-top.jpg);
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
    background: url(../images/wrapper-bg.jpg) repeat-y;
}

img {
    border: none;
}

table {
    vertical-align: top;
}

tr {
    vertical-align: top;
}

/* @group Header */

.header {
	width: 1020px;
	height: 87px;
    background-image: url(../images/hdr-ocon-logo.jpg);
}

.tagline h2 {
    text-align: right;
    margin-right: 35px;
    padding-top: 15px;
    font-weight: normal;
    font-size: 2.5em;
    color: #676767;
}

.tagline {
}

h1 {
    visibility: hidden;
    margin: 0;
    padding: 0;
    float: left;
}

h2 {
    padding-left: 30px;
    margin: 0;
    padding-top: 12px;
    font-size: 2em;
    color: #da3028;
}

/* @end */

/* @group Navigation */

.navwrapper {
	float: left;
}

.nav_top {
    width: 203px;
    height: 15px;
    background-image: url(../images/nav-top.gif);
}

.nav {
	background-color: #9b9b9b;
	position: relative;
	padding-bottom: 0;
	margin-bottom: 0;
    width: 203px;
    background-image: url(../images/nav-bg.gif);
    font-size: 1.2em;
    font-weight: bold;
}

.nav li {
	display: list-item;
    height: 30px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 5px;
}

.nav ul {
	list-style-type: none;
    padding-left: 0;
    padding-top: 4px;
    margin: 0;
    padding-bottom: 0px;
}

.nav a:link, .nav a:visited {
	color: #676767;
	text-decoration: none;
}

.nav a:hover {
	color: #00417e;
}

.nav_bottom {
    width: 203px;
    height: 36px;
    background-image: url(../images/nav-bottom.gif);
}

.nav .active {
	background: url(../images/nav-active.gif) no-repeat 0 0;
}

.active a:link, .active a:visited {
	color: #00417e;
	text-decoration: none;
	padding-bottom: 6px;
}


.contact_details {
    background-image: url(../images/nav-bg.gif);
    padding-left: 20px;
}

.contact_details a {
    color: #00417e;
}

.email_link {
    font-size: 0.8em;
    color: #676767;
}

.contact_details h3 {
    margin: 0;
    color: #d61509;
    font-size: 1.8em;
    font-weight: normal;
    font-style: normal;
}

.contact_details h4 {
    color: #00417e;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 1.5em;
}

.contact_details p {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
}

.errorlist {
    color: #DA3028;
    list-style: none;
    padding: 0;
    margin: 0;
}

.intro_box_wide select {
    width: 185px;   
}

.intro_box_wide textarea {
    width: 400px;  
    padding-right: 40px;
}

.intro_box_wide #submit {
    float: right;   
}

.intro_box_wide img {
    float: right;	
}

/* @end */

/* @group Content */

.content {
    width: 817px;
    float: right;
}

.content a {
    color: #da3028;
}

.content a:hover {
    color: #95022c;
}

.column_1 {
    float: left;
    width: 508px;
    padding-left: 10px;
}

.column_wide {
    float: left;
    width: 783px;
    padding-left: 10px;
}

/* @group Intro Box */

.intro_box_wrapper {
    width: 548px;
    margin-left: 9px;
    background: url(../images/intro_box_bg.gif) repeat-y;
}

.intro_box {
    width: 533px;
    background: url(../images/home-intro-top.jpg) no-repeat;
    padding-left: 15px;
}

.intro_box img {
    float: right;
}

.intro_box h2 {
    color: #00417e;
    padding: 8px 0 5px;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 2.6em;
    line-height: 1em;
}

.intro_home p {
    font-size: 1.8em;
    font-weight: normal;
    font-style: normal;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    width: 214px;
    line-height: 1.3em;
}

.intro p {
    font-weight: normal;
    font-style: normal;
    padding-top: 8px;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    width: 265px;
    line-height: 1.2em;
}

.intro_box_home_ftr {
    width: 548px;
    height: 20px;
    background-image: url(../images/home-intro-bottom.jpg);
    clear: both;
}

.intro_box_belt_ftr {
    width: 548px;
    height: 20px;
    background-image: url(../images/belt-conveyors-intro-bottom.jpg);
    clear: both;
}



/* @end */

/* @group Intro Box Wide */

.intro_box_wide_wrapper {
    width: 783px;
    margin-left: 9px;
    background: url(../images/intro-wide-bg.jpg) repeat-y;
}

.intro_box_wide {
	float: left;
    width: 767px;
    background: url(../images/intro-wide-top.jpg) no-repeat;
    padding-left: 15px;
}

.intro_box_wide table {
    float: left;	
}

.intro_box_wide h2 {
    color: #00417e;
    padding: 8px 0 5px;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 2.6em;
    line-height: 1em;
}

.intro_box_wide h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.intro_wide p {
    font-weight: normal;
    font-style: normal;
    padding-top: 8px;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    width: 260px;
    line-height: 1.2em;
}

.intro_wide_full {  
	float: left;
	width: 100%;
	padding-bottom: 10px;	
}

.intro_wide_full > span:first-child {
    float: left;
    padding-top: 5px;	
}

.intro_wide_full > span:first-child + span {
    float: right;
    margin-right: 39px;
}

.intro_wide_full p {
    font-weight: normal;
    font-style: normal;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 15px;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    line-height: 1.3em;
    padding-top: 8px;
}

.intro_wide_about p {
    font-weight: normal;
    font-style: normal;
    padding-bottom: 5px;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    width: 420px;
    line-height: 1.3em;
    padding-top: 8px;
}

/* @end */

/* @group White Box */

.white_box_hdr {
    width: 548px;
    height: 13px;
    background-image: url(../images/white-box-top.gif);
    margin-left: 9px;
    margin-top: 15px;
}

.white_box {
    width: 518px;
    margin-left: 9px;
    background-image: url(../images/white-box-bg.gif);
    padding-left: 15px;
    padding-right: 15px;
}

.white_box h3 {
    margin-top: 0;
    color: #d61509;
    font-size: 2em;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    padding-bottom: 0;
}

.white_box p {
    margin-bottom: 0;
    padding-bottom: 8px;
    margin-top: 0;
    font-size: 1.1em;
}

.white_box ul {
    margin-bottom: 0;
    list-style-image: url(../images/bullet.gif);
    margin-top: 8px;
}

.white_box li {
    padding-bottom: 8px;
}

.white_box_ftr {
    width: 548px;
    height: 19px;
    background-image: url(../images/white-box-bottom.gif);
    margin-left: 9px;
}



/* @end */

/* @group White Box Wide */

.white_box_wide_hdr {
    width: 783px;
    height: 13px;
    background-image: url(../images/white-box-wide-top.jpg);
    margin-left: 9px;
    margin-top: 15px;
}

.white_box_wide {
    width: 753px;
    margin-left: 9px;
    background-image: url(../images/white-box-wide-bg.jpg);
    padding-left: 15px;
    padding-right: 15px;
}

.white_box_wide h3 {
    margin-top: 0;
    color: #d61509;
    font-size: 2em;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    padding-bottom: 0;
}

.white_box_wide p {
    margin-bottom: 0;
    padding-bottom: 8px;
    margin-top: 0;
    font-size: 1.1em;
}

.white_box_wide ul {
    margin-bottom: 0;
    list-style-image: url(../images/bullet.gif);
    margin-top: 8px;
}

.white_box_wide li {
    padding-bottom: 8px;
}

.white_box_wide img {
    float: right;	
}

.white_box_wide_ftr {
    width: 783px;
    height: 19px;
    background-image: url(../images/white-box-wide-bottom.jpg);
    margin-left: 9px;
}



/* @end */

/* @group White Box Loaders L */

.white_box_loaders_hdr {
    width: 377px;
    height: 17px;
    background-image: url(../images/loaders-left-hdr.jpg);
    margin-left: 9px;
    margin-top: 15px;
}

.white_box_loaders {
    width: 377px;
    margin-left: 9px;
    background-image: url(../images/loaders-left-bg.jpg);
    min-height: 620px;
}

.white_box_loaders h3 {
    margin-top: 0;
    color: #d61509;
    font-size: 2em;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 15px;
}

.white_box_loaders p {
    margin-bottom: 0;
    padding-bottom: 8px;
    margin-top: 0;
    font-size: 1.1em;
}

.white_box_loaders ul {
    margin-bottom: 10px;
    list-style-image: url(../images/bullet.gif);
    margin-top: 8px;
    padding-right: 25px;
}

.white_box_loaders li {
    padding-bottom: 8px;
}

.white_box_loaders_ftr {
    width: 377px;
    height: 19px;
    background-image: url(../images/loaders-left-ftr.jpg);
    margin-left: 9px;
}



/* @end */

/* @group White Box Loaders R */

.white_box_loadersr_hdr {
    width: 377px;
    height: 17px;
    background-image: url(../images/loaders-right-hdr.jpg);
    margin-left: 9px;
    margin-top: 15px;
}

.white_box_loadersr {
    width: 377px;
    margin-left: 9px;
    background-image: url(../images/loaders-right-bg.jpg);
    min-height: 620px;
}

.white_box_loadersr h3 {
    margin-top: 0;
    color: #d61509;
    font-size: 2em;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 15px;
}

.white_box_loadersr p {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 1.1em;
    padding-left: 15px;
    padding-right: 25px;
    margin-top: 3px;
}

.white_box_loadersr ul {
    margin-bottom: 10px;
    list-style-image: url(../images/bullet.gif);
    margin-top: 8px;
    padding-right: 25px;
}

.white_box_loadersr li {
    padding-bottom: 8px;
}

.white_box_loadersr_ftr {
    width: 377px;
    height: 19px;
    background-image: url(../images/loaders-right-ftr.jpg);
    margin-left: 9px;
}



/* @end */

.action_buttons {
    width: 549px;
    margin-left: 9px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.gallery_thumb {
    background-color: #7d7d7d;
    width: 220px;
    padding-left: 1px;
    padding-top: 1px;
    margin-bottom: 20px;
    margin-right: 11px;
    margin-left: 11px;
}

.gallery_thumb p {
    color: #fff;
    text-align: center;
    padding-top: 5px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.gallery_category {
	padding-right: 38px;
	float: right;

}

.about_images {
    float: right;
    width: 273px;
    margin-right: 20px;
    margin-top: 20px;
    margin-left: 20px;
}

.product_gallery_table {
    float: left;
}


#gallery_pagination {
    width: 100%;
    float: right;   
    text-align: right;
    
}

#gallery_pagination #btn-previous {
    float: left;
    width: 111px;
    height: 20px;
    margin-left: 15px;
}

#gallery_pagination #btn-next {
    float: right;
    width: 111px;
    height: 20px;
    margin-right: 39px;
}

/* @group Photo Column */

.photo_column {
    float: right;
    width: 230px;
    background-image: url(../images/right-panel-bg.gif);
    text-align: center;
}

.right_panel p {
    margin: 0;
    color: #00417e;
    font-weight: bold;
}

.right_panel a img {
    margin-left: 7px;
}

.right_panel_top {
    width: 230px;
    height: 11px;
    background-image: url(../images/right-panel-top.jpg);
}

.right_panel_bottom {
    width: 230px;
    height: 21px;
    background-image: url(../images/right-panel-bottom.jpg);
}



/* @end */


/* @end */

/* @group Footer */

.footer {
	width: 1020px;
	clear: both;
    height: 33px;
    background-image: url(../images/footer-bg.gif);
    margin-bottom: 15px;
}

.footer p {
    margin: 0;
    padding: 0;
}

.seo_links {
    float: left;
    padding-top: 9px;
    padding-left: 12px;
    font-size: 11px;
}

.footer_links {
	float: right;
    color: #fff;
    padding-top: 9px;
    padding-right: 12px;
    font-size: 11px;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: red;
}



/* @end */