/* root element for tabs  */
.box{margin:12px 0 12px}
.blurb{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
	-o-box-shadow:0 1px 3px #999;
	box-shadow:0 1px 3px #999;
	background-color:#EFEDE5;
	height:170px;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 24px;
}
.blurb .box{margin:24px -24px;padding:0 24px}
.blurb{margin-top:-32px;border-top:1px solid #ededed;}
.blurb a.standalone{margin:-24px -24px 24px -24px;-moz-box-shadow:0 1px 0 #f5f5f5;-webkit-box-shadow:0 1px 0 #f5f5f5;-o-box-shadow:0 1px 0 #f5f5f5;box-shadow:0 1px 0 #f5f5f5}
.blurb .tease.first{margin-top:12px}
.blurb .box{background-color:#EFEDE5;display:block;zoom:1;padding-bottom:12px;}
.blurb .box:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.blurb .box.full{margin-left:-24px;padding:12px 3px}

.blurb2{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
	-o-box-shadow:0 1px 3px #999;
	box-shadow:0 1px 3px #999;
	background-color:#EFEDE5;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 24px;
	padding-bottom: 12px;
	padding-left: 24px;
}
.blurb2 .box{margin:24px -24px;padding:0 24px}
.blurb2{margin-top:-32px;border-top:1px solid #ededed;}
.blurb2 a.standalone{margin:-24px -24px 24px -24px;-moz-box-shadow:0 1px 0 #f5f5f5;-webkit-box-shadow:0 1px 0 #f5f5f5;-o-box-shadow:0 1px 0 #f5f5f5;box-shadow:0 1px 0 #f5f5f5}
.blurb2 .tease.first{margin-top:12px}
.blurb2 .box{background-color:#EFEDE5;display:block;zoom:1;padding-bottom:12px;}
.blurb2 .box:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.blurb2 .box.full{margin-left:-24px;padding:12px 3px}

.blurb3{margin:12px 0 24px;padding:12px 24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-moz-box-shadow:0 1px 3px #999;-webkit-box-shadow:0 1px 3px #999;-o-box-shadow:0 1px 3px #999;box-shadow:0 1px 3px #999;background-color:#fff;}
.blurb3 .box{margin:24px -24px;padding:0 24px}
.blurb3{margin-top:-32px;border-top:1px solid #ededed;}
.blurb3 a.standalone{margin:-24px -24px 24px -24px;-moz-box-shadow:0 1px 0 #f5f5f5;-webkit-box-shadow:0 1px 0 #f5f5f5;-o-box-shadow:0 1px 0 #f5f5f5;box-shadow:0 1px 0 #f5f5f5}
.blurb3 .tease.first{margin-top:12px}
.blurb3 .box{background-color:#fcfcfc;display:block;zoom:1;padding-bottom:12px;}
.blurb3 .box:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.blurb3 .box.full{margin-left:-24px;padding:12px 3px}

ul.tabs4 {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
    height:30px;
}

/* single tab */
ul.tabs4 li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs4 a {
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(../images/blue.png);
	background-repeat: no-repeat;
	background-position: -420px 0;
}

ul.tabs4 a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs4 a:hover {
    background-position: -420px -31px;
    color:#000;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs4 a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs4 a.s { background-position: -553px 0; width:81px; }
ul.tabs4 a.s:hover { background-position: -553px -31px; }
ul.tabs4 a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs4 a.l { background-position: -248px -0px; width:174px; }
ul.tabs4 a.l:hover { background-position: -248px -31px; }
ul.tabs4 a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs4 a.xl { background-position: 0 -0px; width:248px; }
ul.tabs4 a.xl:hover { background-position: 0 -31px; }
ul.tabs4 a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
    background:#FFFFFF ;
    height:90px;
    padding:10px 0 10px 20px;
    width:520px;
    border:1px solid #aaa;
    margin: 0 auto;
}

/* accordion header */
#accordion img {
    float:left;
    margin-right:10px;
    cursor:pointer;
    opacity:0.5;
    filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
    cursor:default;
    opacity:1;
    filter: alpha(opacity=100);
}

/*
  accordion pane. should initially have zero width and display:none.
  the first pane should override these with inline style
  */
#accordion div {
    width:0px;
    float:left;
    display:none;
    margin-right:10px;
}



/* content inside a pane should have fixed width */
#accordion div h3 {
    color:#444;
    line-height: auto;
    width:190px;
    font-size:15px;
}

#accordion div p {
    font-size:12px;
    width:190px;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion1 {
    background:#333 url(/media/img/gradient/h300.png) 0 0;
    width: 300px;
    border:1px solid #333;
    -background:#666;
    margin: 0 auto;
}

/* accordion header */
#accordion1 h2 {
    background:#ccc url(/media/img/gradient/h30.png);
    line-height: 14px;
    margin:0;
    padding:5px 15px;
    font-size:14px;
    font-weight:normal;
    border:1px solid #fff;
    border-bottom:1px solid #ddd;
    cursor:pointer;
}

/* currently active header */
#accordion1 h2.current {
    cursor:default;
    background-color:#fff;
}

/* accordion pane */
#accordion1 .pane {
    border:1px solid #fff;
    border-width:0 2px;
    display:none;
    height:180px;
    padding:15px;
    color:#fff;
    font-size:12px;
}

/* a title inside pane */
#accordion1 .pane h3 {
    font-weight:normal;
    margin:0;
    font-size:16px;
    color:#999;
}
#triggers {
		margin-top:10px;
		text-align:center;
}
	
#triggers img {
	background-color:#EFEDE5;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#spacer {
		margin-top:10px;
		text-align:center;
}
	
#spacer img {
	background-color:#EFEDE5;
	padding:2px;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#products img {
    margin:0 20px 10px 0;
    cursor:pointer;
}

.description {
    background-color:#edecbc;
    border:1px solid #999;
    width:450px;
    min-height:140px;
    display:none;
    margin-top:17px;
    -moz-border-radius:4px;
    padding:0 20px;
}

.description .arrow {
    width:34px;
    height:34px;
    background:transparent url(/media/img/tooltip/yellow.png) repeat scroll 0 -68px;
    margin-top:-28px;
    margin-left:36px;
    font-size:1px;
    position:relative;
}

#commercial .arrow {
    margin-left:210px;
}

#multidomain .arrow {
    margin-left:385px;
}
  #panes {
  background:#fff url(images/h300_reverse.png) repeat scroll 0 0;
  border-color:#ccc;
  border-style:solid;
  border-width:1px 1px 0;
  width:650px;
  height:255px;
  margin-bottom:-20px;
  padding-bottom:20px;
 
  /* must be relative so the individual panes can be absolutely positioned */
  position:relative;
  }