﻿/*** Global Style ***/
body { margin: 0; background-color:#c7c7c7; text-align: center; }
td, textarea, input, span, select ,div { color: #000000; font-family: arial, tahoma, sans-serif; font-size: 12px; }
div a { letter-spacing: 0px; }
a, td, textarea, span, select { letter-spacing:0px; }
a { color: #0066cc; font-family: arial, tahoma, sans-serif; }
form { margin: 0px; }
form .field , form .action { margin-top: 8px; }
select { color: #333333; }
input, textarea { border-top: #7c7c7c 1px solid; border-left: #c3c3c3 1px solid; border-bottom: #dddddd 1px solid; border-right: #c3c3c3 1px solid; background: #ffffff; background: url(images/input_text_bg.gif) }
img { border: 0px; }
input[type="image"] { border: none; outline: none; }
fieldset { border: 0; font-size: 1.2em; }
hr { border: 1px solid gray; height: 0px; }

/* The following styles are based on 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */
.row { margin: 0 auto; overflow: hidden; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; }
.onecol { width: 4.85%; }
.twocol { width: 13.5%; }
.threecol { width: 22.15%; }
.fourcol { width: 30.8%; }
.fivecol { width: 39.45%; }
.sixcol { width: 48.1%; }
.sevencol { width: 56.75%; }
.eightcol { width: 65.4%; }
.ninecol { width: 74.05%; }
.tencol { width: 82.7%; }
.elevencol { width: 91.35%; }
.twelvecol { width: 100%; float: left; }
.last {margin-right: 0px; }
/* img, object, embed { max-width: 100%;}*/
/* End of cssgrid.net styles */

/*** Form ***/
.message { margin: 15px; padding: 5px; width: 92%; color: #979908; border: 2px solid #f7f8b4; background: #ffffea; }
span.middleColumn .message { margin: 4px 0 0 0; }
input.required { margin: 4px 0 0 0; padding: 5px; width: 92%; color: #dc1313; border: 2px solid #ff7373; background: #fed0d0; }

#ksw_mastwrapper { text-align: left; margin: 0px auto; }

/*** Header ***/
#ksw_headwrapper{ margin: 6px auto 0 auto; width: 950px; }
#ksw_head_left{ background: url(images/ksw_head_left.gif) left top no-repeat; float: left; width: 10px; height: 105px;}
#ksw_header{ width: 930px; height:105px;float:left; margin:0; padding:0; position:relative; }
#ksw_head_right{ background: url(images/ksw_head_right.gif) right top no-repeat; float:left; width:10px; height: 105px;}
#ksw_head_topcorner{ background:url(images/ksw_head_topcorner.gif) left top no-repeat; height:10px; line-height: 10px;}
#ksw_logo { float:left; text-align:left; clear:both; width:232px; padding: 0; background: url(images/ksw_head_bg.gif) left top repeat-x; height: 66px;}
#ksw_topmenu { float:left; text-align: right; color:#383838; width: 688px; background: url(images/ksw_head_bg.gif) left top repeat-x; height: 66px; padding-right: 10px; display: block; }
#ksw_topmenu span { font-size:11px; padding: 0 25px 0 0; }
#ksw_topmenu a, #ksw_topmenu a:link, #ksw_topmenu a:visited, #ksw_topmenu a:active { color:#383838; }
#ksw_topmenu a:hover{ color:#990000;}
#ksw_topmenu a.selected_link:link { color: #990000; text-decoration: none; }
#ksw_topmenu a.selected_link:visited { color: #990000; text-decoration: none; }
#ksw_topmenu a.selected_link:hover { color: #990000; text-decoration: none; }
#ksw_topmenu a.selected_link:active { color: #990000; text-decoration: none; }
#ksw_topmenu img { margin: 0 1px 0 1px;}
#ksw_mainmenu { clear: both; padding:0; left: 0px; right: 0px; top: 76px; width: 100%; height: 30px; position: absolute; background-color: #000; }
#ksw_mainmenu img { cursor: pointer; }

/**************************************
 *  Header Menu                       *
 **************************************/
#ksw_mainmenu .Menu { clear: right; float: left; margin-top: 8px; }
#ksw_mainmenu .Menu a { margin: 0 15px; line-height: 28px; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; display: block; float: left; color: #ffffff; text-decoration: none; white-space: nowrap; }
#ksw_mainmenu .Menu a:hover, #header .Menu a.NavigationOpen { text-decoration: none; border-bottom: 2px solid #4aa1c6; color: #cccccc; }

/* Contents */
ul li{padding: 0 0 3px 3px;}

/* Purchase */
div.purchase_list .row { background-color: #f1f3f8; padding: 12px 20px 13px 20px; border-bottom: solid 1px #b9babf; }
div.purchase_list div { font-weight: bold; }
div.purchase_list ul, span { font-weight: normal; }
div.purchase_title, div.purchase_footer { background-color: #dde0e8; border-top: solid 1px #b9babf; border-bottom: solid 1px #b9babf; padding: 10px;}
div.purchase_title { text-align: center; font-size: 18px; }
div.purchase_footer { font-size: 12px; color: #990000; }
div.purchase_title div { font-weight: normal; }
div.purchase_note { text-align: left; font-weight: normal; font-size: 12px; color: #990000; padding: 5px;}

/* Partner List */
div .partner .entry { margin: 0 auto; overflow: hidden; }
div .partner h3 { background-color: #dde0e8; border: solid 1px #b9babf; text-align: left; font-size: 14px; padding: 3px; line-height: 18px; margin-top: 10px; }
div .partner_logo { width: 220px; float: left; margin-right: 8px; margin-top: 8px; }
div .partner_about { width: 480px; float: left; margin-top: 8px; }

/* Button */
a.download:link, a.download:visited, a.download:hover, a.download:active { display: block; margin: 8px auto 0; padding: 15px 0 0 47px; background: transparent url('images/buttons.png') no-repeat 0 0; background-position: 0 -484px; width: 222px; height: 55px; font-size: 12px; text-align: center; text-decoration: none; }
a.download:hover { background-position: 0 -554px; text-decoration: none; }
a.download span, a.download span em { padding: 0 10px 0 10px; color: #fff; }
a.download span { font-size: 16px; line-height: 20px; font-weight: bold; }
a.download span em { display: inline-block; font-size: 11px; font-style:normal; font-weight:normal;}
a.datasheet:link, a.datasheet:visited, a.datasheet:hover, a.datasheet:active { display: block; margin: 8px auto 0; padding: 8px 0 0 0px; background: transparent url('images/buttons.png') no-repeat 0 0; background-position: 0 -624px; width: 94px; height: 47px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; }
a.shoppingcart:link, a.shoppingcart:visited, a.shoppingcart:hover, a.shoppingcart:active { display: block; margin: 8px auto 0; padding: 16px 0 0 0px; background: transparent url('images/buttons.png') no-repeat 0 0; background-position: 0 -624px; width: 94px; height: 32px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; }
a.shoppingcart:hover { background-position: -94px -624px; text-decoration: none; }

/* Image - product thumbnail */
img.product_thumbnail { width: 282px; margin: 8px; }

#ksw_content_head { width: 714px; height: 134px; background-image: url(images/header.jpg); background-position: center; background-repeat: no-repeat; padding: 0 0 5px 0; }
#ksw_content_head .inside { padding-top: 50px; padding-left: 12px; font-size: 1.8em; color: #ffffff; width: 380px;}
#ksw_page_topic { font-size:20px; font-weight: bold; color: #990000; padding: 0 0 6px 0; line-height: 20px; }
#ksw_contentwrapper { margin: 0 auto; width: 930px; background: url(images/ksw_content_bg.gif) repeat-y top left; padding: 0 10px; overflow: hidden; }
#ksw_layout { height: auto!important; height: 100%; width: 930px; display: block; clear: both; }
#ksw_leftmenu { float: left; width: 180px; padding: 10px; }
#ksw_leftmenu a:link, #ksw_leftmenu a:visited, #ksw_leftmenu a:active { text-decoration: none; }
#ksw_leftmenu a:hover { color: #990000; }
#ksw_content_full { float: left; width: 910px; padding: 10px 10px 0 10px; height: auto!important; }
#ksw_content { float: left; width: 730px; padding: 10px 0 0 0; height: auto!important; }
#ksw_content h2 { border:1px solid #c7c7c7; background:url(images/content_top.gif) left top repeat-x; padding:4px 0 4px 5px; font-size: 14px; line-height: 15px; font-weight:bold;}
#ksw_content_1column { float: left; width: 715px; padding: 0 15px 15px 0; position: relative; }
#ksw_content_2columns_left { float: left; width: 530px; padding: 0 15px 15px 0;}
#ksw_content_2columns_right { float: left; width: 170px;}

#NavigationPath { padding:0 0 6px 0; font-size: 11px; color: #666666; line-height: 11px; }
#NavigationPath a { color:#666666; font-size: 11px; }
#NavigationPath a:hover { color:#666666; }

/*** Footer ***/
#ksw_footwrapper { margin: 0 auto;  width: 950px; overflow: hidden; height: auto!important; height: 100%; position: relative; top: auto!important; top: -2px;}
#ksw_foot_left { background: url(images/ksw_foot_left.gif) left top no-repeat; float: left; width: 35px; height: 22px;}
#ksw_footer { width:893px; height:22px; float:left; background-color:#282828;}
#ksw_foot_right { background: url(images/ksw_foot_right.gif) right top no-repeat; float: left; width: 22px;height: 22px;}
#ksw_foot_copyright { float: right; color: #a6a6a6; padding: 3px 0 0 0; font-size: 11px; }
#ksw_foot_links { float: left; padding: 3px 0 0 0; font-size: 11px; }
#ksw_foot_links a:link, #ksw_foot_links a:visited, #ksw_foot_links a:active { color: #a6a6a6; }
#ksw_foot_links a:hover { color: #cc0000; }

/*** Gap ***/
.gap_38px{height:38px;}
.gap_32px{height:32px;}
.gap_20px{height:20px;}
.gap_25px{height:25px;}
.gap_28px{height:28px;}
.gap_18px{height:18px;}
.gap_16px{height:16px;line-height: 0px;}
.gap_14px{height:14px;line-height: 0px;font-size: 0px;}
.gap_15px{height:15px;line-height: 0px;font-size: 0px;}
.gap_12px{height:12px;line-height: 0px;font-size: 0px;}
.gap_10px{height:10px;line-height: 0px;font-size: 0px;}
.gap_8px{height:8px; line-height: 0px;font-size: 0px;}
.gap_6px{height:6px;line-height: 0px;font-size: 0px;}
.gap_4px{height:4px;line-height: 0px;font-size: 0px;}
.gap_2px{height:2px;line-height: 0px;font-size: 0px;}
.gap_1px{height:2px;line-height: 0px;font-size: 0px;}

/*** Margin ***/
.margin_left_30px { margin-left: 30px; }
.margin_left_25px { margin-left: 25px; }

.margin_top_1px { margin-top:1px; }
.margin_top_2px { margin-top:2px; }
.margin_top_3px { margin-top:3px; }
.margin_top_4px { margin-top:4px; }
.margin_top_5px { margin-top:5px; }
.margin_top_6px { margin-top:6px; }
.margin_top_7px { margin-top:7px; }
.margin_top_10px { margin-top:10px; }

/*** Alignment ***/
.center { text-align: center; }
.right { text-align: right; }
.vertical_middle { vertical-align:middle; }
.vertical_top { vertical-align:top; }
.vertical_baseline { vertical-align:baseline; }

/*** Home Page ***/
.content_home { clear: both; width: 910px; position: relative; padding: 0 6px 6px 6px; margin-top: 6px; z-index: 50; }
.content_home_banner { float: left; position: relative; height: 244px; width: 930px; }
.content_home_spotlight { background-image:url(images/bg_home_spotlight.jpg); width: 930px; height: 373px; background-repeat: no-repeat; overflow: hidden; margin-top: 6px; padding-left: 17px; font-size: 11px; line-height: 13px; position: relative; clear: both; }
.content_home_twitter_block { width: 295px; height: 360px; padding-top: 6px; overflow: hidden; float: left; display: inline; position: relative; }
.content_home_spotlight_block { width: 276px; height: 343px; padding-top: 16px; overflow: hidden; float: left; display: inline; position: relative; }
.content_home_spotlight_block_inner { width: 271px; overflow:hidden; margin-left:8px; }
.content_home_spotlight_title { font-size: 12px; line-height:13px; color:#2b84cd; font-weight: bold; margin-top: 6px;}
.content_home_spotlight_link { position: absolute; top: 345px; left: 5px; }
.content_home_slider { background-image:url(images/bg_home_slider.jpg); width: 930px; height: 263px; background-repeat: no-repeat; overflow: hidden; margin-top: 6px; padding-left: 17px; font-size: 11px; line-height: 13px; position: relative; clear: both; }

.blue_link { color:#7096bf; } 
.blue_link a { color:#7096bf; text-decoration:none; }
.blue_link a:link { color:#7096bf; text-decoration:none; }
.blue_link a:active { text-decoration:none; color:#7096bf; }
.blue_link a:visited { text-decoration:none; color:#7096bf; }
.blue_link a:hover { color:#7096bf; text-decoration:underline; }

/* iSwitch homepage */
/*#iSwitch { position:relative; width: 986px; height: 327px; }*/
#iSwitch ul { list-style: none; margin:0; padding:0; }
#slides { background:#f8fafc; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#slides li { position:absolute; top:12px; left:25px; width:865px; height:235px; overflow: hidden; }

#slides .slide1 { background:url(../images/SlideDynamicsAx.gif) no-repeat 590px 100%; }
#slides .slide2 { background:url(../images/SlideDynamicsCrm.gif) no-repeat 590px 100%; }
#slides .slide3 { background:url(../images/SlideSalesforce.gif) no-repeat 590px 100%; }

#slides h2, .static-banner h2 { font-size:30px; line-height:32px; font-weight:400 }
#slides strong, .static-banner strong { display:block;font-size:16px;line-height:20px;color:#777;font-weight:400;margin:15px 0 0 0px; }

#slides .buttons-text-up { position:absolute;bottom:90px;left:0px;margin:0;padding:0;font-size:12px;color:#999;}
#slides .first_button { left:0px; }
#slides .second_button { left:245px; }
#slides a { height:48px; display:block; width:204px; position:absolute; bottom:10px; text-decoration: none;text-align: center; background: url(images/buttons.png) no-repeat transparent; font-size:12px; line-height:48px; color:#fff; font-family: 'Segoe UI', Tahoma, arial, sans-serif; text-shadow: 0 -1px rgba(0, 0 ,0, 0.38); }
#slides .blue  { background-position: 0 0 }
#slides .blue:hover { background-position: -204px 0 }
#slides .green { background-position: 0 -48px }
#slides .green:hover {background-position: -204px -48px }
#slides .orange { background-position: 0 -96px}
#slides .orange:hover { background-position: -204px -96px }
#slides .purple { background-position: 0 -144px}
#slides .purple:hover { background-position: -204px -144px }
#slides .red { background-position: 0 -192px}
#slides .red:hover { background-position: -204px -192px }

#dots { position: absolute;right:35px;top:100px;}
#dots li { display:block;position:relative;width:10px;height:10px;background:url(images/dots.gif) -10px 0;cursor:pointer;padding: 0 0 0 0;overflow:hidden;text-indent:-666px; }

#dots .current { background-position: 0 0; }
#dots li:hover { background-position: -20px 0;}

.leftmenu_bottom { margin: 0 0 0 0; background: url(images/leftmenu_bottom.gif) left top no-repeat; width: 180px; height: 22px;}
.leftmenu_top { margin: 0 0 0 0; background-color: #e1e1e1; font-size: 10px; width: 180px; line-height: 10px; margin-bottom: 1px;}

/*-------- navigation menu ---------------*/
/* Active menu*/
div#NavigationMenu a.NavigationSelected:link, div#NavigationMenu a.NavigationSelected:visited, div#NavigationMenu a.NavigationSelected:active { color: #990000; font-weight: bold; }
div#NavigationMenu ul { list-style: none; padding: 0; margin: 0; }
div#NavigationMenu ul li { padding: 0 0 0 12px; font-size: 12px; line-height:25px; border-top: 1px solid #E0E0E0;}
div#NavigationMenu ul li a:link, div#NavigationMenu ul li a:visited, div#NavigationMenu ul li a:active { color: #222222; }
div#NavigationMenu ul li a:hover { color: #990000; }
div#NavigationMenu { border-bottom: 1px solid #E0E0E0; }
/*----------------------------------------------------------------------------------------------------------*/
