/* CSS Document */

/* MAIN Content */

/* wraps around all the other content */
#wrap {width:790px;margin:0 auto;text-align:left;background:#FFFFCC;padding:0}

/* centers all the content of the page */
body {text-align:center;font:11px Helvetica,Arial,sans-serif;margin:0;background:#FFFFFF url(body_bg.gif) repeat-y center top;padding:0;color:#333;}


/* ADD COMMENT */
#header {margin:0;padding:0}	

ul {
	list-style:none
	}
/* (end) MAIN Content */

/*	SITE Navigation */
#sitenav {background:#0066CC;border-bottom:1px solid #0066CC;text-align:right;font-size:11px;font-weight:bold;color:#FFF;margin:0;padding:0 20px 0 0}
#sitenav a {font-weight:bold;color:#FFFFFF}
#sitenav ul {margin:0;padding:0}
#sitenav ul li {display:inline;line-height:30px;padding:5px 3px 5px 18px;margin:0}
/* #sitenav a:link,a:visited {text-decoration:underline;color:#666}*/
#sitenav a:hover,a:active {color:#DDEEFF}
#help {background:url(sitenav_help.gif) no-repeat left center}
#track {background:url(sitenav_track.gif) no-repeat left center;padding-left:17px}
#contact {background:url(sitenav_contact.gif) no-repeat left center;padding-left:17px}
#checkout {background:url(shopping_cart.gif) no-repeat left center;padding-left:17px}
#login {float:left;padding:8px 0 0 25px}
/*	(END) SITE Navigation */



/* Heading Links */
.services {
	font:11px/16px Helvetica,Arial,sans-serif;
	color:#000;
	float:left;
	padding:13px 32px 0 20px
	}
.services p,.company p,.resources p {
	color:#205780;
	margin:0;
	padding:0 0 0 10px;
	background:url(headarr.gif) no-repeat left center
	}
#heading {
	height:110px;
	border-top:1px solid #E4E4E4;
	background:url(headBG.gif) repeat-x left bottom
	}
.logo {
	float:left;
	margin:0;
	padding-top:5px;
	padding-left:25px
	}
#heading a:link,#heading a:visited {
	color:#333;
	text-decoration:none
	}
#heading a:hover {
	color:#333;
	text-decoration:underline
	}
#heading ul {
	margin:0;
	padding-left:13px
	}
.company {
	font:11px/16px Helvetica,Arial,sans-serif;
	color:#333;
	float:left;
	padding:13px 27px 0 80px
	}
.resources {
	font:11px/16px Helvetica,Arial,sans-serif;
	color:#333;
	float:left;
	padding:13px 10px 0 20px
	}
.security {
	font:11px/16px Helvetica,Arial,sans-serif;
	color:#333;
	float:left;
	padding:1px 10px 0 20px
	}
/* (end) Heading Links */
/* Navigation Links */
/* Navigation */

#navigations {
	width:175px;
	float:left;
	margin:10px 10px 10px -770px
	/* -770px not sure why this was in there */ 
	}

#navigation {font:bold 11px Helvetica,Arial,sans-serif;background:#FFCF63;margin:0;padding:0.6em 0 0;font-weight:bold}
#navigation ul,#navigation ul li {list-style:none;margin:0;padding:0}
#navigation ul {padding:5px 0 5px;text-align:center}
#navigation ul li {display:inline;margin-right:-1px}
#navigation ul li a {background:url(tab-left.gif) no-repeat left top;color:#333;text-decoration:none;padding:5px 0}
#navigation ul li span {background:url(tab-right.gif) no-repeat right top;padding:5px 10px 5px 5px;margin:4px 0 4px 4px}
#navigation ul li a:hover span {background-position:100% -75px}
#navigation ul li a:hover {color:#FF9834;background-position:0 -75px}
#navigation #current a {background-position:0 -150px}
#navigation #current a span {background-position:100% -150px}

/*- Internet Explorer Hacks--------------------------- */ 
/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

html #navigation ul li a {
	padding: 0;
}
/* Bottom Links */
#tabcontentcontainer {font:11px Helvetica,Arial,sans-serif;color:#000000;margin:0;padding:0;text-align:center;background:#FFAA66;clear:left}
.tabcontent {display:none;padding:5px 0;margin:0}
#tablist a {padding-right:2px}
#tabcontentcontainer a:link,#tabcontentcontainer a:visited {color:#000000;text-decoration:underline}
#tabcontentcontainer a:hover,#tabcontentcontainer a:active {text-decoration:none}


/* Heading Links 

NOT USED: .logo {float:left;margin:0;padding-top:25px;padding-left:25px}

*/
.services {font:11px/16px Helvetica,Arial,sans-serif;color:#000;float:left;padding:13px 32px 0 20px}
.services p,.company p,.resources p {color:#205780;margin:0;padding:0 0 0 10px;background:url(headarr.gif) no-repeat left center}
#heading {height:90px;border-top:1px solid #E4E4E4;background:url(headBG.gif) repeat-x left bottom}

#heading a:link,#heading a:visited {color:#333;text-decoration:none}
#heading a:hover {color:#333;text-decoration:underline}
#heading ul {margin:0;padding-left:13px}
.company {font:11px/16px Helvetica,Arial,sans-serif;color:#333;float:left;padding:13px 27px 0 80px}
.resources {font:11px/16px Helvetica,Arial,sans-serif;color:#333;float:left;padding:13px 10px 0 20px}


/* Index Styles */

#main-content {width:410px;display:inline;float:left;margin:10px 0 10px 183px}
#main-content p {margin:0;padding:3px 10px}
#main-content p a:link,#main-content p a:visited {color:#3688BA;font-weight:bold}
#main-content p a:hover,#main-content p a:active {color:#7CA648}
#sub-content {width:175px;float:left;background:#E7F1F8;margin:10px 0 10px 10px}
.columns {width:45%;float:left;margin:0;padding:0 0 0 13px}
#sub-content ul {margin:0;padding:2px 0 10px;font-size:9px}
#sub-content fieldset {border:0;padding:2px 0 10px 7px;margin:0}
#sub-content h1 {color:#FFF;margin:0 0;padding:5px 0 0 7px;font:bold 13px Helvetica,Arial,sans-serif;background:#0066CC url(menu_headings.gif) no-repeat left top}
#sub-content h2 {color:#FFF;margin:0 0;padding:0 0 3px 7px;background:#0066CC;font:bold 11px Helvetica,Arial,sans-serif;border-bottom:1px solid #FFF}
#sub-content p {font:11px Helvetica,Arial,sans-serif;padding:0 0 10px 10px;margin:0}
.guides li {padding-bottom:3px;background:url(guidearr.gif) no-repeat left
 center;padding-left:10px;margin-left:8px}

.guides li a:link,.guides li a:visited {font:11px Helvetica,Arial,sans-serif;color:#333;text-decoration:underline}
.guides li a:hover,.guides li a:active {color:#7CA648}
.columns ul {margin:0;padding:0 0 15px 10px}
.columns ul li {color:#666;font:11px/15px Helvetica,Arial,sans-serif;background:url(arr.gif) no-repeat left center;padding-left:10px}
.columns ul li a:link,.columns ul li a:visited {color:#666;text-decoration:underline}
.columns ul li a:hover,.columns ul li a:active {color:#7CA648}



/* Product Level Content */

#contentWrap {width:595px;display:inline;float:left;margin:10px 0 10px 185px;}

#contentWrap ul {margin:5px 19px 5px ;padding:0}

#contentWrap ul li {padding:2px;margin:0px;list-style-image: url(/styles/bullet_black.gif);}

#content {background-color: #FFFFFF;border: thin solid #000000;}

#content p {color:#0066CC}

#sub-contentLogin {width:575px;float:left;background:#E7F1F8;margin:10px 0 10px 10px}
.columns {width:45%;float:left;margin:0;padding:0 0 0 13px}

#sub-contentLogin p {color:#FFF;margin:0 0;padding:5px 0 0 7px;font:bold 12px Helvetica,Arial,sans-serif;background:#0066CC}

/* Product Level Content - Tabless */
/* Stuck with tables until CSS2, so we will keep these to a minimum */

/* Catalog Request Table */

#contentTable {background:#E7F1F8; border: 1px solid #0066CC;
/*/*/line-height: 1.5em; /* */}


/* Main Content Area */

#contentTable h3 {padding:10px 0 10px 10px;margin:0}

#contentTable h2 {padding:10px 0 10px 10px;margin:0}

#contentTable h1 {padding:10px 0 10px 10px;margin:0}

#contentTable td tr {padding:10px 0 10px 10px;margin:0}

#contentTable img {padding:10px 0 10px 10px;margin:0}

#contentTable p {
	font:12px Helvetica,Arial,sans-serif;
	margin:0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#contentTable td {padding: 2px;}

#contentTable ul {padding: 2px;}

#contentTable li {padding: 2px;}

.CartProductTitle {color:#3688BA; font: 11px Helvetica,Arial,sans-serif;padding:10px 0 10px 10px;margin:0}

.CartItemNumber {color:#CC0000;font:bold 11px Helvetica,Arial,sans-serif;padding:10px 0 10px 10px;margin:0}

/* Product Content Area (inside of main content area)*/

#productTitle {color:#000000;font:bold 15px Helvetica,Arial,sans-serif}

#productPrice {color:#CC0000;font:bold 14px Helvetica,Arial,sans-serif}

/* Account Maint Page (inside of main content area)*/

#acctMaintBillTo{float:left;width:250px;padding:2px;margin:15px;}

#acctMaintBillTo ul {margin:0;padding:5px;}

#acctMaintBillTo p {font:bold 14px Helvetica,Arial,sans-serif;margin:0;padding:5px;}

#acctMaintShipTo{float:left;width:250px;padding:2px;margin:15px;}

#acctMaintShipTo ul {margin:0;padding:5px;}

#acctMaintShipTo p {font:bold 14px Helvetica,Arial,sans-serif;margin:0;padding:5px;}

#acctMaintOtherAdd {float:left;width:250px;padding:2px;margin:15px;}

#acctMaintOtherAdd ul {margin:0;padding:5px;}

#acctMaintOtherAdd p {font:bold 14px Helvetica,Arial,sans-serif;margin:0;padding:5px;}

#acctMaintContacts{float:left;width:250px;padding:2px;margin:15px;}

#acctMaintContacts ul {margin:0;padding:5px;}

#acctMaintContacts p {font:bold 14px Helvetica,Arial,sans-serif;margin:0;padding:5px;}

/* Shopping Cart Contents */

#cartAddItemHelp{
	background-color : #FFCB00;
	border-left-width : 1px;
	border-bottom-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	border-left-style : solid;
	border-bottom-style : solid;
	border-right-style : solid;
	border-top-style : solid;
	border-left-color : #000000;
	border-bottom-color : #000000;
	border-right-color : #000000;
	border-top-color : #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}


/* Book Jacket Cover Instructions, a variation of the "features" */

#instructions li.img {margin:0; display:inline;}
#instructions li {margin:3px;padding:1px;}
#instructions a.bullet {padding-left:25px;color:#0066CC;font:bold 13px Helvetica,Arial,sans-serif;background:url(icons/bullet_red.gif) no-repeat left center;}
#instructions a.print {color:#0066CC;font:bold 10px Helvetica,Arial,sans-serif;}
#instructions strong {color:#CC0000;}

/* Free Gift Pricing Chart */

.freegiftcol1 {
float:left;
width: 300px;
margin: 0;
padding-right: 2em;
padding-left: 2em;
}

.freegiftcol1  strong.number {
 color:#0066CC
}

.freegiftcol1  h2 {
 color:#CC0000
}
	
.freegiftcol2  {
margin-left: 175px;
padding: 1em;
}

.freegiftcol2  p.hide {
 color:#E7F1F8
}

.freegiftcol2  h2 {
 color:#CC0000
}

.freegiftcol2  strong.number {
 color:#0066CC
}


/* Features */

#features h1 {font:bold 14px Helvetica,Arial,sans-serif;padding-top:3px;padding-left:15px;margin:0 0 5px}
#features {float:left;width:398px;padding:5px 0;border:1px solid #CC0000;background:#FFCF63;margin-top:15px;margin-left: 2.5px}
#features dl {float:left;width:378px;margin:10px 10px;padding:0;display:inline}
#features dt {float:right;width:285px;margin:0;padding:0;letter-spacing:1px;color:#0033CC;font:bold 13px Helvetica,Arial,sans-serif}
#features dd {margin:0 0 0 93px;padding:0}
#features dl dd.img {margin:0}
#features dd.img img {float:left;margin:0 8px 0 0;padding:4px;border:1px solid #E7E4D3;border-bottom-color:#DEDAC5;border-right-color:#DEDAC5;background:#FFF}
#features .alt dt {float:left}
#features .alt dd {margin:0 93px 0 0}
#features .alt dd.img img {float:right;margin:0 0 0 8px}

/* (END) Features */

#vidpro a {display:block;width:170px;height:36px;background:url(head1.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

#castap a {display:block;width:170px;height:36px;background:url(head2.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

#dvddup a {display:block;width:170px;height:36px;background:url(head3.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

#tapdup a {display:block;width:170px;height:36px;background:url(head6.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

#wirmic a {display:block;width:170px;height:36px;background:url(head5.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

/* Barcode Sub Feature */
#cddup a {display:block;width:170px;height:36px;background:url(head4.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

#cabsna a {display:block;width:170px;height:36px;background:url(head7.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

#softwa a {display:block;width:170px;height:36px;background:url(head8.gif) no-repeat left top;color:#CC0000;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;text-align:right;margin:0;padding:20px 10px 0 0}

/* Left Menu */
#menu {float:left;margin:0;padding:0;color:#333;background:#FFAA66;border-right:1px solid #E7E4D3;font:11px Helvetica,Arial,sans-serif;border-left:1px solid #E7E4D3}
#menu ul {padding:0;width:164px;margin:0;line-height:16px;list-style:none}
#menu li a {width:157px;display:block;color:#333;border-bottom:1px solid #E7E4D3;border-top:1px solid #FFF;padding-left:7px;text-decoration:none}
#menu a:hover {background:#E4F1BC;text-decoration:none}
.menuHead {color:#FFFFFF;font:bold 12px Helvetica,Arial,sans-serif;margin:0;text-decoration:none;background:#CC0000;border-top:1px solid #FFF;border-bottom:1px solid #DEDAC5;padding:3px 0 3px 10px}
form {margin:0}
.prodcopy {padding:5px 0 5px 7px}
.textfield{width:125px;border:1px solid #b2b2b2;font:11px Helvetica,Arial,sans-serif;margin:0;padding:3px;background:#FFF}
.dropmenus{width:140px;border:1px solid #b2b2b2;font:11px Helvetica,Arial,sans-serif;margin:0;background:#FFF}

/* Screen */
.columns {width:45%;float:left;margin:0;padding:0 0 0 13px}
img {border:0;margin:0;padding:0}
form {margin:0;padding:0;}
.whitelinks {display:none}
#footer {clear:both;height:30px;font-weight:bold;background:#E4E4E4;text-align:center;color:#666;margin:0;padding: 0 20px 0 0;}
#footer ul {margin:0;padding:0}
#footer ul li {display: inline;line-height:30px;padding:5px 0px;margin: 0;}
#footer a:link,#footer a:visited {text-decoration:underline;color:#666}
#footer a:hover,#footer a:active {color:#7CA648}
#info {clear:both;margin:0 auto 10px;text-align:center;padding-right:15px;padding-left:15px}
#info a:link,#info a:visited {color:#3688BA;text-decoration:underline}
#info a:hover,#info a:active {color:#7CA648;text-decoration:none}
.center {text-align:center}
.alignright {float:right}
.alignleft {float:left}
img.center {display:block;margin-left:auto;margin-right:auto}
img.alignright {padding:4px;margin:0 0 2px 2px;display:inline}
img.alignleft {padding:4px;margin:0 2px 2px 0;display:inline}
.Orderhead {font:bold 13px Helvetica,Arial,sans-serif}
td {color:#333}
a:link,a:visited {color:#333;text-decoration:underline}
a:hover,a:active {color:#7CA648}
A.bold {font-weight:bold;color:#333}
A.Small {font:10px Helvetica,Arial,sans-serif}
A.ProductTitle {color:#3688BA;font:bold 11px Helvetica,Arial,sans-serif}
TD.breadCrumb {color:#333}
.optables {background:#DDD;color:#333;font:11px Helvetica,Arial,sans-serif}
.productTitle {color:#0066CC;font:bold 13px Helvetica,Arial,sans-serif}
.xtralargeBlack {font-weight:bold;font-size:14px;color:#333}
.largeBlack {font-weight:bold;font-size:12px;color:#333}
.mediumBlack {font-weight:bold;font-size:11px;color:#333}
.smallBlack {font-weight:normal;font-size:10px;color:#333}
.smallGreen {font-weight:normal;font-size:10px;color:#006600}
.mediumRed {font-weight:bold;font-size:15px;color:#EC3B31}
.smallRed {font-weight:bold;font-size:11px;color:#EC3B31}
FONT.error {font:bold 11px Helvetica,Arial,sans-serif;color:#EC3B31}
FONT.nonError {color:#333;font:normal 11px Helvetica,Arial,sans-serif}
.whiteBanner {color:#CC0000;font:bold 14px Helvetica,Arial,sans-serif}
h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;}