/* content:split-column layouts */
.columns { width:710px }
.columns:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.columns .left { width:450px; float:left }
.columns .right { width:235px; float:right }
.columns .half { width:345px; float:right }
.columns .third { width:220px; float:left; margin-left:25px }
.columns .first { margin-left:0; float:left }

/* pre-content: breadcrumbs + utility links */
#breadcrumbs, #utility { padding: 15px 0 0 0; margin:0; font-size:10px; color:#626B72 }
#breadcrumbs { float: left; width:425px; padding-left:25px }
#utility { float: right; width: 210px; padding-right:25px }
#breadcrumbs a { background:url(img/breadcrumb.gif) no-repeat right center; padding-right:13px }
#utility { text-align:right }
#utility a { display:-moz-inline-box; display:inline-block; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255, 255, 255, 0); vertical-align:bottom; height:22px; width:22px }

/* post-content:back to top */
p#back_to_top { text-align:right; margin:0 }
p#back_to_top a, a.back_to_top { background:url(img/top.gif) no-repeat left center; padding-left:11px; text-transform:uppercase; font-size:10px }

/* buttons */
a.button:link, a.button:visited { height:22px; display:block; text-indent:-999em; background-repeat:no-repeat; background-position:top; outline:none }
a.button:hover, a.button:active, form button:hover { background-position:bottom !important }
/* buttons alweys get two classnames: "button" and one of the following... */
a.apply_now { background-image:url(img/buttons/apply_now.gif); width:82px }
a.add { background-image:url(img/buttons/add.gif); width:37px }
a.enroll_in_this_section { background-image:url(img/buttons/enroll_in_this_section.png); width:210px }
a.remind_me { background-image:url(img/buttons/remind_me.png); width:100px }
a.refine_your_search { background-image:url(img/buttons/refine_your_search.png); width:161px }
a.print { background-image:url(img/buttons/print.gif); width:22px }
a.share { background-image:url(img/buttons/share.gif); width:22px }
a.pdf { background-image:url(img/buttons/pdf.gif); width:22px }
a.delete { background-image:url(img/buttons/delete.gif); width:18px; height:18px !important }
a.edit { background-image:url(img/buttons/edit.gif); width:40px; height:18px !important }
a.update_changes { background-image:url(img/buttons/update_changes.png); width:130px }

button.search { background:url(img/buttons/search.gif); width:22px; height:22px; border:none; outline:none; text-indent:-999em }
button.login { background:url(img/buttons/login.png); width:70px; height:22px; border:none; outline:none; text-indent:-999em }
button.checkout { background:url(img/buttons/checkout.png); width:120px; height:28px; border:none; outline:none; text-indent:-999em }

a.help { display:-moz-inline-box; display:inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255, 255, 255, 0); vertical-align:bottom; background-image:url(img/help.gif); height:16px; width:16px }

/* content: hrs */
hr { display:block; background:#BDC3C7; color:#BDC3C7; width:100%; height:2px; border:none; clear:both; margin:14px 0 }
hr.thick { height:5px; background:#7E878E; color:#7E878E }

/* basic reset */
a img { border:none }

/* content: extended title section (h1 title + subtitle) */
div.title { margin-bottom:14px; font-size:11px; width:450px }
div.title h1, div.title h2, div.title h3, div.title p { margin:0 }
div.title h2 { font-weight:normal; font-size:11px } 
div.title p { color:#626B72 } 

ul.dotted { padding:0; list-style:none}
ul.dotted li { background: url(img/hr_dots.gif) repeat-x top; list-style-image:none; margin:0; padding: 7px 25px 7px 0 }
ul.dotted li:first-child { background:none }

/* content:tables */
table { width:100%; border:none; margin:0; border-collapse:collapse;  margin-bottom:14px }
table td, table th { border:none;  padding:6px; line-height:14px; vertical-align:top }
table th, table thead td { background:#434C53 url(img/th.gif) repeat-x top; color:#ffffff; text-align:left }
table thead a  { color:#D1D5D8 !important }
table thead a:hover { color:#FFFFFF }
tbody tr td { color:#444D54 }
tbody th { background: none; color:#444D54; font-weight:normal; color:#990000 }
tbody th strong, tbody th b { font-weight:bold; }
tbody tr.divider td { background:#BDC3C7; height:2px; padding:0 }
tbody tr.alt td { background: #F5F5F6 }

table.dotted { }
table.dotted th, table.dotted td { background: url(img/hr_dots.gif) repeat-x top; ; padding: 7px 25px 7px 0; color:#626B72 }
table.dotted tr:first-child td, table.dotted tr:first-child th { background:none }
table.dotted th { white-space:nowrap; color:#444D54; font-weight:bold }

/* table wrappers */
.table-wrapper, .table-wrapper-inner { background:url(img/table_wrapper.gif) no-repeat}
.table-wrapper { padding: 4px 0 0 0; margin-bottom:14px; background-position:left top }
.table-wrapper-inner { padding: 0 4px 4px 4px; background-position:left bottom }
.table-wrapper-inner table { width:100%; margin:0 }
.left .table-wrapper, .left .table-wrapper-inner { background-image:url(img/table_wrapper_left.gif) }
.right .table-wrapper, .right .table-wrapper-inner { background-image:url(img/table_wrapper_right.gif) }
.half .table-wrapper, .half .table-wrapper-inner { background-image:url(img/table_wrapper_half.gif) }

/* content:photos + captions */
img.photo, img.photo-left, img.photo-right, table.photo-left, table.photo-right { display:block; margin-bottom:14px; margin-top:3px }
table.photo-left, table.photo-right { width:100px; text-align:left; overflow:visible; display:table }
table.photo-left p, table.photo-right p { font-size:10px; color:#626B72; margin:5px 0 0 0 }
table.photo-left td, table.photo-right td { margin:0; padding:0; background:none }
table.photo-left img, table.photo-right img { margin:0 }
.photo-left { float:left; margin:3px 22px 7px 0 }
.photo-right { float:right; margin:3px 0 7px 22px }

/* styled links*/
a.more { font-weight:bold; background:url(img/more.gif) no-repeat left center; padding-left:16px }
a.details { background:url(img/details.gif) no-repeat right 2px; padding-right: 14px }

/* sidebar:photos */
.sidebar .photo { margin-right:14px }
.sidebar .photo[align="right"] { margin-left:14px }

/* PAGING (next/last, numbered */
p.paging { font-weight:bold; color:#990000; word-spacing: 4px; line-height:14px; text-align:left }
.paging a.next, .paging a.last, .paging span { display:-moz-inline-box; display:inline-block; background:transparent url(img/paging.gif) 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; width:9px; height:14px }
.paging a.last { background-position: top left; }
.paging a.next { background-position: top right; }
.paging span.last { background-position: bottom left; cursor:default }
.paging span.next { background-position: bottom right; cursor:default }

a.refine_your_search { float:right }

#main_image{margin-bottom:20px;}
.thumbnails{padding-bottom:20px; clear:both;}
.thumbnails a{display:block; margin-right:5px; float:left;}
.thumbnails a img{border:3px solid #cccccc; }
.thumbnails a span{display:block;font-size:10px;text-align:center;width:94px;padding:2px;}
.thumbnails a:hover{text-decoration:none;}
.thumbnails a:hover img{ border:3px solid #990000;text-decoration:none;}

br{clear:both;}

.home_info{clear:both}
.home_info .left{float:left;}
.home_info .right{margin-left:120px;}

.question p{color:#336699; font-weight:bold}

