@charset "utf-8";

/* Basic Attributes */

body, form, fieldset, h1, h2, h3, p, ul, ol, li { margin: 0; padding: 0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000000; }
img, fieldset { border: none; }
img { display: block; }
ul, ol { list-style-type: none; }

h1 { font-size: 30pt; font-weight: normal; color: #ff0068; margin:0; padding:0; clear: both; font-weight:bold; }
h1.first { margin-top: 0; }

h2 { font-size: 12pt; font-weight: bold; color: #4a3606; clear: both; }
h2.first { margin-top: 0; }

h3 { width: auto; font-size:12pt; line-height: 25px; text-align: center; background: #f2e479; color: #4a3606; margin-bottom: 5px; }

h4 { width: auto; font-size:10pt; text-align: center; color: #4a3606; padding:0; margin:0; }

p { font-size: 11px; font-weight: normal; margin: 10px;  color:#fff; text-align: justify; }

h1 a { text-decoration: none; color: #333 !important; font-size: 18pt; }
h1 a:hover { text-decoration: none !important; }

a.orange { text-decoration: underline; color: #f60 !important; }

a:active, a:link, a:visited { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

ul.list { color: #fff; margin: 0px auto 24px 10px; padding:10px 25px; float:left; width:200px; list-style-type:disc; }
ul.list li { background-image:url('../images/icons/arrow.html'); background-repeat: no-repeat; background-position: 0; padding-left: 15px; line-height:17px; font-style:italic; }
ul.list a { color: #666666; text-decoration: none; font-weight:normal; }
ul.list a:hover { text-decoration: underline; }

ol.list { color: #2a87f9; margin: 0px auto 16px 10px; padding:0px 25px; list-style-type:decimal; }
ol.list li { background-image:url('../images/icons/arrow.html'); background-repeat: no-repeat; background-position: 0; padding-left: 15px; line-height:17px; font-weight:bold; }
ol.list a { color: #2a87f9; text-decoration: none; font-weight:normal; }
ol.list a:hover { text-decoration: underline; }

.ccc-content p{ color:#000 !important; }
/* Website Template Forms */

form {}
form fieldset {}
form fieldset h2 { margin:15px 0; }
form fieldset label { width: 100px; float: left; margin: 5px 15px 0 0; text-align: right; color:#777; }
form fieldset label span { color: #f00; }

form fieldset input.input_button { margin: 15px 0 0 0; }
form fieldset input.input_240 { width: 290px; margin-bottom: 5px; font-family: Arial, Tahoma, Verdana; font-size: 9pt; }
form fieldset select.input_240 { width: 290px; margin-bottom: 5px; font-family: Arial, Tahoma, Verdana; font-size: 9pt; }
form fieldset textarea.input_240 { width: 290px; height: 100px; margin-bottom: 5px; font-family: Arial, Tahoma, Verdana; font-size: 9pt; }

div.error_message { width: auto; background: #cd0001; padding: 5px; margin-bottom: 15px; }
div.error_message p { color: #fff; margin: 0; text-align: left; font-size: 8pt; }
div.error_message p.error_title { font-weight: bold; margin-bottom: 15px; }

/* Website Template Tables Style */

table.table {}
table.table th { background: #cbd2d7; padding: 3px 0; color: #666; }
table.table td { padding: 3px 0; color: #777; }
table.table td.break { border-top: 1px solid #999; }

/* BreadCrumbs Construction */

div#breadcrumb ul { width: auto; height: 40px; }
div#breadcrumb ul li { display: inline; }
div#breadcrumb ul li img { width: auto; float: left; padding:1px 0; }
div#breadcrumb ul li a { background:url('../images/icons/arrow.html') !important; background-repeat: no-repeat !important; background-position: 0 !important; width: auto; float: left; margin: 11px 14px 11px 21px; padding-left:15px; color: #00f; font-size:14px; font-weight:bold; font-style:italic; color:#666666; text-transform:uppercase; text-decoration:none; }
div#breadcrumb ul li a:hover { color: #666666; text-decoration:underline; }
div#breadcrumb ul li a.final { color: #771b4d !important; font-weight:normal; background:none !important; margin:11px 14px 11px 7px !important; text-decoration:none;  }

/* Pagination */

div.pagination { width: auto; margin: 15px 15px 0 15px; padding: 0 !important; }
div.pagination a { float: left; padding: 2px 4px; font-size: 8pt; border: 1px solid #ddd; margin: 5px 0 0 5px; text-decoration: none; background: #fff; color: #666; }
div.pagination a:hover, div.pagination a.pnow { background: #FF9833 !important; color: #fff !important; border-color: #E9761D !important; }
div.pagination p { margin: 0 0 0 5px !important; padding: 0; }
div.pagination p strong { color: #FF9833; }


/* Website Template Construction */

#container_1{ margin:0 auto; height:190px; background:url('../images/website_layout/intro_bg2.jpg') center no-repeat; }

#box-link { 
		position: absolute; 
		top: 4px; 
		left: 580px; 
		width: 200px; 
		height: 170px; 
		background-color: transparent; 
		border: none;
		cursor:pointer; }

#container_top { margin:0 auto; width:680px; height:190px; position:relative; }

#container_top p { padding-top:60px; font-weight:bold; font-size:16px; color:#CCCCCC; height:100px; }

#container_2{ margin: 0 auto 0 auto; padding:0px; background:url('../images/website_layout/tag_bg.jpg') repeat-x; }

#container_mid { margin:0px auto; padding:0px; width:950px; }

#container_3 { margin: 32px auto 0 auto; padding:0px; background: #d7d7d7 url('../images/website_layout/content_bg_2.jpg') repeat-x; padding-bottom:20px; *padding-bottom:20px; }

#container_3_1 { margin: 0px auto; padding:0px; background: #d7d7d7 url('../images/website_layout/content_bg.jpg') repeat-x; padding-bottom:20px; *padding-bottom:20px; }

#container_4 { margin:0px auto; padding:0px; background:url('../images/website_layout/footer_bg.png') repeat-x; position:relative; top:-30px; }

#container_4_2 { margin:0px auto; padding:0px; background:url('../images/website_layout/footer_bg_2.jpg') repeat-x; position:relative; top:-30px; }

#header { height:141px; width:950px; padding:0px; margin:0px auto; background:url('../images/website_layout/web_header.jpg'); background-repeat:no-repeat; }

#menu_bg { height:28px; width:942px; margin:auto; margin-top:18px; background:url('../images/website_layout/menu_bg.jpg'); }

#menu_bg ul { margin:auto auto; width:740px; }

#menu_bg ul li { display:inline;}

#menu_bg ul li a { float:left; width:auto; line-height:28px; color:#eeeeee; text-decoration:none; font-weight:bold; font-size:14px; }

#menu_bg ul li a:hover { color:#FFFFFF; }

#menu_bg ul a.set { width:auto; float:left; padding:0 10px; }

#menu_text a:hover { text-decoration:none; color:#FFFFFF;}

#menu_text a { text-decoration:none; color:#EEEEEE;}

#silho { height:60px; margin:32px 0 0 0; background:url('../images/website_layout/footer_bg_2.jpg'); background-repeat:repeat-x; }

#web_logo { margin:0 auto 0 290px; padding-top:7px; width:375px;  }

#top_links_outer{ float:right; width:105px;}

#top_links { margin:7px 13px 0 0px; color:#FFFFFF; width:105px; }

#top_links ul { display:inline; }

#top_links ul li { display: inline; }

#float_l{ float:left; }

#float_r { float:right; }

/* Intro Displayer GUI */

#intro { height:370px; margin-top:25px; }

#intro_content { margin:0 0 0 30px; margin-top:40px; float:left; width:430px; }

#intro_header { margin-left:15px; }

#intro_content p { margin-left:17px; }

#intro_content #read_more{ margin-top:30px; }

.FrontMenu { margin:0px 25px; height:445px; }

.FrontMenu div.Panel { height: 370px; width: 920px; margin-top: 15px; }

.FrontMenu div.Panel div.item {	float: left; width: 920px; color:#FFFFFF; }

/* END GUI */

#tag { margin:0px auto; padding:10px 0; width:950px; }

#feature_boxes { width:930px; margin:14px auto 0 auto; padding:0; }

#gogglewash { float:left; margin-right:14px; width:222px; }
#gogglewash #feature_bg { float:left; background:url('../images/website_layout/feature_gogglewash_bg.jpg'); width:222px; height:251px; }

#gogglesafe { float:left; margin-right:14px; width:222px; }
#gogglesafe #feature_bg { float:left; background:url('../images/website_layout/feature_gogglesafe_bg.jpg'); width:222px; height:251px; }

#gogglehire { float:left; margin-right:14px; width:222px; }
#gogglehire #feature_bg { float:left; background:url('../images/website_layout/feature_gogglehire_bg.jpg'); width:222px; height:251px; }

#goggleshack { float:left; width:222px; }
#goggleshack #feature_bg { float:left; background:url('../images/website_layout/feature_goggleshack_bg.jpg'); width:222px; height:251px; }

#feature_hdr { float:left; }

#feature_bg p { padding:0px; margin: 5px 11px !important; width:200px; height:180px !important; font-size:18px !important; text-align:center; font-weight:bold; }

#feature_bg #read_more { padding:0px 25px 0 0; margin:0; float:right; }

#content_2 { width:930px; margin:20px auto 0px auto; padding:25px 0 0 0; min-height:50px; /*min-height:520px;*/ }
#content { width:930px; margin:20px auto 0px auto; padding:80px 0 0 0; min-height:520px; }
#content_inner_full { float:left; width:930px; position:relative; margin-bottom:40px; *margin-bottom:0; }
#content_text { color:#000000; font-size:12px; margin-top:22px; padding:0; margin:20px 0 0 0;  }
#content_inner { float:right; width:685px; position:relative; margin-bottom:45px; *margin-bottom:0px; margin-right:5px; }
#content_inner p { color:#000000; font-size:12px; margin-top:22px; }

#page_header { padding-left:9px; float:left; }

#latest_news { float:left; width:222px; position:relative; }

#news_panel { width:222px; height:376px; margin-top:20px; }
#news_panel #top { height:21px; width:222px; float:left; background:url('../images/website_layout/news_top.png') no-repeat; }
#news_panel #mid { min-height:325px; width:222px; float:left; background: #000000 url('../images/website_layout/news_mid.png') no-repeat; }
#news_panel #mid p { font-size:12px; margin:0; padding:10px 0 0 0; }

#news_panel #mid p#first { padding:0 !important; }
#dashed_hr { border-bottom:1px dashed #FFFFFF; height:auto; margin:0px 12px; padding:0; }
#dashed_none { margin:0px 12px; padding:0; }
#news_panel #bot { height:21px; width:222px; float:left; background:url('../images/website_layout/news_bot.png') no-repeat; }

#trailors { float:right; width:690px; position:relative; margin-right:10px; }

/* Links */

.top:link, .top:active, .top:visited{ color: #fff; text-decoration: none; font-weight:normal; }

.top:hover{ text-decoration: underline; }

.copyright:link, .copyright:active, .copyright:visited{ text-decoration:none; color:#ffffff; font-weight:normal; }

.copyright:hover{ text-decoration:underline; color:#ffffff; }

.footer:link, .footer:active, .footer:visited{ text-decoration:none; color:#ffffff; }

.footer:hover{ text-decoration:underline; color:#ffffff; }


.blue:link, .blue:active, .blue:visited{ text-decoration:none; color:#2a87f9; font-weight:bold; }

.blue:hover{ text-decoration:underline; color:#2a87f9; }

.orange:link, .orange:active, .orange:visited{ text-decoration:none; color:#ff6600; font-weight:bold; }

.orange:hover{ text-decoration:underline; color:#ff6600; }

.green:link, .green:active, .green:visited{ text-decoration:none; color:#00a608; font-weight:bold; }

.green:hover{ text-decoration:underline; color:#00a608; }

.pink:link, .pink:active, .pink:visited{ text-decoration:none; color:#ff0068; font-weight:bold; }

.pink:hover{ text-decoration:underline; color:#ff0068; }


/* Footer */

#footer { margin:0px auto; width:950px; position:relative; padding-top:40px; height:20px; }
#footer_2 { margin:0px auto; width:950px; position:relative; padding-top:50px; height:20px; }

.footer_copyright {	float:left; padding:10px 122px 10px 0px; color:#ffffff; }
.footer_social {	float:left; padding:10px 0 0px 0px; color:#ffffff; }
.footer_social_text {	float:left; position:relative;}
.footer_logo {	float:left; position:relative; margin: 10px 0 0 0;}
.footer_menu { float:right;	color:#ffffff; padding:10px 0px 0px 0px; }


/* Gallery Displayer GUI */

div.wrap {
width : 685px;
margin : 0 auto;
text-align : left;
background:url('../images/website_layout/gallery_bg.png');
}
div#top div#navi {
float : left;
clear : both;
width : 685px;
height : 52px;
margin : 22px 0 0;

}
div#top div#navi ul {
float : left;
width : 685px;
height : 52px;
list-style-type : none;
}
div#navi ul li {
float : left;
height : 52px;
}
div#navi ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#gallery {
margin : 27px 0 0;
background:url('../images/website_layout/gallery_bg.png');

}
div#gallery div.wrap {
height : 370px;
}
div#gallery div#slide-holder {
z-index : 40;
width : 685px;
height : 370px;
position : absolute;

}
div#gallery div#slide-holder div#slide-runner {
top : 10px;
width : 685px;
height : 415px;
overflow : hidden;
position : absolute;
}
div#gallery div#slide-holder img {
margin : 10px 0 0 0;
display : none;
position : absolute;
}
div#gallery div#slide-holder div#slide-controls {
left:35px;
*left:10px;
bottom : 405px;
width : 20px;
height : 20px;
display : none;
position:absolute;
}
div#gallery div#slide-holder div#slide-controls p.text {
float : right;
color : #ffffff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#gallery div#slide-holder div#slide-controls p#slide-navi {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#gallery div#slide-holder div#slide-controls p#slide-navi a {
float : right;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 5px 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color : #ffffff;
}
div#gallery div#slide-holder div#slide-controls p#slide-navi a.on {
background-position : 0 -24px;
}
div#gallery div#slide-holder div#slide-controls p#slide-navi a {
background-image : url('../images/icons/silde-nav.png');
}

div#gallery div#slide-holder div#slide-controls p#slide-navi a:hover {
background-position : 0 -24px;
background-image : url('../images/icons/silde-nav.png');
}
div#navi ul li a {
background : url(images/nav.html) no-repeat;
}


div.Paginate { width: auto; border-top: 1px solid #666; margin-top: 20px; padding-top: 10px; }
div.Paginate a { float: left; padding: 2px 4px; font-size: 8pt; border: 1px solid #999; margin-left: 5px; text-decoration: none; background: #fff; color: #666; }
div.Paginate a:hover { background: #eee !important; color: #666 !important; border: 1px solid #666 !important; }
div.Paginate a.pnow { background: #fff !important; color: #2a87f9 !important; border: 1px solid #2a87f9 !important; cursor: default !important; }

form fieldset.w_general * { font-family: Arial, Tahoma, Verdana; font-size: 9pt; }
form fieldset.w_general { margin-top: 15px;  padding: 5px; }
form fieldset.w_general label { float: left; width: 125px; margin: 8px 5px 0 0; }
form fieldset.w_general textarea { width: 410px; height: 150px; margin: 3px 0 0 0; }
form fieldset.w_general select,
form fieldset.w_general input[type='text'],
form fieldset.w_general input[type='password'] { margin-top: 3px; width: 240px; }
form fieldset.w_general input[type='image'],
form fieldset.w_general input[type='file'], { margin-top: 6px; }



#slider {
    position:relative;
    width:685px; /* Change this to your images width */
    height:350px; /* Change this to your images height */
	margin:28px 0 0 0;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}



.button
{
	width:140px;
	height:30px;
	background:url(../images/buttons/button.png) no-repeat;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	text-align:center;
	padding-bottom:2px;
	font-weight:bold;
}

input, textarea
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt;
}

.mandatory
{
	color:#FF0000;
}

.input_240
{
	width:240px;
}

.select_240
{
	width:246px;
}

.tfvHighlight
{
	color:#FF0000;
}

.tfvNormal
{
	color:#000000;
}

.successResponse
{
	padding:10px 10px 10px 35px;
	border:1px solid #009933;
	background:#B3DAAF url(../images/icons/tick.png) no-repeat 5px 50%;
	color:#000000;
}

.errorResponse
{
	padding:10px 10px 10px 35px;
	border:1px solid #FF0000;
	background:#FDBDBD url(../images/icons/error.png) no-repeat 5px 50%;
	color:#000000;
}

ul.disc
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.disc li
{
	margin:0px 0px 5px 0px;
	background:url(../images/website_layout/disc.png) no-repeat 0px 4px;
	padding-left:12px;
}

ul#siteMap
{
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style-type:disc;	
}

ul#siteMap li
{
	margin-bottom:5px;
}

ul#siteMap li a
{
	color: #2a87f9;
	text-decoration:none;
}

ul#siteMap li a:hover
{
	text-decoration:underline;
}
#dolby{
	width: 123px;
height: 95px;
float: right;
margin: 35px -90px 0 0;
position:relative;
}