﻿body
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 0.7em "Lucida Grande" , "Trebuchet MS" , Helvetica, sans-serif;
	color: #000000;
}

table {
    font-size: inherit;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 300px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 15px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox .b {
  background:url('../img/b.png');
}

#facebox .tl {
  background:url('../img/tl.png');
}

#facebox .tr {
  background:url('../img/tr.png');
}

#facebox .bl {
  background:url('../img/bl.png');
}

#facebox .br {
  background:url('../img/br.png');
}



/*ship address*/


#ShipAddress table {
  border-collapse: collapse;
}

/*#ShipAddress td {
  border-bottom: 0;
  padding: 0;
}*/

#ShipAddress .body {
  padding: 10px;
  background: #fff;
  width: 300px;
  border-bottom: 0;
  padding: 0;
}

#ShipAddress .loading {
  text-align: center;
}

#ShipAddress .image {
  text-align: center;
}

#ShipAddress img {
  border: 0;
  margin: 0;
}

#ShipAddress .footer {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 15px;
  text-align: right;
}

#ShipAddress .tl, #ShipAddress .tr, #ShipAddress .bl, #ShipAddress .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
  border-bottom: 0;
  
}

#ShipAddress .b {
  background:url('../img/b.png');
  border-bottom: 0;
  padding: 0;
}

#ShipAddress .tl {
  background:url('../img/tl.png');
}

#ShipAddress .tr {
  background:url('../img/tr.png');
}

#ShipAddress .bl {
  background:url('../img/bl.png');
}

#ShipAddress .br {
  background:url('../img/br.png');
}

#Addres {
    position:absolute;
	height:0px;
	z-index:99; 
	top:-75px; 
	left:20px; 
	width:268px; 
}

#AddresTop {
	position:relative; 
	top:0px; 
	width:375px; 
	height: 12px;
	background: transparent url(/img/selector_top1.png) no-repeat scroll left top;
}

#AddresBottom {
	position:relative; 
	top:0px; 
	width:375px; 
	height: 12px;
	background: transparent url(/img/selector_bottom1.png) no-repeat scroll left bottom;
}

#AddresMsg{
    	padding: 0px 10px 0px 15px;
	background: transparent url(/img/selector_bg1.png) left top;
	font-weight: bold;
	background-repeat: repeat-y;
	width:375px; 

}


/*Card*/

#Card table {
  border-collapse: collapse;
}

/*#Card td {
  border-bottom: 0;
  padding: 0;
}*/

#Card .body {
  padding: 10px;
  background: #fff;
  width: 500px;
  border-bottom: 0;
  padding: 0;
}

#Card .loading {
  text-align: center;
}

#Card .image {
  text-align: center;
}

#Card img {
  border: 0;
  margin: 0;
}

#Card .footer {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 15px;
  text-align: right;
}

#Card .tl, #Card .tr, #Card .bl, #Card .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
  border-bottom: 0;
  
}

#Card .b {
  background:url('../img/b.png');
  border-bottom: 0;
  padding: 0;
}

#Card .tl {
  background:url('../img/tl.png');
}

#Card .tr {
  background:url('../img/tr.png');
}

#Card .bl {
  background:url('../img/bl.png');
}

#Card .br {
  background:url('../img/br.png');
}




/*Return*/

#Return table {
  border-collapse: collapse;
}

/*#Return td {
  border-bottom: 0;
  padding: 0;
}*/

#Return .body {
  padding: 10px;
  background: #fff;
  width: 300px;
  border-bottom: 0;
  padding: 0;
}

#Return .loading {
  text-align: center;
}

#Return .image {
  text-align: center;
}

#Return img {
  border: 0;
  margin: 0;
}

#Return .footer {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 15px;
  text-align: right;
}

#Return .tl, #Return .tr, #Return .bl, #Return .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
  border-bottom: 0;
  
}

#Return .b {
  background:url('../img/b.png');
  border-bottom: 0;
  padding: 0;
}

#Return .tl {
  background:url('../img/tl.png');
}

#Return .tr {
  background:url('../img/tr.png');
}

#Return .bl {
  background:url('../img/bl.png');
}

#Return .br {
  background:url('../img/br.png');
}




#backEffect
{
	
	position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    margin:0px;
    padding:0px;
    background-color:Black;
    opacity:0.4;
    filter:alpha(opacity=40);
    z-index:98;
}


a:link, a:visited
{
	color: #58584f;
	text-decoration:none;
}
a:hover, a:active
{      
	color: #58584f;
	text-decoration:underline;
}
a.biglinks, a.biglinks:link, a.biglinks:visited
{
	color: #7193CA;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
a.biglinks:hover
{
	text-decoration: underline;
}

a.dealofooterlink, a.dealofooterlink:link, a.dealofooterlink:visited
{
	color: #8A8A8A;
	text-decoration: none;
}
a.dealofooterlink:hover
{
	text-decoration: underline;
}


a.logolink, a.logolink:link, a.logolink:visited, a.logolink:hover
{
	border-style: none;
	border-width: 0px;
	border-color: inherit;
	text-decoration: none;
	cursor: pointer;
}

/* Form */

ul.form
{
	list-style: none;
	padding-left: 0px;
	width: 600px;
	margin: 0px;
}

ul.form li
{
	margin-bottom: 9px;
	clear: both;
	padding-bottom: 9px;
}

ul.form li.formtitle
{
	font: bold 18px/18px arial,sans-serif;
	padding: 0 0 10px 0;
	border-top: 1px dotted #ddd;
	width: 600px;
	color: #3e3e3e;
	line-height: 30px;
}

ul.form li label
{
	float: left;
	width: 180px;
	text-align: left;
	line-height: 20px;
}

ul.form li label.req
{
	float: left;
	width: 180px;
	text-align: left;
	font-weight: bold;
	line-height: 22px;
}


ul.form li label.req2
{
	float: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	line-height: 22px;
}


ul.form li span.in
{
	padding: 0px;
	margin: 0 0 5px 10px;
	font-size: 11px;
}


table.data-list
{
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #8A8A8A;
	margin-bottom: 1em;
	width: 100%;
	background-color: #E9E9E9;
	margin:0px;
	padding:0px;
}

#backEffect
{
	
	position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    margin:0px;
    padding:0px;
    background-color:Black;
    opacity:0.4;
    filter:alpha(opacity=40);
    z-index:98;
}

.cross
{
	padding-top:10px;
	width: 27px;
/*	float: right;*/
	font-family: 'Verdana' , 'Trebuchet MS' , 'Lucida Grande' , Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: BOLD;
	color: #80755C;
	cursor:pointer;
}
.facebook1
{
	background: url( '/img/facebook.png' ) left center no-repeat;
	padding-left: 32px;
    line-height:32px;
    padding-top:8px;
    padding-bottom:9px;
}

.twitter1
{
	background: url( '/img/twitter.png' ) left center no-repeat;
	padding-left: 32px;
	padding-top:8px;
    padding-bottom:9px;
}

.cross1
{
	padding-top:10px;
	width: 27px;
/*	float: right;*/
	font-family: 'Verdana' , 'Trebuchet MS' , 'Lucida Grande' , Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: BOLD;
	color: #80755C;
	cursor:pointer;
}
.err
{
	color: #BB0000;
	background-color:#FFFF66;
}
.errMsg
{
	color: #0000FF;
	background-color: #FFFF00;
}
.errMsgError
{
	color: #FF0000;
	background-color: #FFFF00;
}
.validator {
    margin-left:160px;
	background-color:#FFFF66;
}
.validator1 {
    margin-left:0px;
	background-color:#FFFF66;
}
.fieldinfo 
{
    color: Gray; 
    font-size: 10px; 
    line-height: 10px;
}
.fieldinfo2
{
    color: Gray; 
    font-size: 12px; 
    line-height: 12px;
}
.box
{
	padding: 10px 20px 20px 20px;
	border: solid 1px #d6d6d6;
	background-color: #efefef;
	text-align: left;
}
.data-list tbody td.right
{
	border-top: 1px solid #B7B7B7;
	width: 545px;
	color: #8A8A8A;
	text-align: left;
}

.data-list  tbody td.left {
   border-top:1px solid #B7B7B7;
   font-weight:800;
   width:150px;
   text-align:right;
}

.breadcrumb
{
	margin-left: 5px;
	margin-bottom: 5px;
	clear: both;
	font-size: 12px;
	padding-top: 10px;
	font-family:arial,sans-serif;
	
}

.breadcrumb .current
{
	font-family:arial,sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#000000;
	
}



.thumb-bar
{
	
	min-height: 60px;
	height: auto;
	width: 635px;
	margin-bottom: 10px;
	padding-top: 5px;
	overflow:visible;
	/*white-space:nowrap;*/	/*Don't let the images wrap to the next line*/

}

.thumb-bar div {
	border: 1px solid #8A8A8A;
	width:50px;
	height:50px;cursor:pointer;
	padding:0px;
	margin-left:5px;
	margin-bottom:5px;
	text-align: center;
	overflow:hidden;
	float:left;
	
}

#people-onsite
{
	/*border: 1px solid #8a8a8a;*/
	height: 70px;
	margin-bottom: 10px;
	/*background-color: #EEEEEE;*/
}

#item_image
{
   /* margin-top:5px;
	margin-bottom:10px;
	padding-bottom:10px;*/
	height:300px;
	/*line-height:315px;*/
	text-align:center;
	vertical-align:middle;
	width:645px;
	
}

h1
{
	color:#000000;
	font-size:2.2em;
	font-weight:normal;
	margin:0px;
}
h2
{
	color:#8A8A8A;
	font-size:1.2em;
	font-weight:normal;
	margin:0px;
}

h4
{
	color:#8A8A8A;
	font-size:0.8em;
	font-weight:bold;
	margin:0px;
}
h5
{
	color:#8A8A8A;
	font-size:1em;
	font-weight:normal;
	margin:0px;
}
.share
{
	float:left;
	font-weight:bold;
	font-size:large;
}
.bigHeading
{
	color:#000000;
	font-size:2.2em;
	font-weight:normal;
	margin:0px;
}
.smallHeading

{
	color:#8A8A8A;
	font-size:0.8em;
	font-weight:bold;
	margin:0px;
}

.smallHeading1

{
	color:#8A8A8A;
	font-size:0.8em;
	font-weight:bold;
	margin:0px;
	
}
	
.midHeading
{
	color:#8A8A8A;
	font-size:1.2em;
	font-weight:bolder;
	margin:0px;
}

.text
{
	color:#8A8A8A;
	font-size:1em;
	font-weight:normal;
	margin:0px;

}
.txtboxs
{
	width: 180px;
	border: solid 1px black;
}
.loading-back
{
	background-color: #2B88C2; color: White;
}
.load-error {
    color:Red;
}
.grid-head
{
	background-color:#c5c5c5;
	font-size:11px;
	vertical-align:middle;
	font-weight:bold;
}
.grid-item
{
	background-color: #FFFFFF;
	font-size: 11px;
	vertical-align: middle;
	font-weight: bold;
}
.bar-border
{
	width:8px;border-bottom:solid 1px #8A8A8A;border-top:solid 1px #8A8A8A;
}
.two-col
{
  	/* min-height: 440px; */
	height: 100%;
	clear: both;
	padding-top:5px;
}

.two-col div.pan
{
	margin:0px;
	float:left;
	
	
}
.two-col div ul.row
{
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
	clear:both;
}

.two-col div ul li.cell
{
    clear:both;	
	list-style-type:none;
	text-align:left;
	line-height:27px;
	margin-bottom:15px;
}
.two-col div ul li.cell3
{
    clear:both;	
	list-style-type:none;
	text-align:left;
	line-height:27px;
	margin-bottom:5px;
}
.two-col div ul li.cell2
{
    clear:both;	
	list-style-type:none;
	text-align:left;
	line-height:0px;
	margin-bottom:15px;
}

.two-col div ul li.cell-shipping
{
    clear:both;	
	list-style-type:none;
	text-align:left;
	line-height:27px;
	margin-bottom:15px;
	overflow:auto;
}
.two-col div ul li.cell-head
{
    clear:both;	
	list-style-type:none;
	text-align:left;
	background-color:#EEEEEE;
	height:30px; 
}

.two-col div ul li.cell1
{
    clear:both;	
	list-style-type:none;
	text-align:left;
	padding-left:0px;
}

.two-col div ul li.cell-right
{
    clear:both;	
	list-style-type:none;
	text-align:left;
	margin-bottom:10px;
}

.two-col div ul li label.normal
{
	float: left;
	/* width: 180px; */
	text-align: left;
	line-height: 27px;
}

.two-col div ul li label.normal1
{
	float: left;
	width: 440px;
	text-align: left;
	line-height: 27px;
}


.two-col div ul li label.req
{
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	line-height: 27px;
}

.two-col div ul li label.req2
{
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	line-height: 27px;
}

.two-col div ul li label.req3
{
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	line-height: 27px;
}

.two-col div ul li label.req4
{
	float: left;
	width: 150px;
	text-align: right;
}

.two-col div ul li label.req5
{
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
}

.two-col div ul li span.in
{
	padding: 0px;
	margin: 0 0 5px 10px;
	font-size: 11px;
}


.price 
{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	
}
.popup
{
	 border-left:solid 10px #c5c5c5;
	 border-right:solid 10px #c5c5c5;
	 border-bottom:solid 10px #c5c5c5;
	 border-top:solid 10px #c5c5c5;
	 
}
.popup1
{
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #333333;
	
}
.bar
{
  text-align:center;
  font-weight:bolder;
  margin-top :5px;
  border-left:2px solid #DDDDDD;
  border-right:2px solid #DDDDDD;
  border-top:2px solid #DDDDDD;
  border-bottom:1px solid #DDDDDD;
  height:30px;
  background-image:url('/img/bar_bg.gif');
  background-repeat:repeat-x;
  overflow:hidden;
  line-height:30px;
}

.bar-white
{
	margin-top: 5px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	height: 50px;
	border-top-style: solid;
	border-bottom-style: solid;
	
}

.bar ul,.bar-white ul
{
  margin:0px;
  padding:0px;
}

.bar ul li,.bar-white ul li
{
	list-style-type: none;
	float:right;
	margin-right:20px;
	margin-left:5px;
	text-align:right;
	vertical-align:bottom;
	margin-top:5px;
	margin-bottom:0px;
	padding:0px;
}

.bar ul li.special1
{
	list-style-type: none;
	float:right;
	margin-right:15px;
	margin-left:5px;
	text-align:right;
	
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
.bar-white ul li.special2
{
	list-style-type: none;
	float:right;
	margin-right:5px;
	margin-left:5px;
	text-align:right;
	vertical-align:bottom;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}


.bar ul li.special1 a
{
	vertical-align:top;
	margin-right:5px;
	margin-left:5px;
	
	margin-bottom:0px;
	padding:0px;
}

.bar-white ul li.special2 a
{
	vertical-align:top;
	margin-right:5px;
	margin-left:5px;
	
	margin-bottom:0px;
	padding:0px;
}

.email
{
	/*background: url( '/img/email.png' ) left center no-repeat;*/
	padding-left: 0px;
}
.textme
{
	/*background: url( '/img/mobile.png' ) left center no-repeat;*/
	padding-left: 16px;
}
.iphone
{
	/*background: url( '/img/iphone.png' ) left center no-repeat;*/
	padding-left: 16px;
	
}

.rsslink
{
	/*background: url( '/img/rss.png' ) left center no-repeat;*/
	padding-left: 16px;
	line-height:32px;
	vertical-align:middle;
}

.facebook
{
	/*background: url( '/img/facebook.png' ) left center no-repeat;*/
	padding-left: 16px;
	line-height:32px;
	vertical-align:middle;
	
}

.twitter
{
	/*background: url( '/img/twitter.png' ) left center no-repeat;*/
	padding-left: 16px;
	line-height:32px;
	vertical-align:middle;
}
.form-heading
{
	font: bold 18px/18px arial,sans-serif;
	padding: 0 0 10px 0;
	color: #3e3e3e;
	line-height: 30px;
}

/* page structure */
#cart-totals
{
	border: 0px solid #000000;
}
#wrap
{
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
		
	text-align: center;

	width: 950px;
	
	position:relative;
}

#header
{
	height: 160px;
	background-repeat:no-repeat;
}

#logo
{
	position:absolute;
	left:0px;
	float:left;
	display:inline;
	vertical-align:middle;
	min-height:150px;
}

#container
{
	margin: 0 auto;	
	clear: both;
}
#footer
{
	min-height: 50px;
	/*padding: 5px 0;*/
	color: #000;
	clear:both;
	background-repeat:no-repeat;
}
/*----------------*/

/*Right side Link */

.hnav-left
{
	position:relative;
	/*border: 1px solid #FF00FF;*/
	display:inline;
    float:right;
    clear:right;
    vertical-align:middle;
    margin:0px;
    padding:0px;
	
}
.hnav-left ul
{
	margin:0px;
  padding:0px;
}
.hnav-left ul li
{
	/*border: 1px solid #FF00FF;*/
	list-style-type: none;
	float:right;
	margin-right:15px;
	text-align:right;
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	
}


/*----------------*/


/*Center side Link */
.copyright
{
	/*border: 1px solid #FF00FF;*/
	/*width:500px;
	text-align:center;
    vertical-align:middle;
    margin-left:auto;
	margin-right:auto;
	padding-left:30px;
padding-top:10px;*/
	color:#8A8A8A;
	
}
#fnav-center
{
	/*border: 1px solid #FF00FF;*/
	width:500px;
	text-align:center;
    vertical-align:middle;
    margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#fnav-center ul
{
	margin:0px;
    padding:0px;
}
#fnav-center ul li
{
	/*border: 1px solid #FF00FF;*/
	list-style-type: none;
	float:left;
	margin-left:15px;
	text-align:center;
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	
}
/*----------------*/

#priceBox
{
	font-size:11px;
}
.priceBoxPrice
{
	font-family:Arial,Helvetica,sans-serif;	font-size:40px;	font-weight:bold;
	
}
#priceBox #percent-off
{
	font-size:10px;
	color:#666666;
	text-align:right;
}
.ul-list
{
     margin-top:0px;
     padding-top:15px;
	margin-left:0px;
	padding-left:20px;
	list-style-type:none;
	border-bottom:2px solid #DDDDDD;
	border-right:2px solid #DDDDDD;
	border-left:2px solid #DDDDDD;
	clear:both;
}
.ul-list li
{
	padding-bottom:15px;
    margin:0px;
	vertical-align:middle;
}
.ul-list td a
{
    display:inline-block;
    vertical-align:middle;
    padding-bottom:10px;
}

.ul-list li.special
{
	list-style-type: none;
	margin-top:0px;
	
}

.repeater
{
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #000000;
	margin-bottom: 1em;
	width: 100%;
	margin:0px;
	padding:0px;
}
.repeater td.none
{
	border: thin none #FFFFFF;
}
.repeater td
{
	border-right: 0px solid #000000;
	border-bottom: 1px solid #EEEEEE;
}
.repeater td.header
{
    font-weight:bolder;
	color: #000000;
	background-color: #EEEEEE;
	text-align: center;
}


label
{
	font-size:1em;
	color:#666666;
}

.imgVar {
    margin:5px;
}

#gQty td {
    padding:0px;
}

#gQty1 td {
    padding:0px;
}

.qtybar {
    position:relative; 
    height:20px; 
    width:222px; 
    border: solid 1px #BBCCDD;
}
.qtybarWide {
    position:relative; 
    height:20px; 
    width:297px; 
    border: solid 1px #BBCCDD;
}
.qtybarFill {
    position:absolute; 
    top:0px; 
    left:0px; 
    height:20px; 
    background-color:#C3DDEB;
}
.qtybarLow {
    position:absolute; 
    top:0px; 
    left:0px; 
    height:20px;
    background-color:#FF0000;
}
.qtybarText {
    position:relative; 
    text-align:center; 
    font-weight:bold;
    line-height:20px;
}


qtybarWide1 {
    position:relative; 
    height:20px; 
    width:297px; 
    border: solid 1px #BBCCDD;
}
.qtybarFill1 {
    position:absolute; 
    top:0px; 
    left:0px; 
    height:20px; 
    background-color:#C3DDEB;
}
.qtybarLow1 {
    position:absolute; 
    top:0px; 
    left:0px; 
    height:20px;
    background-color:#FF0000;
}
.qtybarText1 {
    position:relative; 
    text-align:center; 
    font-weight:bold;
    line-height:20px;
}


#social {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 130%;
    text-align: center;
}
#social img {
    border: 0px;
    margin: 0 5px;
}
#social a {
    display:inline-block;
    vertical-align:middle;
    height:31px;
}

#socialbar {
    height:50px;
}
#socialbar td {
    vertical-align:middle;
}
#socialbar img {
    display:inline-block;
    vertical-align:middle;
    height:32px;
}

.hoverFrame 
{
   /*border: 1px solid grey; */
    width: 250px; 
    padding: 10px; 
    background: white; 
    color: #666666; 
    font-size: 12px;
    line-height:12px;
}
    
.hoverFrame li 
{
    width: 210px; 
    margin: 10px; 
    color: inherit; 
    font-size: inherit;
}

