/* yellow: #FAE650; */
/* dark grey: #333333 */
/* mid-grey:#55524D */

* {
  margin: 0;
  padding: 0;
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: normal;
	color: #666666;
	margin: 0px;
	padding: 0px;
    background-color:#F4F2EE;
    background-image:url(../images/bgrnd1.gif);
}

#page_wrapper {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}



#header {
	width:850px;
	padding:0 25px 15px 25px;
	background-color:#fff;
}


#header .left {
	float:left;
	position:relative;
	width:175px;
	height:120px;
}

#header .left h1 {
	font-size:10px;
}

#header .left .logo {
	position:absolute;
	top:0;
	left:0;
}

#header .middle {
	float:left;
	position:relative;
	width:410px;
	height:100px;
	margin:0 20px 20px 20px;
}

/* #header .middle h2 {
	font-size:1.36em;
	position:absolute;
	left:0;
	bottom:0;
	color:#333;
} */

#header .middle .contact {
	margin-top:14px;
	font-size:1.1em;
	position:absolute;
	left:0;
	bottom:0;
}


#header .middle h2 {
	font-size:1.36em;
	position:absolute;
	left:0;
	bottom:33px;
	color:#333;
}

#header .right {
	float:right;
	width:225px;
	padding-top:20px;		
}


fieldset#login {
	background-color:#FAE650;
	border:none;
	width:205px;	
	padding:10px 10px 5px 10px;
	margin:0;
}

#login h3 {
	font-size:1.09em;
	margin-bottom:5px;
	color:#333;
}

#login .form_row {
	width:205px;
	margin-bottom:3px;
}

#login .form_left {
	float:left;
	width:55px;
	text-align:right;
	line-height:20px;	
}

#login .form_right {
	float:right;
	width:145px;
}

#login .form_right input {
	width:139px;
	padding:2px;
	border:1px solid #ccc;
	font-size:1em;
	color:#666;
}

#login .form_links {
	float:left;
	width:155px;
}

#login .form_links a {
	line-height:21px;
}

#login .form_submit {
	float:right;
	width:45px;
}

#middle {
	width:850px;
	padding:0 25px 20px 25px;
	background-color:#fff;
		
}

#middle #side_nav_column {
	width:165px;
	float:left;
	margin-right:10px;
}

#middle #main_content {
	width:675px;	
	float:right;	
}

#home_pic {
	position:relative;
	margin-bottom:7px;
}

#home_pic img {
	display:block;
}

#home_pic #text_wrapper {
	width:850px;
	height:73px;
	position:absolute;
	bottom:45px;
	left:0;
	background-image:url(../images/zaggy_bgrnd.png);
	background-repeat:no-repeat;
	background-position:top;
	background-position:left;
	z-index:10;
}

#home_pic #text_wrapper .text1  {
	position:absolute;
	top:0;
	left:0;
}

#home_pic #text_wrapper .text2  {
	position:absolute;
	top:35px;
	left:190px;
}

#home_pic #text_wrapper .text1 h2 {
	padding:1px 10px 5px 10px;
	background-color:#FAE650;
	font-size:29px;
	line-height:29px;
	font-weight:normal;
	color:#333;
}

#home_pic #text_wrapper .text2 h2 {
	padding:1px 10px 5px 10px;
	background-color:#FAE650;
	font-size:29px;
	line-height:29px;
	font-weight:normal;
	color:#333;
}

#home_pic .link {
	display:block;
	width:155px;
	padding:3px 5px 3px 5px;
	position:absolute;
	right:0;
	bottom:0;
	background-color:#FAE650;
	background-image:url(../images/homepic_link_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#home_pic a.link:visited,
#home_pic a.link:link,
#home_pic a.link:active {
	color:#666;
}


#home_pic a.link:hover {
	color:#333;
}

#home_title {
	width:332px;
	padding:6px 10px 6px 10px;
	background-color:#FAE650;
	height:78px;
	overflow:hidden;
	margin-bottom:5px;
}

#home_title h2 {
	font-weight:normal;
	font-size:2.27em;
	line-height:1em;
	color:#333;
}

#home_quote {
	font-size:1.45em;
	padding:10px;
	font-weight:normal;
	line-height:1.36em;
	color:#666;
}

.home_left {
	width:352px;
	float:left;
}

.home_left .contact {
	padding:10px;
}

.home_right {
	width:497px;
	float:right;

}

.home_right h1{
	font-size: 1.45em;
}

#promo_box1 {
	width:165px;
	height:90px;
	overflow:hidden;
	position:relative;
	margin-right:1px;
	float:left;
	margin-bottom:15px;
}

#promo_box2 {
	width:165px;
	height:90px;
	overflow:hidden;
	position:relative;
	margin-right:1px;
	float:left;
	margin-bottom:15px;
}

#promo_box3 {
	width:165px;
	height:90px;
	overflow:hidden;
	position:relative;
	float:left;
	margin-bottom:15px;

}
#promo_box1 a,
#promo_box2 a,
#promo_box3 a {
	display:block;	
	width:165px;
	height:90px;
}

#promo_box1 h3.title, #promo_box2 h3.title, #promo_box3 h3.title {
	background-color:#FAE650;
	position:absolute;
	padding:1px 3px 3px 3px;
	left:10px;
	bottom:10px;
	max-width:139px;
	overflow:hidden;
	font-size:1.36em;
	font-weight:normal;
	color:#333;
}

#middle #side_nav_column {
	width:165px;
	float:left;
	margin-right:10px;
}

/* #middle .side_nav {
	float:left;		
} */

/* #middle .main_content {
	float:right;	
} */



#footer {
	width:900px;
	margin-top:10px;	
}

#footer .left {
	width:200px;
	float:left;		
}

#footer .right {
	width:680px;
	float:right;
	text-align:right;
	padding-top:30px;	
}

/* ******************** LINK STYLES ************************ */


a {
 text-decoration: none;
 font-weight:bold;
}

a:visited,
a:link,
a:active  {
    color: #666;
	text-decoration:underline;
	}
	
a:hover {
    color: #CCCCCC;
	text-decoration:underline;
	}
	

a.link_grey {
 font-weight:bold;
 text-decoration:none;
}	
	
a.link_grey:visited,
a.link_grey:link,
a.link_grey:active {
	color:#666;
}

a.link_grey:hover {
	color:#333;
}


a.link_grey_small {
	font-size:0.82em;
	text-decoration:none;
}


a.link_turquoise:visited, 
a.link_turquoise:link,
a.link_turquoise:active {
	color: #057089;
	text-decoration: none;
}
a.link_turquoise:hover {
	color: #666;
	 text-decoration:none;
}	
	
a.link_grey_small:visited,
a.link_grey_small:link,
a.link_grey_small:active {
	color:#666;
	 text-decoration:none;
}

a.link_grey_small:hover {
	color:#999;
	 text-decoration:none;
}


a.link_white_big:visited,
a.link_white_big:link,
a.link_white_big:active {
	color:#fff;
	font-size:1.18em;
	 text-decoration:none;
}

a.link_white_big:hover {
	color:#ccc;
	font-size:1.18em;
	 text-decoration:none;
}


a.link_grey_big:visited,
a.link_grey_big:link,
a.link_grey_big:active {
	color:#666;
	font-size:1.5em;
	 text-decoration:none;
}

a.link_grey_big:hover {
	color:#999;
	font-size:1.5em;
	 text-decoration:none;
}


a.link_yellow_arrow {
	background-image:url(../images/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px;
	width:auto;
	 text-decoration:none;
	}

a.link_yellow_arrow:visited,
a.link_yellow_arrow:link,
a.link_yellow_arrow:active {
	color:#FAE650;
	font-weight:bold;
}

a.link_yellow_arrow:hover {
	color:#ccc;
	font-weight:bold;
}


/* ******************** TEXT STYLES ************************ */

h1 {

}

h2 {

}

h3 {

}

h4 {
	font-size:1em;
	font-weight:bold;
	color:#333;
}
	

.text_yellow {
	color:#FAE650;
}

/* ******************** CONTENT STYLES ************************ */


/* #main_title {
	width:655px;
	padding:6px 10px 6px 10px;
	background-color:#FAE650;
	margin-top:12px;	
	margin-bottom:12px;
}

 #main_title h2 {
	font-weight:normal;
	font-size:1.72em;
	line-height:1.18em;
	color:#55524D;
} */

#main_title {
	padding:3px 0 3px 0;
	margin-top:10px;
	margin-bottom:10px;
	border-left:7px solid #FAE650;
	overflow:hidden;
	width:668px;
}

#main_title h1,
#main_title h2 {
	display:inline;
	color:#55524D;
	background-color:#FAE650;
	border-top:5px solid #FAE650;
	border-bottom:5px solid #FAE650;
	border-right:5px solid #FAE650;
	font-size:1.73em;
	line-height:1em;
}

.three_col_wrapper {
	width:675px;
}

.three_col_leader {
	width:190px;
	padding:10px;
	margin-right:20px;
	float:left;
	color:#FAE650;
	background-color:#55524D;
}

.three_col_leader h3 {
	font-size:1.27em;
	line-height:1.27em;
}

.three_col_left {
	width:215px;
	margin-right:15px;
	float:left;
}

.three_col_right {
	width:215px;
	float:right;
}


.two_col_wrapper {
	width:675px;
}

.two_col_left {
	width:330px;
	margin-right:15px;
	float:left;
}

.two_col_right {
	width:330px;
	float:right;
}



table.table {
	background-color:#FAE650;
	padding:0;
	margin:0;
	margin-bottom:10px;
	border:none;
	width:100%;
	border-collapse:collapse;
}

table.table td {
	padding:10px;
	vertical-align:top;
	border-bottom:solid 1px #55524D;
}

table.table table {
	padding:0;
	margin:0;
	border:none;
	width:100%;
	border-collapse:separate;
	border-spacing:5px;
	*border-collapse: expression('separate', cellSpacing = '5px');
}

table.table table td {
	border:none;
	padding:0;
}

table.table td.grey {
	background-color:#55524D;
}


.two_thirds_wrapper {
	width:445px;
}	

/* ******************** MISC ************************ */



.clear_both {
	clear: both;
	height: 0px;
}

.clear_left {
	clear: left;
	height: 0px;
}

.clear_right {
	clear: right;
	height: 0px;
}

li {
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: square;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.7em;
	margin-left: 0px;
}

a img {
	border:none;
}

.vert_align {
	vertical-align:middle;
}

.width50percent {
	width:50%;
}


/* ******************** NAV ************************ */


#nav_wrapper {
	background-color: #fff;
	border-top: 2px solid #FAE650;
}

#nav {
	margin-left: auto;
	margin-right: auto;
}

#nav ul, #nav li {     
	padding: 0;     
	margin: 0;     
	list-style: none; 
} 


/* nav styles */




#nav a {     
	display: block;     
	/* width: 10em; */
	width: auto;
	background-color: #fff;
	 text-decoration:none;
} 

#nav li {     
	float: left;     
	/* width: 10em; */
	width: auto;
}

#nav li a {
	padding: 3px 10px 17px 0;
	background-image: url(../images/nav_dvdr.gif);
	background-repeat: no-repeat;
}

#nav li a:visited, #nav li a:link, #nav li a:active {
	font-weight:bold;
	color: #666;
}

#nav li a:hover {
	font-weight:bold;
	color: #333;
}

#nav li a.selected {
	background-image:url(../images/nav_arrow.gif);
	background-position:left bottom;
}

#nav li a.selected:visited,
#nav li a.selected:link,
#nav li a.selected:active,
#nav li a.selected:hover {
	font-weight:bold;
	color: #333;
}

/* ******************** SIDE NAV ************************ */



#side_nav {   
	padding:0;   
	margin:0;
	margin-bottom:20px;   
	}   

#side_nav li {   
	margin:0;
	list-style-type:none; 
	} 

#side_nav a {
	display:block;
	 text-decoration:none;
}

#side_nav a:visited,
#side_nav a:link,
#side_nav a:active {
	font-weight:bold;
	color: #333;
}

#side_nav a:hover {
	color:#666;
}


/* 1st sublevel */

#side_nav li li {
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 7px;
}

#side_nav li li a:visited,
#side_nav li li a:link,
#side_nav li li a:active {
	font-weight:bold;
	color: #888888;
}

#side_nav li li a:hover {
	color:#666666;
}

#side_nav li li a.selected {
	color:#cccccc;
}


/* ******************** FORMS ************************ */

#main_content form .form-left {
	width:170px;
	float:left;
	margin-bottom:10px;
	padding-top:6px;
}

#main_content form .form-right {
	width:265px;
	float:right;
	margin-bottom:10px;
}

#main_content form .form-right input,
#main_content form .form-right select,
#main_content form .form-right textarea  {
	width:259px;
	border:1px solid #999;
	padding:2px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}

#main_content form .form-right #submit {
	width:auto;
	padding:0;
	border:none;
}

/* ***************** product grid ****************** */
#categoryGrid table {
	padding:0; 
	margin:0;
	border:none;
	width:675px;
	border-collapse:collapse;
}
#categoryGrid table td {
	vertical-align:top;	
}
/* used in 4 column category Grids */
#categoryGrid .content-odd4 {
	width:155px;
	padding-bottom:4px;
	float: left;
	margin-right: 5px;
}
#categoryGrid .content-odd4 .photo,
#categoryGrid .content-even4 .photo {
	width:155px;
	height:110px;
	overflow:hidden;
	padding-bottom:10px;
	border-bottom:3px solid #FAE650;
	margin-bottom:2px;
}
#categoryGrid .title a  {
	text-decoration:none;
	display:block;
	padding-bottom:20px;
	background-image:url(../../images/arrow_yellow.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	}

#categoryGrid .title a:visited,
#categoryGrid .title a:link,
#categoryGrid .title a:active  {
    color: #666;
	}
	
#categoryGrid .title a:hover {
    color: #CCCCCC;
	}
#categoryGrid #btmOptions .pagination {
	margin-top:40px;
	padding-bottom:5px;
	text-align:right;
}
#categoryGrid #btmOptions .pagination a:visited,
#categoryGrid #btmOptions .pagination a:link,
#categoryGrid #btmOptions .pagination a:active  {
    color: #b4b4b4;
	}
	
#categoryGrid #btmOptions .pagination a:hover {
    color: #333;
	}
	
#categoryGrid #btmOptions .pagination a.current {
    color: #333;
}
	
#categoryGrid #btmOptions .pagination a.prev {
	text-decoration:none;
	padding-right:18px;
	background-image:url(../../images/arrow_yellow_back_sml.png);
	background-repeat:no-repeat;
	background-position:right;
}

#categoryGrid #btmOptions .pagination a.next {	
	text-decoration:none;
	padding-left:18px;
	background-image:url(../../images/arrow_yellow_sml.png);
	background-repeat:no-repeat;
	background-position:left;
}

#categoryGrid #btmOptions .pagination a.prev:visited,
#categoryGrid #btmOptions .pagination a.prev:link,
#categoryGrid #btmOptions .pagination a.prev:active,
#categoryGrid #btmOptions .pagination a.next:visited,
#categoryGrid #btmOptions .pagination a.next:link,
#categoryGrid #btmOptions .pagination a.next:active {
    color: #333;
}

#categoryGrid #btmOptions .pagination a.prev:hover,
#categoryGrid #btmOptions .pagination a.next:hover {
    color: #666;
}

/* end categoryGrid */


div.image_button_hold {
	margin-top: 2px;
}

.image_button_hold #enlargeLink {
	height:20px;
	overflow:hidden;
	position:relative;
	top:-1px;
	width:20px;
	cursor: pointer;
}
a.image_button {
	background-color:#CCCCCC;
	color:#55524D;
	font-family:Verdana;
	height:20px;
	padding:2px 5px;
	text-align:center;
	text-decoration:none;
	width:20px;
	line-height: 20px;
}
a.image_button:hover {
	background-color:#FAE650;
}

#download_list {
	width:525px;
	margin-top:30px;
	background-image:url(../images/download_margin.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
}

#download_list .row {
	padding-bottom:1px;
	background-image:url(../images/dvdr_download.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}



#download_list .col1 {
	width:145px;
	float:left;
	padding:3px 5px 3px 0;	
}

#download_list .col2 {
	width:270px;
	float:left;
	padding:3px 5px 3px 0;	
}

#download_list .col3 {
	width:100px;
	float:left;
	padding:3px 0 3px 0;
	background-color: #FAE650;
	text-align:center;
}

#download_note {
	width:120px;
	margin-top:30px;
	padding:15px;
	float:right;
}

#main_pic {
	margin-bottom:7px;
}
#customerLogin #existingCustomer {
float:left;
width:445px;
}
.form-label {
float:left;
font-weight:bold;
margin-bottom:10px;
padding-top:6px;
width:170px;
}
.form-field {
float:right;
margin-bottom:10px;
width:265px;
}
.form-field input[type="text"], .form-field input[type="password"], .form-field select, .form-field textarea {
border:1px solid #999999;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
padding:2px;
width:259px;
}
#customerLogin #newCustomer {
float:right;
width:200px;
}
#existingCustomer .hdr-title, #newCustomer .hdr-title, #createCustomer .hdr-title, #passwordRemindCustomer .hdr-title {
color:#333333;
font-size:1em;
font-weight:bold;
}

.nolink_white_arrow_down {
background-image:url(/images/no_arrow_white_down.png);
background-position:right center;
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding-right:17px;
text-decoration:none;
width:auto;
}
#download_note {
float:right;
margin-top:30px;
padding:15px;
width:120px;
}