/************************************************
 * CSS File for bonsigharts.com's product page. *
 * Created on March 16th 2010                   *
 * Copyleft bonesigharts.com                    *
 ************************************************/

*{margin:0;padding:0;}
body{
   height:100%;
   background-color:#EDF9FF;
   font-family:Verdana,"Times New Roman", Times, sans-serif;
   font-size:0.9em;
}

a{
	color: #0094EC;
	text-decoration: none;
}
a:link {}
a:visited {}
a:hover {
	text-decoration: underline;
}

h2 {
   font-family:"Times New Roman", Times, serif;
   font-size:2em;
   color:#0066CC;
}

#wrapper{
   
   height:100%;
   display:block;
   width:900px;
   margin:0 auto;
   background-color:#FFFFFF;   
   border:0px solid #AAA;
   -moz-box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-box-shadow: 2px 2px 10px #AAAAAA;
   box-shadow: 2px 2px 10px #AAAAAA;
   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   
}
#topnav{
   width:880px;
   padding:10px;
   font-size:12px;
   background-color:#D6EAFF;
   -moz-border-radius-topleft: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   border-top-right-radius: 5px;
}
#content {
   background-color:#FFFFFF;   
}

#leftnav {
   float:left;
   width:160px;
   border-right:1px solid #888;
   border-bottom:1px solid #888;
   padding-bottom:10px;
   
}
#item_wrapper {
   width:735px;
   float:right;
}

/* Left nav */
.left_nav_list {
	display:block;
	margin-right:10px;
	margin-left:10px;
	overflow:hidden;
	-moz-box-shadow: 2px 2px 5px #BBBBBB;
    -webkit-box-shadow: 2px 2px 5px #BBBBBB;
    box-shadow: 2px 2px 5px #BBBBBB;
   

}
.left_nav_list li {
   list-style-type:none;
   margin:0;
   padding:0;
}
.left_nav_list li a {
   padding:5px;
   margin:0;
   display:block;
   border-bottom:1px solid #888;
   border-left:1px solid #888;
   border-right:1px solid #888;
   text-decoration:none;
   color:#333;
   font-family:Verdana,"Times New Roman", Times, sans-serif;
   font-size:10px;
}
.left_nav_list li a:hover {
   text-decoration:underline;
}


.left_nav_list li a span{float:right;color:#aaa}
.left_nav_list_head {
   background-color:#5C8394;
   background: -webkit-gradient(linear, left top, left bottom, from(#5C8394), to(#216F91));
   background: -moz-linear-gradient(top,  #5C8394,  #216F91);
   background: -o-linear-gradient(top,#5C8394,#216F91);
   color:#000000;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:0;
   margin-top:10px;
   padding:10px;
   display:block;
   text-decoration:none;
   -moz-border-radius-topleft: 5px;
   -webkit-border-top-left-radius: 5px;
   border-top-left-radius: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
   border-top-right-radius: 5px;
}

.left_nav_list_head:hover {text-decoration:underline;}


#left_nav_list_heading {
   background-color:#333333;
   color:#FFFFFF;
   padding:5px;
   margin:0;
   display:block;
   width:150px;
   margin-bottom:10px;
}


.page_nav_link {
   text-decoration:underline;
   color:#333333;
}
.page_nav_num_link {
   text-decoration:underline;
   color:#333333;
   padding:3px;
}
.page_nav_num_link:hover {
   text-decoration:none;
   color:#000000;
   background-color:#AAEEEE;
   border:1px solid #888888;
   padding:2px;
}
.page_nav_selected {
   color:#FFFFFF;
   background-color:#222222;
   display:inline;
   padding-left:4px;
   padding-right:4px;
}
#page_nav_bottom {
   float:right;
   margin:5px;
}

.item_grid {
   text-align:center;
   color:#000000;
   border:1px solid #AAAAAA;
   padding:2px;
   margin:5px;
   display:block;
   width:150px;
   height:230px;
   float:left;
   font-size:.9em;
	display: table;
	#position: relative;
	overflow: hidden; 
   -moz-box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-box-shadow: 2px 2px 10px #AAAAAA;
   box-shadow: 2px 2px 10px #AAAAAA;
   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
	
}
.item_gridWrapper{
	/*
   #position: absolute;
   #top: 50%;
   */
   display: table-cell;
   vertical-align: middle;
}
.item_grid_specs{
   font-size:10px;
   color:#AAAAAA;
   float:left;
   text-align:left;
   /*display:none;*/
   visibility:hidden;
}

.item_list {
   margin:10px;
   border:1px solid #AAAAAA;
   min-height:180px;
   font-family:Verdana,"Times New Roman", Times, sans-serif;
   -moz-box-shadow: 1px 1px 5px #CCCCCC;
   -webkit-box-shadow: 1px 1px 5px #CCCCCC;
   box-shadow: 1px 1px 5px #CCCCCC;
   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.item_list_img {
   float:left;
   margin:10px;
   border:0;
   max-height:165px;
   -moz-box-shadow: 2px 2px 3px #888888;
   -webkit-box-shadow: 2px 2px 3px #888888;
   box-shadow: 2px 2px 3px #888888;
}
.item_list_content {
   min-height:180px;
   overflow:auto;
}
.item_list_text {
   font-size:0.8em;
   color:#232323;
   
}
.item_list_title {
   margin-bottom:5px;
   font-size:1.3em;
   font-weight: bold; 
   color:#555;
   border-bottom:1px solid #555;
}
.item_list_buy {
	float:right;
	width:200px;
	margin:0px;
    padding:10px;
    border-left:1px dotted #333;
}

/* Products */

#product_image {
   
   max-width:400px;
   padding:10px;
   margin:20px;
   margin-left:50px;
   -moz-box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-box-shadow: 2px 2px 10px #AAAAAA;
   box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
#product_image1, #product_image{
   cursor:pointer
}

#product_title {
   font-family:"Times New Roman", Times, serif;
   font-size:2em;
   color:#0066CC;
   padding-left:10px;
   display:inline;
   float:left;
}
#product_info {
   float:right;
   width:250px;
   margin:20px;
   padding:10px;
   font-size:.9em;
   border-left:1px dotted #333;
   border-bottom:1px dotted #333;
}
#product_description {
   white-space:pre-wrap;
   font-size:0.8em;
}
.product_data_right { font-size:1.3em; }
.product_data_right h2 {  border-bottom:3px dotted #AAAAAA; }

.product_data {
   font-size:1em;
   border:1px solid #888;
   width:700px;
   text-align:left;
   margin:0 auto;
   margin-top:20px;
   margin-bottom:20px;
   padding:10px;
   -moz-box-shadow: 2px 2px 10px #AAAAAA;
   -webkit-box-shadow: 2px 2px 10px #AAAAAA;
   box-shadow: 2px 2px 10px #AAAAAA;
   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.product_data h2 {
   border-bottom:3px dotted #AAAAAA;
}
.product_price{
   color:#00AA22;
}
.product_specs {
   font-family:Verdana,"Times New Roman", Times, sans-serif;
   font-size:0.9em;
   list-style-position: inside;
   list-style: none;
   padding-top:20px;
}
.product_specs  li:before {
   content: "\00BB \0020";
}

.bsa_menu {
   height:15px;
}
.bsa_sub_menu li, .bsa_menu li {
   list-style-type:none;
   display:inline;
}

.bsa_menu li a {
   -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D6EAFF');
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D6EAFF));
   background: -moz-linear-gradient(top,  #fff,  #D6EAFF);
   text-decoration:none;
   padding:0px;
   display:inline-block;
   width:137px;
   text-align:center;
   background-color:#FFFFFF;
   color:#333;
   font-family:Tahoma, Geneva, sans-serif;
   font-weight:bold;
   font-size:1em;
}

.bsa_menu li a:hover {
   background-color:#C2F5FF;
   color:#1E606E;
}

.bsa_sub_menu {
   margin:0;
   padding:0;
   width:137px;
   display:none;
   position:absolute;
   top:16px;
   z-index:100;
   overflow:hidden;

}
.bsa_sub_menu li {
	overflow:hidden;
	white-space:nowrap;
}
.bsa_sub_menu li a {
   text-decoration:none;
   padding:5px;
   display:block;
   background-color:#66CCFF;
   color:#FFFFFF;
   font-family:Verdana,"Times New Roman", Times, sans-serif;
   font-size:.9em;
   border-bottom:#FFFFFF solid 1px;
}

.bsa_sub_menu li a:hover {
   background-color:#1E6FD9;
}

#bsa_menu_wrapper {
	background-color:#223462;
	width:850px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.cartbutton {
  color:#0C4A00;
  font-family: Verdana, Geneva, sans-serif;
  /*font-weight:bold;*/
  font-size:15px;
  border:0;
  /*border:1px solid;
  border-color: #ccc #aaa #aaa #ccc;*/
  padding: 4px 10px 4px 10px;
  margin:10px 2px 20px 2px;

background-color:#6CE055;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FE691', endColorstr='#6CE055');
/*background: -webkit-gradient(linear, left top, left bottom, from(#a0ce7f), to(#67bb69));*/
background: -webkit-gradient(linear, left top, left bottom, from(#9FE691), to(#6CE055));
background: -moz-linear-gradient(top,  #9FE691,  #6CE055);
background: -o-linear-gradient(top,#9FE691,#6CE055);
/*-webkit-box-shadow: 0 0 2px #000;-moz-box-shadow: 1px 1px 2px #888;box-shadow: 0 0 5px #000;*/
-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;

}
.cartbutton:hover {
background-color:#61C44D;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94F081', endColorstr='#61C44D');
background: -webkit-gradient(linear, left top, left bottom, from(#94F081), to(#61C44D));
background: -moz-linear-gradient(top,  #94F081,  #61C44D);
cursor: pointer;cursor: hand;
}
.cartbutton:active {/*border:0*/text-shadow: 0 0 2px #000;}





#promolist {margin:0 auto;width:665px;-webkit-box-shadow: 2px 2px 3px #888;
-moz-box-shadow:2px 2px 3px  #888;box-shadow: 2px 2px 3px #888;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #FFF;}
#promolist div {color:#000;background-color:#94F081;font-size:14px;padding:5px;border-top-right-radius:5px;-moz-border-radius-topright:5px;
border-top-left-radius:5px;-moz-border-radius-topleft:5px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FE691', endColorstr='#6CE055');
background: -webkit-gradient(linear, left top, left bottom, from(#9FE691), to(#6CE055));background: -moz-linear-gradient(top,  #9FE691,  #6CE055);
background: -o-linear-gradient(top,#9FE691,#6CE055);
}
#promolist a{color:#069;text-decoration:none}
#promolist a:hover{color:#069;text-decoration:underline}




/* CSS for BSA's menu v3.0 */
.menuContainer {
	position:absolute;
	top:40px;
	width:900px;
	display:none;
	z-index:1000;
	background-color:#E6F8FF;
	border:1px solid #555;
	-moz-box-shadow: 0px 2px 3px #888;
	-webkit-box-shadow: 0px 2px 3px #888;
	box-shadow:0px 2px 3px #888;
	-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
	border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
}
.menuContainer a {
	color:#106EE8;
	text-decoration:none;
}
.menuContainer a:hover {
	text-decoration:underline;
}
.menuEleCol {
	width:30%;
	float:left;
	margin:5px;
	padding:0 0 0 10px;
	list-style:none;
}
.menuImg {
	margin:28px;
	border:0px;
	-moz-box-shadow: 2px 2px 3px #888;
	-webkit-box-shadow: 2px 2px 3px #888;
	box-shadow: 2px 2px 3px #888;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.menuContainer hr {
	width:95%;
	margin:10px auto;
	background-color: #CCC;
	border:0;
	height: 1px;
}
.mainMenuWrapper {
	width:900px;
	height:40px;
	padding-left:1px;
	top:0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D6EAFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D6EAFF));
    background: -moz-linear-gradient(top,  #fff,  #D6EAFF);
	background-color:#E6F8FF;
}
.mainMenuLink{
	width:100px;
	display:inline-block;
	margin:0;
	font-size:16px;
	font-family:Palatino Linotype, Book Antiqua3, Palatino, serif;
	color:#106EE8;
	text-decoration:none;
	padding:8px 0 0 0;
	border-right:1px solid #555;
	text-align:center;
	height:32px;
}
.mainMenuLink:hover {
	color:#000;
	background-color:#E6F8FF;
}
#menuSearchForm {
	float:right;
	display:inline-block;
	padding:8px 0 0 0;
	margin:0;
}
#menuSearch {
	height:16px;
	background-color:#fff;
	border:1px solid #aaa;
	font-weight:bold;
	color:#555;
	padding:2px 0 2px 8px;
	margin:0;
	border-width:1px 0 1px 1px;
	-moz-border-radius-bottomleft:10px;-moz-border-radius-topleft:10px;
	border-bottom-left-radius: 10px;border-top-left-radius:10px;
}
#menuSearchButton {
	float:right;
	height:22px;
	width:20px;
	background-image:url('/images/icons/search.png');
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 20px 0 0;
	border:1px solid #aaa;
	border-width:1px 1px 1px 0;
	padding:0px 20px 0 0px;
	background-color:#FFF;
	-moz-border-radius-bottomright:10px;-moz-border-radius-topright:10px;
	border-bottom-right-radius: 10px;border-top-right-radius:10px;

}
#menuSearchButton:hover {
	background-color:#E6F8FF;
	cursor: pointer;
}
#mainMenuImg {
	padding-left:100px;
	display:inline-block;
	vertical-align:middle;
	border-width:0;
}
.menuBorderBlocker{
	position:absolute;
	background-color:#E6F8FF;
	top:-10px;
	width:117px;
	height:10px;
}
.menuBorderRight {
	border:1px solid #000;
	border-width:0 0 1px 1px;
	position:absolute;
	top:-10px;
	width:10px;
	height:9px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEEEFF', endColorstr='#D6EAFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#DEEEFF), to(#D6EAFF));
    background: -moz-linear-gradient(top,  #DEEEFF,  #D6EAFF);
}
.menuBorderLeft {
	border:1px solid #000;
	border-width:0 1px 1px 0;
	position:absolute;
	top:-10px;
	width:10px;
	height:9px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEEEFF', endColorstr='#D6EAFF');
    background: -webkit-gradient(linear, left top, left bottom, from(#DEEEFF), to(#D6EAFF));
    background: -moz-linear-gradient(top,  #DEEEFF,  #D6EAFF);
	background-color:#E6F8FF;
}