/* Global Reset (by Eric Meyer) */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: normal;
}
/*main divs and tags important to overall look and layout */
html {
	height: 100%;
	overflow:auto;
	font-size:108%;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	background-image: url(../images/layout/background.png);
	background-repeat: repeat-x;
	background-position: left top;
	min-width: 988px;
	height: 100%;
	font-size:.75em;

}
#page{font-family:Helvetica, Arial, sans-serif;}
a {
	font-family:Helvetica, Arial, sans-serif;
	color: #2971A7;
	outline: none;
	text-decoration:none;

}
a:hover {
	font-family:Helvetica, Arial, sans-serif;
	color: #2971A7;
	outline: none;
	text-decoration:underline;
		

}
:focus {
	outline:none;
}
a:active {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	padding:10px 0 10px 0;
}
.standardDD {
  display: block;
  margin: 1em 0;
}

.standardDD dd {
	display: block;
	margin-left: 35px;
	padding-left: 10px;
	background-image: url(../images/layout/buttons/bullet-orange.png);
	background-repeat: no-repeat;
	background-position: left center;
}
strong {
	font-weight:bold;
}
#content h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}

#content h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

#content h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
#content  h3 {
	color: #999;
	font-weight: bold;
	font-size: 1.17em;
	font-family:Helvetica, Arial, sans-serif;
	margin:14px 0 14px 0;
}

/* inlines */

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

b, strong {
  font-weight: bolder;
}

i, cite, em, var, dfn {
  font-style: italic;
}

tt, code, kbd, samp {
  font-family: -moz-fixed;
}

u, ins {
  text-decoration: underline;
}

s, strike, del {
  text-decoration: line-through;
}

blink {
  text-decoration: blink;
}

big {
  font-size: larger;
}

small {
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

nobr {
  white-space: nowrap;
}

/* titles */
abbr[title], acronym[title] {
  border-bottom: dotted 1px;
}

/* lists */

#content ul, menu, dir {
  display: block;
  list-style-type: disc;
  list-style-position:outside;
  margin: 1em 0;
  padding-left: 40px;
}

#content ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  -moz-padding-start: 40px;
}

#content li {
  display: list-item;
}
#content h2 {
	background: url(/images/layout/h2background.png) top left no-repeat;
	padding: 20px 0px 0px 60px;
	margin: 10px 0px 15px 0px;
	font-size: 1.50em;
	color: #222222;
	height: 33px;
}
#content .h2 {
	background: url(/images/layout/h2background.png) top left no-repeat;
	padding: 20px 0px 0px 60px;
	margin: 10px 0px 15px 0px;
	font-size: 1.50em;
	color: #222222;
	height: 33px;
}

#content .h2shield{
	\
	padding: 20px 0px 0px 35px;
	margin: 10px 0px 15px 0px;
	font-size: 1.50em;
	color: #222222;
	display: block;
	height: 33px;
}
#content h5 {
	font-weight:bold;
}
#content ul li {list-style-image: url(../images/layout/buttons/bullet-orange.png);}
#content ul.noArrows li{list-style-image: none;} 
.noBullets li{list-style-image:none;list-style:none;}
#background {
	display: block;
}
#all {
	font-family:Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	width: 988px;
}
blockquote {
font-size:100%;
font-style:italic;
}
#header {
	width: 988px;
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
}
#logo{margin-top:12px;}
#header_top a,#header_top a:hover {
	font-family:Helvetica, Arial, sans-serif;
	color: #FC0;
	text-decoration: none;
}
#user-details a,#user-details a:hover{font-size:1em;}
#user-details{text-align:right;}
.accountText{padding-bottom:5px;padding:1px;}
.accountTextView{padding-top:2px;}
.header-cartIcon{padding:1px 2px 0 0;}
#header_top {
	height: 83px;
	width: 968px;
	padding-right: 20px;
	padding-left: 20px;
	font-family:Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size:.83em;
}
#nasdaq {
	text-align: right;
	padding-right: 12px;
	float:right;
}
#header-extrasHolder{float:right;}
#header-account{margin:10px 0 0 20px;float:left;}
#header-freeShipping,#header-liveChat,#header-followUs{margin:16px 0 0 10px;border-right:1px solid #666;height:55px;padding-right:10px;}
#header-freeShipping h5, #header-followUs h5{color:#FC0;font-size:1.2em;font-weight:bold;}
#header-liveChat h5{color:#FFF;font-size:1.2em;font-weight:bold;}
#header-freeShipping p,#header-liveChat p{color:#ccc;padding:1px 0;font-size:1.05em;}
#header-freeShipping .ftlft,#header-liveChat .ftlft{margin-left:10px;}
#header-followUs img{margin-left:5px;margin-top:5px;}
#header_nav {
	height: 40px;
	padding-top: 0px;
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 980px;
}
#nasdaq-text{text-align:right;clear:both;}
#searchHolder{margin:8px 10px 0 0;clear:both;}
.header_text {
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 0px;
}
#underhead {
	width: 988px;
	padding-top: 20px;
}
#content {
	width: 764px;
	margin-left: 16px;
	float: left;
}
.secondset {
	width: 185px;
	float: left;
	padding-right: 7px;
}
#second_ad {
	padding-top: 15px;
	float: left;
}
#second {
	padding-top: 15px;
	float: left;
	width:764px;
	height:96px;
}
#second img {
	padding-left:8px;
}

.yellow_links a {
	font-family:Helvetica, Arial, sans-serif;
	color: #FC0;
}
#main_ad {
	float: left;
	width: 764px;
	height:400px;
}
#main {
	height:300px;
	width:762px;
	overflow:hidden;
	float: left;
}


#left_holder {
	width: 100%;
	float: left;
}

#right_side {
	float: right;
	width: 169px;
	margin-right: 19px;
}

.right_content {
	background-image: url(../images/layout/right_mid_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #333;
	height: auto;
	width: 169px;
	background-color: #CCC;
}
.right_footer {
	color: #CCC;
	font-family:Helvetica, Arial, sans-serif;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-top:0px;
	background-image: url(../images/layout/right_bottom_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	text-align: center;
	z-index: 1;
	height: 32px;
	width:169px;
	
}
.right_footer a , .right_footer a:hover
{
	color: #CCC;
	font-family:Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
}
.right_header {
	background-image: url(../images/layout/right_top_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	text-align: center;
	color: #333;
	font-family:Helvetica, Arial, sans-serif;
}
.spacer {
	height: auto;
	min-height: 120px;
	font-size: 1em;
}
.spacer img {
	z-index: 10;
}

#prod_search {
	background-image: url(../images/layout/search.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 169px;
}
#prod_search_input input {
	margin:5px 0 0 5px;
	border:none;
	font-size:1em;
	float:left;	
}
#loginActivate-btn{width:175px;}
/* footer */
#footer {
	width:951px;
	margin:50px 10px 0 15px;
	clear:both;
	float:left;
	font-size:.9em;
}
#footer ul li,.copyright ul li{list-style-type:none;}
.footer-box {
	width:951px;
	border:1px solid #BCBEC0;
	margin-bottom:12px;
	color:#939598;
	float:left;
}
.footer-header {
	width:100%;
	height:31px;
	border-bottom:1px solid #bcbec0;
	background:#f1f2f2;
}
.footer-box a {
	color:#939598;
	text-decoration:none;
}
.footer-box a:hover { color:#414042; }
.footer-header li {
	width:140px; /*165*/
	height:20px;
	padding:11px 12px 0;
	font-size:.975em;
	font-weight:bold;
	float:left;
}
.footer-content {
	clear:both;
	width:924px;
	padding:12px 13px;
	float:left;
}
.sixth-col {
	width:139px;/*164*/
	padding:0 12px;
	border-right:1px solid #E6E7E8;
	font-size:1em;
	float:left;
}
.sixth-col li {
	line-height:1.3em;
	margin-bottom:4px;
}
.first-col { padding-left:0; }
.last-col {
	border-right:none;
	padding-right:0;
	width:80px; /*for ZAGGbox */
}
.copyright {
	clear:both;
	width:930px;
	padding:0 10px;
	font-size:1em;
	color:#939598;
}
.copyright p { float:left;padding:0; }
.copyright ul, .copyright li { float:right; }
.copyright li { margin-left:20px; }
.copyright li a { color:#939598; }
.copyright li a:hover { color:#414042; }
.copyright li a span { color:#FFC20E; }
#footer-retail{
	border-top:1px solid #E6E7E8;
	padding:10px 5px;
	margin:15px 5px;
	margin-bottom:0;
	clear:both;
	float:left;
	width:100%;
}
#footer-retail div{width:100%;}
#zaggBox-footer{
	border-top:1px solid #E6E7E8;
	margin:10px 5px;
	margin-bottom:0;
	clear:both;	
	float:left;
	width:100%;
	text-align:center;
}
/* search bar 2.0*/
#search{border:1px solid #ccc;padding:4px;}
#searchBox{
	border:none;
	background:none;
}
#srch-mag{margin-right:10px;}
/* end of main css */
/* Comparison Chart */
#compChart-holder{
	padding-top:40px;	
}
.zaggbuds{width:535px;}
.zaggsmartbuds{width:635px;}
.sparq{width:760px;}
#compChart-header,#compChart-footer{
	color:#fff;
	background-color:#000;
	padding:10px 0;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	width:100%;
}
.compChartText{padding:5px 0 0 8px;text-align:left;}
.smallCheck{padding-top:5px;text-align:center;}
.lrgCheck{padding:3px;text-align:center;font-weight:bold;font-size:1.5em;background-color:#f8c91b;}
.comparisonItems{text-align:center;background-color:#c8c8c8;font-size:.88em;}
.tdBorder{background-color:#fff;width:100%;border-top:none;border-bottom:none;}
#installVideos h3,#installVideos h5{clear:both;float:left;}
#installVideos h5{margin:10px 0;}

/* generic code */
.videoBg{padding:12px;background:#231F20 url('../images/layout/video-bg.jpg') repeat-x left top;}
.text_center {text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
.margin_center{
	margin-left:auto;
	margin-right:auto;
}
.videoCenter480{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:480px;
}
.videoCenter379{ /*width = 400px */
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:379px;
}
.margin-top50{margin-top:50px;}
.margin-top40{margin-top:40px;}
.margin_top30{margin-top:30px;}
.margin-top30{margin-top:30px;}
.margin-top20{margin-top:20px;}
.margin-top10{margin-top:10px;}
.inputBtn{border:none;}
.clearboth {clear:both;}
.roundcorners10 {
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.roundcorners5 {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.round5 {
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
.round8 {
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
.round10 {
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
}

.round-bottom {
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;	
}
.round-bottom5 {
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;	
}
.round-top {
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-khtml-border-top-left-radius:10px;	
}
.round-left {
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	-khtml-border-top-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;

}
.round-right {
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-khtml-border-top-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;

}
.round-top5 {
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;	
}
.round-top-left {
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;	
}
.round-top-right {
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;	
}
.round-bottom-right {
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;	
}
.round-top-right10 {
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-top-right-radius:10px;	
}
.round-bottom-right10 {
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;	
}
.round-bottom-left {
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;	
}
.round-bottom-left10 {
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;	
}
.tab{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
.tab8{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}
.roundfile {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border:2px #dfdfdf solid;
	padding:5px;
}
.vertMiddle{vertical-align:middle;}
.cursor{cursor:pointer;}
.ftlft {
	float: left;
}
.ftrght{
	float: right;
}
.clrlft {
	clear: left;
}
#inStock{
	font-size: 10px;
	padding-top: 10px;
}
.outOfStock{
	font-size: 1.2em;
	color:#ed1c24;
	font-weight:bold;
}
.priceReg{
	font-size:36px;
	font-weight:normal;
}
.priceStrikeThrough{
	font-size:36px;
	font-weight:normal;
	text-decoration:line-through;
	color:#ed1c24;
}
.priceSuper{
	vertical-align:super;
	font-size:12px;
}
.displayNone{display:none;}
.w100p{width:100%;}
.ajax-loader {
	background: url('ajax-loader.gif') center center no-repeat;
}
.hidden{visibility:hidden;}
/* General Text */
.zaggRed{color:#ed1c24;}
.error{color:#ed1c24;}
.zaggYellow{color:#ffcc33;}
.zaggYellow2{color:#febb14;}
.zaggGreen{color:green;}
.zaggGreenNew{color:#319984;}
.zaggGray9c{color:#9c9c9c;} /* Lighter */
.zaggGray8{color:#888;}
.zaggGray6{color:#666;}
.zaggGray3{color:#333;} /* Darker */
.oblique{font-style:oblique;}
.blk{color:#000;}
.lrgText1_2{font-size:1.2em;}
.smText6{font-size:.6em;}
.smText7{font-size:.7em;}
.smText8{font-size:.8em;}
.smText9{font-size:.9em;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.conform {
	float:left;
	width:inherit;
}
p.padd0{padding:0;}
.videoTV {
	 background-image:url(/images/layout/zaggtv_videoBg.jpg);
	 background-repeat:no-repeat;
	 background-position: top center;
	 width:762px;
	 height:646px;
	 text-align:center;
	}
.bold {font-weight:bold;}
.dark_bg{
	background-image:url(/images/layout/dark_bg.png);
	 background-repeat:repeat;
}
.topBanner{
	text-align:center;
	margin: -18px 0 15px 0;
}
#submit-btn {
	height:25px;
	padding:2px;	
}
/* legacy code grandfathered in */
.prodInfo{
	float:left;
}
.cart {
	font-family:Helvetica, Arial, sans-serif;
	font-size: .75em;
	font-weight: normal;
	color: #000;
	width:169px;
}
.topborder {
	border-top-width: 1px;

	border-top-style: dotted;
	border-top-color: #FC0;
	margin-right: 20px;
}
.cart_table {
	width: 780px;
}
.cart_table tr td {
	padding-right: 20px;
	padding-left: 20px;
}
.cart_table tr .header_bg {
	background-image: url(../images/other/header_bg.png);
	height: 29px;
	background-repeat: no-repeat;
	background-position:center left;
	text-align: left;
	padding-left: 15px;
	color: #ffffff;
	font-weight: bolder;
	font-size:1.17em;	
}
.cart_table tr .header_bg_bottom {
	background-image: url(../images/other/header_bg_bottom.png);
	height: 29px;
	background-repeat: no-repeat;
}
.cat_hold {
	width: 200px;
	float:left;
}
.cat_select {
	display:block;
	padding-bottom: 15px;
}
.order_btns {
	float: left;
	padding-right: 15px;
	padding-left: 10px;
}
.checkout_btns {
	float: left;
	padding-right: 15px;
	padding-left: 10px;
}
.img_holder {
	padding-top: 15px;
}
.checkout_img {
	padding-top: 15px;
}
.accordion_content select {
	padding-bottom:2px;
}
.cat_mid_bg {
	background-image: url(../images/other/white_spacer.png);
	background-repeat: repeat-y;
}
.checkout {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.subtotal {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.checkout_hold {
	background-color: #999;
}
.cat_mid_bg select {
	margin:5px 0 0 10px;
	padding-left:5px;
}
.expand_btn {
	padding:5px 0 5px 5px;
}
#cat_container {
	width:600px;
	float:left;
	background-image:none;
	background-color:white;
}

#table_cart {
	padding: 50px;
}
#table_cart tr td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.breadcrumbs_top {
	/*border-bottom:1px solid #ccc;*/
	padding-bottom:5px;
	margin-bottom:25px;
}
.breadcrumbs_top a {
	background:url(/images/layout/buttons/bullet-orange.png) no-repeat left;
	padding-left:12px;
	margin-right:6px;
	border-bottom:none;
}
/* lists start */
.list {
	margin: -7px 0 0 12px;
	padding: 0;
	font: 1em/1.17em Helvetica, Arial, sans-serif;
}
.list li {
	list-style: none;
	padding: 8px 0 0;
}
.list li a {
	text-decoration: none;
	color: #000;
  border-bottom:none;
}
.list li a:hover {
	text-decoration: underline;
}
/* lists end */
.about_execs {
	height: 200px;
	float:left;
	width: 764px;
}
.newsFloatContainer {
	overflow:auto;
	padding:20px 0 20px 0;
	margin-bottom:10px;
}
.newsFloatLogo {
	float:left;
	width:165px;
}
.newsFloatLogo img {
	border:1px solid #7c7c7c;
}
.newsFloatContent {
	float:left;
	width:515px;
	padding-left:50px;
	padding-top:10px;
}
.newsLogo img {
	border:1px solid #7c7c7c;
}
.centerPadding {
  padding:10px;
  overflow:hidden;
}
/* form start */
.form {
	margin: 4px 0 0 4px;
}
.form input {
	float: left;
}
.form .input {
	background: url(/images/layout/input-bg.gif) no-repeat;
	width: 128px;
	height: 24px;
	float: left;
}
.form .input input {
	background: none;
	border: 0;
	color: #000;
	font: 1em Arial, sans-serif;
	width: 96px;
	margin: 1px 0 0 10px;
	padding-left: 10px;
	text-align: left;
}
.formsearch {
	margin: 20px 0 0 0px;
}
.formsearch input {
	float: right;
}
/* form end */
#pages {
	padding: 0px;
	text-align:center;
}
#pages ul {
	list-style-type: none;  
}
#pages li {
	float: left;
	display: inline;
	margin: 0 2px 0 0;
	display: block;
}
#pages li a {
	padding: 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	float: left;
}
#pages li a:hover {
	color: #000;
	background: #E1E1E1;
	border: 1px solid #9c9c9c;
}
#pages li.nolink {
	color: #CCC;
	border: 1px solid #F3F3F3;
	padding: 4px;
}
#pages li.current {
	color: #000;
	border: 1px solid #9c9c9c;
	padding:8px 4px 8px 4px;
	background: #E1E1E1;	
	margin: -4px 2px 0 0;
}	
.focus {
	padding:15px;
	text-align:center;
	color:#CC0000;
	font-weight:bold;
}
.focus_cart {
	text-align:left;
	color:#CC0000;
	font-weight:bold;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	background-image: url(https://www.zagg.com/images/other/error_form.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 50px;
}
/* legacy css end */
/* classes and such made for individual pages */

.desc {
	float: left;
	width:400px;
	padding-left:20px;
	padding-top:50px;
}
.applogo {
	float: left;
	padding-left:50px;
	padding-top:50px;
}	

#conf_call {
	background-image: url(../images/other/conf_call_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	width: 730px;
}
.mainImage2 img{
	border:1px #CCC solid;
	float: left;
	 margin-right: 20px;
}
.rightIcons {
	/*border-bottom:1px solid #ccc;*/
	padding-bottom:5px;
	margin-bottom:25px;
	float:right;
}
.rightIcons a {
	background:url(#) no-repeat left;
	padding-left:12px;
	margin-right:6px;
	border-bottom:none;
}
.rightIcons img {
	background:url(#) no-repeat left;
	border:none;
}

.youtube_container {
	text-align:center;
	padding-top:20px;
}

.prod_tab_black {
	width: 120px;
	height: 25px;
	margin-left:10px;
	float:left;
	background-color:#000;
	-webkit-border-top-left-radius:10px;
  	-webkit-border-top-right-radius:10px;
 	-moz-border-radius-topleft:10px;
 	-moz-border-radius-topright:10px;
}
.prod_tab_black a {
	display: block;
	width:120px;
	height:25px;
	color: #fff;
	font-family:Helvetica, Arial, sans-serif;
	text-align: center;
	padding-top:5px;
	
}
.prod_tab_gray {
	width: 120px;
	height: 25px;
	margin-left:10px;
	float:left;
	background-color:#ccc;
	-webkit-border-top-left-radius:10px;
  	-webkit-border-top-right-radius:10px;
 	-moz-border-radius-topleft:10px;
 	-moz-border-radius-topright:10px;
}
.prod_tab_gray a {
	display: block;
	width:120px;
	height:25px;
	color: #000;
	font-family:Helvetica, Arial, sans-serif;
	text-align: center;
	padding-top:5px;
	
}
.cat_box {
	width:700px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding:10px 15px 10px 15px;
	float:left;
	border:1px #CCC solid;
	margin-bottom:15px;
	
}

.zwear_cart {
	float:right;
	width:175px;
}
#info_holder {
	float: left;
	margin: 20px 0 0 20px;
	text-align: left;
}
.link_info {
	text-align: left;
	width: 355px;
	padding-right: 20px;
	padding-left: 35px;
	border: 2px solid #999;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display:none;
	
}
.main_page_links {
	border: 2px solid #999;
	width: 235px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.main_page_links_over {
	border: 2px solid #999;
	width: 235px;
	background-color:#ccc;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.landing_content_box {
	width:250px; 
	height:auto; 
	padding:5px;
	float:left;
	text-align:left;
	margin-right:10px;
}
.landing_content_box_links {
	padding:10px;
	margin-top:5px;
	line-height:18px;
	text-align:left;
}
.landing_content_box_links a {
	background:url(../images/layout/buttons/bullet-orange.png) no-repeat left;
	padding-left:12px;
	margin-left:10px;
	text-align:left;
}
.landing_content_box_links p {
	margin:0;
	padding:4px 0 4px 0;
	padding-right:5px;
}

/* search results*/
.searchResults{
	border:1px solid #ccc; 
	text-align:left; 
	margin:0 20px 20px;
	width:672px;
	padding:20px;	
}
.image_fix {
	float:left;
	margin-left:10px;
	}
.margin_fix {
	margin-right:20px;
}

.search_input_nobox input {
	margin:5px 0 0 5px;
	border:none;
	font-size:1em;
	outline: none;
	
}
.gray-btn input,.red-btn input,.green-btn input,.green-btn2 input{
	padding:5px 10px;
	font-weight:bold;
	text-align:center;
	display:block;
	cursor:pointer;cursor:hand;
	color:#e6e6e6;
	background:none;
	border:none;
}
a.gray-btn,a.red-btn,a.green-btn{
	padding:5px 10px;
	font-weight:bold;
	text-align:center;
	display:block;
	cursor:pointer;cursor:hand;
	color:#e6e6e6;
}
a.silverBtn{
	font-weight:bold;
	text-align:center;
	cursor:pointer;cursor:hand;
	color:#fff;
}
a.silverBtn:hover{color:#fff;}
.gray-btn:hover,.red-btn:hover,.green-btn:hover,.silverBtn:hover{text-decoration:none;}
.gray-btn:active,.red-btn:active,.green-btn:active,.green-btn2:active,.silverBtn:active{text-decoration:none;border-style:solid;}
.gray-btn{
	border:3px solid #929497;
	color:#e6e6e6;
	background:url(/images/layout/gray_btn_bg.jpg) repeat-x #333;
}
.silverBtn{
	border:1px solid #4f4f4f;
	color:#fff;
	background:url(/images/layout/silver-btn.png) repeat-x #808283;
	text-shadow: #4f4f4f 0 -1px 0;
} 
.red-btn {
	border:3px solid #929497;
	color:#e6e6e6;
	background:url(/images/layout/red_btn_bg.jpg) repeat-x #ed1c24;
}
.green-btn{
	border:3px solid #00BF08;
	color:#e6e6e6;
	background:#5FBF63;
}
.green-btn2 input{color:#fff;text-shadow:#145a45 0 -2px 0;}
.green-btn2{
	border:3px solid #ccc;
	color:#fff;
	background:url(/images/layout/green_btn_bg.png) repeat-x #1b6d59;
}
.indexSearch{
	padding:5px 10px;
	font-size:1em;
}
/* PreOrder page css */
.gray-box_preorder {
	background:url(/images/zaggbox/preorder_bg.png) repeat;
	width:280px;
	margin-left:12px;
	padding:12px;
}
.preorder-bg_preorder {
	width:200px;
	height:230px;
	padding:15px;
	margin:20px;
	background:#ffc20e;
	border:2px solid #ccc;
	border-top:none;
}
/* NEEDED for some lightview pages*/
.skin_thumbs2 {
    float: left;
    text-align: center;
    font-size: .83em;
    margin:auto;
	padding:3px;
	width:100px;
	height:210px;
}
.skin_category2 {
    width: 782px;
    float: left;
    margin:20px 2px 0 0;
}
/* CSS for fixed basket*/
#basketDiv {
	position: fixed;
	z-index: 3;
	margin-top:20px;
	/* left:-550px; to hide the content of the cart*/
	/*background-color:#FFF;*/
}
#basketDiv-cart{
	border-right:6px solid #ffcc33;
	border-top:6px solid #ffcc33;
	border-bottom:6px solid #ffcc33;
	width:544px;
}
.tab_top{
	background-color:#ffcc33;
	text-align:center;
	padding:4px 4px 0 0;
	width:35px;
}
.tab_bottom{	
	color:#ffcc33;
	text-align:center;
	padding:5px 0;
}
.tab_top:hover,.tab_bottom:hover{cursor: pointer;}
.tab_bottom,#basketDiv-cartHeader{
	background-color:#333;
	width:100%;
	float:left;
}
#rez1024 .tab_top{width:23px;padding-right:0px;}
#rez1024 .tab_top img{width:20px;height:18px;}
#rez1024 .tab_bottom{width:23px;}
.basketCheckout{width:100px;height:30px;float:right;margin:10px 20px 10px 0;}
/*.basketCheckoutBtn{text-align:center;width:100px;} use if this button is an input not an A tag */
#basketDiv-cartHeader{background-color:#333;color:#fff;}
#basketDiv-cartHeaderText{font-size:1.4em;padding:15px;}
#basket_holder{
	height:115px;
	overflow:auto;
	background-color:#eeeeee;
	border-bottom:1px solid #efefef;
	width:100%;
	clear:both;
}
#basketDiv .basket-itemHolder {
	padding:10px 0;
	width:100%;
}
#basketDiv .itemThumb{margin-right:20px;display:none;}
#basketDiv .itemDesc{width:335px;font-size:.88em;text-align:left;margin:4px 0 0 15px;}
#basketDiv .itemPrice{text-align:right;margin-left:8px;font-size:.88em;margin-top:3px;}
#basketDiv .itemQty input.itemQtyInput{
	width: 27px;
	color:#8f8f8f;
	font-size:.8em;
	text-align:right;
	border:1px solid #afafaf;
	font-size:.75em;
	padding-right:8px;
}
#basketDiv-cartBottom{background-color:#E0E4E7;float:left;width:100%;}
#basketDiv-cartBottom .freeShippingBanner{margin-left:10px;}
#basketDiv #basket-shippingFormHolder {
	padding:10px 0;
	font-size:.95em;
	border-top:1px solid #888;
	width:100%;
}
#basketDiv #basket-shippingInputHolder {
	font-size:.88em;
	width: 270px;
	margin-left:20px;
}
#basketDiv #basket-shippingOutputHolder{margin-right:20px;}
#basketDiv .basket-shipping-text{width:100px;margin-top:7px;}
#basketDiv .basket-shipping-box{width:165px;margin-top:7px;}
#basketDiv .basket-shipping-text{padding-top:3px;}
#basketDiv .basket-shipping-box input{width:70px;border:1px solid #999;}
#basketDiv .basket-shipping-box select{width:165px;border:1px solid #999;}
#basketDiv #basket-shipping-message {
	font-size:.95em;
	color:#555;
	margin-top:15px;
}
#basketDiv #subtotal-basket_table{text-align:right;margin-top:7px;}
#basketDiv .basket-rightSubtotal{padding-left:20px;}
#basketDiv #subtotal-basket_table .total_border{font-size:1.4em;}
#basketDiv #basket-rightSide {
	margin-left:10px;
	float:left;
	width:438px;
}
.total_border{border-top:1px solid #333;padding-top:5px;}
#subtotal-basket_table{text-align:right;margin-top:7px;}
.basket-rightSubtotal{padding-left:20px;}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index:1000;
  color:#000;
  font-size:110%;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:5px 7px;
  background:none;
}
/*#content div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:5px 7px;
  background:none;
}*/
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  background:none;
}/*
#content div.autocomplete ul li{
	list-style-image:none;
	margin:0;
	padding:2px;
}*/
/*New index page, if this passes please go back and erase old css*/

/*#secondBg-top{width:100%;position:relative;top:17px;}
#secondBg-bottom{width:100%;position:relative;bottom:14px;}*/
#second-holder {
	clear: left;
	float: left;
	width: 100%;
	height:250px;
	text-align:center;
	margin-top:14px;
}
#indexNavFirst{background: url(/images/other/isbgWhite.png) no-repeat left center;}
a:hover.secondImageNav #indexNavFirst{background: url(/images/other/isbg.png) no-repeat left center;}
.secondImageNav {
	float: left;
	padding:20px 10px;
	height:194px;
	width:175px;
	display:block;
	text-align:center;
	background: url(/images/layout/index_2nd-bg2.png) repeat-x left top;
}
.secondImageBorder{border-right:1px solid #efefef;}
.secondHeaderNav{display:block;float:left;width:100%;text-align:center;}
a.secondImageNav{color:#fff;text-decoration:none;}
a:hover.secondImageNav{color:#999;text-decoration:none;background: url(/images/layout/index_2nd-bg2Active.png) repeat-x left top;}
#indexNavFirst{display:block;float:left;}
#indexNavFirst h3,#indexNavFirst h5{padding-left:42px;}
#indexNavFirst .indexSubHeader{font-size:.5em;}
.secondImageNav h3{font-size:2.55em;clear:left;}
.secondImageNav h5{font-size:1.2em;clear:left;}
.newIndex {
	width:981px;
	margin-left:15px;
}
/* fixed corner image, please save for future images */
#fixedCornerImage{
	position:fixed;
	right:0;
	bottom:-3px;
}
/* http://www.zaggdesign.com/index_ns1.php styles */
#video-holder{
	background-image:url(/images/video-bg.png);
	background-repeat:no-repeat;
	width:450px;
	height:300px;
	float: left;
	/*margin-left:38px; */
}
.popular-device-list{
	width:166px;
	float:left;
	padding-top:10px;
}
#product-holder{
	width:500px;
	border-top:6px solid #CD0000;
	float:left;
	margin-top:20px;
}
#third-holder{
	 width:988px;
	 margin-top:20px;
	 float:left;
}
#video-holder object{
	position:relative;
	top:57px;
	left:38px;
}
#title-content{
	color:#CD0000;
	width:80%;
	float:left;
	font-size:1.5em;
}
#more-devices{
	width:20%;
	float:left;
} 
#products-list{
	margin-top:20px;
}
#right-prod-holder{
	width:450px;
	float: left;
	margin-left:38px;	
}
#video-below p,#video-below ul{
	padding:10px 40px;
	font-size:1.2em;
	color:#555;	
}
#video-below ul li{margin-bottom:6px;}
.anchorBoxes{border:1px solid #ccc; padding:10px; background:#fafafa;margin-top: 17px;}
.tab{background-color:#dfdfdf;width:200px;padding:8px 5px 8px 10px;margin-top:17px;}
.tabHeader{color:#3f3f3f;font-weight:bold;font-size:1.11em;}
#gadShare div:first-child {margin-top:5px;margin-left:20px;}
#gadShare div{margin-left:15px;height:57px;}
#ngen-image{width:150px;height:14px;}
/* TEMP index2.php */
#heroNav{
	background:#a5a7aa url('../images/layout/home-hero_bg.jpg') repeat-x left top;
	width:245px;
	height:338px;
}
#hero-holder{
	background:#000 url('../images/layout/home-videobg.jpg') no-repeat left top;
	width:735px;
}
#hero-1,#hero-2,#hero-3{height:338px;overflow:hidden;}
#hero-holder .hVid{width:498px;padding-bottom:17px;padding-top:18px;margin-left:118px;}
.hero-arrowHolder{width:201px;height:15px;margin:5px 0 5px 22px;float:left;}
.hero-arrow{display:block;height:15px;width:25px;cursor:pointer;}
a#uArrow{background: url('../images/layout/home-slide_uarrow.png') no-repeat center top;}
a#uArrow:hover{background: url('../images/layout/home-slide_uarrow.png') no-repeat center bottom;}
a#dArrow{background: url('../images/layout/home-slide_darrow.png') no-repeat center top;}
a#dArrow:hover{background: url('../images/layout/home-slide_darrow.png') no-repeat center bottom;}
.heroThumbs{
	padding:6px 8px 6px 22px;
	float:left;
}
.heroThumbs img{border:1px solid #999999;cursor:pointer;}
.heroThumbs.ind-active img{border:1px solid #221F1F;}
.ind-active{
	background: url('../images/layout/home-indbg.png') no-repeat left top;
}
#slideshow-nav {
	height:28px;
	position:absolute;
	bottom:0;
	right:10px;
	z-index:6;
	border-bottom:1px solid #b3b3b3;
}
#hero-holder #crossfade-slides {
	width:735px;
	height:338px;
	position:relative;
}
#hero-holder #crossfade-slides li {
	width:735px;
	height:338px;
	position:absolute;
	top:0;
	right:0;
	visibility:hidden;
}
/* Slideshow nav */
#slideshow-nav {
	height:28px;
	position:absolute;
	bottom:0;
	right:10px;
	z-index:6;
	border-bottom:1px solid #b3b3b3;
}
.slidenav-btn {
	width:15px;
	width:16px;
	padding:6px 8px 4px;
	background:#fff;
	float:left;
	display:block;
}
.slidenav-btn:hover { background:#d7d7d7; }
.slidenav-btn:active { background:#b3b3b3; }
.slide-left-arrow, .slide-right-arrow {
	width:15px;
	height:16px;
	background:url(/images/zaggbox/slideshow_arrows.png) no-repeat;
}
.slide-pause {
	width:15px;
	height:16px;
	background:url(/images/zaggbox/slideshow_pause.png) no-repeat;
}
.slide-start {
	width:15px;
	height:16px;
	background:url(/images/zaggbox/slideshow_play.png) no-repeat;
}
.slide-left-arrow { background-position:0 0; }
.slide-right-arrow { background-position:-16px 0; }
.slide-count {
	height:22px;
	background:#fff;
	color:#515151;
	float:left;
	padding:5px 8px 2px;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	font-size:1.25em;
}
/* 404 page */

#page404{
	margin-left:20px;
	color:#555555;
}
#page404 h2{
	background-image:none;
	font-size:1.25em;
	font-weight:bold;
	height:19px;
	margin:0;
	padding:5px;
}
#header-main-404{
	color:#3D3D3D;
	margin-left:30px;
	padding-bottom:40px;
}
#page-404-right{
	width:575px;
}
.page-404-left{
	padding-left:10px;width:300px;
}
#links-404-header{
	background-color:#555555;margin:30px 0 5px 0;
}
#reasons-404-header{
	background-color:red;
}
.site-map-dash{
	border-bottom:1px dashed gray;width:10px;height:36px;float:left;
}
.site-map-text{ 
	float:left;margin:28px 2px 0 2px;	
}
#site-map-vdash{
	border-left:1px dashed gray;height:255px;width:1px;margin-left:10px;float:left;
}
#linkListHolder{
	font-size:1.1em
} 
.help-links{
	border-bottom:1px solid #555555;
	color:grey;
	display:block;
	float:left;
	margin:0 5px;
	padding:2px;
	text-align:left;
	width:140px;
} 
.help-links:hover{
	color:grey;
	text-decoration:none;
	background-color:#EBEBEB; 
}
#reasons-links{
	width:325px;
}
#reasons-links ul li{list-style:disc;} 
#reasons-links ul li{margin-bottom:8px;margin-left:-20px;}
#reasons-links ul li{font-size:1.1em;}
.site-map-link{
	color:#555555;	
}
.site-map-link:hover{
	text-decoration:none;
}