/**********************************************************
*                    Body
**********************************************************/

/**********************************************************
*                 HTML Elements
**********************************************************/
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 1;
    font-weight: normal;
    line-height: 1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    vertical-align: baseline;
    line-height: 1.2em;
}

body { background-color:#465e74;}
h1 { font-size:16pt; font-weight:normal; margin-bottom:0.5em; color: #6aa02a;}
h2 {font-size:10pt; font-weight:bold; margin-bottom:0.5em;}
h3 {font-size:12pt; font-weight:bold; margin-bottom:0.3em; color: #6aa02a;}
h4 {font-size:9pt; font-weight:bold; margin-bottom:0.2em;}
h5, h6 {font-size:9pt; font-weight:bold; margin-bottom:0;}

p {
	font-size:12px;
}

strong {
  font-weight:bold;
}
em, dfn {}
dfn {}

sup, sub {}

del {}
ins {}

blockquote {}
cite {}
q {}

address {}

ul {
	font-size:12px;
	margin-bottom:1.2em;
}

ol {}
li {
}

dl {}
dd {}
dt {}


abbr {}
acronym {}

pre, code, tt {}
p code {}
samp {}
kbd {}
var {}

.featureList li {
	margin-bottom: 5px;
	margin-left: 15px;
}
/**********************************************************
*                 Global Link Styles
**********************************************************/
a {
margin: 0; 
padding: 0;
}

a:link    {color: #5c5c5c;}
a:visited {color: #5c5c5c;}
a:hover   {color: #5a5a5a;}
a:active  {color: #2B9AE7;}
a.active  {color: #2B9AE7;}

/* Set global a:active and a:focus styles. */
a:active,
a:focus {
color: #2B9AE7;
border: 0;
}

/* Drupal sets this to black. */
li a.active {}

/* Remove borders on linked images. */
a img {
border: none;
}


/* Added 2/23/10 */

#view_cart_link,
#view_cart_link:active,
#view_cart_link:visited {
color:#b3b3b3;
font-size:11px;
font-weight:bold;
position:absolute;
right:35px;
text-decoration:none;
top:65px;
}

#view_cart_link:hover {
color:#fff;
}

.button_cart {
position:absolute;
right:24px;
text-decoration:none;
top:38px;
z-index:9
}

.button_cart .link_text {
background:url(../images/background_button_cart_green.png) repeat-x 0px 0px;
color:#000;
display:block;
font-size:11px;
font-weight:bold;
height:12px;
margin:0px 3px 0px 23px;
padding:4px 7px 7px 10px;
white-space: nowrap;
}

.button_cart:hover .link_text {
background:url(../images/background_button_cart_green.png) repeat-x 0px -23px;
}

.button_cart .left,
.button_cart .right {
height:23px;
position:absolute;
top:0px;
}

.button_cart .left {
background:url(../images/button_cart_green.png) no-repeat 0px 0px;
left:0px;
width:23px;
}

.button_cart:hover .left {
background:url(../images/button_cart_green.png) no-repeat 0px -23px;
}

.button_cart .right {
background:url(../images/button_cart_green.png) no-repeat -23px 0px;
right:0px;
width:3px;
}

.button_cart:hover .right {
background:url(../images/button_cart_green.png) no-repeat -23px -23px;
}

/* Language Selector */

.lang_selector {
position:absolute;
right:24px;
top:8px;
z-index:10;
}

.closed {
height:23px;
}

.select {
/* height:86px; */
overflow:hidden;
width:158px;
}

.lang_scrollbar {
position:absolute;
right:3px;
top:3px;
z-index:11;
}

.select p {
/* height:74px; */
}

.lang_scrollbar p {
background:#999;
margin:3px 0px;
width:17px;
}

.lang_scrollbar span {
display:block;
position:absolute;
}

.scroll_bottom,
.scroll_top {
height:3px;
left:0px;
position:absolute;
width:17px;
z-index:11;
}

.scroll_bottom {
background:url(../images/scrollbar_track_bottom.png) no-repeat;
bottom:0px;
}

.scroll_top {
background:url(../images/scrollbar_track_top.png) no-repeat;
top:0px;
}

.scroll_button {
background:url(../images/button_scroll.png) no-repeat;
cursor:pointer;
height:16px;
top:0px;
width:17px;
z-index:12
}

.lang_bottom,
.lang_top {
display:block;
font-size:.1em;
height:4px;
left:0px;
position:absolute;
width:158px;
z-index:10;
}

.lang_bottom {
background:url(../images/language_box_bottom.png) no-repeat;
bottom:0px;
}

.lang_top {
background:url(../images/language_box_top.png) no-repeat;
top:0px;
}

.lang_list {
background:#cbcbcb;
border:1px #838282;
border-style:none solid;
margin:4px 0px;
padding:0px 30px 0px 6px;
width:120px;
}

.lang_list li {
color:#212121;
display:none;
font-size:10px;
list-style:none;
margin-bottom:2px;
}

.select .lang_list li {
display:block;
}

.closed .lang_list {
margin:3px 0px 0px 0px;
}

.lang_list li.active {
display:block;
margin-bottom:0px;
}

.select .lang_list li.active {
margin-bottom:2px;
}

.lang_list li a,
.lang_list li a:active,
.lang_list li a:visited {
color:#212121;
display:block;
padding:2px 4px 4px 24px;
text-decoration:none;
}

.lang_list li a:hover {
color:#757575;
}

/*
.lang_de {
background:url(../images/flag_deutsch.png) no-repeat 0px 3px;
}

.lang_en {
background:url(../images/flag_english.png) no-repeat 0px 3px;
}

.lang_es {
background:url(../images/flag_espanol.png) no-repeat 0px 3px;
}

.lang_fr {
background:url(../images/flag_francais.png) no-repeat 0px 3px;
}
*/

/* End Language Selector */

/**********************************************************
*                 Accessibility Classes
**********************************************************/

/* Hide content without positioning issues. */
.invisible {
height: 0;
overflow: hidden;
}

/* Move content off screen where appropriate. */
.offscreen {
position: absolute;
left: -999em;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}

/* Completely remove content for all users.
DO NOT use this for Skip links, display:none 
hides content from screen readers! */
.remove {
display: none;
}

.clear{ clear:both;}
br.clear, div.clear {
    height: 0; width: 0; font-size:0px;
}
.aling-left{float:left; border:1px solid;
float:left;
margin:9px;}
/**********************************************************
*                 Custom Styles
**********************************************************/
/**
* Here you can add custom stles for your theme that do not fit
* into one if the modular stylesheets (such as the nodes, blocks,
* page and comments stylesheets).
*/
    
/*******
*   main container
***/
body{
    width:100%;
}
div#container{
    /* Width for IE6 */ background-color:#cccccc;
    margin:0 auto;
    padding-left:7px;
    height:auto;
    width: 988px;
    background:transparent url(../images/body.bg.gif) repeat-y top left;
}
div#main-container{
    height:auto;
    width: 980px;
    padding-right:8px;
    background:url(../images/container.right.shadow.gif) repeat-y top right;
}
#header{
    height:85px;
    width:980px;
    background:#212121;
    clear:both;
	position:relative;
	z-index:10;
}
#branding{
	position:absolute;
    left:25px;
    top:25px;
}
#branding a {
    display:block;
    height:47px;
    width:200px;
    background:url(../images/syncables_logo.horizontal.png) no-repeat top left;
}
#main-content {
    background:#FFF; /* #D2D7DD url(../images/background_buy_now_cross.png) repeat-x; */
    height:auto;
    /* padding-bottom:20px; - Removed 3/15/2010 */
    /* padding-top:1px; - Removed 3/1/2010 */
    width:980px;
	min-height:600px; /* Added - 3/15/2010 */
}
.content-buynow
{
	/*background: #D2D7DD url(../images/background_buy_now_cross.png) repeat-x scroll 0 0;*/
}
/* Top Menu */

#main-menu {
    top:36px;
    left:243px;
    width:540px;
    position:absolute;
	z-index:12;
}

a.view-cart-button {
	background:transparent url(../images/topnav/top_nav.view_cart.png) no-repeat scroll left top;
	display:block;
	width:106px;
	height:23px;
	top:36px;
	right:24px;
	position:absolute;

}
#main-menu ul li {
    float: left;
    list-style-type: none;
	position:relative;
}

#main-menu ul li a,
#main-menu ul li a:active,
#main-menu ul li a:visited {
color:#b2b2b2;
display:block;
height: 22px;
outline:none;
padding:4px 24px 0px 0px;
text-decoration:none;
}

#main-menu ul li a:hover {
color:#fff;
}

#main-menu ul li a span {
background-image:url(../images/icons.png);
background-repeat:no-repeat;
display: block;
position:absolute;
left:0px;
top:0px;
}

#main-menu .products a.product_link,
#main-menu .products a.product_link:active,
#main-menu .products a.product_link:visited  {
height:45px;
margin-top:-22px;
padding:26px 6px 0px 63px;
position:relative;
width:70px;
}

#main-menu .products a.product_link span {
background-position:-139px -2px;
height:21px;
left:22px;
top:22px;
width:31px;
}

#main-menu .products a.product_link:active,
#main-menu .products a.product_link.on,
#main-menu .products a.product_link:hover {
background-image:url(../images/icons.png);
background-position:0px 0px;
background-repeat:no-repeat;
color:#4A6278;
}

#main-menu .products a.product_link:active span,
#main-menu .products a.on span,
#main-menu .products a.product_link:hover span {
background-position:-139px -23px;
}

#main-menu .tour a,
#main-menu .tour a:active,
#main-menu .tour a:visited {
overflow:hidden;
padding-left:52px;
position:relative;
width:28px;
}

#main-menu .tour a span {
background-position:-170px -26px;
height:26px;
width:41px
}

#main-menu .tour a:hover span {
background-position:-170px 0px;
}

#main-menu .support a,
#main-menu .support a:active,
#main-menu .support a:visited {
overflow:hidden;
padding-left:50px;
position:relative;
width:50px;
}

#main-menu .support a span {
background-position:-211px -26px;
height:26px;
width:39px;
}

#main-menu .support a:hover span {
background-position:-211px 0px;
}

#main-menu .about a,
#main-menu .about a:active,
#main-menu .about a:visited {
overflow:hidden;
padding-left:58px;
position:relative;
width:58px;

}

#main-menu .about a span {
background-position:-250px -26px;
height:26px;
width:47px
}

#main-menu .about a:hover span {
background-position:-250px 0px;
}


#main-menu .submenu {
position:absolute;
top:49px;
width:295px;
display: none;
margin-left:-3px;
z-index: 100;
}

#main-menu .submenu .body {
    padding-top: 10px;
    padding-bottom: 5px;
	min-height:120px;
	_height:120px;/*For IE*/
    width: 295px;
    background: url(../images/topnav/top_nav.submenu.bg.png) repeat-y;
}

#main-menu .submenu li {
    list-style-type: none;
}

#main-menu .submenu h3 {
    color: #304355;
    font-family: "Verdana";
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 8px;
    line-height: 100%;
}

#main-menu .submenu h3.business {
    margin-top: 25px;
}

#main-menu ul li .submenu a {
    display: block;
    width: 245px; height: 15px;
    color:#1d242a;
    /*color: white !important;*/
    font-family: "Verdana";
    font-size: 12px;
    padding:0px 0px 5px 30px;
    text-decoration: none;
    background-image: none;
    line-height: 20px;
    margin-bottom: 4px;
    text-indent:0px;
}

/*
#main-menu ul li .submenu a:hover {
    color:white;
}

#main-menu .submenu a:hover {
background: url(../images/topnav/top_nav.submenu.hover.png) left center no-repeat;
margin-top:0px;
height:15px;
}

#main-menu .submenu a:hover img {
    display: block;
}

#main-menu ul li .submenu br {
    line-height:15px;
}

#main-menu .submenu img {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
}
*/

#main-menu .submenu .bottom {
    width: 295px;
    height: 20px;
    background: url(/media/images/topnav/top_nav.submenu_bottom.png) no-repeat;
}

/****
* footer
*/
#footer{
    clear:both;
   	padding:30px 0px 10px 145px;
    border-top: 4px solid #ffffff;
    min-height:110px;
    /*height:auto !important;*/
    height:220px;
    background-color:#D2D7DD;
}

#footer ul li{ 
    list-style:none;
}

#footer ul li a {
    font-size:10px;
	text-decoration:none;
    color:#666;
}

#footer ul li a:hover {
    color:#ff6600;
}

#footer ul.footer-category{
    display:block;
    float:left;
    margin-left:12px;
	margin-right:13px;
	width:129px;
}

#footer ul li.category-title{
    font-weight:bold;
    font-size: 12px;
    margin-bottom: 5px;
    color:#666;
}

#footer ul li.category-title a {
    font-weight:bold;
    font-size: 12px;
	text-decoration:none;
    margin-bottom: 5px;
    color:#666;
}

#footer ul li.category-title a:hover {
	color:#ff6600;
}

/**************** (chip-register.html)***************/

.chip {
	padding-right: 120px;
	padding-left: 40px;
	padding-top: 40px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.chip p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0.7em;
	line-height: 1.2em;
}