html,body{
	margin:0px;
	padding:0px;
	/*
	background-color:#F2CB79;
	tech_pattern.jpg #00a400
	background-size: 8%;
	*/
	background: #2e9921 url('../images/background.png') repeat-x;
	
}
.s3sliderImage span{
	display:none !important;
}
#preview{
	padding: 5px;
	background-color: white;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid gray;
}
.modal{
	display:none;
	position:fixed;
    z-index:1000;
    height:128px;
    width:128px;
	top: 20%;
	left: 50%;
	margin-top:-64px;
	margin-left:-64px;
    background:rgba( 255,255,255, 1 ) 
                url('../images/loading.gif') 
                100% 100% 
                no-repeat;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid gray;
}
.gsc-control-cse,.gsc-control-cse{
	margin:0px !important;
	padding:0px !important;
}
.gsc-adBlock,.gsc-resultsHeader{
	display:none !important;
}
.gsc-wrapper,.gsc-above-wrapper-area{
	border:none !important;
}
.gsc-table-result,.gsc-webResult{
	padding: 0px !important;
	margin: 0px !important;
	border:none !important;
	text-align:left !important;
}
.gs-title{
	line-height: 15px;
}
#close_img{
	font-size:16pt;
	float:left;
	margin-left:10px;
	margin-top:10px;
	font-weight: bolder;
	border:1px solid black;
	background: #ebebeb;
	width:22px;
	height:24px;
	text-align: center;
}
#preview_img {
	display:none;
	text-align: center;
	border: 1px solid gray;
	position:fixed;
    z-index:99999;
    height:auto;
    width:700px;
	top: 0;
	left: 50%;
	padding: 10px;
	margin-top:0px;
	margin-left:-350px;
    background:rgba( 255,255,255, 1 ) 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#swiffycontainer{
	height:258px !important;
	width:598px !important;
	margin:auto;
	zoom:1;
	cursor: pointer;
}
@media only screen and (max-width: 900px) {
	#swiffycontainer{
		zoom:0.8;
	}
}

@media only screen and (max-width: 768px) {
	#preview_img{
		margin-left:-50%;
    	width:100%;
	}
	#swiffycontainer{
		zoom:0.7;
	}
}
@media(max-width:480px){
	#preview_img{
		margin-left:-50%;
	    width:100%;
	}
	#swiffycontainer{
		zoom:0.5;
	}
}

#preview_img img{
	height:100%
	margin:5px;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/* MENU */

#nav {
 float: left;
 margin: 0; padding: 0;
 border-bottom: none;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
	list-style-type: none;
	display:block;
	border: 2px solid #3388bb;
	background-color:#00aaff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-right: 3px;
	padding:2px;
	color:white;
}

#nav li a:hover {
 background: #3388bb;
 background: -moz-linear-gradient(top, #00aaff, #3388bb);
 background: -webkit-gradient(linear, left top, left bottom, from(#00aaff), to(#3388bb));
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
	
}

#nav li ul {
 z-index: 999999999;
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
}

#nav li:hover > ul {
 /*display: block;*/
}

#nav li ul li, #nav li ul li a {
 float: none;
}
#nav li ul li a {
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 border-top:1px solid #ebebeb;
 padding-top:3px;
 margin-left: 0px;
}
#nav li ul li {
 border:none;
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 font-size: 0.8em;
 width: 200px;
 display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}

.row{
	background-color:#fffaf5;
}
.columns{
	background: #fffaf5;
}

.category{
	position:relative;
	width:120px;
	height:90px;
	vertical-align:top;
	display:inline-table;
	font-size:0.8em;
	line-height:1em;
	text-align:center;
	padding-bottom:5px;
}

.slider_nav{
	height:2em;
	font-size:1.5em;
	width:100%;
}
#product_search_list{
	display:inline-block;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-type: none;
	height: auto;
}
.product_list{
	display:inline-block;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-type: none;
	height: auto;
	font-size:0.8em;
}
.small_product_box_li {
	font-size: 0.9em;
	background: white;
	list-style: none;
	width: 8em;
	height: 22em;
	display: inline-block;
	font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	margin-left: 0.3em;
	margin-right: 0.1em;
	margin-bottom: 0.5em;
	padding: 0;
	float: left;
	border: 1px solid #ebebeb;
	vertical-align:text-top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	
}
.small_phone_box_li {
	font-size: 0.9em;
	background: white;
	list-style: none;
	width: 8em;
	height: 15	em;
	display: inline-block;
	font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	margin-left: 0.3em;
	margin-right: 0.1em;
	margin-bottom: 0.5em;
	padding: 0;
	float: left;
	border: 1px solid #ebebeb;
	vertical-align:text-top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
}
li{ /*Fix Issue with Flicker on Safari*/
	/*-webkit-transform: translate3d(0,0,0);
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;*/
}
.small_product_name{
	font-size: 0.9em;
	text-align: center;
	line-height: 1.2em;
	height:4.7em;
	overflow: hidden;
	margin: 5px;
}
.round{
	border: 1px solid #ebebeb;
	vertical-align:text-top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.shadow{
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
}
.round_shadow{
	border: 1px solid #ebebeb;
	vertical-align:text-top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
}
.top_level{
	z-index: 999990;
}
.small_product_img{
	position:relative;
	text-align:center;
	height:10em;
	width:100%;
	background-color: white;
	background:url(../images/thumb_frame.png) no-repeat;
	background-position:50% 90%;
}
.small_phone_img{
	position:relative;
	text-align:center;
	height:11em;
	width:100%;
	background-color: white;
	background:url(../images/thumb_frame.png) no-repeat;
	background-position:50% 90%;
}
.small_phone_img img{
	text-align: center;
	margin:auto;
	max-width: 100%;
	max-height: 100px;
	overflow: visible;
}
.small_product_img img{
	text-align: center;
	margin:auto;
	max-width: 100%;
	max-height: 80px;
	overflow: visible;
}
#main_product_img_box{
	position:relative;
	height:300px;
	max-width: 300px;
	margin:auto;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size:contain;
	background-size: contain;
	z-index: 9999;
	cursor: pointer;
	background: white;
}
	
#main_product_img_box div{
	position: absolute;
	left: 50%;
	bottom: 3px;
	margin-left: -25%;
	text-shadow: 1px 1px orange;
}

#main_product_img_box img{
	max-height:295px;
}

#main_product_img{
	position:absolute;
	min-height:300px;
	top: 0;
	left:0;
	z-index: 9999;
}
#img_thumb_container{
	display:inline-block;
	padding:0px;
	margin:5px;
	width:95%;
}
.img_thumb img{
	display:inline-block;
	max-width: 100px;
	width:24%;
	border:1px solid gray;
	margin-right:2px;
	margin-bottom:2px;
}

.item_info{
	text-align:center;
	line-height:1.2em;
	font-size:0.95em
}
.item_num{
	display: block;
	padding-bottom: 2px;
}
.was_price{
	text-decoration:line-through;
	color:red;
}
.item_price{
	font-weight: bold;
	font-size:1.1em;
}
.product_image_container{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index: 9999;
}
#checkout_arr{
	display:none;
}
.addToCartBtn,.addToCartBtn_details {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size: 0.9em;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cd8a15;
	margin-top: 5px;
	cursor: pointer;
}.addToCartBtn:hover {
	cursor:pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}.addToCartBtn:active {
	position:relative;
	top:1px;
}
.full_cart_box{
	border:1px solid gray;
	margin-bottom:2px;
	font-size:0.9em;
	background:white;
	min-height: 5.5em;
	max-height: 9em;
	width:100%;
}
.full_cart_img{
	width:20%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	background:white;
}
.full_cart_name{
	width:40%;
	display:inline-block;
	margin-left:0.5em;
	vertical-align:middle;
	overflow:hidden;
}
.full_cart_price{
	width:15%;
	display:inline-block;
}
.full_cart_qty{
	width:18%;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
input[type="checkbox"]{
	font-size: 110%;
}
.display{
	width:100%;
}
.display th{
	text-align: center;
}
.gray_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:black;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:35px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.gray_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.gray_btn:active {
	position:relative;
	top:1px;
}
.green_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}.green_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
	color:#ebebeb;
}.green_btn:active {
	position:relative;
	top:1px;
}
.addToCartBtn_old {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 3px 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 0.9em;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.addToCartBtn_old:hover {
   border-top-color: #28597a;
   background: #3b89bd;
   color:yellow;
}
.addToCartBtn_old:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

#phone_search{
	font-size:10pt;
}
#product_search{
	margin-bottom:5px;
	margin-top:15px;
}
#clear_search{
	display:none;
	float:right;
}
input[type="text"]{
	padding: 5px;   
	border: 1px solid #DDDDDD;
	
	/*Applying CSS3 gradient*/
	background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
	background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
	
	/*Applying CSS 3radius*/   
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	/*Applying CSS3 box shadow*/
	-moz-box-shadow: 0 0 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;
}
input[type="text"]:hover
{
	border:1px solid #cccccc;
}
input[type="text"]:focus
{
	box-shadow:0 0 2px #2f97cd;
}
@media(max-width:480px){
	#s3slider {
		height: 130pt !important;
	}
}
#s3slider {
    width: 100%; /* important to be same as image width */
    height: 190pt; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    z-index: 5;
}
#s3sliderContent {
    width: 100%; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
    list-style-type: none;
}
.s3sliderImage {
    text-align:center;
    position: relative; /* important */
    display: none; /* important */
    
}
.s3sliderImage span {
	text-align:left;
    position: absolute; /* important */
    left: 8%;
    font: Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 85%;
    background-color: #ffffff;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.6; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.6; /* here you can set the opacity of box with text */
    opacity: 0.6; /* here you can set the opacity of box with text */
    color: #000000;
    display: none; /* important */
    bottom: 0; /*
        if you put top: 0;  -> the box with text will be shown 
                                at the top of the image
        if you put bottom: 0;  -> the box with text will be shown 
                                at the bottom of the image
    */
}
.clear {
    clear: both;
}
#logo{
	padding:5px;
}
.account td{
	font-weight: bold !important;
}
#account_pane{
 background: #3388bb;
 background: -moz-linear-gradient(top, #00aaff, #3388bb);
 background: -webkit-gradient(linear, left top, left bottom, from(#00aaff), to(#3388bb));
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:white;
	margin:5px;
}
#account_pane a{
	color:#fff;
	border-bottom: 1px solid #fff;
}
#account_pane a span{
	white-space:nowrap;
}
#account_pane p{
	text-align: center;
	line-height:2em !important;
	margin:2px;
}
#phone_search_box{
	background-color:#00aaff;
	padding:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:5px;
	margin-top: 13px;
	position: relative;
}
#phone_search_box input{
	margin:0px;
}
#phone_select_box{
 background: #3388bb;
 background: -moz-linear-gradient(top, #00aaff, #3388bb);
 background: -webkit-gradient(linear, left top, left bottom, from(#00aaff), to(#3388bb));
	padding:3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#phone_select_box select{
	margin:0.3em 0 0.3em 0;
}
#product_search_box{
	background-color:#00aaff;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:5px;
}
#product_search_box input{
	margin:0px;
}
#search_result_text{
	white-space:nowrap;
}
#search_result_box{
	display:none;
}
.filter fieldset{
	font-size:0.7em;
	display:inline-block;
	float:right;
	padding:2px;
	padding-top:5px;
	margin-top:0px;
	margin-right:5px;
	line-height:8px;
	height: auto;
}
.filter fieldset label{
	display:inline;
	margin-right:5px;
	white-space: nowrap;
}
#testimonials{
	background-color:#ffffff;
	padding:3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:5px;
	font-size:0.6em;
	height:90px;
	overflow:hidden;
	border:2px solid #00aaff;
}
#testimonials h3{
	line-height:10px;
}
.hr{
	margin:0px;
	margin-bottom:5px;
	width:100%;
	border-top:2px solid #ebebeb;
}
#top_menu{
	margin:0px;
}
#top_menu li{
	list-style-type: none;
	display:inline-table;
	border: 2px solid #3388bb;
	background-color:#00aaff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: -7px;
}
#top_menu li a{
	padding:3px;
	color:white;
}
#account_pane p{
	line-height:10px;
}

#product_description *{
	border: none;
	color: #000;
	display: block;
	font: normal;
	height: auto;
	letter-spacing: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-transform: normal;
	visibility: visible;
	word-spacing: normal;
	z-index: auto;
}

#product_description strong{
	display: inline;
}

#product_description p{
	margin-bottom: 5px;
}

#product_description li{
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 5px;
}

#product_description object, embed{
	height:315px;
}

#product_description p iframe{
	height:315px;
}

@media(max-width:480px){ 
	#testimonials{
		display:none;
	}
}
.bottom_of_page{
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border: 1px solid #fffaf5;
	border-top:1px solid #ebebeb;
}

.hidden{display:none}
li{display:inline-block}