@charset "utf-8";
/* CSS Document */
body, html {margin: 0; padding: 0; color: #333333; background-color: #efdcbd; background-image: url(images/bg.jpg)}
div {font-size:14px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; color: #000000; line-height: 18px}
h1 {font-size: 25px; line-height: 30px;}
h2 {font-size: 20px; color: #083649;}
h3 {font-size: 15px;}
hr {border: none; background-color: #666666; color: #666666; height: 2px;}
img {border: none;}

.title {font-size: 25px; line-height: 25px; color:#1b77b2; font-style: italic; font-family: "Georgia", "Times New Roman", Times, serif}
.clear {margin: auto; padding: 0; clear: both;}
.cleartall {margin: auto; padding: 0; clear: both; height: 25px;}
.larger {font-size: 20px;}
.larger2 {font-size: 24px; line-height: 22px;}
.larger3 {font-size: 15px; line-height: 22px;}
.paneltitle {font-size: 23px; line-height: 28px;}
.paneltitle2 {font-size: 18px; font-style: none; line-height: 20px}
.welcome {font-size: 24px; line-height: 24px; color:#083649; font-style: none;}
.titlenews {font-size: 18px; color: #999999;}
.blue {font-size: 25px; line-height: 25px; color:#1b77b2; font-style: italic; font-family: "Georgia", "Times New Roman", Times, serif}

.lightUpLink {text-decoration: none;}

a:link {color:#083649; text-decoration: underline;}
a:visited {color:#083649; text-decoration: underline;}
a:hover {color:#5c8594; text-decoration: none;}
a:active {color:#5c8594; text-decoration: none;}

#wrapper {margin: auto; padding: 0; background-image: url(images/bgwrapper.jpg); background-repeat: repeat-x; background-position: top center; }

#menuwrapper {margin: auto; padding: 0; height: 47px;}
#menuinner {margin: auto; padding: 0 0 0 275px; width: 715px; background-image: url(images/bg-menu.png); background-repeat: no-repeat; background-position: 280px center; height: 46px; }

#logowrapper {margin: auto; padding: 0; width: 990px; height: 120px;}
#logo {margin: auto; padding: 0; width: 281px; height: 171px; position: absolute; z-index: 500;}
#searchwrapper {margin: auto; padding: 0; width: 580px; float: right;}
#searchleft {margin: 0 0 0 350px; padding: 0; position: absolute; width: 300px; height: 15px;}
#searchleft ul {margin: -3px 0 0 0; padding: 0; display: block; display: inline; height: 15px; position: absolute;}
#searchleft li {margin: -3px 0 0 0; padding: 0 10px 0 10px; float: left; position: relative; border-left: dotted 1px #dbcdba; list-style-type: none; height: 15px;}
#searchleft a {color: #ffffff; text-transform: uppercase; font-size: 10px; text-decoration: none; font-weight: bold;}
#searchleft a:hover {text-decoration: underline;}

#searchbottom {margin: 0; padding: 0; position: absolute; width: 1000px; height: 30px;}
#searchbottom ul {margin: 0; padding: 0; display: block; display: inline; height: 15px; position: absolute;}
#searchbottom li {margin: 0; padding: 0 10px 0 10px; float: left; position: relative; border-left: dotted 1px #000000; list-style-type: none; height: 15px;}
#searchbottom a {text-transform: uppercase; font-size: 10px; text-decoration: none; font-weight: bold;}
#searchbottom a:hover {text-decoration: underline;}

.small-boxes {margin: 45px 0 0 400px; padding: 0; position: absolute; width: 480px; height: 94px; z-index: 10;}

#searchright {margin: auto; padding: 40px 30px 0 0; float: right; width: 200px; text-align: right;}
#searchright a {color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.searchfield {margin: auto; padding: 10px 8px 0 15px; border: 0px; height: 24px; width: 176px; background-image: url(images/search_textfield.jpg); background-position: top center; background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic;}
.searchbutton {margin: auto; padding: 5px; border: 0px; height: 34px; width: 69px; background-image: url(images/search_button.jpg); background-position: top center; background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic;}

#searchleft_calendar {margin: auto; padding: 40px 0 0 0; float: left; width: 200px;}

#headerwrapper {margin: auto; padding: 0; height: 490px}
#headerwrapper2 {margin: auto; padding: 0; height: 340px;}
#header {margin: auto; padding: 0; width: 990px; height: 350px;}
#header2 {margin: auto; padding: 0; width: 990px; height: 200px;}

#panel-wrapper {margin: 70px 0 0 0; width: 990px; height: 350px; padding: 0; position: absolute; background-image: url(images/headerbg.png); background-repeat: no-repeat; background-position: top center; z-index: 1;}
#panel-wrapper2 {margin: 70px 0 0 0; width: 990px; height: 200px; padding: 0; position: absolute; background-image: url(images/header-bg.png); background-repeat: no-repeat; background-position: top center; z-index: 1;}
#panelleft {margin: auto; padding: 3px 0 0 5px; width: 485px; height: 345px; float: left;}
#panelleft2 {margin: auto; padding: 3px 0 0 15px; width: 400px; height: 200px; float: left;}
#panelright {margin: auto; padding: 0; width: 465px; float: right;}
#panelright2 {margin: auto; padding: 0 115px 15px 20px; width: 400px; float: right;}
#panelrightleft {margin: auto; padding: 30px 0 0 0; width: 300px; float: left;}
#panelrightleft2 {margin: auto; padding: 50px 0 0 0; width: 200px; float: left;}


#panelrightright {margin: auto; padding: 15px 1px 0 0; float: right; }
#panelrightright img {margin: 1px 0 0 0}

.arrowswrapper {margin: 130px 0 0 875px; padding: 0; width: 122px; height: 200px; position: absolute; z-index: 10;}
.arrows {margin: auto; padding: 5px 0 0 5px; width: 117px; height: 37px; background-image: url(images/bluetab.png); background-repeat: no-repeat; background-position: top center; text-align: center; font-size: 14px; font-weight: bold;}
.arrows a {color: #ffffff; text-decoration: none;}
.arrows a:hover {color: #083649;}
.arrows a:link, a:visited {color: #ffffff;}

.catwrapper {margin: 335px 0 0 505px; padding: 0; width: 450px; height: 120px; position: absolute; z-index: 10;}
.buttonorange {margin: 5px; padding: 3px 0 0 0; width: 101px; height: 27px; float: left; text-align: center; background-image: url(images/button-small-orange.png); background-repeat: no-repeat; color: #ffffff; font-size: 14px; font-weight: bold;}
.buttonorange a {color: #ffffff; text-decoration: none; }
.buttonorange a:hover {color: #f9be84;}
.buttonblue {margin: 5px; padding: 3px 0 0 0; width: 101px; height: 27px; float: left; text-align: center; background-image: url(images/button-small-blue.png); background-repeat: no-repeat; color: #ffffff; font-size: 14px; font-weight: bold;}
.buttonblue a {color: #ffffff; text-decoration: none; }
.buttonblue a:hover {color: #98d9f2;}

#weatherwrapper {margin: auto; padding: 20px 0 0 10; clear: both; height: 135px;}

#social_wrapper {margin: 420px 0 0 545px; padding: 0; width: 425px; height: 26px; position: absolute; z-index: 20;}
#social_wrapper2 {margin: 270px 0 0 545px; padding: 0; width: 425px; height: 26px; position: absolute; z-index: 20;}
#social_wrapper a {font-size: 11px; text-transform: uppercase; color: #000000; text-decoration: none; font-weight: bold;}
#social_wrapper a:hover {color: #ffffff;}
#social_homepage {margin: auto; padding: 1px 10px 0 0 ; background-image: url(images/social_homepage.png); background-repeat: no-repeat; background-position: top center; float: right; width: 82px; height: 26px; text-align: right;}
#social_bookmark {margin: auto; padding: 1px 10px 0 0 ; background-image: url(images/social_bookmark.png); background-repeat: no-repeat; background-position: top center;  float: right; width: 79px; height: 26px; text-align: right;}
#social_subscribe {margin: auto; padding: 1px 10px 0 0 ; background-image: url(images/social_subscribe.png); background-repeat: no-repeat; background-position: top center;  float: right; width: 79px; height: 26px; text-align: right;}
#social_twitter {margin: auto; padding: 1px 12px 0 0 ; background-image: url(images/social_twitter.png); background-repeat: no-repeat; background-position: top center;  float: right; width: 80px; height: 26px; text-align: right;}

.social_empty {margin: 0 1px 0 0; padding: 1px 0 0 0 ; background-image: url(images/smalltab.png); background-repeat: no-repeat; background-position: top center; float: right; width: 100px; height: 22px; text-align: center;}

.containerpage {margin: auto; padding: 10px 0 0 0; width: 1000px;}

.main-top {margin: auto; padding: 0; background-image: url(images/main-top.png); background-repeat: no-repeat; width: 998px; height: 35px;}
.main-mid {margin: auto; padding: 0 20px 0 20px; background-image: url(images/main-mid.png); width: 958px;}
.main-bot {margin: auto; padding: 0; background-image: url(images/main-bot.png); background-repeat: no-repeat; width: 998px; height: 35px;}

.mainleft {margin: auto; padding: 15px 0 0 0; float: left; width: 565px; height: 560px;}
.mainleft img {margin: 20px 0 30px 0; padding: 0; border: 4px #d7d6d6 solid;}
.mainright {margin: auto; padding: 0; float: right; width: 420px; height: 546px; background-image: url(images/spotlightbg.jpg); background-repeat: no-repeat; background-position: top center;}
.mainrightinner {margin: auto; padding: 30px 10px 20px 20px; }
.mainrightinner a {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic;}
.mainrightinner img {margin: 0 2px 2px 0; padding: 0; float: left;}

.mainleftvideo {margin: auto; padding: 0; width: 126px; float: left; width: 565px; height: 472px; background-image: url(images/bg_video.jpg); background-repeat: no-repeat; background-position: top center;}
.mainrightinnervideo {margin: auto; padding: 20px 15px 0 15px;}
.mainrightcalendar {margin: auto; padding: 0; float: right; width: 420px; height: 472px; background-image: url(images/bg_calendar.jpg); background-repeat: no-repeat; background-position: top center;}
.mainrightinnercalendar {margin: auto; padding: 20px 15px 0 15px;}
.mainrightcalendarcontainer {margin: auto; padding: 0 12px 0 12px;}

.boxwrapper {margin: auto; padding: 12px 12px 3px 12px; width: 250px; float: left; }

.newsleft {margin: auto; padding: 15px 0 0 0; float: left; width: 485px; height: 480px;}
.newsright {margin: auto; padding: 15px 0 0 0; float: right; width: 485px; height: 480px;}

.genleft {margin: auto; padding: 0; float: left; width: 450px; }
.genright {margin: auto; padding: 0; float: right; width: 450px; }

.adleft-wrapper {margin: auto; padding: 0;  float: left;}
.adleftimg {margin: auto; padding: 0; width: 220px; float: left;}
.adleftbuttons {margin: auto; padding: 0; width: 150px; float: right;}

.adright {margin: auto; padding: 0; line-height: 23px; font-size: 15px; float: right; width: 640px;}
.adrightleft {margin: auto; padding: 0; float: left; width: auto; line-height: 23px; font-size: 15px;}
.adrightright {margin: auto; padding: 0; float: right; width: 490px; line-height: 23px; font-size: 15px;}

.adtopleft {margin: auto; padding: 0; float: left; width: 390px; }
.adtopmid {margin: auto; padding: 0; float: right; width: 180px; }
.adtopright {margin: auto; padding: 0; float: right;  }

.formleft {margin: auto; padding: 0 0 40px 0; float: left; width: 485px;}
.formleftinner {margin: auto; padding: 30px 0 0 35px;}
.forminput {margin: auto; padding: 7px 3px 0 3px; height: 23px;}
.forminputarea {margin: auto; padding: 7px 3px 0 3px;}

.formright {margin: auto; padding: 0 0 40px 0; float: right; width: 485px;}
.formrightinner {margin: auto; padding: 30px 0 0 35px;}

.forminnerleft {margin: auto; padding: 0; float: left; width: 200px;}
.forminnerright {margin: auto; padding: 0; float: right; width: 230px; }

.quotecolcapt {margin: auto; padding: 15px 0 20px 20px; width: 400px; height: 60px; float: left;}
.captimg {margin: auto; padding: 0; width: 150px; float: left; height: 80px;}
.captfield {margin: auto; padding: 15px 0 0 15px; width: 160px; float: left; height: 75px;}
.captfieldform {margin: auto; padding: 12px 8px 0 10px; border: none; height: 27px; width: 161px; }

#footwrapper {margin: auto; padding: 0; background-image: url(images/footerbg.jpg); height: 500px; clear: both;}
#footinner {margin: auto; padding: 25px; width: 1000px; text-align: center;}

/*BUBBLE TOOLTIP*/
#bubble_tooltip{width: 148px; position:absolute; display: none;}
#bubble_tooltip .bubble_top{background-image: url(images/bubbletop.png); background-repeat: no-repeat; height: 11px;}
#bubble_tooltip .bubble_middle{background-image: url(images/bubblemid.png); background-repeat: repeat-y; background-position: bottom left; padding: 0 10px 0 10px;}
#bubble_tooltip .bubble_middle span{position: relative; text-align: center; font-family: "Segoe", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; line-height: 15px;}
#bubble_tooltip .bubble_bottom{background-image: url(images/bubblebottom.png); background-repeat: no-repeat; background-repeat: no-repeat; height: 20px; position: relative;}



/*    jquery slider      */
#scrollwrapper {width: 945px; margin: 50px 0 0 60px;}
#slider {width: 920px; margin: 0 0 0 8px; position: relative;}
.scroll {height: 525px; width: 920px; overflow: auto; overflow: hidden; position: relative; clear: left; }
.scrollContainer div.panel {padding: 0; width: 925px; height: 525px;}
.scrollButtons {position: absolute; margin: 150px 0 0 0; cursor: pointer;}
.scrollButtons.left {margin: -20px 0 0 0px;}
.scrollButtons.right {margin: -545px 0 0 50px;}
.hide {display: none;}



/* vimeo simulation nav menu */
#menu_home {margin: 0px; padding: 12px 0 0 0; line-height: 20px; list-style: none; color: #ffffff; display: inline-block; float: left; z-index: 1000; position: relative; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
#menu_home a {color: #ffffff; text-decoration: none;}
#menu_home > li {padding: 0 15px 0 15px; float: left; position: relative; border-left: solid 1px #2575b9;}
#menu_home > li a:hover {text-decoration: underline;}
/*sub-menus*/
#menu_home ul {margin: 0px; padding: 0; display: block; display: inline; font-weight: normal;}
#menu_home li ul {margin: 0px; padding: 0; position: absolute; width: 135px; display: none; background-image: url(images/dot.png); *left: 8px; top: 19px;}
#menu_home li:hover ul { display: block;}
#menu_home li ul li {margin: 0px; padding: 8px 0 8px 5px; display: block; border-top: dotted 1px #ffffff; list-style-type: none;}
#menu_home li ul li:first-child {border-top: none; }
#menu_home li ul li a { display: block; color: #402f1a; }
#menu_home li ul li a:hover { color: #ffffff; }
/*main submenu */
#menu_home #main { margin: 0px; padding-top: 20px; color: #ffffff; z-index: 999; position: relative;}
/*corners*/
#menu_home .corner_inset_left { position: absolute; top: 0px; left: -12px;}
#menu_home .corner_inset_right { position: absolute; top: 0px; left: 135px;}
#menu_home .last { background: transparent none repeat scroll 0% 0%; margin: -10px 0 0 0; padding: 0px; border: none; position: relative; border: none; height: 0px;}
#menu_home .corner_left {margin: 0; position: absolute;}
#menu_home .corner_right {margin: 0 0 0 117px; position: absolute;}
#menu_home .middle {margin: 0 0 0 18px; position: absolute; height: 12px; width: 99px;}
		
.tophov a {margin: 0 0 0 -4px; padding: 0 0 0 10px;}
.tophov a:hover {padding: 0 0 0 10px;}
.drop a:hover {padding: 0 5px 0 10px; width: 115px; }
/* end menu */

/* ######### BODY STYLES ######### */


/* ######### SHELL STYLES ######### */
.outer_shell {
	width: 95%;
	min-width: 968px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}

.content_shell {
	clear: both;
	width: 100%;
	font-size: 12px;
}

.login_shell {
	clear: both;
	width: 650px;
	margin: 20px auto;
}

/* ######### HEADER STYLES - SET YOUR LOGO HERE ######### */


#header_logo {
	/* This is the logo link, make it float to the left */
	float: left;
	border: none;
}
#header_logo img {
	/* The actual logo image */
	vertical-align: middle;
	border: none;
	padding: 0px;
	margin: 0px;
}

#top_banner {
	float: right;
}

/* ######### MISC STYLES ######### */
.clear,
.clr {
	clear: both;
}

a img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

.center {
	align: right;
	padding: 0px 0px 0px 20px;
}

.alignright {
	float: right;
	padding-right: 5px;
}

.inline {
	display: inline-block;
}

.nowrap {
	white-space: nowrap;
}

/* ######### GLOBAL STYLES ######### */
a:link,
a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

h1.subtitle {
	background: #eaeaea;
	font-size: 14px;
	font-weight: bold;
	margin: 1px 0px;
	padding: 5px 0px 5px 3px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

h1.title a:link,
h1.title a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}

h1.title a:hover
h1.title a:active {
	color: #ffffff;
	text-decoration: underline;
	font-size: 12px;
}

h2.title a:link,
h2.title a:visited {
	color: #ffffff;
	text-decoration: none;
}

h2.title a:hover,
h2.title a:active {
	color: #ffffff;
	text-decoration: underline;
}

.highlight_links a:link,
.highlight_links a:visited {
	text-decoration: underline;
	font-weight: bold;
}

.highlight_links a:hover,
.highlight_links a:active {
	text-decoration: underline;
}

.divider {
	border-top: 2px solid #dddddd;
	margin: 2px 0px;
}

.content_box {
	border: 2px solid #3399cc;
	padding: 1px;
}

.content_shell p,
p.page_instructions {
	color: #000000;
	margin: 10px 5px 15px 5px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
}

div.page_instructions {
	color: #666;
	margin: 10px 5px 15px 5px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
}

.box_pad {
	padding: 5px;
}

/* ######### GLOBAL TEXT STYLES ######### */
.main_text {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.normal_text {
	font-size: 12px;
}

.sub_note {
	color: #000000;
	font-size: 11px;
}

.mini_note {
	color: #000000;
	font-size: 9px;
}

.mini_text {
	font-size: 11px;
}

.price {
	font-weight: bold;
}

.success_text {
	color: #17A400;
	font-weight: bold;
	font-size: 14px;
}

.bold {
	font-weight: bold;
}

/* ######### BREADCRUMB STYLES ######### */
#breadcrumb {
	margin: 2px 0 10px 0;
	padding: 0;
	height: 30px;
	border: 2px solid #3399cc;
	padding: 1px;
}

#breadcrumb li.element {
	background: url('../images/backgrounds/cart_step.gif') no-repeat center right;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

#breadcrumb li.highlight {
	font-size: 18px;
}

#breadcrumb li {
	display: block;
	float: left;
	height: 22px;
	padding: 7px 40px 0 10px;
	font-size: 14px;
	padding: 7px 40px 0 10px;
	background: none;
}

/* ######### TABLE STYLES ######### */

.column_header td {
	white-space: nowrap;
	padding: 3px 5px;
}

.column_header td.title {
	width: 100%;
}

.results_column_header {
	background: #eaeaea;
	height: 24px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 0px 5px;
}

.results_column_header td {
	white-space: nowrap;
	text-align: center;
	padding: 3px 5px;
}

.results_column_header td.title {
	width: 100%;
	text-align: left;
}

.results_column_header td.half {
	width: 50%;
}

/* ######### LIST STYLES ######### */
.checklist {
	margin: 5px 10px;
	padding: 0;
	font-size: 12px;
	color: #000000;
}

.arrowlist {
	margin: 5px 10px;
	padding: 0;
	font-size: 12px;
}

.horizontal_list {
	margin: 0;
	padding: 0;
}

.horizontal_list li {
	list-style: none;
	display: block;
	float: left;
	margin: 0 20px;
	font-weight: normal;
	white-space: nowrap;
}

.vertical_list {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.vertical_list li {
	list-style: none;
	padding: 5px;
	font-weight: bold;
}

.button_list {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.button_list li {
	list-style: none;
	display: inline;
	font-weight: normal;
	white-space: nowrap;
}

.option_list {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.option_list li {
	list-style: none;
	padding: 0;
	font-weight: bold;
}

.option_list li a:link,
.option_list li a:visited {
	display: block;
	border-bottom: 1px solid #eaeaea;
	padding: 5px;
}

.option_list li a:hover,
.option_list li a:active {
	display: block;
	border-bottom: 1px solid #eaeaea;
	background: #f4f3f3;
	padding: 5px;
}

.horizontal_option_list {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.option_list li {
	list-style: none;
	padding: 0;
	font-weight: bold;
}

.option_list li a:link,
.option_list li a:visited {
	display: block;
	border-bottom: 1px solid #eaeaea;
	padding: 5px;
}

.option_list li a:hover,
.option_list li a:active {
	display: block;
	border-bottom: 1px solid #eaeaea;
	background: #f4f3f3;
	padding: 5px;
}

.payment_options_list {
	margin: 0;
	padding: 0;
	width: 700px;
}

.payment_options_list li {
	list-style: none;
	display: inline-block;
	width: 125px;
	font-weight: normal;
	white-space: nowrap;
}

#checkbox {
	width: 100%;	
}

#checkbox ul {
	margin: 5px -5px 5px 5px;
	padding: 0;
	font-size: 12px;
	display: block;
	float: left;
}

/* ######### FORM STYLES ######### */
label.field_label {
	color: #000000;
	padding: 2px 5px;
	width: 200px;
	clear: both;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
}

label.required {
	padding: 2px 5px;
	width: 200px;
	clear: both;
	display: block;
	font-weight: bold;
	float: left;
	font-size: 12px;
}

label.login_label {
	color: #000000;
	padding: 2px 5px;
	width: 100px;
	clear: both;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
}

input.login_field {
	/* need to specify width for these fields, or IE makes them look funny */
	width: 138px;	
}

.form_field {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 4px;
}

input.field,
textarea.field,
select.field,
div.field,
input.editor_field
{
	padding: 6px;
	background: #ffffff url('../images/backgrounds/form_input.gif') repeat-x top left;
	border: 1px solid #b9b9b9;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin: 4px;
}

input.field:focus,
textarea.field:focus,
select.field:focus {
	padding: 6px;
	border-width: 5px;
	border-style: solid;
	margin: 0;
}

select.field {
	display: inline-block;
}

textarea.field {
	/* this aligns text on the textarea's row with the middle of the textarea */
	vertical-align: middle;
}

.usage_agreement {
	width: 900px;
	height: 200px;
}

div.usage_agreement {
	overflow: scroll;
	border: 1px solid #b9b9b9;
}

button {
	padding: 4px 5px;
}

textarea {
	font-family: arial;
}

.inline {
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
}

/* ######### BUTTON STYLES ######### */
.button {
	border: 1px solid #cacbcc;
	background: #eeeff2 url('../images/backgrounds/button.gif') repeat-x top left;
	color: #000000;
	height: 23px;
	padding: 7px 10px 0px 10px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}

.cancel {
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x top left;
	color: #000000;
	height: 23px;
	padding: 7px 10px 0px 10px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}

.cancel:hover,
.cancel:active {
	border: 1px solid #e4a0a2;
	background: #f0b5b7 url('../images/backgrounds/button_cancel.gif') repeat-x top left;
	color: #9e4144;
	text-decoration: none;
}

input.button,
input.cancel {
	/* Have to set padding/height different as they work different on input tag */
	padding: 7px 10px;
	height: 30px;
}

.mini_button,
.editor_ok_button {
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
	color: #000000;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	margin: 0 1px;
	display: inline-block;
}

.mini_cancel,
.editor_cancel_button {
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
	color: #000000;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	margin: 0 1px;
	display: inline-block;
}

.mini_cancel:hover,
.mini_cancel:active,
.editor_cancel_button:hover {
	border: 1px solid #e4a0a2;
	background: #f0b5b7 url('../images/backgrounds/button_cancel.gif') repeat-x top left;
	color: #3c70ac;
	text-decoration: none;
}

input.button,
input.cancel,
input.mini_button,
input.mini_cancel,
input.editor_ok_button,
input.editor_cancel_button
{
	/* have to specify this, or FF will use system-default font for text on HTML buttons */
	font-family: Geneva,Arial,Helvetica,sans-serif;
}

.edit {
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
	color: #000000;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 1px;
}

.delete {
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
	color: #000000;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 1px;
}

.delete:hover,
.delete:active {
	border: 1px solid #e4a0a2;
	background: #f0b5b7 url('../images/backgrounds/button_cancel.gif') repeat-x center left;
	color: #9e4144;
	text-decoration: none;
}

.preview {
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
	color: #000000;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 1px;
}

.large_button {
	border: 1px solid #cacbcc;
	background: #eeeff2 url('../images/backgrounds/button.gif') repeat-x top left;
	color: #000000;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	display: block
}

/* ######### NAVIGATION BAR STYLES ######### */
#nav {
	clear: both;
	font-size: 11px;
	font-weight: bold;
	width: 100%;
	height: 100px;
	z-index: 1;
	position: relative;
}

#nav_bar {
	position: absolute;
	z-index: 2;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	top: 0px;
}

#nav_bar li {
	list-style: none;
	display: inline;
}

#nav_bar li a:link,
#nav_bar li a:visited {
	background: #eaeaea;
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: none;
	padding: 8px 15px;
	color: #818181;
	text-decoration: none;
	display: block;
	float: left;
	position: relative;
	top: 8px;
	margin: 0px 1px;
}

#extra_links {
	float: right;
	position: relative;
	top: 20px;
	z-index: 1;
	margin: 0px;
	padding: 0px;
}

#extra_links li {
	list-style: none;
	display: inline;
	padding: 10px 5px;
	color: #818181;
}

#extra_links li a:link,
#extra_links li a:visited {
	color: #818181;
	text-decoration: none;
}

#extra_links li a:hover,
#extra_links li a:active {
	text-decoration: underline;
}

/* ######### SEARCH BAR STYLES ######### */
div#search_bar {
	padding: 1px;
	border: 5px solid #eaeaea;
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 1;
	width: 99%;
	height: 48px;
}

#search_bar div.element {
	float: left;
	padding: 6px 5px 0 0;
}

#search_bar label {
	color: #ffffff;
	display: block;
	float: left;
	padding: 18px 6px 0 6px;
}

/* ######### WELCOME USER BAR STYLES ######### */
#user_bar {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 7px 10px 14px 10px;
}

#user_bar a:link,
#user_bar a:visited {
	text-decoration: none;
}

#user_bar a:hover,
#user_bar a:active {
	text-decoration: underline;
}

/* ######### CONTENT COLUMN STYLES ######### */
#content_column {
	overflow: hidden;
	padding: 0 10px;
}

#content_column_wide {
	overflow: hidden;
	padding: 0 3px 0 10px;
}

#content_column_navigation {
	overflow: hidden;
	padding: 0 10px;
}

#content_column_navigation ul.sub_categories li.element {
	border-bottom: 1px solid #F3F3F3;
}

#half_column_left {
	width: 50%;
	float: left;
}

#half_column_right {
	overflow: hidden;
	padding: 0 0 0 10px;
}

/* ######### LOGIN COLUMN STYLES ######### */
#login_left {
	width: 340px;
	float: left;
}

#login_right {
	width: 300px;
	float: left;
	margin-left: 10px;
}

/* ######### EXTRA COLUMN STYLES ######### */
#extra_column {
	width: 200px;
	float: right;
	font-size: 11px;
}

#extra_column img {
	display: block;
}

/* ######### CATEGORY COLUMN STYLES ######### */
#category_column {
	width: 200px;
	float: left;
}

#left_categories,
#left_cart {
	border: 5px solid #eaeaea;
	padding: 1px;
}

/* ######### USER ACCOUNT & LEFT COLUMN STYLES ######### */
#user_column,
#left_column {
	width: 200px;
	float: left;
}

#navigation_column_left {
	/* Used in alternate front page */
	width: 350px;
	float: left;
	font-size: 10px;
}

#user_column ul,
#left_column ul
{
	margin: 0px;
	padding: 0px 0px 1px 0px;
}

#user_column ul li,
#left_column ul li {
	list-style: none;
	text-align: left;
}

/* ######### FOOTER STYLES ######### */
#footer {
	background: url('../images/backgrounds/footer.gif') repeat-x;
	clear: both;
	height: 150px;
	padding-top: 60px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#footer ul {
	margin: 0px 10px;
	padding: 0;
}

#footer ul li {
	list-style: none;
	padding: 6px 0;
	display: block;
	float: left;
	width: 120px;
}

#footer ul li a:link,
#footer ul li a:visited {
	color: #000000;
	text-decoration: none;
}

#footer ul li a:hover,
#footer ul li a:active {
	text-decoration: underline;
}

#footer div.blurb {
	float: right;
	width: 425px;
	padding: 0px 0px 0px 20px;
}

#footer h3 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
}

#footer h4 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

#footer h5 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	float: right;
}

#footer p {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#footer div.disclaimer {
	clear: both;
	padding-top: 30px;
	line-height: 20px;
}

.footer_divider {
	display: block;
	float: right;
	width: 2px;
	height: 80px;
	background: url('../images/backgrounds/footer_divider.gif') no-repeat;
}

/* ######### ERROR AND SUCCESS STYLES ######### */
.success_box {
	background: #E5F5DF;
	border: 1px solid #A3C894;
	padding: 10px;
	margin: 10px;
	color: #5F6672;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
}

.success_box h1 {
	color: #17A400;
	font-size: 22px;
	font-weight: normal;
	margin: 10px 0;
	padding: 0;
}

.error_message {
	color: #980000;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
}

.error_box {
	background: #FFFFE1;
	border: 1px solid #A9AFD4;
	padding: 10px;
	color: #5F6672;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
}

.field_error_box {
	background: #fceaed;
	border: 1px solid #E68A9D;
	padding: 10px;
	color: #5F6672;
	font-size: 11px;
	font-weight: bold;
	margin: 10px;
}

.note_box {
	background: #ecf4ff;
	border: 1px solid #a9afd4;
	padding: 10px;
	color: #5f6672;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	margin: 10px;
}

.no_results_box {
	background: #ecf4ff;
	border: 1px solid #a9afd4;
	padding: 10px;
	color: #5f6672;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	margin: 10px;
}

/* ######### CATEGORIES STYLES ######### */

div.category_column {
	float: left;
}
div.category_column ul {
	margin: 0;
	padding: 0;
}

div.category_column ul li.element {
	list-style: none;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
}

div.category_column ul li.element img {
	/* Make category image line up good */
	vertical-align: middle;
}
div.category_column.main_classified_navigation ul li.element {
	/* specific to main classified navigation */
	padding: 5px;
	background: #fefefe;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #f3f3f3;
}

div#content_column_navigation div.category_column ul.categories li.element {
	/* add background image but only on alternate front page */
	background: url('../images/backgrounds/category.gif') repeat-x right 20px;
}
div#content_column_navigation div.category_column ul.categories li.element ul.sub_categories li.element {
	background: transparent;
}

div.category_column ul.sub_categories li.element {
	/* specific to sub-categories */
	font-weight: normal;
	padding: 3px;
	margin: 0px 0px 0px 20px;
}

#listing_categories {
	margin: 0;
	padding: 0;
}

#listing_categories li.element {
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}

#listing_categories li.clr {
	clear: both;
	list-style: none;
	height: 0;
	font-size: 0;
	line-height: 0;
}

#listing_categories a:link,
#listing_categories a:visited {
	margin: 0;
	padding: 10px 0;
	display: inline-block;
	float: left;
	width: 100%;
}

#listing_categories a:hover,
#listing_categories a:active {
	text-decoration: none;
	background: #f7f7f7;
}

#listing_categories span {
	padding: 0 10px;
}

#listing_categories span.category_title,
div.category_column ul span.category_title
{
	font-weight: bold;
	font-size: 16px;
}
div.category_column ul.sub_categories span.category_title {
	/* Sub-categories are not bolded */
	font-weight: normal;
	font-size: 12px;
}

p.category_description {
	margin: 0;
	padding: 2px 0 2px 0;
	font-size: 11px;
	color: #888888;
	font-weight: normal;
}

.categories div {
	font-size: 11px;
	font-weight: bold;
}

.categories div.element {
	float: left;
	padding: 4px 0px 4px 5px;
}

.categories div a:link,
.categories div a:visited {
	font-weight: bold;
	padding: 0px 2px;
	color: #000000;
	text-decoration: none;
}

.categories div a:hover,
.categories div a:active {
	padding: 0px 2px;
	text-decoration: underline;
}

span.listing_counts {
	font-size: 12px;
}

/*  Social network links  */

ul.social_links {
	
}
ul.social_links li.element {
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}

ul.social_links li.element img {
	/* Make category image line up good */
	vertical-align: middle;
}

/* ######### LISTING RESULTS STYLES ######### */
.row_header {
	background: #eaeaea;
	font-size: 12px;
	font-weight: bold;
	margin: 1px 0px;
	padding: 5px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	white-space: nowrap;
}

.row_even,
.browsing_result_table_body_even,
.seller_result_table_body_even
{
	padding: 7px 5px;
	background: #f7f7f7;
	font-size: 12px;
	color: #000000;
}

.row_odd,
.browsing_result_table_body_odd,
.seller_result_table_body_odd
{
	padding: 7px 5px;
	background: #ffffff;
	font-size: 12px;
	color: #000000;
}

.row_even_highlight,
.browsing_result_table_body_even_bold,
.seller_result_table_body_even_bold
{
	background: #ecf4ff;
	color: #000000;
	font-weight: bold;
}

.row_odd_highlight,
.browsing_result_table_body_odd_bold,
.seller_result_table_body_odd_bold
{
	background: #dfeaf9;
	color: #000000;
	font-weighT: bold;
}

tr.row_even:hover,
tr.browsing_result_table_body_even:hover,
tr.seller_result_table_body_even:hover,
tr.row_odd:hover,
tr.browsing_result_table_body_odd:hover,
tr.seller_result_table_body_odd:hover,
tr.row_even_highlight:hover,
tr.browsing_result_table_body_even_bold:hover,
tr.seller_result_table_body_even_bold:hover,
tr.row_odd_highlight:hover,
tr.browsing_result_table_body_odd_bold:hover,
tr.seller_result_table_body_odd_bold:hover
{
	background: #ffffe1;
}

a.listing_tag {
	white-space: nowrap;
}

/* Results Cell Padding */
.row_even td,
.browsing_result_table_body_even td,
.seller_result_table_body_even td,
.row_odd td,
.browsing_result_table_body_odd td,
.seller_result_table_body_odd td,
.row_even_highlight td,
.browsing_result_table_body_even_bold td,
.seller_result_table_body_even_bold td,
.row_odd_highlight td,
.browsing_result_table_body_odd_bold td,
.seller_result_table_body_odd_bold td
{
	padding: 5px;
}

p.listing_results_description {
	color: #888888;
	margin: 3px 0;
	padding: 0;
	font-size: 11px;
}

.field_error_row {
	background: #fceaed;
	border-top: 1px solid #E68A9D;
	border-bottom: 1px solid #E68A9D;
	padding: 7px 5px;
	margin: 1px 0px;
	color: #5F6672;
	font-size: 11px;
	font-weight: bold;
}

/* ######### FEATURED STYLES ######### */
.featured_items {
	width: 100%;
}

.featured_items td.element {
	background-image: url(images/couponbg.png);
        background-repeat: no-repeat;	
        text-align: center;
	font-weight: bold;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: none;
}

.featured_items td.element:hover {
	background: #ffffe1;
}

.featured_items span.featured_title {
	color: #888888;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0 5px 0;
	margin: 0;
	display: block;
	width: 100%;
}

.featured_items span.price {
	display: block;
	white-space: nowrap;
}

/* ######### LISTING DETAILS STYLES ######### */
h1.listing_title {
	padding: 0;
	margin: 20px 0;
	font-size: 20px;
	font-weight: bold;
}

h1.listing_title span {
	color: #4174a6;
	float: right;
	font-size: 14px;
	padding: 4px 0 0 0;
}

h1.seller_username {
	margin: 5px 2px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

h1.seller_username a:link,
h1.seller_username a:visited {
	margin: 5px 2px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#seller_column {
	width: 200px;
	float: left;
}

#lead_photo_column {
	width: 250px;
	display: block;
	float: right;
	text-align: center;
}

#lead_photo_column img {
	border: 5px solid #eaeaea;
	margin-bottom: 10px;
}

#lead_photo_column div {
	text-align: left;
}

#listing_info_column {
	overflow: hidden;
	padding: 0 10px;
}

#listing_info_column ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 490px;
}

#listing_info_column ul li {
	list-style: none;
	padding: 5px 0 5px 10px;
}

#listing_info_column li.label {
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #737373;
}

#listing_info_column li.value {
	display: block;
	width: 250px;
	float: left;
	color: #777777;
	font-weight: bold;
}

#listing_info_column li.price {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 10px 10px;
}

#listing_photos img {
	border: 5px solid #eaeaea;
}

#listing_photos img:hover {
	border-style: solid;
	border-width: 5px;
}

#bid_bar {
	margin: 0;
	padding: 0;
	display: block;
}

#bid_bar li {
	list-style: none;
	padding: 5px 0px 5px 10px;
	margin: 5px 0;
}

#bid_bar li.label {
	display: block;
	width: 120px;
	float: left;
	clear: both;
	font-weight: bold;
}

#bid_bar li.value {
	display: block;
	width: 100px;
	float: left;
	color: #777777;
	font-weight: bold;
}

#bid_bar li.ieFloatFix {
	/* a nearly-invisible clearer element, to make IE play nice */
	display: block;
	clear: both;
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;	
}

#bid_bar li.buttons {
	display: block;
	width: auto;
	float: left;
	color: #777777;
	font-weight: bold;
}

#extra_questions ul {
	margin: 0;
	padding: 0;
	color: #000000;
}

#extra_questions li {
	list-style: none;
	padding: 5px;
}

#extra_questions div.label {
	width: 200px;
	display: inline-block;
	float: left; /* for IE <= 7, which doesn't like inline-block */
	white-space: nowrap;
	font-weight: bold;
}

#extra_questions div.data {
	width: 200px;
	display: inline-block;
}

#optional_fields {
	margin: 0;
	padding: 0;
}

#optional_fields li {
	list-style: none;
	padding: 5px;
}

#optional_fields label {
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 200px;
}

/* ######### LISTING IMAGES STYLES ######### */

/* classic view */
.listing_images {
	margin: 0;
	padding: 0;
	text-align: center;
}

.listing_images li {
	display: inline-block;
	border: 5px solid #eaeaea;
	padding: 10px;
	margin: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #5f6672;
	width: 175px;
}

.listing_images li:hover {
	background: #ffffe1;
}

.listing_images span {
	display: block;
	padding: 5px 0;
}

/* gallery view */
#galleryThumbs {
	width: 100%;
	text-align: center;
}

#galleryThumbs ul {
	list-style-type: none;
	margin: 15px;
}

#galleryThumbs ul li {
	display: inline;
	margin: 3px;
}

#galleryBigImage {
	margin: 10px auto;
	border: 5px solid #eaeaea;
	/* float: left; */
}

#galleryBigImage:hover {
	border-style: solid;
	border-width: 5px;
}

#galleryBigImage p {
	background: #f7f7f7;
	border-top: 1px solid #dddddd;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	text-align: center;
}

#galleryBigImage img {
	border: none;
}

#galleryBigImage img:hover {
	border: none;
}

/* Filmstrip View */

.filmstrip_outer {
	text-align: center;
}

#filmstrip_container {
	break: both;
	text-align: center;
	display: inline-block;
	border: 3px solid #eaeaea;
	padding: 10px 10px 25px 10px;
	margin: 10px;
}


div#filmstrip_container p#imageTitle {
	padding: 10px;
	margin: 0px;
}

#filmstrip_strip_container {
	overflow: hidden;
	padding: 0px;
	position: relative;
	border: 1px solid #eaeaea;
}

#filmstrip_main {
	position: inline-block;
	/* make it float so that width is correct, even in stupid IE<=7 who doesn't like inline-block...
		this will be un-done in JS once width is set correctly */
	float: left;
}
#filmstrip_main_img {
	margin: 15px;
}
div.filmstrip_strip {
	width: 2000px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.filmstrip_strip div.filmstrip_entry {
	padding: 0px;
	float: left;
	margin: 0px;
	vertical-align: middle;
	cursor: pointer;
	
	margin: 0px 0px 0px 5px;
}

#filmstrip_main_img img {
	border: 5px solid white;
}

#listing_photos #filmstrip_strip_container div.filmstrip_entry img {
	border: 2px solid white;
}

#listing_photos #filmstrip_strip_container div.filmstrip_entry img:hover {
	border-style: solid;
	border-width: 2px;
}

#filmstripLeftScrollButton {
	/*  Note:  position is moved by JS */
	float: left;
	width: 22px;
	height: 96px;
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat right top;
}

#filmstripLeftScrollButton:hover {
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat left top;
}

#filmstripLeftScrollButton.no_hover {
	/* no_hover class set using JS, this is so there is no hover effect when it is disabled */
	background: white url('../images/buttons/filmstrip_scroll_left.png') no-repeat right top;
}

#filmstripRightScrollButton {
	/*  Note:  position is moved by JS */
	float: right;
	width: 22px;
	height: 96px;
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat left top;
}

#filmstripRightScrollButton:hover {
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat right top;
}
#filmstripRightScrollButton.no_hover {
	/* no_hover class set using JS, this is so there is no hover effect when it is disabled */
	background: white url('../images/buttons/filmstrip_scroll_right.png') no-repeat left top;
}

/*  Offsite Videos */
div.offsite_video {
	display: inline-block;
	margin: 5px;
	padding: 15px;
	border: 3px solid #eaeaea;
}

div.offsite_videos_container {
	text-align: center;
	padding-bottom: 20px;
}

/* featured pics */
.full_image_item {
	background: #f7f7f7;
	border: 5px solid #eaeaea;
	font-size: 14px;
	font-weight: bold;
	margin: 5px auto;
	padding: 0 0 5px 0;
	text-align: center;
	display: inline-block;
}

.full_image_item img {
	margin-bottom: 5px;
}

/* ######### PRINTER FRIENDLY PAGE STYLES ######### */
.print_body {
	background: #ffffff;
	font-size: 11px;
}

.print_shell {
	width: 700px;
	margin: 0 auto;
}

.print_top_text {
	padding: 35px 0 0 0;
	font-weight: bold;
	float: right;
}

h1.print_title {
	background: #eaeaea;
	font-size: 14px;
	font-weight: bold;
	margin: 1px 0px;
	padding: 5px 0px 5px 3px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#print_photo_column {
	width: 250px;
	display: block;
	float: right;
	text-align: center;
}

#print_photo_column img {
	border: 5px solid #eaeaea;
	margin-bottom: 10px;
}

#print_photo_column div {
	text-align: left;
}

#print_listing_info_column {
	overflow: hidden;
	padding: 0 10px;
	font-size: 11px;
}

#print_listing_info_column ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 490px;
}

#print_listing_info_column ul li {
	list-style: none;
	padding: 5px 0 5px 10px;
}

#print_listing_info_column li.label {
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #737373;
}

#print_listing_info_column li.value {
	display: block;
	width: 250px;
	float: left;
	color: #777777;
	font-weight: bold;
}

#print_listing_info_column li.price {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 10px 10px;
}

#print_listing_photos img {
	border: 5px solid #eaeaea;
}

#print_extra_questions ul {
	margin: 0;
	padding: 0;
	color: #000000;
}

#print_extra_questions li {
	list-style: none;
	padding: 5px;
}

#print_extra_questions div.label {
	width: 175px;
	display: inline-block;
	white-space: nowrap;
	font-weight: bold;
}

#print_extra_questions div.data {
	width: 160px;
	display: inline-block;
}

#print_optional_fields {
	margin: 0;
	padding: 0;
}

#print_optional_fields li {
	list-style: none;
	padding: 5px;
}

#print_optional_fields label {
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	width: 175px;
}

.print_half_column_left {
	width: 350px;
	float: left;
}

.print_half_column_right {
	width: 345px;
	padding: 0 0 0 5px;
	float: left;
}

/* ######### PAGINATION ######### */
.pagination {
	margin: 10px 5px;
	padding: 0px;
}

.pagination li {
	color: #000000;
	list-style: none;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 16px;
	margin: 2px;
}

.pagination li.current {
	color: #35629e;
	padding: 3px 6px;
	border-style: solid;
	border-width: 1px;
	background: #b2cbe5;
}

.pagination li a:link,
.pagination li a:visited {
	color: #000000;
	padding: 3px 6px;
	border: 1px solid #b9b9b9;
	background: #f7f7f7;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
}

.pagination li a:hover,
.pagination li a:active {
	color: #648d25;
	padding: 3px 6px;
	border: 1px solid #A3C894;
	background: #E5F5DF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
}

/* ######### CART STYLES ######### */

.cart_item_child {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 3px 5px 3px 50px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	/*height: 21px;*/
}

.cart_item_child_mini {
	border: 2px solid #eaeaea;
	padding: 3px 10px;
	margin: 3px 5px 3px 50px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

.cart_item_child_mini ul {
	margin: 0;
	padding: 0;
}

.cart_item_child_mini ul li {
	list-style: none;
	color: #aaaaaa;
}


.cart_item_child:hover {
	background: #ffffe1;
}

.cart_item_subtotal {
	background: #f7f7f7;
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px 5px 15px 50px;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

.subtotal_cart_item,
.tax_cart_item {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	text-align: right;
	width: 50%;
	float: right;
}

.total_cart_item,
.total_order_item {
	background: #f7f7f7;
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	clear: both;
	width: 50%;
	float: right;
}

.listing_extra_item,
.payment_item {
	border: 5px solid #eaeaea;
	padding: 7px 10px;
	margin: 5px;
	font-weight: bold;
	font-size: 12px;
	background: #f7f7f7;
	color: #000000;
	display: block;
	vertical-align: middle;
}

.listing_extra_item:hover,
.payment_item:hover {
	background: #ffffe1;
}

.listing_extra_item_child {
	border: 2px solid #eaeaea;
	padding: 2px 10px;
	margin: 5px 5px 15px 50px;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

.cart_item_cost,
.listing_extra_cost {
	float: right;
	text-align: right;
	padding: 3px 0;
}

.cart_item_buttons {
	float: right;
	padding: 0 10px;
}

.cart_item_label {
	float: left;
	padding: 3px 0;
}

.cart_item div.cart_item_label {
	padding-left: 25px;
}

#addToCartButton {
	float: right;
	padding-right: 3px;
	text-decoration: none;
	cursor: pointer;
}

#addToCartButton:hover {
	text-decoration: underline;
	color: #ff9900;
}

#cart_buttons 
{
	text-align: center;
	font-size: medium;
	margin:3px 3px 10px;
	border: 1px solid #CECECE;
	padding: 10px;
	clear: both;
}

.disabled
{
	color: #cccccc;
}

.checkout_button {
	text-align: right;
	padding: 5px;
	clear: both;
}
h2.title a.show_instructions_button,
h2.title a.show_instructions_button:link,
h2.title a.show_instructions_button:visited,
.show_instructions_button {
	/* The instructions button for each section on media collection page */
	color: #000000;
	border: 1px solid #cacbcc;
	background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
	color: #000000;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	margin: 0 1px;
	display: inline-block;
}

#cart_left_column {
	width: 400px;
	float: left;
}

#cart_right_column {
	overflow: hidden;
	padding: 0 0 0 10px;
}

/* ######### PAYMENT SELECTION STYLES ######### */
label.payment_label {
	padding: 2px 5px;
	width: 200px;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
}

.payment_text
{
	margin-left:65px;
	font-weight:lighter;
}
.payment_choices
{
	position:relative;
	border-style:solid;
	border-color:#CCE8FF;
	border-width:1px;
	padding-top:15px;
	padding-bottom:5px;
	width:370px;
	height:auto;
	margin:2px;
}


.agreement_text_box
{
	/* Used for "box" around payment gateway agreement text */
	border: thin solid black;
	overflow: auto;
	width: 80%;
	height: 250px;
	padding: 5px;
}

/* ######### CART STEP STYLES ######### */
#cart_steps {
	margin: 0;
	padding: 0;
	height: 40px;
}

#cart_steps li {
	list-style: none;
	display: block;
	float: left;
	height: 40px;
	padding: 13px 40px 0 20px;
	background: url('../images/backgrounds/cart_step.gif') no-repeat top right;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#cart_steps li.current {
	font-size: 16px;
	padding: 9px 40px 0 20px;
}

/* ######### FEEDBACK STYLES ######### */
.positive {
	color: #17A400;
}

.negative {
	color: #980000;
}

.neutral {
	color: #000000;
}

.feedback_cells td {
	padding: 3px 10px;
}

/* ######### MODULES STYLES ######### */
#search_box_1 {
	float: right;
}

#search_box_1 ul {
	margin: 0;
	padding: 6px 5px 0 0;
}

#search_box_1 ul li {
	list-style: none;
	display: inline;
}

#search_box_1 input.keyword {
	width: 200px;
}

/* ######### ADDON STYLES ######### */


/* This is a good place to copy/paste any addon CSS you might want to modify,
	that way you don't have to edit the original CSS file. */


/* ########### LIGHTBOX ########## */ 

/* Light up box slideshow styles */
.lightUpBox { 
	/* This is for the overall box the lightbox contents load in, but note that
	 * the lightUpBox may be used for more than just the lightbox slideshow.
	 */
	
	border: 10px solid #eaeaea;
	background-color: white;
	/* needs to be bigger than anything else on the page */
	z-index: 1005;
	
	/* position needs to be absolute to be able to be moved on the page */
	position: absolute;
}

.lightUpBoxOverlay {
	/* This is the overlay that hides the rest of the page, note that the
	opacity (transparency) will be set in JS for a "see through" or "faded"
	effect. */
	
	/* position needs to be absolute to work */
	position: absolute;
	top: 0px;
	left: 0px;
	/* Change the background color for different looks for how back is faded */
	background-color: #000000;
	width: 100%;
	/* needs to be second biggest z-index on the page, right below lightUpBox */
	z-index: 1004;
}

.lightUpBox_imageBox {
	/* In the overall box, this is the div containing the image */
	text-align: center;
}

.lightUpBox_imageBox img {
	/* The actual image */
	cursor: pointer;
}

img.lightUpBigImage {
	/* This is a stand-alone image in the box, it's not wrapped by extra HTML,
	this is used on image upload page as a "simpler" light up box without the
	fancy slideshow. */
	/* give it a pointer since when you click on it, it closes it. */
	cursor: pointer;
}

.lightUpBox_navigation {
	/* In the overall box, this is the div containing the navigation */
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px;
	text-align: center;
	/* width: 80%; */
	background-color: white;
	border: 5px solid #eaeaea;
	font-size: 12px;
}

.lightUpBox_description {
	/* In the overall box, this is the div containing the image description */
	text-align: center;
	padding: 7px 5px;
	background: #f7f7f7;
	font-size: 14px;
	font-weight: bold;
}

.lightUpMover,
.lightUpTitle
{
	/* CSS for anything that can be used to "move" the lightbox. */
	cursor: pointer;
}


/* ######### EXTRA PAGE LIST STYLES ######### */
dl {
	width: 350px;
}

dd {
	clear: right;
	margin: 0 0 20px 40px;
	font-size: 16px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
dd.image {
	clear: none;
	float: left;
	margin: 0;
}
dt {
	clear: left;
	float: right;
	width: 310px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.title2 {
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* ######## PUBLIC QUESTION LIST STYLES ####### */

div.publicQuestions {
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin: 0px auto;
}

/* questions */
div.publicQuestions .question {
	border: 1px solid #000000;
	background-color: #FFFFE1;
	font-weight: normal;
	padding: 5px;
	font-size: 14px;
	margin: 5px 10px 5px 10px;
}

.public_question_asker_username {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

.public_question_asker_timestamp {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}

/* answers */
div.publicQuestions .answer {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 10px 0px 10px;
}


/* ######### FEEDBACK HELP BOX STYLES ######### */
#help_info_column {
	overflow: hidden;
	padding: 0 10px;
}

#help_info_column ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 390px;
}

#help_info_column ul li {
	list-style: none;
	padding: 5px 0 5px 10px;
}

#help_info_column li.left {
	display: block;
	width: 50px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #737373;
	text-align: right;
}

#help_info_column li.right {
	display: block;
	width: 250px;
	float: left;
	color: #777777;
	font-weight: bold;
}


/* ######### AUTO COMPLETE STYLES ######### */

div#tag_search_column {
	width: 215px;
	float: right;
}

div#tag_search_column input.field {
	width: 120px;
}

div.autocomplete_choices {
	position:absolute;
	width: 250px;
	border: none;
	margin: -3px 0px 0px 0px;
	text-align: left;
}

div.autocomplete_choices ul {
	list-style-type:none;
	margin : 0px 2px;
	padding:0px;
}

div.autocomplete_choices ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding: 7px 5px;
	cursor:pointer;
	vertical-align: middle;
	font-size: 12px;
}

div.autocomplete_choices ul li.row_even {
	background: #f1f1f1;
}

div.autocomplete_choices ul li.row_odd {
	background: #ffffff;
	color: #000000;
}
div.autocomplete_choices ul li.selected {
	background-color: #ffb;
}