<!--@import url("menu/menu_style.css");
Loud Canvas Media 2010 / David Croteau / Compu_format.css for compy-store demo -->

body { 
height:100%;
margin : 0;
padding : 0;
text-align : center;
font-size:1.0em;
font-family:georgia, tahoma, verdana, arial, sans-serif;
color : #666;
} 

html{
height:100%;
}
			/*WRAP*/
#box { 
position : relative;
width : 782px;
margin-right : auto;
margin-left : auto;
text-align : left;
padding : 0px;
margin-top : 0;
/* part of footer push*/
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

			/*TITLE BAR*/
#title { 
width : 760px;
margin : 0 0 0 11px;
padding : 0;
height : 30px;
background : #fff;
color : #000;
} 
#title h1 { 
font : .85em georgia, tahoma, verdana, arial, sans-serif;
text-align : right;
letter-spacing : 3px;
margin : 0 10px 0 11px;
padding-top : 10px;
background : inherit;
color : #000;
} 
			/*TOP BANNER*/
#header { 
width : 760px;
height : 150px;
margin : 0 0 0px 11px;
padding : 0 0 0 0;
background : #fff url(images/header_compu.jpg);
color : #000;
} 

/*REMOVED - NOT USED*/
#header h1 { 
font : .9em arial, tahoma, verdana, sans-serif;
text-align : center;
letter-spacing : 5px;
margin : 0 10px 0 35px;
padding : 10px 0 0 0;
background : transparent;
color : #fff;
} 
			/*TOP NAVIGATION*/
.container { 
width : 760px;
padding-bottom : 5px;
margin-left : 0px;
font : .85em georgia, tahoma, verdana, arial, sans-serif;
}

#navCircle img { 
display: inline; 
float: right;
}

#navCircle { 
margin : 0;
padding : 0 0 25px 10px;
border-bottom : 1px solid #eee;
} 
#navCircle li { 
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
} 
#navCircle img{ 
padding : 2px;
display : inline;
list-style-type : none;
}
#navCircle a:link, #navCircle a:visited { 
background : #fff;
float : left;
line-height : 14px;
font-family : georgia, tahoma, verdana, arial, sans-serif;
font-weight : normal;
padding : 0 20px 6px 12px;
text-decoration : none;
color : #4a82ba;
} 
#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover { 
padding-bottom : 6px;
color : #000;
} 


#social{
width:100px;
float:right;

}

#social img{
padding-left:2px; padding-right:2px;padding-top:2px;

}

			/*MAIN CONTENT*/
#main { 
float : left;
width : 540px;
padding : 1px;
margin-top : 5px;
font : 1.1em georgia, tahoma, verdana, arial, sans-serif;
line-height : 1.5em;
color:#666;
} 
#main h1 {
margin-left:20px;
padding : 3px;
text-align : left;
letter-spacing : 3px;
font : 1.15em georgia, tahoma, verdana, arial, sans-serif;
background : inherit;
color : #000;
} 

a.gallerypic{
	width:250px;
	max-height:300px;
	text-decoration:none;
	position:relative;
	float:left;
}

a.gallerypic span.icon{
  position:absolute;
  left:3%;
  top:1%;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}


/*------HTML TABLE CONTROLS------*/

/*AFFECTS ALL TABLES IN MAIN*/
#main table{ 
	margin-left:20px;
	text-align:center;
	font : .75em georgia, tahoma, verdana, arial, sans-serif;
	color:#666;
} 

/*AFFECTS ALL TABLES IN MAIN*/

#main table .top_tab{
	font : 1.15em georgia, tahoma, verdana, arial, sans-serif;
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	color:#FFF;
	background-color:#666;
	width:25%;
	-moz-border-radius-topleft: 30px;
	border-top-left-radius: 30px;
	
	-moz-border-radius-bottomleft: 30px;
	border-bottom-left-radius: 30px;
}

#main table .odd{
	background-color:#CCC;
	color:#000;
	padding-right:10px;
	padding-bottom:2px;
	padding-top:2px;
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
} 
#main table .odd:hover{ 
	background-color:#B4DC31;
	color:#000;
} 

#main table .even{
	color:#000;
	background-color:#FFF;
	
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
} 
 
#main table .even:hover{ 
	background-color:#B4DC31;
	color:#000;
} 

#gentbl{
	margin-top:5px;
	text-align:center;
	border-style: hidden;
	width : 520px;
	font : 12px georgia, tahoma, verdana, arial, sans-serif;
	color:#000;
}

#noborder{border-style: hidden;}

#gentbl_info{
	background:#EAEAEA;
	text-align:center;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color:#000;
}
#gentbl_stock{
	font-size:10px;
	font-weight:bold;
}
#cart_more{
	background:#EAEAEA;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	margin-top:5px;
	letter-spacing:2px;
	padding-top:5px;
	color:#000;
}
#gentbl_title{
	font-size:20px;
	color:#000;
}

#gentbl_price{
	font-size:20px;
	font-weight:bold;
	color:#000;
	margin-top:10px;
}

#gentbl_mdl{
	font-size:10px;
	line-height:1px;
}

#gentbl_spcr{
	height:15px;
	width:inherit;
}

#gentbl_bord{
	border-top:solid 1px #999;
}

#gentbl_bord_bt{
	border-bottom:solid 1px #999;
}
.gentbl_form1{
	width:250px;/*WIDTH FOR LEFT COL*/
}
.gentbl_form2{
	background:#EAEAEA;
	height: 65px;
	width:262px;
}
.gentbl_form3{
	background:#EAEAEA;
	height: 65px;
	width:262px;
	
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
	
	-moz-border-radius-bottomleft: 30px;
	border-bottom-left-radius: 30px;
}

.gentbl_form4{
	background:#EAEAEA;
	height: 65px;
	width:250px;
	
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	
	-moz-border-radius-topleft: 30px;
	border-top-left-radius: 30px;
}

/*------HTML TABLE CONTROLS END------*/


			/*SIDEBAR*/
#sidebar { 
width : 200px;
margin : 10px 0 0 560px;
padding-left : 5px;
line-height : 1.8em;
} 

#sidebar img{ 
padding : 5px;
margin-bottom:5px;
margin-left:5px;
border : 1px solid #aaa;
line-height : 1.8em;

}
#sidebar img:hover{ 
padding : 5px;
margin-bottom:5px;
margin-left:5px;
border : 1px solid #4a83ba;
background: #b4dc31;
line-height : 1.8em;
}
#sidebar h1 { 
padding : 10px;
margin : 0;
font : 1.0em georgia, tahoma, verdana, arial, sans-serif;
background : inherit;
color : #666;
} 
.sideheader { 
margin-bottom : 15px;
margin-left:5px;
text-align : center;
letter-spacing : 5px;
font : 1.10em georgia, tahoma, verdana, arial, sans-serif;
padding : 3px 0;
color : #fff;
background:#4a83ba;
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	
	-moz-border-radius-topleft: 30px;
	border-top-left-radius: 30px;
	
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
	
	-moz-border-radius-bottomleft: 30px;
	border-bottom-left-radius: 30px;
	
} 
			/*SIDE MENU*/
#sidenav {
margin : 0;
padding : 0;
font : .85em georgia, tahoma, verdana, arial, sans-serif;
background : inherit;
color : #666;
list-style-type: none
} 

#sidenav a { 
display : block;
width : 85%;
margin : 10px;
padding-left : 25px;
text-align : left;
text-decoration : none;
color : #666;
background : transparent url(images/bullet_b4_sm.gif) no-repeat left center;

} 

#sidenav a#current, #sidenav a:hover { 
text-decoration : none;
color : #4a83ba;
background : transparent url(images/bullet_after_sm.gif) no-repeat left center;

} 
			/*FOOTER*/ 
.footer { 
height: 20px;/* .push must be the same height as .footer */
width:700px;
clear: both; /* part of footer push*/
margin : 40px 0 0 0;
align: center;
padding : 0;
border-top : 1px solid #eee;
font-size : 0.7em;
text-align : center;
background : inherit;
color : #666;
} 
.footer a:link, .footer a:visited { 
background : inherit;
color : #4a82ba;
} 
.footer a:hover { 
border-bottom : 1px solid #000;
color : #000;
}

.push{ 		  /* part of footer push*/
height: 40px; /* .push must be the same height as .footer */
clear: both;
}
			/*CLASS*/
.news { 
font-size : .9em;
background : inherit;
color : #666;
}
.myborder {
float: left; 
border : 1px solid #aaa;
padding:10px;
margin: 10px;
} 
			/*TYPOGRAPHY*/
p { 
padding-left : 20px;
padding-right : 15px;
font-size:12px
}

blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
} 

			/*LINKS*/ 
a img { 
border : 0;
} 
a:link, a:visited { 
background : inherit;
color : #4a82ba;
text-decoration : none;
} 

a:hover { 
background : inherit;
text-decoration : none;
color : #000;
}