/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");

/*GLOBAL*/
html{width:100%; height:100%; font:62.5%  Verdana, Arial, Helvetica, sans-serif; color:#404040;}
body{width:100%; height:100%; min-width:920px; text-align:center; background:#787774 url(../gui/bg_contentpage.jpg) repeat-x;}
body#section_home{background:#4d4c4a url(../gui/bg.jpg) repeat-x; min-height:1362px;}
a, a:visited{text-decoration:none;}


/* MAIN LAYOUT */
#background{margin:0px auto -185px; width:100%; min-height:100%; height:auto !important; height:100%; display:block; background:url(../gui/bg_welcomegradient.jpg) no-repeat center 159px ; position:relative;}
#container{margin:auto; width:903px; min-height:796px; height:auto !important; height:796px;  position:relative; text-align:left; padding:199px 0px 0px 17px;}
body#section_home#container{height:1362px;}
#logo{width:213px; height:97px; display:block; text-indent:-9999px; position:absolute; top:27px; left:10px; background:url(../gui/logo.gif) no-repeat;}
#logo a{width:213px; height:97px; display:block;}
#logo a:hover{border:none;}

#search {width:374px; height:45px; position:absolute; top:0px; left:535px; background:url(../gui/search.gif) no-repeat;}
#search_box{display:block; width:128px; height:14px; color:#999999; border:none; border-top:1px solid #404040; border-bottom:1px solid #404040; padding:3px 12px 3px 3px !important; padding:3px 12px 2px 3px; position:absolute; left:180px; top:7px; font-size:1.1em;}
#search_bg{display:block; width:8px; height:22px; background:#ffffff url(../gui/bg_search.gif) no-repeat top left; position:absolute; top:7px; left:172px;}
#search_submit{background:url(../gui/go.gif) no-repeat; display:block; width:28px; height:22px; position:absolute; top:7px; right:23px; text-indent:-9999px;}
#search_check{display:none;}

#demo{display:block; width:136px; height:24px; position:absolute; top:7px; left:550px; color:#FFFFFF; font-size:1.4em; text-transform:lowercase; font-variant:small-caps; text-align:center; line-height:1.4em; border-right:1px solid #fcd4a5;}

#menu{width:780px; height:35px; display:block; position:absolute; top:123px; left:59px; z-index:20;}

#section_home #dots{width:307px; height:589px; position:absolute; top:493px; right:-20px; background:url(../gui/dots.gif) no-repeat;}
#dots{width:307px; height:589px; position:absolute; top:350px; right:-45px; background:url(../gui/dots.gif) no-repeat;}

/* TEXT */

#index_content p, #index_content li, #content p, #info li, input, textarea{font-size:1.4em; color:#666666; line-height:1.5em; font-weight:normal;}
#index_content h3, #content h3{font-size:3em; padding:0px 0px 15px 0px; font-weight:normal; text-shadow:0px 1px 0px #AAAAAA; letter-spacing:.05em;}
#index_content h4, #content h4{font-size:1.8em; color:#23408f; padding:15px 0px 5px 0px; font-weight:normal; text-shadow:0px 1px 0px #aec7ff;}
#content h5{font-size:2.2em; padding:15px 0px 5px 0px; font-weight:normal; text-shadow:0px 1px 0px #AAAAAA; letter-spacing:.05em;}
#content a, a:visited, #index_content p a{color:#23408f;}
#content a:hover, #index_content p a:hover{color:#d07d18;}

/* INDEX PAGE */

#welcome h2{width:361px; height:96px; position:absolute; top:245px; left:502px; background:url(../gui/welcome_slogan.gif); text-indent:-9999px;}
#welcome a{width:135px; height:33px; position:absolute; top:371px; left:502px; background:url(../gui/learnmore_button.gif) no-repeat; text-indent:-9999px;}
#welcome a:hover{background:url(../gui/learnmore_button.gif) no-repeat 0px -33px;}
#welcome_shadow{width:1024px; height:9px; display:block; background:url(../gui/welcome_shadow.gif) no-repeat; position:absolute; top:387px; left:-60px;}

#flash{width:416px; height:288px; position:absolute; top:203px; left:5px; }

#section_home #index_content{position:absolute; top:496px; width:621px;}
#tabs{position:absolute; left:10px; z-index:2;}
#bg_content{position:absolute; top:21px; left:-10px; width:621px; height:376px; background:url(../gui/roundcorners_index.gif) no-repeat;}
#bg_bottom{position:absolute; top:646px; left:0px; width:601px; height:14px; background:url(../gui/shadow_indexpage.gif)}
#white_bg{position:absolute; top:36px; left:0px; width:601px; height:610px; background:#ffffff;}
#products_content{position:absolute; top:36px; left:0px; width:541px; height:550px; background:ffffff; padding:40px 30px 10px 30px; overflow:auto;}
#promotions_content, #whatsnew_content, #store_content{position:absolute; top:36px; left:0px; width:541px; height:550px; background:#ffffff; padding:40px 30px 10px 30px; overflow:auto; display:none;}
#whatsnew_content img{float:left; padding:0px 15px 10px 0px;}

#index_content .headingicon{float:left; padding:0px 15px 0px 0px;}
#index_content #products_content ul, #info ul, #list{padding:0px 0px 10px 0px;}
#index_content #products_content ul li, #info ul li, #list li{padding:10px 0px 0px 30px; background:url(../gui/bullet.gif) no-repeat 15px 16px;}

#green{width:243px; height:320px; position:absolute; top:533px; left:656px;}
#green h4{width:165px; height:112px;background:url(../gui/green.gif) no-repeat; text-indent:-9999px;}
#green a{width:242px; height:118px; position:absolute; top:84px; left:2px; background:url(../gui/green_button.gif) no-repeat 0px 0px; text-indent:-9999px;}
#green a:hover{background:url(../gui/green_button.gif) no-repeat 0px -118px;}

#buttons{position:absolute; top:750px; left:658px;}
#buttons #gsa a{display:block; height:103px; width:207px; background:url(../gui/gsa_button.gif) no-repeat; text-indent:-9999px;}
#buttons #storebtn a{display:block; height:100px; width:207px; background:url(../gui/storebtn.gif) no-repeat; text-indent:-9999px;}
#buttons #partners a{display:block; height:110px; width:207px; background:url(../gui/nationalpartners_button.gif) no-repeat; text-indent:-9999px;}
#buttons #subscribe a{display:block; height:112px; width:212px; background:url(../gui/subscribe_button.gif) no-repeat; text-indent:-9999px;}

#buttons #gsa a:hover{background:url(../gui/gsa_button.gif) no-repeat 0px -103px;}
#buttons #storebtn a:hover{background:url(../gui/storebtn.gif) no-repeat 0px -116px;}
#buttons #partners a:hover{background:url(../gui/nationalpartners_button.gif) no-repeat 0px -116px;}
#buttons #subscribe a:hover{background:url(../gui/subscribe_button.gif) no-repeat 0px -112px;}

#products_column1{float:left; width:250px;}
#products_column2{float:right; width:250px;}

#columnleft{float:left; width:250px;}
#columnright{float:right; width:290px;}

#tab_heading_img{display:block; position:absolute; top:25px; left:375px;}

/* CONTENT PAGES */

#content_bg{position:relative; width:842px; background:url(../gui/roundcorners_contentpage.gif) no-repeat; padding:14px 10px 0px 10px;}
#content{position:relative; width:562px; background:#FFFFFF; padding:25px 20px 25px 260px;}
#bottom_corners{position:relative; display:block; width:842px; height:13px; background:url(../gui/shadow_contentpage.gif) no-repeat; padding:0px 0px 30px 0px;}

#content #left_menu{position:absolute; top:23px; left:15px; width:195px; min-height:350px; height:350px; padding:10px 10px 0px 10px; display:block;}
#content #info{width:550px;}
#content #info #header_pic{width:555px; height:200px; margin:0px 0px 30px 0px; border:3px solid #dddddd;}
#line{margin-top:30px; margin-bottom:30px; border-top:1px dashed #999999;}
.logos{margin:5px; border:#dddddd 2px solid;}
.superscript{font-size:.5em; vertical-align:super;}
.lightgreybg{background:#eeeeee; width:488px; padding:15px 30px 30px 30px; border-left:1px solid #999999; border-right:1px solid #999999;}
.orange{color:#f7941e;}
.red{color:#FF0000;}

#learn_more_button a{display:block; width:136px; height:37px; background:url(../gui/learnmore_button_2.gif) no-repeat; text-indent:-9999px; margin:10px 0px 0px 0px;}
#learn_more_button a:hover{background:url(../gui/learnmore_button_2.gif) no-repeat 0px -37px;}
#contact_button a{display:block; width:136px; height:37px; background:url(../gui/contact_button.gif) no-repeat; text-indent:-9999px; margin:10px 0px 0px 0px;}
#contact_button a:hover{background:url(../gui/contact_button.gif) no-repeat 0px -37px;}
#request_demo_button a{display:block; width:136px; height:37px; background:url(../gui/request_demo_button.gif) no-repeat; text-indent:-9999px; margin:10px 0px 0px 0px;}
#request_demo_button a:hover{background:url(../gui/request_demo_button.gif) no-repeat 0px -37px;}
#see_all_button a{display:block; width:76px; height:21px; background:url(../gui/seeall_button.gif) no-repeat; text-indent:-9999px;}
#see_all_button a:hover{background:url(../gui/seeall_button.gif) no-repeat 0px -21px;}

#customer_roundcorners_top{display:block; width:550px; height:7px; background:url(../gui/customer_roundcorners_top.gif) no-repeat;}
#customer_roundcorners_bottom{display:block; width:550px; height:7px; background:url(../gui/customer_roundcorners_bottom.gif) no-repeat;}


/* CONTACT PAGE FORM */

#contact_form_left{float:left; width:250px;}
#contact_form_right{float:left; width:250px;}
#contact_form_center{clear:both; width:500px; padding-top:14px;}

/* FOOTER */

#section_home #copyright{position:absolute; top:1230px; left:0px; color:#999999; font-size:1.1em; line-height:2.1em;}
#section_home #copyright a{color:#999999;}

#section_home #footer_menu{position:absolute; top:1230px; right:0px; font-size:1.1em; line-height:1.7em; color:#999999;}
#section_home #footer_menu li{float:left;}
#section_home #footer_menu a{color:#999999;}
#section_home #footer_menu a:hover{border-bottom:1px solid #f7941e;}

#push_footer{height:185px;}
#footer{width:100%; height:185px; background:url(../gui/bg_footer.jpg) repeat-x; position:relative;}
#footer_content{margin:auto; width:920px; height:148px; position:relative; text-align:left;}

#copyright{position:absolute; top:53px; left:0px; color:#999999; font-size:1.1em; line-height:2.1em;}
#copyright a{color:#999999;}

#footer_menu{position:absolute; top:53px; right:0px; font-size:1.1em; line-height:1.7em; color:#999999;}
#footer_menu li{float:left;}
#footer_menu a{color:#999999;}
#footer_menu a:hover{border-bottom:1px solid #f7941e;}

.redrover{padding:8px 0px 0px 0px;}

/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}
