/******************************
            global
******************************/
*
{
	margin:0;
	padding:0;
	border:0;
}

body
{
	font-family:Arial, Helvetica, Geneva, Sans-serif;
	font-size:12px;
	color:#555;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#fff;
}

.indent
{
	margin-left:18px;
}

.clear
{
	clear:both;
	line-height:0;
	font-size:0;
}

.outerWrapper
{
	position:relative;
	width:100%;
}

.innerWrapper
{
	position:relative;
	width:980px;
	margin:0px auto;
	text-align:left;
}

.button
{
	-moz-border-radius:5px;
	-webkit-border:5px;
	border-radius:5px;
	/*border:solid 1px #fcb040;*/
	border:solid 1px #0088cf;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding:4px 6px 4px 6px;
	/*background-color:#fcb040;*/
	background-color:#0088cf;
	text-decoration:none;
}

.button:hover
{
	position:relative;
	top:1px;
	left:1px;
	cursor:pointer;
	text-decoration:none;
}

.buttonSm
{
	-moz-border-radius:3px;
	-webkit-border:3px;
	border-radius:3px;
	border:solid 1px #df932e;
	color:#fff;
	font-size:9px;
	font-weight:normal;
	text-align:center;
	padding:2px 3px 2px 3px;
	background-color:#df932e;
	text-decoration:none;
}

.buttonSm:hover
{
	position:relative;
	top:1px;
	left:1px;
	cursor:pointer;
	text-decoration:none;
}

.hide
{
	display:none;
}

.truncate
{
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/******************************
            header
******************************/
#header
{
	padding-top:40px;
	height:110px;
}

#header h1
{
	position:absolute;
	top:76px;
	left:-1px;
	color:#444444;
	font-size:18px;
	font-weight:normal;
}

.headerTaglinePart2
{
	color:#f7941d;
}

#headerLogo
{
	position:absolute;
	top:-20px;
	left:0px;
}

#headerLogoTagline
{
	position:absolute;
	top:45px;
	left:0px;
	font-size:13px;
	color:#444444;
}

#headerPhone
{
	position:absolute;
	top:4px;
	right:-1px;
	color:#f7941d;
	font-size:21px;
	font-weight:normal;
}

#headerMenu
{
	position:absolute;
	top:-20px;
	right:0px;
}

#headerMenu li
{
	list-style:none;
	display:inline;
	margin-left:20px;
}

#headerMenu li a
{
	color:#0072bb;
	font-size:16px;
	text-decoration:none;
}

#headerMenu li a:hover
{
	color:#0072bb;
	border-bottom:#0072bb dotted 1px;
}

#headerQuoteButton
{
	position:absolute;
	top:35px;
	right:0px;
	cursor:pointer;
}

#headerQuoteButton:hover
{
	position:absolute;
	top:36px;
	right:-1px;
	cursor:pointer;
}

#headerQuoteForm
{
	position:absolute;
	top:130px;
	right:0px;
	z-index:10000;
	background-color:#f7941d;
	padding:20px;
	-moz-border-radius:15px;
	-webkit-border:15px;
	border-radius:15px;
	-moz-box-shadow: 0px 0px 10px #888888;
	-webkit-box-shadow: 0px 0px 10px #888888;
	box-shadow: 0px 0px 10px #888888;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')";/*ie 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999');/*ie 5.5-7 */
}

#headerQuoteFormTriangle
{
	position:absolute;
	top:-37px;
	right:45px;
	z-index:10001;
	width:0; 
	height:0; 
	border-left:25px solid transparent;
	border-right:25px solid transparent;
	border-bottom:40px solid #f7941d;
}

.quoteFormLabel
{
	color:#ffffff;
	width:80px;
	padding:4px 0 4px 0;
}

.quoteFormField
{
	padding:4px;
	color:#444444;
	width:200px;
}



/******************************
           marquee
******************************/
#marquee
{
	height:400px;
	background-color:#bed6ee;
	/*z-index:10000;*/
}

#marqueeSlide
{
	position:relative;
	margin:0px auto;
}

#marqueeSlideEven, #marqueeSlideOdd
{
	position:absolute;
	background-repeat:no-repeat;
	background-position:50% 0%;
	width:100%;
	height:400px;
}

#marqueeArrowLeft, #marqueeArrowRight
{
	position:relative;
	top:182px;
	width:16px;
	height:38px;
	cursor:pointer;
}

#marqueeArrowLeft
{
	position:relative;
	left:20px;
	float:left;
}

#marqueeArrowRight
{
	position:relative;
	right:20px;
	float:right;
}

#newsletterSignup
{
	display:none;
	position:absolute;
	right:0px;
	/*z-index:20000;*/
}




/******************************
         marqueeSmall
******************************/
#marqueeSmall
{
	background-color:#bed6ee;
	background-image:url('./assets/marquee_small.jpg');
	background-repeat:no-repeat;
	background-position:50% 0%;
	width:100%;
	height:30px;
}




/******************************
            main
******************************/
#main
{
	clear:both;
	position:relative;
	margin:0px auto;
	text-align:left;
	min-height:360px;
}

#mainOther
{
	padding:20px 0 20px 0;
}

#mainOther p
{
	color:#666666;
	font-size:14px;
	line-height:22px;
}

.mainHeadline
{
	color:#bbb;
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
}




/******************************
           overview
******************************/
#overview
{
	border-top:#33a0d6 solid 20px;
	padding:20px 0 35px 0;
	background-color:#0088cc;
}

.overviewCol
{
	position:relative;
	width:270px;
	float:left;
}

.overviewCol img
{
	position:relative;
	top:0px;
	left:90px;
}

.overviewCol h3
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:21px;
	font-weight:normal;
	line-height:40px;
	letter-spacing:5px;
}

.overviewCol p
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	font-size:14px;
	text-align:justify;
	line-height:24px;
	color:#e1eef5;
}

.overviewColDiv
{
	width:83px;
	height:100px;
	float:left;
}



/******************************
           design
******************************/
#design
{
	padding:25px 0 35px 0;
	background-color:#41bdd9;
}

#design h2
{
	color:#ffffff;
	font-size:28px;
	font-weight:normal;
	letter-spacing:5px;
	margin-bottom:20px;
}

#cableGallery
{
	width:660px;
	list-style:none;
	float:left;
}

#cableGallery li
{
	margin:0 15px 25px 0;
	float:left;
}

#cableGallery img
{
	border:8px solid #ffffff;
	-moz-box-shadow: 0px 0px 10px #888888;
	-webkit-box-shadow: 0px 0px 10px #888888;
	box-shadow: 0px 0px 10px #888888;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')";/*ie 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999');/*ie 5.5-7 */
}

#cableInfo
{
	width:300px;
	float:right;
	color:#ffffff;
	font-size:13px;
	line-height:18px;
}

#cableInfo p
{
	margin-bottom:10px;
}

#cableInfo ul
{

}



/******************************
    manufacturing & support
******************************/
#manuSupp
{
	position:relative;
	padding:25px 0 35px 0;
	height:720px;
	background-color:#eeeeee;
}

#manuSupp h2
{
	color:#df932e;
	font-size:28px;
	font-weight:normal;
	letter-spacing:5px;
}

#manuSupp h4
{
	color:#666666;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
}

#manuSuppSupport
{
	position:absolute;
	top:160px;
	left:0px;
	width:370px;
}

#manuSuppSupport ul
{
	color:#df932e;
	font-size:14px;
	line-height:21px;
	position:relative;
	left:17px;
}

.manuSuppLink
{
	color:#df932e;
	text-decoration:none;
	border-bottom:1px dotted #df932e;
}

#manuSuppManufacturing
{
	position:absolute;
	top:250px;
	left:580px;
	width:370px;
}

#manuSuppSupport h3, #manuSuppManufacturing h3
{
	position:relative;
	top:-10px;
	color:#df932e;
	font-size:20px;
	font-weight:normal;
}

#manuSuppSupport p, #manuSuppManufacturing p
{
	position:relative;
	top:-10px;
	color:#666666;
	font-size:14px;
	line-height:20px;
}



/******************************
          resources
******************************/
#resources
{
	position:relative;
	padding:25px 0 25px 0;
	background-color:#ffffff;
}

#resources h2
{
	color:#df932e;
	font-size:28px;
	font-weight:normal;
	letter-spacing:5px;
}

.resourcesItem
{
	position:relative;
	padding:10px 0 10px 0;
}

.resourcesIcon
{
	width:40px;
	height:40px;
	cursor:pointer;
}

.resourcesItem h2
{
	position:absolute;
	top:10px;
	left:60px;
	color:#aaaaaa;
	font-size:22px;
	font-weight:normal;
}

#resourcesPrevNextLinks
{
	position:absolute;
	top:15px;
	right:0px;
	height:12px;
	color:#aaaaaa;
	font-size:12px
}

.resourcesPrevNextLink
{
	color:#aaaaaa;
	font-size:12px;
	text-decoration:none;
}

.resourcesPrevNextLink:hover
{
	color:#aaaaaa;
	text-decoration:none;
	border-bottom:1px dotted #aaaaaa;
}

.resourcesItem h3
{
	position:absolute;
	top:10px;
	left:60px;
	color:#aaaaaa;
	font-size:18px;
	font-weight:normal;
}

.resourcesItem h4
{
	position:absolute;
	top:38px;
	left:60px;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}

.resourcesItemContent
{
	color:#666666;
	font-size:14px;
	line-height:22px;
	padding:7px 0 0 60px;
}

.resourcesItemContent p, .resourcesItemContent ul li
{
	color:#666666;
	font-size:14px;
	line-height:22px;
}

.resourcesItem p
{
	color:#666666;
	font-size:14px;
	line-height:22px;
}

.resourcesItem li
{
	color:#666666;
	font-size:14px;
	line-height:22px;
	margin-left:68px;
}

.resourcesListItem
{
	position:relative;
	padding:10px 0 10px 0;
}

.resourcesListIcon
{
	width:40px;
	height:40px;
	cursor:pointer;
}

.resourcesListItem h2
{
	position:absolute;
	top:10px;
	left:60px;
	color:#aaaaaa;
	font-size:22px;
	font-weight:normal;
}

.resourcesListItem h3
{
	position:absolute;
	top:10px;
	left:60px;
	color:#aaaaaa;
	font-size:18px;
	font-weight:normal;
}

.resourcesListItem h4
{
	position:absolute;
	top:38px;
	left:60px;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}

.resourcesListItemContent
{
	color:#777777;
	font-size:16px;
	line-height:24px;
	padding:7px 0 0 60px;
}

.resourcesListLink:hover h3
{
	border-bottom:dotted 1px #aaaaaa;
}

.resourcesListShowToggle
{
	width:85px;
	cursor:pointer;
}

#resourcesListShowAllLink, #resourcesListShowLast3Link
{
	position:relative;
	top:-23px;
	left:260px;
}

#resourcesListShowAllList, #resourcesListShowLast3Link
{
	display:none;
}

/*
.resourcesListItem
{
	position:relative;
	width:220px;
	height:160px;
	padding:10px 20px 10px 0;
	float:left;
}

.resourcesListIcon
{
	float:left;
	position:relative;
	width:40px;
	height:40px;
	cursor:pointer;
}

.resourcesListItem h4
{
	float:right;
	position:relative;
	top:12px;
	width:170px;
	color:#aaaaaa;
	font-size:14px;
	font-weight:normal;
}

.resourcesListItem h3
{
	clear:both;
	position:relative;
	top:5px;
	max-height:50px;
	width:100%;
	color:#333333;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}

.resourcesListItem a
{
	text-decoration:none;
}

.resourcesListItemContent
{
	clear:both;
	position:relative;
	top:10px;
	height:80px;
	width:100%;
	color:#777777;
	font-size:12px;
}

.resourcesListLink:hover h3
{
	border-bottom:dotted 1px #aaaaaa;
}
*/



/******************************
            footer
******************************/
#footer
{
	padding:25px 0 35px 0;
	border-top:#1177aa solid 20px;
	background-color:#006699;
}

#footer h2
{
	color:#ffffff;
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
}

#footerColumn1, #footerColumn2, #footerColumn3
{
	color:#cccccc;
	font-size:14px;
	vertical-align:top;
}

#footerColumn1
{
	width:150px;
	line-height:24px;
}

#footerColumn2
{
	width:375px;
	line-height:24px;
}

#footerColumn3
{
	width:375px;
	line-height:16px;
}

.footerColumnDividerLeft
{
	width:19px;
	border-right:#aaaaaa dotted 2px;
}

.footerColumnDividerRight
{
	width:19px;
}

#footerSiteMap li
{
	list-style:none;
	line-height:36px;
}

#footerSiteMap li a
{
	color:#cccccc;
	font-size:18px;
	text-decoration:none;
}

#footerSiteMap li a:hover
{
	color:#cccccc;
	border-bottom:#cccccc dotted 1px;
}

.footerLink
{
	color:#cccccc;
	text-decoration:none;
	border-bottom:1px dotted #cccccc;
}

#footerContactButton
{
	position:absolute;
	top:35px;
	right:0px;
	cursor:pointer;
}

#footerContactButton:hover
{
	position:absolute;
	top:36px;
	right:-1px;
	cursor:pointer;
}

#footerContactForm
{
}

.contactFormLabel
{
	color:#cccccc;
	width:80px;
	padding:4px 0 4px 0;
}

.contactFormField
{
	padding:4px;
	color:#444444;
	width:260px;
	background-color:#eeeeee;
}

.footerCharitiesC1, .footerCharitiesC2
{
	vertical-align:top;
	font-size:11px;
	line-height:14px;
}

.footerCharitiesC1
{
	width:80px;
}

.footerCharitiesC2
{
	width:280px;
}

.footerCharitiesC2 a
{
	text-decoration:none;
	color:#cccccc;
	border-bottom:1px #cccccc dotted;
}





/******************************
           copyright
******************************/
#copyright
{
	min-height:40px;
	background-color:#333333;
	color:#eeeeee;
	font-size:14px;
	padding-top:10px;
}

#copyrightAttribution
{
	float:left;
}

#copyrightAttribution a
{
	color:#eeeeee;
	text-decoration:none;
}

#copyrightAttribution a:hover
{
	color:#eeeeee;
	border-bottom:dotted 1px #eeeeee;
}

#copyrightSiteBy
{
	float:right;
	color:#666666;
}

#copyrightSiteBy a
{
	color:#666666;
	text-decoration:none;
}

#copyrightSiteBy a:hover
{
	color:#666666;
	border-bottom:dotted 1px #666666;
}

#copyrightPolicies
{
	display:none;
	padding:30px 0 30px 0;
	line-height:24px;
}

#copyrightPolicies h4
{
	color:#eeeeee;
	font-size:14px;
	font-weight:normal;
}

#copyrightPolicies p
{
	color:#cccccc;
	font-size:12px;
}



/******************************
            login
******************************/
#loginForm
{
	position:relative;
	top:50px;
	left:350px;
	width:200px;
	height:90px;
	border-top:#1177aa solid 16px;
	background-color:#e4e4e4;
	padding:20px;
	-moz-box-shadow: 4px 4px 4px #999999;
	-webkit-box-shadow: 4px 4px 4px #999999;
	box-shadow: 4px 4px 4px #999999;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";*//*ie 8 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');*//*ie 5.5-7 */
}

#loginForm input
{
	margin:5px;
}

.loginField
{
	margin:5px;
	padding:3px;
	width:120px;
}

#loginLogout
{
	position:relative;
	top:-27px;
	left:75px;
	font-size:10px;
	color:#aaa;
	text-decoration:none;
}

#loginLogout:hover
{
	color:#aaa;
	text-decoration:none;
	border-bottom:1px #aaa dotted;
}



/******************************
            admin
******************************/
/*****content*****/
.adminContentTable
{
	/*border:2px solid #ddd;*/
	margin:10px 0px 10px 0px;
}

.adminContentTable textarea
{
	width:720px;
}

.adminContentTableField
{
	width:720px;
	height:22px;
}

.adminContentTableFieldSm
{
	width:40px;
	height:22px;
}

.adminContentTable select
{
	width:100px;
}

.adminContentTDLeft
{
	vertical-align:middle;
	width:200px;
	padding:10px;
}

.adminContentTDRight
{
	width:720px;
	padding:10px;
}

.adminContentAdd
{
	background-color:#ccc;
}

.adminContentUpdate
{
	background-color:#eee;
}

/*****module*****/
.adminModuleTable
{
	/*border:2px solid #ddd;*/
	margin:10px 0px 10px 0px;
}

.adminModuleTable textarea
{
	width:780px;
}

.adminModuleTableField
{
	width:780px;
	height:22px;
}

.adminModuleTDLeft
{
	vertical-align:middle;
	width:140px;
	padding:10px;
}

.adminModuleTDRight
{
	width:780px;
	padding:10px;
}

.adminModuleUpdate
{
	background-color:#eee;
}

/*****assets*****/
.adminAssets
{
	margin:10px 0px 10px 0px;
	padding:20px;
	background-color:#eee;
}

.adminAssetsListTitle
{
	margin-top:20px;
}

.adminAssetsFilename
{
	position:relative;
	float:left;
	width:450px;
	color:#888;
}

/*****user*****/
.adminUserTable
{
	margin-top:2px;
	width:960px;
}

.adminUserTableField
{
	width:160px;
	height:22px;
	margin-right:15px;
}

.adminUserTable select
{
	width:120px;
	margin-right:15px;
}

.adminUserAdd
{
	background-color:#ccc;
	padding:10px;
}

.adminUserUpdate
{
	background-color:#eee;
	padding:10px;
}