@import url(common.css);

/*=pagination
--------------*/
#contentHead p#pagination {
	position: absolute;
	z-index: 100;
	top: 18px;
	right: 175px;
	margin: 0;
}
#pagination a {
	color: #666;
	text-decoration: none;
}
#patination a:hover {
	color: #666;
	text-decoration: underline;
}

/*=category and sub-category browse list
----------------------------------------*/
ul#categoryBrowse {
	list-style: none;
	width: 540px;
	overflow: hidden;
	margin: 0;
}
#subCategoryBrowse {
	float: left;
	margin-left:15px;
	display: inline;
	width: 348px;
}
#subCategoryBrowse ul {
	list-style: none;
	width: 348px;
	overflow: hidden;
	margin: 0;
}
#categoryBrowse li, #subCategoryBrowse li {
	float: left;
	padding: 0 20px 15px 0;
	width: 172px;
	w\idth: 152px;
}
#categoryBrowse li.newRow, #subCategoryBrowse li.newRow { clear: left; }
#categoryBrowse a, #subCategoryBrowse a {
	text-decoration: none;
	color: #666;
	line-height: 1.0;
}
#categoryBrowse img, #subCategoryBrowse img { border: 1px solid #ccc; }

/*=item table
--------------*/
table#itemTable {
	border-collapse: collapse;
	width: 557px;
	margin-top: 5px;
}
#itemTable td {
	border-collapse: collapse;
	border-top: 1px solid #bfc2c3;
	padding: 8px 8px 8px 3px;
}
#itemTable td.thumb {
	width: 83px;
}
#itemTable td.description {
	width: 162px;
}
#itemTable td.last {
	border-left: 1px solid #bfc2c3;
	padding-left: 18px;
}
#itemTable p {
	margin: 0 0 5px;
	font-weight: bold;
}
#itemTable a {
	color: #666;
	text-decoration: none;
}
#itemTable a:hover {
	color: #666;
	text-decoration: underline;
}

/*=feature
-----------*/
#feature {
	float: left;
	width: 299px;
}
#feature h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
#feature p {
	font-size: 11px;
	margin: 8px 0;
	line-height: 1.5;
}
#feature p.price {
	font-size: 12px;
	font-weight: bold;
}
#feature a {
	font-size: 10px;
	color: #666;
	text-decoration: none;
}
#feature a:hover { text-decoration: underline; }

/*=detail image
----------------*/
#detailImage {
	float: left;
	width: 287px;
}
#detailImage #enlargeThumb {
	width: 241px;
}
#enlargeThumb #enlargeLink {
	text-align: right;
	font-size: 10px;
	margin: 0 2px 12px 0;
}
#enlargeLink a {
	color: #666;
	text-decoration: none;
}
#enlargeLink a:hover { text-decoration: underline; }

#relatedItems table {
	border-top: 1px solid #bfc2c3;
	color: #848484;
}
#relatedItems caption {
	text-align: left;
	padding: 10px 0 4px;
}
#relatedItems td {
	text-align: center;
	padding: 9px 10px 0 0;
	width: 25%;
	vertical-align: top;
}
#relatedItems td.last {
	border-left: 1px solid #bfc2c3;
	padding: 9px 0 0 10px;
}
#relatedItems p {
	text-align: left;
	margin: 10px 0;
	font-size: 11px;
	font-weight: bold;
}
#relatedItems a {
	color: #666;
	text-decoration: none;
}
#relatedItems a:hover { text-decoration: underline; }

/*=detail description
----------------------*/
#detailDescription {
	float: left;
	width: 256px;
	margin-left: 26px;
	display: inline;
}
#detailDescription h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
#detailDescription p {
	font-size: 11px;
	margin: 8px 0;
	line-height: 1.5;
	border-bottom: 1px solid #bfc2c3;
	padding-bottom: 8px;
}
#detailDescription table {
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #bfc2c3;
}
#detailDescription td {
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 15px;
}
#detailDescription td.price {
	font-size: 12px;
	font-weight: bold;
	width: 173px;
	text-align: left;
}
#detailDescription a {
	font-size: 10px;
	color: #666;
	text-decoration: none;
}
#detailDescription a:hover { text-decoration: underline; }

/*=cart
--------*/
#cart {
	
}
table.summary {
	width: 100%;
	background: url(/bookstore/images/breadcrumb_bg_2.gif) 0 0 repeat-x #e7e7e7;
}
.summary th {
	padding: 9px 8px 5px;
	text-align: left;
	font-size: 13px;
}
.summary tbody th {
	text-align: right;
	background: #f8f8f8;
	vertical-align: top;
	padding: 15px 8px 0;
}
.summary td {
	background: #f8f8f8;
	vertical-align: top;
	padding: 15px 8px 0;
}
.summary thead td, .summary thead th.first {
	background: transparent;
	background: url(/bookstore/images/breadcrumb_bg_1.gif) 0 0 repeat-y;
}
.summary td.thumb {
	padding: 15px 0 0 8px;
	text-align: center;
	width: 118px;
}
.summary .price {
	text-align: right;
}
.summary .total {
	padding-right: 65px;
}
.summary td.sku, .summary td.remove {
	font-size: 10px;
}
.summary tr.totalAmts td, .summary tr.totalAmts th {
	text-align: right;
	padding-top: 0;
	padding-bottom: 2px;
}
.summary tr#totalRows td, .summary tr#totalRows th {
	border-top: 1px solid #bfc2c3;
	padding-top: 5px;
}
.remove a {
	color: #666;
	text-decoration: underline;
}
.remove a:hover { text-decoration: none; }

/*=total
---------*/
#cart #total {
	border-top: 1px solid #bfc2c3;
	position: relative;
	height: 42px;
}
#total p {
	position: absolute;
	top: 12px;
	margin: 0;
}
#total p#assitance { left: 22px; }
#total p#updateCart {
	left: 460px;
	padding-right: 19px;
	background: url(/bookstore/images/update_arrow.gif) 100% 49% no-repeat;
}
#updateCart a {
	color: #666;
	text-decoration: none;
}
#updateCart a:hover { text-decoration: underline; }

#total p#subTotal {
	right: 65px;
	font-weight: bold;
}

/*=info
--------*/
#cart #info {
	background: url(/bookstore/images/breadcrumb_bg_2.gif) 0 0 repeat-x #e7e7e7;
	float: left;
	width: 758px;
}
#info #infoWrapper {
	background: url(/bookstore/images/breadcrumb_bg_1.gif) 0 0 repeat-y;
	padding: 9px 0 8px;
	float: left;
}
#info #infoWrapper a {
	color: #783333;
	text-decoration: none;
}
#info #shipping {
	float: left;
	width: 290px;
	margin-left: 22px;
	display: inline;
}
#info #membership {
	float: left;
	text-align: right;
	width:315px;
	margin-left: 70px;
	display: inline;
}
#info p {
	margin: 0;
	font-size: 11px;
}

/*=options
-----------*/
#cart #options {
	clear: left;
	padding: 12px 0 0;
	position: relative;
}
#options ul {
	font-size: 12px;
	list-style: none;
	margin-left: 11px;
	float: left;
}
#options li {
	display: inline;
	padding-right: 25px;
	font-size: 14px;
}
#options li a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
#options li a:hover { text-decoration: underline; }
#options #checkout {
	float: right;
	margin: 10px 71px 0 0;
	display: inline;
}

/*=already member
-----------------*/
#alreadyMember {
	float: left;
	width: 300px;
	margin-top: 30px;
}

/*=billing address
-------------------*/
#billingAddress {
	margin: 30px 0 0 15px;
	padding-left: 15px;
	float: left;
	width: 368px;
	width: 352px;
	border-left: 1px solid #bfc2c3;
}

/*=profile address
-------------------*/
#profileAddress {
	margin: 10px 0 0 15px;
	padding-left: 15px;
	float: left;
	width: 368px;
	width: 352px;
}

/*=shipping address, same but with no left border
-------------------*/
#shippingAddress {
	margin: 30px 0 0 15px;
	padding-left: 15px;
	float: left;
	width: 368px;
	width: 352px;
}


/*=billing page
---------------*/
table#billingInfo {
	width: 100%;
	margin: 30px 0 0;
}
#billingInfo th, #billingInfo td {
	text-align: left;
	vertical-align: top;
	padding: 3px;
}
#billingInfo td.last { text-align: right; }
#billingInfo select { width: 200px; }
#billingInfo address {
	font-style: normal;
	margin: 5px 0;
}

/*=shipping page
-----------------*/
.summary td.quantity, .summary th.quantity { text-align: center; }
.shipping select { width: 150px; }
.shipping #continue {
	text-align: right;
	padding: 12px 65px 0 0;
	border-top: 1px solid #bfc2c3;
}

/*=confirmation page
---------------------*/
table.confirmation {
	margin: 12px 0;
	border-bottom: 1px solid #bfc2c3;
	width: 100%;
	padding-bottom: 7px;
}
.confirmation caption {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
}
.confirmation th {
	text-align: right;
	vertical-align: top;
	padding: 2px 5px;
	width: 25%;
}
.confirmation td {
	text-align: left;
	vertical-align: top;
	padding: 2px 5px;
}

/*= other styles
----------------*/
#itemTable p.viewLink, #relatedItems p.viewLink {
	font-size: 10px;
	margin-bottom: 0;
	font-weight: normal;
}

p#continue {
	text-align: right;
	margin-top: 50px;
}

input#quantity, input.quantity {
	width: 25px;
	text-align: center;
}

/*= membership benefits page ----------------*/

#colummns{width: 720px; margin:0 0 0 20px;}

#colummns #column1{width:165px; float:left; padding:0; margin:0 10px 0 0;}

#colummns #column2{width:165px; float:left; padding:0; margin:0 10px 0 0;}

#colummns #column3{width:165px; float:left; padding:0; margin:0 10px 0 0;}

#colummns #column4{width:165px; float:left; padding:0; margin:0;}

#colummns h3 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight: lighter; color:#CC9966;}

#colummns p {font-size:11px; font-weight:bold; color:#666666; word-spacing:normal; padding-left:6px;}  

#colummns img {margin-top:5px;}

#content h6 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; padding-bottom:0; margin-bottom:0;}

#content p.small {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666; padding-top:0; margin-top:0;}


/*= membership page ----------------*/



#membershipnav {margin-bottom:20px;}

#membershipnav ul {font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight: lighter; color:#CC9966; margin-left:0; padding-left:0;  }

#membershipnav li {list-style-type:none; padding:0 10px 0 0; display:inline;}


#membershipnav a {color:#CC9966; text-decoration:none;}

#membershipnav a:hover  {color:#996633; text-decoration:none;}

#content a {text-decoration:none;}

/*= Customer Care Pages ----------------*/

.upBtn {margin-bottom:0px; margin-top:0; text-align:right;}

#main h4 {/*width:760px;*/ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #bfc2c3; padding-bottom:3px; color:#666;}

#customerMenu {color:#7a4826;}

#customerMenu ul {padding-left:0; margin-left:0;}

#customerMenu li {list-style-type:none; background-image:url(../images/side_nav_arrow.gif); background-repeat:no-repeat; background-position:0 5px; padding-left:15px; padding-bottom:5px;}

#customerMenu a {color:#666;}

#customerMenu a:hover {color:#7a4826;}

.questions {color:#666; font-weight:bold; margin-top:0; padding-top:0;} 


/* Shop pages --------------------------------------*/

#imagePart { width:669px; height:293px; position:relative;}

#imagePart #renoir { position:absolute; left:0; top:0;}

#imagePart #vertImage {position:absolute; right:0; top:0;}

#imagePart #mug {position:absolute; left:0; bottom:0;}

#imagePart #book {position:absolute; left:166px; bottom:0;}

#imagePart #ticket {position:absolute; left:335px; bottom:0;}

#textBox {width:669px; height:138px;}

#textBox .insideBox {padding:10px;}

#textBox h3 {padding:0 0 5px 0; margin:0; line-height:1.2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}

#textBox p {padding-top:0; margin-top:0; line-height:1.2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;}

#textBox a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
#textBox a:hover { text-decoration: none; }

#textBox #box1 {background-image:url(../images/shop-bg-section.jpg);background-repeat:repeat-x;width:165px;height:138px;min-height:138px;border-right-width: 1px;border-right-style: solid;border-right-color:#FFF;float:left;}

html>body #textBox #box1 { height: auto; }

html>body #textBox #box2 { height: auto; }

html>body #textBox #box3 { height: auto; }

html>body #textBox #box4 { height: auto; }

#textBox #box2 {
	background-image:url(../images/shop-bg-section.jpg);
	background-repeat:repeat-x;
	width:169px;
	height:138px;
	min-height:138px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	float:left;
}			
#textBox #box3 {
	background-image:url(../images/shop-bg-section.jpg);
	background-repeat:repeat-x;
	width:165px;
	height:138px;
	min-height:138px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	float:left;
}		
#textBox #box4 {
	background-image:url(../images/shop-bg-section.jpg);
	background-repeat:repeat-x;
	width:166px;
	height:138px;
	min-height:138px;
		float:left;
}						

/* Ticketing Pages --------------------------------------*/

#content2 {
	margin: 5px 77px 0 22px;
	overflow: hidden;
}
#calendarSection { width:100%; height:465px; position:relative; padding:0; margin:0;}

#calendarSection #calendar {position:absolute; top:0; left:0; padding:0;}

#calendarSection #previous {position:absolute; top:276px; left:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;text-transform: uppercase;}

#calendarSection #next {position:absolute; top:276px; left:248px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;text-transform: uppercase;}

#calendarSection #textSection {position:absolute; top:311px; left:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; width:339px;}

#calendarSection #textSection2 {position:absolute; top:191px; right:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; width:218px;}

#calendarSection a { text-decoration:none; color:#666666;}

#calendarSection a:hover {text-decoration:none; color:#793838;}

#calendarSection #smallRenoir { position:absolute; right:0; top:0;}

#calendarSection #smallRenoir p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; text-align:right; padding-top:5px; margin-top:0;}

#otherColums {width:100%; height:142px;  min-height:150px;  background-color:#f3f3f3; margin:0; padding:0;}

html>body #otherColums { height:auto;}

#otherColums .insideCol1 {padding:10px 50px 10px 22px;}

#otherColums .insideCol2 {padding:10px 35px 10px 10px;}

#otherColums .insideCol3 {padding:10px 85px 10px 10px;}

#otherColums h3 {padding:0 0 5px 0;	margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;text-transform: uppercase; font-weight:lighter;}

#otherColums p {padding-top:0; margin-top:0; line-height:1.2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;}

#otherColums #col1 {width:247px; min-height:142px;float:left; }
	
#otherColums #col2 {width:207px;min-height:142px;float:left;}
		
#otherColums #col3 {width:303px;min-height:142px;float:left; }						

html>body #otherColums #col1 { height: auto; }

html>body #otherColums #col2 { height: auto; }

html>body #otherColums #col3 { height: auto; }