/*--------------------------------------------------------------

	* Description	global CSS
	* Version		1.0 dec 2009
	* Website		cetoncorp.com
	* Author		wirescape studios
			
	colors: 
	
	Greys
	rgb(255,255,255)
	rgb(236,237,239) - subpage bkd
	rgb(202,208,233)
	rgb(158,162,174) - main text
	rgb(113,113,113)
	rgb(98,104,119) - text
	rgb(91,91,91)
	rgb(75,77,87) - body grey
	rgb(64,67,74)
	
	
	Accents
	rgb(110,42,42) - red
	rgb(179,203,230) - blue text
	rgb(106,149,198) - blue links
	rgb(50,105,170) - dark blue
	rgb(49,54,62) - home background blue

--------------------------------------------------------------*/

/*  ---|  RESET  |-------------------------------------------------------------------  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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; background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }

/*  ---|  END RESET  |-------------------------------------------------------------------  */
.clear { clear:both; }
body { padding:0; margin:0; height:100%; width:100%; font:normal 14px/1.6 'Lucida Sans Unicode', 'Lucida Grande', 'Verdana', sans-serif; background: rgb(236,237,239) url(http://www.cetoncorp.com/i/subpage_bg.gif) repeat-x 0 171px; text-align:center;  }
.wrapper { width:990px; position:relative; margin:0 auto;}
#content { text-align:left; margin:15px 0px 60px 0px; padding: 30px 50px 30px 50px; position:relative; color:rgb(91,91,91); background: url(http://www.cetoncorp.com/i/subpage_content_bg.gif) no-repeat; overflow: auto;}
#left {float: left; width: 68%;}


/*  ---|  HEADER  |-------------------------------------------------------------------  */
#header { text-align:left;  height:54px; background: rgb(64,67,74) url(http://www.cetoncorp.com/i/header_bg.gif) top repeat-x; color:rgb(255,255,255); }
#logo { position:absolute; left:35px; top:9px; border:0; }
#searchbox { float: right; padding-top: 18px; padding-right: 25px;} 
#query { background: url(http://www.cetoncorp.com/i/searchform-bg.png) no-repeat; border: none; height: 19px; width: 105px; padding-left: 10px; padding-right: 10px; color: rgb(158,162,174); font-size: 12px; vertical-align: middle;}
#searchbutton { vertical-align: middle; padding-left: 3px;}
.gs-result { margin-bottom: 25px;}
.gs-watermark, .gs-visibleUrl { display: none; }
.gsc-title { font-size: 24px; margin: 18px 0; }
.gsc-title b { color: rgb(106,149,198) }
/*  ---|  END HEADER  |-------------------------------------------------------------------  */

/*  ---|  TOP NAVIGATION  |-------------------------------------------------------------------  */
#nav { position:absolute; width:482px; height:53px; left:206px; }
#nav li { display:inline; }

#nav li a:link,#nav li a:visited { position:absolute; top:0; height:53px; text-indent:-9999px; overflow:hidden; background:url(http://www.cetoncorp.com/i/navbar.gif) no-repeat;}
#nav .products a:link,#nav .products a:visited { left:0; width:131px; background-position: 0 0; }
#nav .products a:hover,#nav .products a:focus, #nav .products a.selected { background-position: 0 -54px; }
#nav .products a:active { background-position: 0 -108px; }

#nav .buy a:link,#nav .buy a:visited { left:131px; width:120px; background-position: -131px 0; }
#nav .buy a:hover,#nav .buy a:focus, #nav .buy a.selected { background-position: -131px -54px; }
#nav .buy a:active { background-position: -131px -108px; }

#nav .company a:link,#nav .company a:visited { left:251px; width:110px; background-position: -251px 0; }
#nav .company a:hover,#nav .company a:focus, #nav .company a.selected { background-position: -251px -54px; }
#nav .company a:active { background-position: -251px -108px; }

#nav .support a:link,#nav .support a:visited { left:361px; width:121px; background-position: -361px 0; }
#nav .support a:hover,#nav .support a:focus, #nav .support a.selected { background-position: -361px -54px; }
#nav .support a:active { background-position: -361px -108px; }
/*  ---|  END TOP NAVIGATION  |-------------------------------------------------------------------  */

/*  ---|  FOOTER  |-------------------------------------------------------------------  */
#footer { width:100%; background:url(http://www.cetoncorp.com/i/footer_bg.gif) bottom repeat-x; color:rgb(106,149,198); clear:both; height:225px; text-align:left; line-height:2.3; font-size:12px; color:rgb(106,149,198); }
#footer a { color:rgb(106,149,198); text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer ul li { padding-right:35px; }
#footer ul { float: left; padding-left: 35px; padding-top: 35px; line-height: 1.9;}
#footer h3 { color:rgb(255,255,255); font-weight:normal; }
#footer ul.right li { display: inline; padding-right:5px; margin-right: 5px;}
/*  ---|  END FOOTER  |-------------------------------------------------------------------  */

/***  generic styles  ***/
h1 { color:rgb(179,203,230); font-size:18px; padding-bottom:10px; font-weight:normal;}
h2 { color:rgb(255,255,255); font-size:18px; padding-bottom:13px; font-weight:normal;}
h3 { color:rgb(255,255,255); font-size:14px; padding-bottom:5px;  font-weight:normal;}
h4 { color:rgb(0,0,0);       font-size:14px; padding-bottom:15px; font-weight:bold; }
h5 { color:rgb(158,162,174); font-size:16px; padding-bottom:15px; font-weight:bold; }
h6 { color:rgb(50,105,170); font-size: 14px; padding-bottom: 5px; padding-top: 15px; font-weight: normal;}
p { padding-bottom:25px; }

a {color: rgb(98,104,119); text-decoration: none;}
a:hover {color:rgb(50,105,170); }
a.blue_arrow {color: rgb(106,149,198); text-decoration: none; background: url(http://www.cetoncorp.com/i/link_arrow.gif) no-repeat 80px -12px; padding-right: 30px;}
a:hover.blue_arrow {color: rgb(255,255,255); background-position: 80px 6px}
#left a { color:rgb(50,105,170); }
#left a:hover { text-decoration: underline; }

.float_left {float: left;}
.float_right {float: right;}

.nopad {padding: 0px;}
h2.nopad {padding-top: 30px;}
.toplink { font-size: 12px;}

a.button_blue {display: block; height: 32px; width: 118px; font-size: 14px; line-height: 30px; color:rgb(255,255,255); background: url(http://www.cetoncorp.com/i/button_blue.png) no-repeat; margin-top: 10px; text-decoration: none; text-align: center;}
a:hover.button_blue {background-position: 0 -32px; color: rgb(98,104,119);}
a:active.button_blue {background-position: 0 -64px; color:rgb(255,255,255);}
#left a.button_blue {color:rgb(255,255,255);}
#left a:hover.button_blue {color: rgb(98,104,119); text-decoration: none;}
#left a:active.button_blue {color:rgb(255,255,255); text-decoration: none;}

#button_buynow {position: absolute; right: 70px; top: 26px;}

.spacer {height: 30px; padding:0; margin:0;}
ul.bull_list { list-style: disc; list-style-type: disc; padding-left: 10px; margin-left: 10px;}
ul.bull_list li { list-style: disc; list-style-type: disc;}

label.error { color: red; display: none;}
/***  end generic styles  ***/

/***  index page  ***/
body#index { background: rgb(75,77,87) url(http://www.cetoncorp.com/i/home_body_bg.gif); }
#index #content { margin: 0; padding: 30px 0px 30px 0px; background: url(http://www.cetoncorp.com/i/home_lighting_bg.jpg) 50% 200px no-repeat;  color: rgb(255,255,255);}
.index_promo1 { padding: 15px 30px 50px 30px; font-size: 16px; line-height: 1.8; color: rgb(179,203,230); clear: both;}
.index_promo2 { font-size: 16px; line-height: 1.4;  padding-left: 30px; padding-top: 20px; clear: both;}
.index_promo2 > div {float: left; width: 410px;}
.index_promo2 .promoImage { float: left; padding-right: 40px; }
#index .bottom_block_l, #index .bottom_block_c, #index .bottom_block_r { float:left; margin-top: 60px; width:260px; height: 270px; padding: 25px 30px 25px 30px; background: url(http://www.cetoncorp.com/i/home_block_bg.png) no-repeat;}
#index .bottom_block_l {}
#index .bottom_block_c { left: 330px;}
#index .bottom_block_r { left: 660px;}
.ces_promo { clear: both; padding: 20px 55px 20px 55px;}
.ces_promo a { color: rgb(106,149,198); text-decoration: underline;}
.ces_promo a:hover { color:rgb(255,255,255); }
.ces_promo img {float: left; margin: 0 30px 60px 0; border: 1px solid rgb(75,77,87);}
.ces_promo img.alignnone, .ces_promo img.alignleft, .ces_promo img.alignright { display: none;}
.ces_promo p { padding:0; margin: 0;}
.ces_promo h2 { color: rgb(179, 203, 230); }
/***  end index page  ***/

/***  headers  ***/
#index #subheader .wrapper { background: url(http://www.cetoncorp.com/i/home_subheader.jpg) no-repeat -17px 0; height: 130px; width: 1342px;}
#index #subheader { background: url(http://www.cetoncorp.com/i/home_subheader_bg.jpg) repeat-x;}
#subheader .wrapper { background: url(http://www.cetoncorp.com/i/subpage_subheader.jpg) no-repeat -17px 0; height: 117px; width: 1342px;}
#subheader { background: url(http://www.cetoncorp.com/i/subpage_subheader_bg.jpg) repeat-x;}
/***  end headers  ***/

/***  sidebar  ***/
#sidebar { padding-left: 15px; float: right; border-left: 1px solid rgb(202,208,223); overflow: hidden; font-size: 12px;}
#sidebar ul {padding-left: 10px; margin-bottom: 40px;}
#sidebar li a { display:block; height:30px; width:185px; padding: 8px 0 0 10px; border-bottom: 1px dashed rgb(202,208,223); text-decoration: none; color: rgb(98,104,119);} 
#sidebar li a:hover { background: rgb(243,243,245);  } 
#sidebar li a.selected { background: rgb(243,243,245); color: rgb(50,105,170)} 
#sidebar h2 { color: rgb(64,67,74); font-size: 14px; padding-left: 20px;}
#sidebar h4 { padding: 0 0 15px 15px; }
#sidebar h5 { line-height: 1.2; padding: 0 0 10px 15px; }
#sidebar div {background: url(http://www.cetoncorp.com/i/sidebar_block_bg.png) no-repeat; min-height: 130px; width: 173px; padding: 15px 25px 0 20px; margin: 0 0 20px 0; }
#sidebar .icon {float: left; margin-right: 10px;}
#sidebar input {width: 165px; height: 16px; font-size: 14px; color: rgb(158,162,174); padding: 4px; margin-bottom: 5px;}
#sidebar .socialMedia { height: 210px;}  

.square_arrow { margin-left: 10px; vertical-align: middle;}

/***  end sidebar  ***/


/***  contact us  ***/
input.text_input {width: 300px; height: 16px; font-size: 14px; color: rgb(158,162,174); padding: 4px; margin-right: 10px; border: 1px solid rgb(202,208,233);}
textarea.text_input { width: 500px; height: 200px; font-size: 14px; color: rgb(158,162,174); padding: 4px; border: 1px solid rgb(202,208,233); }
.text_selected {border-color: rgb(106,149,198);}
.leftLogo { float: left; padding: 10px 30px 10px 0px;}
form#form_contact fieldset {margin: 0; padding: 0; border: 0; display: inline;}
#address { position: absolute; top: 160px; left: 410px; }
#address p { font-size: 12px; padding-top: 12px;} 
.emailSuccess { width: 300px; color: green; margin-top: 30px; }
/***  end contact us  ***/




/***  press  ***/
.img_small {height: 132px; width: 115px; background: url(http://www.cetoncorp.com/i/small_img_bg.png); text-align: center; float: left;}
.img_small img {margin: auto 0; padding-top: 18px;}
.post_summary {float: left; font-size: 14px; border-bottom: 1px dashed rgb(202,208,223); padding-bottom: 30px; margin: 0 0 50px 25px; width: 460px;}
.post_summary h4 {padding-bottom: 3px;}
ul.meta {text-transform: uppercase; font-size: 12px; margin-bottom: 20px; color: rgb(158,162,174);}
ul.meta li {display: inline; padding-right: 10px; margin-right: 5px; border-right: 1px solid rgb(158,162,174); }
ul.meta li:last-child {border-right: none;}
.container {overflow: auto;}
.post {padding-bottom: 20px;}
.post img { display: none;}
.post h2 { color: rgb(50,105,170); }
.post ul { list-style: disc; list-style-type: disc; padding-left: 10px; margin-left: 10px;}
.post ul li { list-style: disc; list-style-type: disc;}
.press_column { width: 45%; float: left; padding-right: 40px; font-size: 12px;}
.press_column h4 {padding-bottom: 3px; font-size: 13px;}
.press_column p { padding-bottom: 5px;}
.press_column .spacer { height: 20px;}
.right { padding-right: 0; margin-right: 0;}
/***  end press  ***/


/***  products  ***/
ul#feature_list li {width: 42%; float: left; margin: 0 50px 25px 25px; font-size: 12px; }
ul#feature_list h4 {padding-bottom: 5px;}
ul#feature_list p {float: left; width: 260px;}
ul#feature_list li.right {margin-right: 0;}
/* ul#feature_list li:nth-child(even) {margin-right: 0;} */
.feature_icon { float:left; margin-right: 25px; margin-bottom: 00px;}
#product_hero h1 { width: 50%; color: rgb(106,149,198); font: normal 28px/1.5 'Georgia', serif; padding-bottom: 30px;}
#product_hero img {float: left; padding: 20px 0 0 30px;}
#product_hero .half { width: 50%; line-height: 2; float: left; padding-bottom: 70px;}
.specs_img { padding-left: 180px; }
/***  end products  ***/



/***  buy page  ***/
#buy p > img {float: left; padding-right: 50px; padding-bottom: 30px;}
.pullout {background: url(http://www.cetoncorp.com/i/buy_pullout_bg.jpg) no-repeat; padding: 30px; width: 570px; position: relative; font-size: 12px; }
img.buy_card { position: absolute; right: 0px; top: -15px;}
#buy h4 {padding: 13px 0 0 0;}
/***  end buy page  ***/


/***  faq  ***/
#faq h2 {color:rgb(50,105,170); padding: 20px 0 0 0; color: #000;}
#faq h6 {padding: 40px 0 0 0;}
#faq ul.indent_list { text-indent: -19px; margin-left: 19px;}
/***  end faq  ***/

/***  sitemap  ***/
#sitemap { margin-left: 20px; }
#sitemap h5 { padding: 20px 0 0 0; color: rgb(98,104,119);} 
#sitemap ul { margin-left: 10px; }
/***  end sitemap  ***/


/***  FAQ  ***/
.faq_answers ul { list-style: disc; list-style-type: disc; padding-left: 10px; margin-left: 10px;}
.faq_answers ul li { list-style: disc; list-style-type: disc;}



/*** tabs ***/
/*--Set height of tabs--*/
ul.tabs { margin:0 0 20px; padding:0; float:left; list-style:none; height:61px; }

/*--Subtract 1px from the height of the unordered list, Vertically aligns the text within the tab--*/
ul.tabs li { float:left; margin:0 10px 0 0; padding:0; height:61px; line-height:50px; width:131px; overflow:hidden; position:relative; text-align:center; }
ul.tabs li a { text-decoration:none; color:rgb(158,162,174); display:block; font-size:14px; padding:0 20px; outline:none; }
ul.tabs li.active a { color:rgb(0,0,0); }
ul.tabs li a:hover { color:rgb(0,0,0); }

/*--Makes sure that the active tab does not listen to the hover properties--*/
html ul.tabs li.active,html ul.tabs li.active a:hover { background:url(http://www.cetoncorp.com/i/tab_active.jpg) no-repeat; color:rgb(0,0,0); }
.tab_container { overflow:hidden; clear:both; float:left; }
.tab_content { }