/*-- Type Selectors --*/

a, a:link {font-weight: bold;}

h1 { font-size: 2em;}
h2, h3 {padding: .5em;}

input {border: 1px solid #ccc; }
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}

label { 
	display: block;
	font-size: .95em;
	padding-top: .5em;
	padding-bottom: 2px;
}
input.button {border: 0; cursor: pointer; border: none;}
input:focus {background: none; }
input.hidden {padding: 0; margin: 0; border: none;}
fieldset {border: none;}

.fieldsetleft, .fieldsetright {width: 42%; border: 1px solid #eee; margin: 1em;}
.fieldsetright {float: right;}
.fieldsetleft {float: left;}

legend {padding: 0 1em; color: #333; font-weight: bold; }
tr, td, th { margin: 0; font-size: 1em; }
th, dt {font-weight: bold;}
h2.grey-background-head {
	background-color: #e8e8e8;
	font-weight: bold;
	font-size: 1.2em;
	padding: .5em 0 .5em .75em;
	margin-top: 1em;
	width: 98%;
	}
img a, a img, img a:hover, a:hover img {background: none; border: none; text-decoration: none; font-weight: normal;}

/*-- Error messages --*/
#maintenancewarning, #flash_notice {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: red;
	margin: 0; 
	padding:0;
	width: 80%;
}

.maintenance {color:red;text-align:center;font-weight:bold;clear:both; padding: 15px 0;}
.errmsg {font-weight: bold;	color: blue;}
.errmsg2 {font-weight: bold; color: blue; margin-top: 10px;}

/**/
#foo_msg {margin-bottom: 200px;	}
#osel_cert_coupon_error {margin: 10px 0 5px 0;}
#maintenancewarning {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: blue;
	}
h1.miva_maint {
	padding-top: 20px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
#devwarn {
	color: #06f;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	}


/*-- Shared Categories styles --*/
#ctgy_switcher {text-align: right;font-size: .95em;}
#ctgy_switcher a {padding: 0 1em;}

#ctgy_title {
	float: left;
	width: auto;
	display: inline;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}
	
#ctgy_header {margin-top: 1.5em;}

.ctgy_pagination {
	padding: 10px 0 10px 0;
	width: 100%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 1em 0;
}

.ctgy_numprods {
	color: #666;
	font-size: 10px;
	}
.ctgy_paginationlinks {
	font-size: 10px;
	float: right;
	margin-top: -12px;
	}
.ctgy_paginationlinks a {
	font-weight: normal;
	text-decoration: underline;
	margin: 0 0 0 4px;
	}

.ctgy-price {
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;}
.ctgy-originalprice {
	text-decoration: line-through;
	color: #999;
}
.ctgy-saleprice {color: #cc0000;}
.product_thumb {
	width: 100px;
	height: 100px;
}

/*--- Product detail ---*/
#floatwrapper {float: left; padding: 0; margin: 0; /*width: 81%;*/ }
#prod_image {float: left; margin: 5px 7px 0 0; padding: 0; max-width: 300px; text-align: center; display:inline; }

ul.prod_special_icons, ul#prod_special_icons {float: left; width: 300px; list-style-type: none; margin: 0; padding: 0; text-align: center;}
ul.prod_special_icons li, ul#prod_special_icons li  {float: left; width: 64px; height: 64px; line-height: normal; margin: 0; padding: 0;}
ul.prod_special_icons li a, ul#prod_special_icons li a {display: block; width: 64px; height: 64px; padding: 0; margin: 0;} /*only displays if no thumbnail image available*/

/* price box */

#prod_info { 
float: right;
display: block;
width: 45%;
margin: 0; padding: 0;
margin-right: 7px;
}

#prod_add2cartbox {
width: 96%;
padding: .5em;
color: black;
display: block;
overflow: hidden;
}


.prod-originalprice {
	font-weight: bold;
	text-decoration: line-through;
	color: #666;
}
#prod-saleprice {font-size: .9em; font-weight: bold; color: #cc0000; padding: 0; margin: 0;}	

#prod-normalprice{font-weight: bold; color: #666;}
#prod_info table {width: 15em;}
#prod_info h1 {white-space: normal; }
#prod_info ul {clear: left; padding: 0; margin: 0; list-style-type: none; padding-top: 1.5em;}
#prod_info li, #prod_desc li {line-height: 1em;}

#prod_desc ul { padding-top: 1em; padding-left: 7px;}
#prod_desc {padding: 1em; }
#prod_desc li {line-height: 1em; padding-bottom: 0	}

#prod_desc h3 {
color: #333; 
width: 98%; 
padding: 0; 
margin: 0;
font-size: 1.25em; 
border-bottom: 1px solid #ccc; 
}
#prod_desc p {padding: .5em 0}

#related-items {float: left; width: 100%;}

#related-items h3 {
	color: #F23196; 
	font-size: 1.25em; 
	font-variant:small-caps; 
	padding: 0; margin: 0;
	border-bottom: 1px solid #000;
}
#related-items ul {list-style-type: none; width: 615px;}

#related-items li {border: 1px solid #eee; margin: 0 7px 7px 0; float: left; position:relative; width: 110px; height: 150px; text-align: center; }


#related-items li img {
	display: block; 
	float: none; 
	margin-left: auto; 
	margin-right: auto; 

}

#related-items img.notoppadding {padding-top: 0;}

#related-items img.bottompadding {padding-bottom:1em;}

#related-items p {line-height: 1.25em; margin: 0; width: 100%; text-align: center;}

#related-items a {text-decoration: none;}




/** star ratings **/
#prod_desc ul.star-rating{
	list-style:none;
	margin: 0;
	padding:0;
	width: 125px;
	height: 23px;
	position: relative;
	background: url(/images/alt_star.gif) top left repeat-x;		
	}
ul.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}

ul.star-rating li a{
	display:block;
	width:25px;
	height: 23px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
ul.star-rating li a:hover{
	background: url(/images/alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none; 
}
ul.star-rating a.one-star{left: 0px;}
ul.star-rating a.one-star:hover{width:25px;	}
ul.star-rating a.two-stars{	left:25px;}
ul.star-rating a.two-stars:hover{width: 50px;}
ul.star-rating a.three-stars{left: 50px;}
ul.star-rating a.three-stars:hover{width: 75px;}
ul.star-rating a.four-stars{left: 75px;}	
ul.star-rating a.four-stars:hover{width: 100px;}
ul.star-rating a.five-stars{left: 100px;}
ul.star-rating a.five-stars:hover{width: 125px;}
ul.star-rating li.current-rating{
	background: url(/images/alt_star.gif) left center;	
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
	
/*-- Cart --*/

table#basket {
	border-collapse: collapse;
	width: 97%;
	margin-top: 1em;
}


tr.bask_greyrow {
	background-color: #e8e8e8;
	color: black;
	height: 30px;

	}
tr.bask_greyrow th, tr.bask_greyrow td {font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

tr.bask_whiterow td {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0 8px 0;
	height: 45px;
}

tr.bask_whiterow td input {vertical-align: middle;}
#bask_subtotal {
	text-align: right;
	padding-right: 24px;
	height: 30px;
	}
td.bask_rightborder {font-weight: bold;	text-align: right;	}
td.bask_rightborder_center {font-weight: bold;text-align: center;}

.bask_charge {
	font-weight: bold;
	padding-right: 24px;
	}

.bask_prodlink {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}

th.bask_qty_th {text-align: right; padding-right: 50px;}
.bask_qty {
	width: 20px;
	border: 2px inset #ccc;
	border-bottom-color: #fff;
	}
.bask_qtyform {text-align: right;}
.bask_removeform {text-align: right;}

#bask_buttons {
	margin-top: 10px;
	height: 30px;
	text-align: center;
	width: 95%;
	}
	
#bask_btn_clearcart {
	width: 88px;
	height: 27px;
	float: left;
	}
span#bask_btn_keepshopping {
	width: 127px;
	margin-left: 35%;
	height: 27px;
	float: left;
	}
#bask_btn_checkout {
	width: 88px;
	height: 27px;
	float: right;
	margin-right: 25px;
	}
.bask_btn_update, .bask_btn_remove{
	width: 54px;
	height: 15px;
	border: none;
	
	}


#divContinueButton {width: 98%; text-align: right;}

.oinf_addendum {margin: 0 0 1em 0; clear: both;}
.oinf_addendum {margin: 0 0 10px 0;	}

#billingcolumn h2.grey-background-head {width: 95%;}

/*newsletter signup form on customer info form*/
#newsletters label {
font-weight: normal;
}

/* SEARCH */

#srch_title {float: left;}
#srch_switcher {float: right;}
#srch_form {margin-top: 20px;}
#srch_button {padding-right: 4px;}
#srch_submit {
	width: 98px;
	height: 21px;
	float: right;
	border: none;
	}
#srch_options {
	margin: 10px 0 10px 0;
	text-align: center;
	}
#srch_product_options {
	margin: 10px 0 10px 0;
	text-align: center;
	}
#srch_prev_btn {
	width: 50%;
	float: left;
	text-align: left;
	}
#srch_next_btn {
	width: 50%;
	float: right;
	text-align: right;
	}

/* POPUP IMAGE */
#popup_container {text-align: center;}

/* INVC */

#invc_header {
	margin: 5px 0 20px 0;
	font-size: 11px;
	}
#invc_footer {margin: 20px 0 30px 0;}
#invc_button_homepage {
	width: 142px;
	height: 25px;
	float: right;
	margin-top: 20px;
	}
#invc_footer_text {float: left;}
#invc_footer_text2 {padding-bottom: 10px;}


/* ERROR TEMPLATE */

#err_info {margin-bottom: 200px;}



/* ADMIN */

ul.admin-menu {list-style-type: none; }
ul.admin-menu li { padding: 1em; margin: 1em; border: 1px solid #ccc; background-color: #ddd; width: 150px; height: 150px; float: left;}
ul.admin-menu li a {text-align: center; display: block; width: 148px; height: 148px;background-color: #ddd; text-decoration: none;}
ul.admin-menu li a:hover {background-color: #fafafa;}
ul.admin-menu li.sign-out {width: 75px; height: 20px;background-color: #ddd; padding: .5em; float: right;}
ul.admin-menu li.sign-out a {width: 75px; height: 20px; }

#tablediv table {
  width: 100%;  
  border-collapse: collapse;  
}

#tablediv thead td {
  padding: 5px;
  border: 1px solid black; 
}

.sortup {
  background: url('../images/sortarrow_asc.gif') no-repeat;
  background-position: 90%; 
}

.sortdown {
  background: url('../images/sortarrow_desc.gif') no-repeat;
  background-position: 90%; 
}

#tablediv tbody td {
  padding: 5px;
  border: 1px solid black; 
}

#filterdiv {
  margin-bottom: 10px;
}

/* Autocomplete stuff */
div.auto_complete {
  width: 500px;
  background: #fff;
}
div.auto_complete ul {
  border: 1px solid #888;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}
div.auto_complete ul li {
  margin: 0;
  padding: 3px;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.hightlight {
  color: #800;
  margin: 0;
  padding: 0;
}

.textad {
	width: 70%;
	margin: 2% 13%;
	background: url('/images/tangotextad.jpg') repeat-x;
}
.textad h3 {color: #f23196; padding: 0; margin: 0;}
.textad p {padding: 1em;}

/*social icons in breadcrumb path*/
#share{float: right; width: 40%;}


.bookmark_compact {float: right; width: 25%;}
span.bookmark_compact, .bookmark_compact li{
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 2px;
	background-color: transparent;
	border: none;
	float: right; padding: 3px;
	
}



.bookmark_list span, span.bookmark_list {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list img {
	border: none;
}

.bookmark_list {
	display: inline-block;
	float: right;
	list-style-type: none;
	font-size: 80%;
	margin: 0px 5px 0 0;
	padding: 0px;
}

/*/-- end social icons --*/
/*-- generic --*/

.smtext {font-size: .85em;}
.padding-top {padding-top: 1em;} 
.padding-bottom {padding-bottom: 1em;} 
.padding-left {padding-left: 1em;}
.padding-right {padding-right: 1em;}
.padding {padding: 1em;}
.nopadding-top {padding-top: 0;}
.margin {margin: 1em;}
.margin-right {margin-right: 1em;}
.margin-left {margin-left: 1em;}
.margin-top {margin-top: 1em;}
.margin-bottom {margin-bottom: 1em;}
.center, #center {text-align: center; margin-left: auto; margin-right: auto;}
.border {border: 1px solid #ccc;}
.border-top {border-top: 1px solid #ccc;}
.left {float: left; margin: 0; padding: 0;}
.right {float: right; margin: 0; padding: 0;}
.textright {text-align: right;}
.center {margin-left: auto; margin-right: auto; text-align: center;}
.bold {font-weight: bold;}
.inline {display: inline;}
.block {display: block;}
.clear{clear: both; margin: 0; padding: 0; border: none;}
.nodisplay {display: none;}
.emphasis {font-weight: bold; }
label span.required, .required { font-weight: bold; color: #ff0000; font-size: 2em;}
.noborder {border:none;}
.yellowborder {border: 1px solid #ffcc00;}
a img.yellowborder {border: 1px solid #ffcc00;}
.red {color: #ff3399;}