@charset "utf-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	text-align:center;
	background-image: url(images/portables/portable-homebk.jpg);
	background-repeat:repeat-x;
	background-color:#6e0019;
	width:auto;
}

#container {
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:1000px;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
}


#header {
	height:120px;
	z-index:-10;
}

#header img {
	margin-left:25px;
}


#navlinks {
	margin-left:405px;
	margin-top:-55px;
	}

#content {
	height:1034px;
	background-color:#FFF;
	color:#000;
	background-image:url(images/portables/portable_home_middle.jpg);
	background-repeat:repeat-x;
}

#menu li {
	list-style:none;
	float:left;
}

#lowrow  {
	margin:15px auto;
	margin-left:0px;
}

#my-glider {
	width:691px;
	padding:0px;
	position:absolute;
	margin-top:-50px;
	margin-left:0px;
	z-index:150;
}


.controls  {
	position:absolute;
	margin-left:665px;
	margin-top:275px;
	width:300px;
	padding:0;

}

.controls li {
	float:left;
	padding-right:15px;
	list-style:none;
}

.controls a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 691px; 
	height: 308px;
	overflow: hidden;
	border:1px solid #cccccc;
	}

div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:691px;
		height:308px;
		overflow:hidden;
		float:left;
		padding:0;		
		}

div.scroller div.content {
		width: 10000px;
		}


#shop_btns {
	z-index:100;
	margin-left:665px;
	margin-top:-50px;
	position:absolute;
}

#shop_btns li {
	list-style:none;
	padding-bottom:0px;
	margin-bottom:-5px;
}

#slideshow {
	margin-left:0px;
}

#all {
	margin-top:285px;
	position:absolute;
	z-index:60;
}

/* Start footer settings */

#footer {
	height:193px;
	color:#fff;
	margin-top:10px;
}
	
#footer img {
	margin-left:35px;
	margin-top:25px;
}

#phone{
	float:inherit;
	margin-left:360px;
	margin-top:-72px;
	line-height:80%;
	font-size:medium;
	}
	
#phone a {
		color:#fff;
		text-decoration:none;
}

#phone span {
		font-size: smaller;
}
	
#sitelinks {
		padding:0;
		margin:0;
		clear:both;
		margin-left:25px;
		margin-top:-10px;
}

#sitelinks li {
		float:left;
		list-style:none;
		padding-right:4px;
		padding-left:4px;
		font-size:small;
}

#sitelinks a {
		color:#fff;
		text-decoration:none;
}

#copyright {
	clear:both;
	font-size:small;
	margin-left:28px;
	padding-top:5px;
}

/* end footer settings */


/* settings for product slideshow */


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}

#wrapper {width:923px; margin:0px auto; display:none; margin-bottom:10px;}

#wrapper * {margin:0; padding:0}

#fullsize {position:relative; width:923px; height:276px; padding:2px; border:1px solid #ccc; background:#000}

#information {position:absolute; bottom:0; width:20px; height:0; background:#000; color:#fff; overflow:hidden; z-index:0; opacity:.1; filter:alpha(opacity=10)}

#information h3 {padding:4px 8px 3px; font-size:14px}

#information p {padding:0 8px 8px}

#image {width:923px}

#image img {position:absolute; z-index:25; width:auto}

.imgnav {position:absolute; width:25%; height:276px; cursor:pointer; z-index:150}

#imgprev {left:0; background:url(images/left.gif) left center no-repeat}

#imgnext {right:0; background:url(images/right.gif) right center no-repeat}

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=80)}



#thumbnails {margin-top:6px}



#slidearea {float:left; position:relative; width:922px; margin-left:-2px; height:93px; overflow:hidden}

#slider {position:absolute; left:0; height:86px}

#slider img {cursor:pointer; border:none; padding:-1px; margin:-1px;}

	
/* settings for main navigation */

.sitenav {

height:35px; 

position:relative; 

font-family:arial, verdana, sans-serif; 

font-size:12px; 

width:690px; 

z-index:100;

margin:0;

padding:0;

margin-left:-95px;

}



.sitenav .table {

display:table; 

margin:0 auto;

width:690px;

}



.sitenav .select,

.sitenav .current {

margin:0; 

padding:0; 

list-style:none; 

display:table-cell; 

white-space:nowrap;

}



.sitenav li {

margin:0; 

padding:0; 

height:auto; 

float:left;

}



/*line base that appears under row of main links - covered with 2nd level links */

.sitenav .select a {

display:block; 

height:35px; 

float:left; 

font-weight:bold;

padding:0 30px 0 30px; 

text-decoration:none; 

line-height:35px; 

white-space: nowrap;

color:#dfdfdf;

}





.sitenav .select a:hover, 

.sitenav .select li:hover a {

padding:0 0 0 15px; 

cursor:pointer; 

color:#fff;

}



.sitenav .select a b{

	font-weight:bold;

	}



.sitenav .select a:hover b, 

.sitenav .select li:hover a b {

display:block; 

float:left; 

padding:0 30px 0 15px; 

background: #a90329 right top; 

cursor:pointer;

}



.sitenav .select_sub {

display:none;

}



/* IE6 only */

.sitenav table {

border-collapse:collapse; 

margin:-1px; 

font-size:1em; 

width:0; 

height:0;

}



.sitenav .sub {

display:table; 

margin:0 auto; 

padding:0; 

list-style:none;

}



.sitenav .sub_active .current_sub a, 

.sitenav .sub_active a:hover {

background:transparent; 

color:#2b3238;

}



/*Background image settings for lower level navigation */

.sitenav .select :hover .select_sub, 

.sitenav .current .show {

display:block; 

position:absolute; 

width:100%; 

top:35px; 

background:url(menu/images/back.gif); 

padding:0; 

z-index:100; 

left:0; 

text-align:right;

}



.sitenav .current .show {

z-index:10;

}



/*color of lower level navigation font */

.sitenav .select :hover .sub li a, 

.sitenav .current .show .sub li a {

display:block; 

float:left; 

background:transparent; 

padding:0 10px 0 10px; 

margin:0; 

white-space:nowrap; 

border:0; 

color:#a90329;

}



.sitenav .current .sub li.sub_show a {

color:#2b3238; 

cursor:default; 

}



.sitenav .select .sub li a {

	font-weight:normal;

}



/* Color text on lower level becomes with rollover */

.sitenav .select :hover .sub li a:hover, 

.sitenav .current .sub li a:hover {

visibility:visible; 

color:#909090; 

}