@charset "UTF-8";
/* CSS Document */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	text-align: center;
	background: url(/img/devices/background_repeat.jpg) repeat-x #fff;
	
}
#site_container
{
	margin: 0px auto;
	text-align: center;
	background: url(/img/devices/background.jpg) no-repeat;
	width: 924px;
	height: 665px;
	border: 0px solid;
}	

#site_container_sub
{
	margin: 0px auto;
	text-align: center;
	background: url(/img/devices/background_sub.jpg) no-repeat;
	width: 924px;
	height: 665px;
	border: 0px solid;
}	

#header
{
	width: 924px;
	
	position: relative;
	top: -15px;
}

#header .nav
{
	width: 452px;
	height: 37px;
	border: 0px solid;
	float: right;
	padding-right: 40px;
	position: relative;
	top: 15px;
	
	/*background: url(/img/devices/top_nav_background.jpg) no-repeat;*/
	
	color: #fff;
	font-size: 10px;
	text-align: left;
	
}

#header .nav .items
{
	padding-top: 11px;
	float: left;	
	position: relative;
	left: 11px;
	padding-right: 45px;
}

#header .nav .items a
{
	color: #fff;
	text-decoration: none;
}

#header .nav .items a:hover
{
	color: #ccc;
	text-decoration: none;
}

#header .nav .seperator
{
	border: 0px solid;
	float: left;
	position: relative;
	top: 11px;
	text-align: left;
}

#header .nav .icons
{
	
}

#header .logo
{
	border: 0px solid;
	float: left;
}

#header .tagline
{
	border: 0px solid;
	float: right;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -90px;
	right: 38px;
	
}





#slider_container
{
	width: 400px;
	height: 300px;
	overflow: hidden;
	float: left;
	clear: both;
	position: relative;
	top: -90px;
	padding: 0px;
	margin: 0px;
	margin-left: 25px;
	
}

#slider_container #slider
{
	width: 1800px;
	float: left;
	clear: both;
	overflow: none;
	text-align: left;
}



.frame
{
	border: 0px solid;
	width: 400px;
	float: left;
}

#headline
{
	float: right;
	clear: right;
	border: 0px solid;
	padding-right: 160px;
	position: relative;
	top: -42px;
}

.red
{
	background-color: #cc6600;
	border: 2px solid;
}


.buttons
{
	border: 0px solid;
	text-align: left;
	padding-top: 15px;	
}

#tabs
{
	position: relative;
	top: -145px;
	float: left;
	left: 20px;
	margin: 0px;
	padding: 0px;
	width: 882px;
}


#main_text_container
{
	float: none;
	clear: both;
	position: relative;
	top: -140px;
	
	padding: 0px;
	margin: 0px;
	padding-left: 50px;
}

#main_text_container .main_text
{
	float: left;
	text-align: left;
	color: #333;
}

h3
{
	font-size: 19px;
	text-decoration: none;
	font-weight: normal;
	margin-top: 15px;
}

ul
{
	margin-top: -5px;
}

li
{
	font-weight: normal;
	font-size: 12px;
	margin-left: 0px;
	margin: 0px;
	line-height: 21px;
	margin-left: -20px;
}

.iphone_store
{
	position: relative;
	top: 45px;
	margin: 0px
	padding: 0px;
}

img
{
	border: 0px solid;
	margin: 0px;
	padding: 0px;
}
/*--------------< < << bottom body part >> > >---------------*/
#botBody{
	width:851px; margin:0px auto;  padding:0 0 0 0;
	border: 0px solid #cc6600;
	position: relative; top: -40px;
	
	}

.subheaddiv{ border: 0px solid;  z-index: 100; width: 851px; min-height: 623px; overflow: hidden; background:url(/img/devices/sub_div_bg3.gif) no-repeat; }
#highlight{
	width:851px; margin:0 auto; padding:0px 0 40px 0;
	}
#highlight h3{
	font-size:24px;color:#4D4D4D; width:780px;text-align:left;
	float:left; font-weight:normal; padding-left:35px;
	}
#highlight p.text{
	width:780px; float:left; padding-left:35px; font-size:14px; line-height:19px;text-align:left;
	}
#main-content {
	float: left;
	width: 780px;
	min-height:450px;
	padding: 0 0 0 0;
	margin:0 0 37px 37px;
	background:url(/img/devices/inner_bg.gif) no-repeat;
}
#inner_main {
	float: left;
	width: 720px;
	min-height:400px;
	padding: 0 0 0 0;
	margin:20px 0 25px 25px;
}
/*tab style*/
.arrowlistmenu{
width: 724px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #4D4D4D;
height:23px;
text-align:left;
background: url(/img/devices/tab_bar2.gif) no-repeat center left;
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
padding: 8px 0 0 10px; /*header text is indented 10px*/
cursor: hand;
vertical-align:middle;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/img/devices/tab_bar.gif);
color:#FFFFFF;
}
/*End of tab style*/

#page {
	width: 720px;
	margin:0px;
	padding: 0px 0px 0px 0px;
}

/* Content */
#sidebar1 {
 	margin:0px;
    float: left;
	width: 99px;
	padding: 10px 20px 0px 0px;
}
.sidebar2 {
    float: left;
	width: 480px;
	padding: 0px 0px 0px 0px;
}
.sidebar2 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.sidebar2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.sidebar2 ul li a{
background:#F3F3F3;
color: #8A8A8A;
/*background: url(arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 2px 0;
text-align:left;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

.sidebar2 ul li a:visited{
color: #000000;
background-color: #F3FAE9;
}

.sidebar2 ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #F3FAE9;
}
#sidebar3 {
    float: left;
	width: 119px;
	padding: 0px 0px 0px 0px;
}
#side3 {
    float: left;
	margin-left:3px;
	width: 119px;
	height:25px;
	border-bottom: 2px solid #fff;
	padding: 0px 0px 0px 0px;
	background-color:#F3F3F3;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#008000;
	line-height:29px;
}
#side3 a{
	color:#008000;
	text-decoration:underline;
}
#side3 a:hover{
	color:#008000;
	text-decoration:underline;
	font-weight:bold;
}
.radios
{
	font-size: 100%;
}

.sub_text
{
	font-size: 11px;
	color: #888;
	clear: both;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
}

#cart
{
	border: 0px solid #cc6600;
	width: 725px;
	height: 130px;
	clear: both;
	margin: 0px auto;
}



#cart #left_side
{
	border: 0px solid #000;
	width: 450px;
	float: left;
	margin-top: 36px;
}

#cart #right_side
{
	border: 0px solid #000;
	width: 220px;
	float: right;
	margin-top: 38px;
	background: url(images/price_bg.jpg) no-repeat;
	
	height: 87px;
}

#cart #left_side
{
	border: 0px solid #000;
	width: 450px;
	float: left;
	margin-top: 36px;
}

#cart #left_side .content{
	
	width: 370px;
	float: right;
	text-align: left;
	padding-left: 30px;
	font-size: 13px;
	color: #555;
	margin-top: 7px;
	border: 0px solid #cc6600;
}


#cart #left_side .device
{
	float: left;
	border: 0px solid;
}

.total_charges
{
	padding-top: 20px;
	float: left;
	width: 110px;
	margin-left: 10px;
	font-size: 13px;
	color: #222;
	border: 0px solid;
	text-align: left;
}

.price
{
	margin-top: 15px;
	margin-left: 18px;
	float: left;
	font-size: 25px;
	color: #008000;
	border: 0px solid;
}

.disclaimer
{
	font-size: 10px;
	color: #888;
	margin-left: 19px;
	text-align: left;
	clear: both;
}

.form
{
	float: left;
	text-align: left;	
	font-size: 12px;
	color: #666;
	margin-left: 12px;
}

.form input
{

}

.left_element
{
	float: left;
	clear: left;
	border: 0px solid;
	margin-bottom: 10px;
}

.large_element
{
	border: 0px solid #cc6600;
	width: 602px;
	margin-bottom: 10px;
}

.right_element
{
	float: right;
	border: 0px solid;
}

.breaker
{
	margin-bottom: 25px;
	clear: both;
}

#disclaim_small
{
	font-size: 10px;
	width: 600px;
}
.subheaddiv_reg{ border: 0px solid;  z-index: 100; width: 851px; min-height: 623px; overflow: hidden; background:url(/img/images/subPage_background_reg.gif) no-repeat; }