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

body {
	background: url(/layout/bg_strip.jpg) repeat-x top #e1e1e1;
	margin: 0px;
	padding: 0px;
	font-family: "Arial";
	position: relative;
}

#splash_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 540px;
	overflow: hidden;
	border: 0px #f00 solid;
}
#page { 
	/*width: 1159px;*/
	height: 714px;
	margin: 0px auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	top: -36px;
}
#headerContainer {
	background-color: #000;
	position: relative;
	z-index: 20;
}
#headerImageContainer {
	position: absolute;
	z-index:10;
	top: 0px;
	margin: 0px auto;
	text-align:center;
	width: 100%;
}
#header_image {
	text-align:left;
	margin: 0px auto;
	width: 875px;
}
#bg_texture {
	position: absolute;
	background: url(/layout/texture.jpg) no-repeat top;
	width: 100%;
	height: 714px;
	display: none;
}

#logo {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 30;
	text-align: center;
	width: 100%;
}
#inner_logo {
	text-align: right;
	margin: 0px auto;
	width: 875px;
}

#top_nav {
	position: relative;
	z-index: 40;
	width: 700px;
	margin: 0px auto;
	color: #FFF;
	padding: 10px 200px 10px 10px;
	text-align: center;
	font-size: 12px;
	height: 18px;
	font-family: "Arial";
}
#top_nav .topnav_link {
	margin: 9px;
	cursor:pointer;
}
#phone_container {
	width: 977px;
	margin: 0px auto;
	padding-top: 95px;
	position: relative;
	top: 35px;
	z-index: 20;
}

#phone_bg {
	position: absolute;
	z-index: 10;
}

/* ///////////////////////////////
// LEFT NAV STYLE
///////////////////////////////*/
#left_nav {
	position:absolute;
	z-index: 20;
	top: 137px;
	left: 44px;
	border: 0px #FFF solid;
	height: 550px;
	width: 75px;

}
#left_nav_bg{
	position: absolute;
	left: -43px;
}

#left_nav_cover {
	position: absolute;
	top: 137px;
	left: 1px;
	z-index: 21;
}
#left_nav_shadow {
	position: absolute;
	left: -42px;
	top: 0px;
	z-index: 5;
}
.leftbuttons {
	/* TOTAL WIDTH 75 */
	/* TOTAL HEIGHT 135 */
	float: left;
	width: 61px;
	height: 131px;
	margin: 2px 0px 2px 10px;
	padding: 0px 4px 0px 0px;
	background-color: #1a1a1a;
	color: #FFFFFF;
	border-left: 0px #666 solid;
	border-right: 2px #000 solid;
	border-top: 1px #858585 solid;
	border-bottom: 1px #151515 solid;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

#left_nav .red span, #left_nav .green span, #left_nav .blue span  { background-image: url(/layout/leftnav_over.png); border-bottom: 1px #151515 solid; }

#btn1, #btn2, #btn3, #btn4 {  opacity: 1; }

.leftbuttons span { 
	position: relative; 
	z-index: 7; 
	border:0px #fff solid; 
	height: 74px;
	width: 59px;
	display: inline-block;
	padding: 57px 2px 0px 0px;
}

/* ///////////////////////////////
// PROVINCE BUTTON STYLE
///////////////////////////////*/

#province_nav {
	position: absolute;
	z-index: 50;
	top: 330px;
	left: 905px;
	width: 60px;
}

.province_btn {
	float: left;
	width: 60px;
}

#innerContainer {
	position: relative;
	z-index: 50;
	top: 44px;
	left: 122px;
	width: 780px;
	height: 540px;
	margin: 0px;
	padding: 0px;
	border: 0px #fff solid;
}

/* ///////////////////////////////
// TOP BUTTON STYLE
///////////////////////////////*/

#inner_top_nav {
	margin-bottom: 5px;
	background-color: #000;
	margin:-4px -3px 5px -1px;
	padding: 4px 0;
}
.topbuttons {
	display: inline-block;
	color: #999;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 10px;
	margin: 0px 3px;
	width: 115px;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	background: url(/layout/topbutton_bg.png) repeat-x top;
}
#inner_top_nav .on { background: url(/layout/topbutton_on_bg.png) repeat-x top; color: #CCC; }
#inner_top_nav .over { background: url(/layout/topbutton_over_bg.png) repeat-x top; color: #CCC; }

#mainContent {
	position: relative;
	color: #FFF;
	padding: 5px 15px 5px 15px;
	height: 530px;
	width: 750px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* ///////////////////////////////
// TOP SUB NAV STYLE
///////////////////////////////*/

.topSubNav {
	background: #fff;
	padding: 8px;
	margin: -5px -2px 0px 3px;
}

.topSubNav span { 
	padding: 15px;
}
.topSubNav a:link, .topSubNav a:active, .topSubNav a:visited { color: #000; text-decoration: none; }

/* ///////////////////////////////
// PROMOTION STYLES
///////////////////////////////*/

#promo_box {
	width: 392px;
	border: 0px #0CF solid;
}
.promo_content {
	border: 3px #000 solid;
}
.highlight_content {
	position: relative;
	margin-top: -3px;
	overflow: hidden;
}
.promo_item {
	position: absolute;
	top: 0px ;
	left: 0px;
}
.title_box {
	display: inline-block;
	text-transform: uppercase;
	padding: 7px 15px 7px 15px;
	margin-left: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	background: url(/layout/page_header_bg.png) repeat-x top;
}

/* ///////////////////////////////
// HIGHLIGHT STYLES
///////////////////////////////*/

#highlight_box {
	width: 327px;
	float: right;
}
#highlight_box .title_box  {
	margin-left: 180px; 
}
.highlight_content {
	height: 272px;
	background: #FFF;
	margin-right: 8px;
}
#highlight_nav {
	width: 170px;
	float: left;
	border: 0px #f00 solid;
	text-align: right;
	padding: 5px;
	margin: 5px 0px -30px 0px;
}
#highlight_nav span {
	margin: 0px 5px;
	cursor: pointer;
	font-size: 10px;
}

/* ///////////////////////////////
// LOCATION STYLES
///////////////////////////////*/

.location_container {
	margin: 7px;
	/*background: url(../layout/box_bg_green.png) bottom repeat-x;*/
}
.location_container h4 {
	background-color: #000000;
	border: 1px #999999 solid;
	padding: 7px;
	margin: 0px;
}
.location_container .image {
	margin: 7px;
	border: 0px #aaa solid;
	width: 423px;
	float: left;
}

.location_container .info {
	width: 275px;
	float: right;
}

/* ///////////////////////////////
// PRODUCT STYLES
///////////////////////////////*/

.side_container {
	display: inline-block;
	float: right;
	margin: 0px 10px 10px 10px;
}

.phone_image, .accessories_container {
	padding: 10px;
	background-color: #FFFFFF;
	border: 4px #000 solid;
}

.buynow_btn {
	text-align: center;
	font-weight: bold;
	padding: 7px 15px;
	color: #FFF;
	background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) repeat-x scroll 50% 50%;
}
.phone_image { text-align: center; }

.accessories_container {
	clear: right;
}

.accessory {
	color: #000000;
	margin: 5px 0px;
}

.acc_cont {
	width: 200px;
	display: inline-block;
	float: left;
	margin: 6px;
	padding: 6px;
	min-height: 200px;
	border : 1px #000 solid;
	text-align: center;
}
.acc_title {
	font-size: 10px;
	font-weight: bold;
}
.acc_price { 
	font-size: 10px;
	color: #C00;
	font-weight: bold;
}
/*
.productSection { position: relative; margin: 0px 0px 10px 0px; }
.productSection .sectionMake { width: 120px; padding: 10px 0px 10px 30px; display: inline-block; float:left; font-weight: bold; position: relative; z-index: 5; }
.productSection .sectionModels { width: 580px; padding: 10px 0px 10px 0px;  margin-left: 150px; position: relative; z-index: 5; }
*/

.productSection { position: relative; margin: 0px 0px 10px 0px; padding: 5px; background-color: #000; border: 1px #aaa solid; overflow: hidden; width: 710px; height: 165px; }
.sectionMarquee { position: absolute; top: 0px; left: 30px; width: 5000px; z-index: 5; }
.productSection .title_bar { position: relative; z-index: 5; }

.productSectionPhoneContainer { width: 133px; text-align:center; float: left; }
.productSectionPhone { padding: 5px 0px; display: inline-block; height: 110px; width: 110px; border: 3px #879d3f solid; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; text-align:center; margin:5px; }
.productSectionPhone img { max-height: 110px; max-width: 100px; }
.productSectionLink {  }

.prev, .next { position: absolute; top: 0px; left: 0px;  z-index: 10; display: inline-block; background: #000; height: 160px; padding-top: 15px; cursor: pointer; }
.next { left: 692px;  }

.productSectionWhite { position: absolute; z-index: 2; top: 0px; right: 0px; width: 590px; overflow: hidden; }
.product_item {
	margin: 0px 10px 5px 10px;
	display : inline-block;
	position: relative; z-index: 5;
}
.product_item a {
	white-space: nowrap;
	color: #272700 !important;
	text-decoration: none;
}


/* ///////////////////////////////
// NEWS STYLES
///////////////////////////////*/

.archiveNewsItem {
	width: 80%;
	margin: 0px auto;
	border-bottom: 1px #999 solid;
}
.news_date {
	float: right;
	font-style: italic;
	font-weight:bold;
}
.archiveNewsItem h4 { }

/* ///////////////////////////////
// CART STYLES
///////////////////////////////*/

.cust_input { 
	width: 325px;
}

/* ///////////////////////////////
//  SITE MAP STYLES
///////////////////////////////*/

#browser li {
	list-style:none;
	padding: 1px;
}

#browser li a:link,#browser li a:active, #browser li a:visited { color: #FFF; text-decoration: none; }
#browser li a:hover { color: #900; }

/* ///////////////////////////////
//  SEARCH STYLES
///////////////////////////////*/

#searchContainer { display:inline-block;float:right;padding:6px;cursor:pointer;position:relative; }
#search_trigger {
}
#searchWidget {
	position: absolute;
	top: 43px;
	left: -320px;
	z-index: 100;
	padding: 10px;
	background: #666;
	border: 1px #CCC solid;
}
#searchWidget input {
	font-size: 10px;
	width: 295px;
}
#searchWidget .dim { color: #aaa; font-style: italic; }

.searchResults li { padding: 5px; }

/* ///////////////////////////////
//  FORM STYLES
///////////////////////////////*/
.formContainer  { padding: 5px; }
.formContainer table { border-spacing: 5px;  }
.formContainer table td {  font-size: 12px; }
.formContainer table th.form-header { font-size: 16px; font-weight: bold; padding: 5px; }
.formContainer table td.form-header .Secondary { font-size: 14px; font-weight: bold; padding: 5px; background: #575757; color: #fff;  }
.formContainer table th.submitRow { text-align: center; padding: 10px; background: #212121; }
.formContainer  input[type='text'] { width: 640px; }
.formContainer  textarea { width: 640px;; }
.formContainer  .form-label { width: 640px; }
.formContainer  .form-input { width: 640px; }