/*************************************************/
/* CSS styles for PacificMacs.com - thanks brent!*/ 
/*************************************************/

*{
	margin: 0px;
	padding: 0px;
}

body{
	
	font-family: "Trebuchet Ms", "sans serif", verdana, arial, helvetica;
	font-size: 14px;
	background-color: #ffffff;
   background-image: url(newBackground.jpg);

	background-repeat: repeat-x;
	margin: 0px 0em 1em 0em;
	padding: 0px;
	 color: #666;
}
/* Default Settings ***************************************************************/

#defaultd #rightCont p{
font-size: 13px;
}
.productListName a{color: #666; text-decoration: none;}
.productListName a:hover{color: #888; text-decoration: underline;}

p{margin-bottom: 1em;}

p.goBack{font-size: 11px; margin: 0px 0px 0em 0px;}

h2{font-size: 16px; letter-spacing: -1px; margin-bottom: 0.5em;}	

h3{
	color: white;
	padding: 4px 0px 0px 6px;
	margin-bottom: 0.5em;
	font-size: 13px;
  background-image: url(roundy.gif);
  background-repeat: no-repeat;
  height: 20px; 
}

#default h3{ background-color: #ecb61e; }
.breadcrumb {margin-top: 0px; padding-top: 0px;}
.breadcrumb a{color:#666; text-decoration:none;}
.breadcrumb a:hover{color: #888; text-decoration: underline;}

img{border: 0px;}

.brief ul{
	padding: 0px;
	margin: 0px;
margin-top: 0.4em; 
margin-bottom: 0.5em; 
line-height: 18px; 
font-size: 11px;
list-style: none;

}
input.quantity{font-size: 11px;}

.searchBoxCont{
	width: 33%;
	font-size: 12px;
 
	border: 0px solid red;
	margin-bottom: 0px;
	padding-bottom: 0px;
 }


/* Header & Main Formating Styles ***************************************************************/

#top{
	 
	background-image: url(stripes4.gif);
	background-repeat: repeat-x;
	border: 0px solid red;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-top: 7px;
 	margin: 0px;
 	
}

#topLogo{
	border: 0px solid red; 
	height: 155px; 
	width: 790px; 
	background-position: 1px 0px; 
	background-image: url(logo2.gif); 
	background-repeat: no-repeat; 
	margin: auto;
}

#topContent{
	 font-size: 13px; 
	 color: white; 
	 text-align: right;
	  
	 margin-right: 80px; 
	 padding-top: 13px;
	  height: 75px;
	  border: 0px solid red;
	}

#topContent p{
	margin-top: -3px; 
	font-size: 11px; 
	line-height: 1.5em; 
	color: #b7b7b7;}
	
#top a{
	color: #ccc; 
	text-decoration: none;}
#top a:hover{
	color: #c7c7c7; 
	text-decoration: underline;}

#what{margin-bottom: 0px;}
#welcome{color: #ddd;}


#wrap{
 width: 800px;
 margin: auto;
 border: 0px solid red;
  
	}

#content{
	 width: 650px;
	 margin: auto;
	padding-top: 25px;
	border: 0px solid green;
	 
}
 
#leftCont{
width: 66%;
 margin: 0px;
	border: 0px solid red;
}

#rightCont{
	width: 33%;
	font-size: 12px;
	border: 0px solid red;
	margin-bottom: 0px;
	padding-bottom: 0px;
 }
 
 #rightCont p{
 font-size: 11px;	
line-height: 1.4em;
}

.sleeve{padding: 0px 13px 0px 13px;}
.quarter{width: 24%;}
.third{width: 32%; }
.twothird{width: 65%;}
.half{width: 49%;}

.left{float: left;}
.right{float: right;}
.clear{clear: both; height: 0px;}

.blanky{
margin-right: 0px;
padding-bottom: 15px;
width:141px; 
height: 154px; 
border: 1px solid #dddddd;  
background-color: white; 

}

.blanky:hover {border: 1px solid #aaa; background-color: #fcfcfc;}

.spacer{margin-bottom: 17px;}



 /* Main Navigation Styles ***************************************************************/
 #mainNav{
 	width: 540px;
	list-style: none;
	font-size: 15px;
	margin: auto;
	padding-left: 53px;
	margin-top: 35px;
	border: 0px solid red;
	height: 30px;
}

#mainNav li{
	height: 32px;
	color: #2d2e12;
	float: left;
	margin-right: 8px;
	font-weight: bold;
}

#mainNav li span{display: none;}

#mainNav li a{
	background-image: url(newNav2.gif);
	 border: 0px solid red;
	display: block;
	width: 100%;
	height: 100%;
	color: #383815;
 text-decoration: none;
	
}

#mainNav li a:hover{
	color: #e9b620;
 text-decoration: underline;
}

#homeNav{width: 64px;}
#homeNav a{}
#home #homeNav a, #homeNav a:hover{background-position: 0px -32px;}

#macsNav{width: 58px;}
 #macsNav a{background-position: -90px 0px;}
 #macs #macsNav a, #macsNav a:hover{background-position: -90px -32px;}
 
#accessoriesNav{width: 175px;}
#mainNav #accessoriesNav a{background-image: url(parts.gif); background-position: 0px 0px;}
 #accessories #accessoriesNav a, #mainNav #accessoriesNav a:hover{background-position: 0px -32px;}
 
 
#upgradesNav{width: 104px;}
 #upgradesNav a{background-position: -299px 0px;}
 #upgrades #upgradesNav a, #upgradesNav a:hover{background-position: -299px -32px;}
 
#repairsNav{width: 85px; margin-right: 0px;}
 #repairsNav a{background-position: -414px 0px;}
 #repairs #repairsNav a, #repairsNav a:hover{background-position: -414px -32px;}
 
 
/* Home Page Styles ***************************************************************/
.raquo{font-size: 18px;}
#homeDirections{height: 200px;}
#home h3{background-color: #e9b620}

#home .sleeve{font-size: 13px;}
#home .sleeve p{margin-top: 1em;}
#home .sleeve a{ }
#home .sleeve h2 a{text-decoration: none; color: #666}
 
#orderStatus{
	width: 180px; 
	height: 47px; 
	margin-left: 5px; 
	margin-top: 0px;	
	background-repeat: no-repeat; 
	background-image: url(statusbox.jpg); 
	position: relative;
	top: -3px;
	margin-bottom: 2em; 
	border: 0px solid #e9b620;
	padding-left: 20px;
	padding-top: 98px;
	}

#orderStatusField{
	width: 120px;
}

#mainPromo{
	 
	 
	margin-bottom: 1em;
	 
}

/* My Cart Styles ***************************************************************/

#myCart{
	margin-bottom: 2em;
	border: 1px solid #de8717;
	 }
	 
#myCart table{
font-size: 11px; 
border-spacing: 0px;
border-collapse: collapse;
padding: 0px 3px 0px 3px;
margin: 0px;
}

#myCart td{
	border-bottom: 1px dotted #666;
	padding: 3px 0px 1px 0px; 
	margin: 0px;
	 vertical-align: middle;
	}
.qty{}
.desc{padding: 0px; margin: 0px 0px 0px 0px;}
.price{ padding: 3px;}
.price p{margin: 0px; padding: 0px 3px 0px 3px;}
.qty p{margin: 0px; padding: 0px 5px 0px 3px;}
#myCart table a{text-decoration: none; color: #777;}

#myCartHeading{
             color: white;
             font-weight: bolder;
	     padding: 1px 0px 0px 6px;
	     margin-bottom: 2px;
	     font-size: 13px;
              
             background-repeat: no-repeat;
             height: 20px; 
	         
		
		background-color: #de8717;
	}

#amount{
	height: 18px;  
	background-image: none; 
	font-weight: normal;
	margin-bottom: 0px; 
	font-size: 11px; 
	background-color: #de8717;
	}
	.viewLink{font-weight: normal;color: #ddd; font-size: 11px;}

#default #myCart h3{background-color: #de8717; }	

h2.colored{
	
	background-image: url(h2roundy.gif);
	background-repeat: no-repeat; 
	padding: 4px; 
	color: white; 
 
	margin-top: 1em; 
	margin-bottom:0px;
	padding-left: 0.4em;
	}
	
#default h2.colored{background-image: url(h2roundydefault.gif);}


	
h1.colored{padding-left: 0.2em; margin-top: 0px;  }
#macs h1.colored, #macs h2.colored{background-color: #1583ac; color: white;}
#macs #myCart{border: 1px solid #1583ac;}
#macs h3{background-color: #1896c5;}
#macs #myCartHeading{background-color: #1583ac;}
#macs #amount{background-color: #1583ac;}

#accessories h1.colored, #accessories h2.colored{background-color: #73a4cd; color: white;}
#accessories #myCart{border: 1px solid #73a4cd;}
#accessories h3{background-color: #87adcd;}
#accessories #myCartHeading{background-color: #73a4cd;}
#accessories #amount{background-color: #73a4cd;}
 
#upgrades h1.colored, #upgrades h2.colored{background-color: #9cc438; color: white;}
#upgrades #myCart{border: 1px solid #a3d600;}
#upgrades h3{background-color: #b5d64b;}
#upgrades #myCartHeading{background-color: #a3d600;}
#upgrades #amount{background-color: #a3d600;}


#repairs h1.colored, #repairs h2.colored{background-color: #fd6c40; color: white;}
#repairs #myCart{border: 1px solid #fd6c40;}
#repairs h3{background-color: #fd8662;}
#repairs #myCartHeading{background-color: #fd6c40;}
#repairs #amount{background-color: #fd6c40;}
 
#cartIcon{
	position: relative; top: 2px; left: -2px;
	width: 16px;
	height: 16px;
	float: left;
	background-repeat: no-repeat;
}
#default #cartIcon{background-image: url(cart.gif);}
#macs #cartIcon{background-image: url(blueCart.gif);}
#accessories #cartIcon{background-image: url(lightblueCart.gif);}
#upgrades #cartIcon{background-image: url(greenCart.gif);}
#repairs #cartIcon{background-image: url(redCart.gif);}

#myCart a:hover{
	text-decoration: underline;
}
	








/* Service & Support ******************************************************************************/
#faq{list-style: none; margin-top: 1em;}
 
#faq li{margin: 0.0em 0px;}
#faq a{color: #db7c00; text-decoration: none;}
#faq a:hover{color: #73a4cd; text-decoration: underline;}
.Q, .A{margin-bottom: 1em; width: 1.5em; font-weight: bold; font-size: 25px;}
.Q{  } 
.A{color: #999;}

.question{margin-bottom: 1em; font-weight: bold; color: #444; margin-left: 40px;}
.answer p{ margin-left: 40px; margin-top: 0px;}

#supportOrderStatusContainer{margin-bottom: 1em;padding-bottom: 1em;  border-bottom: 1px dotted #808080;}
#supportOrderStatusContainer h1 {margin-top: 0.5em;}

#supportOrderStatusContainer p{margin-bottom: 0px;  margin-top: 1em; font-size: 13px;}

#quickLinks{height: 61px; list-style: none; font-size: 11px;}
#quickLinks li{width: 49%; float: left; }

/* Footer ******************************************************************************/
#footer{
	
	margin-top: 3em; 
	padding: 0em;  
	font-size: 11px; 
	line-height: 1.4em;
}

#footer a{text-decoration: none; color: #777;}
#footer a:hover{text-decoration: underline; color: #888;}
#footer b a{color: #666;}
#footer b a:hover{color: #777;}
#footer p{margin-top: 0.5em;}

#footer h3{background-color: #8eb2ed; background-image: none; color: #eee; margin-bottom: 0.5em; font-size: 12px; padding-bottom: 0px; border-bottom: 1px dotted #666;}
#home #footer{display: none;}
/* Search Form //----------------------------------------------------------*/

	#searchform {
		margin: 1px 0 1em 0;
		padding: 0;
		}
 fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		}
	#searchform label { 
		color: #999; 
		display: none; 
		}
	#searchform input { 
		width: 180px; 
		color: #222; 
		}
	#searchform #submitquery { 
		display: none; 
		}