@charset "utf-8";

.sidebar1 {	float: left;	width: 195px;}
.content { width: 495px;  float: left;}
.sidebar2 {	float: left; width: 173px;}
#splash_sync_mate {height:330px;}
#splash_sync_mate .buttons{  margin:235px 0 0 35px;   text-align: center;}
#splash_sync_mate .e-button strong , #splash_sync_mate .e-button-p strong{ width:140px;}
#splash_sync_mate .container{ height:175px; color:#FFF; padding:15px 0px 0 20px}
#splash_sync_mate .container #container_body {height:175px; overflow:hidden; padding:0 0 0 0px}
#splash_sync_mate .brick{text-align:left; height:175px; overflow:hidden }
#splash_sync_mate .brick p{line-height:1.5; margin:0 0 10px 0 }
#splash_sync_mate .brick h1{margin:0 0 10px 0 }
#splash_sync_mate .brick a{ color: #E3FF00; text-decoration:underline}
#splash_sync_mate .brick a:hover{text-decoration: none}

.mac_dev_img{ float:right; width:170px; height:130px; padding:128px 5px 0 0; text-align:center}
.mac_dev_img div{ padding: 75px 0 0 0; display: none}
.mac_dev_img span { color:#B3B8D1; text-align:center; padding:0 15px}
.mac_dev_img a{display:none}
#nav_link { float:right; clear:right; text-align: left; height:77px; width:183px;
background-image:url(../images/splash/syncmac/nav_link2.png); background-repeat:no-repeat; position:absolute; margin: 245px  0 0 7px}
#nav_link a  { text-decoration: none; display:none; color:#FFF; width:100px; margin:10px 0px 0 60px}
#nav_link a:hover  { text-decoration:underline}
#nav_link #nav_next, #nav_link #nav_prev { background-image:url(../images/splash/syncmac/nav_link.jpg); background-repeat:no-repeat; height:35px; width:73px; display:block; text-align:center; line-height:35px; cursor:pointer; color:#fff}
#nav_link #nav_next { float:right; background-position: 100% -2px;}
#nav_link #nav_prev { float:left; background-position: 0% -2px}
#nav_link a.notactive { color:#616572 !important; text-decoration:none;}
#nav_link a.notactive:hover {text-decoration:none;}
#nav_link #nav_next.notactive { background-position: 100% -42px}
#nav_link #nav_prev.notactive { background-position: 0% -42px}

/*-----carusel---*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: none; /*leave this value alone*/
width: 456px; /*Width of Carousel Viewer itself*/
height: 130px; /*Height should enough to fit largest content's height*/
background:url(/images/splash/syncmac/carusel_bkg.jpg) center top no-repeat;
/*margin:0 210px;*/
}

.stepcarousel .belt{
overflow: hidden;
height:130px;
float:left;
width: 424px;
position:relative
}

#mac_big_panel{ height:60px; width:100%; text-align:left; position:relative; left:0; top:0}
#mac_big {background:url(/images/splash/syncmac/mac_big.png) left bottom no-repeat; width:53px; height:60px; position:relative;}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0 0 0; /*margin around each panel*/
width: 575px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
position: relative;
left:0; top:0;
}
#gallery_nav_next, #gallery_nav_prev { width:10px; height:38px; display:block; background-image: url(/images/splash/syncmac/carusel_belt.gif);
 margin:68px 0 0 0; cursor:pointer}
#gallery_nav_next { background-position: 100% -1px; float:right;}
#gallery_nav_prev { left:0px;  background-position: 0px -1px; float:left;}
#gallery_nav_next.notactive { background-position: 100% -39px;}
#gallery_nav_prev.notactive { left:0px;  background-position: 0px -39px; }
.dev_small { width:53px; height:50px ; background:url(/images/splash/syncmac/dev_small_bkg.jpg) left top no-repeat; float:left; cursor:pointer }
.dev_small_active{background:url(/images/splash/syncmac/dev_small_bkg_acrive.jpg) left top no-repeat;}
.stepcarousel .sidebar1{ width:17px}
.stepcarousel .sidebar2 { width:15px}
.footer_text{color:#B3B8D1; text-align:center; margin:3px 0 0 0}
#content .infoTabs{ padding-top:30px;}