/* 
Styles, v. 1.0
Filename: styles.css
Purpose: General website styling, CSS layout, style standards, and dynamic functionality
Author: Brian Dodson, brian@toolstudios.com
*/

body {	
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
}

#indexContainer {width: 760px; height: 600px; margin-left: auto; margin-right: auto; background-color: #000000; color: #FFF}
#mainContainer {width: 760px; margin-left: auto; margin-right: auto;background-color: #FFF;}
#headerContainer {width: 760px; height: 108px; background-color: #000}
#logoContainer {
	float: left;
	width: 496px;
	height: 108px;
}
#linkContainer {
	float: right;
	width: 224px;
	padding-top: 30px;
	padding-right: 30px;
	text-align: right;	
}

#linkContainer a {font-weight:bold; font-size: 12px; color:#FFF; text-decoration: none; line-height: 25px}
#linkContainer a:hover {color: red}


#middleContainer {
	width: 720px;	
	margin-left: auto; margin-right: auto;
	color: #000;
}

#middleContainer a{text-decoration: underline; color: #000}

#middleContainer a.addtocart {text-decoration:none; display:block;width: 80px;height: 18px;background-image:url(../images/btn_addtocart.gif);background-position:top;}

#logoContainer a.logo {text-decoration:none; display:block;width: 496px;height: 108px;background-image:url(../images/logo.png);background-position:top;}

#indexHeader {
	width: 760px;
	height: 126px;
	background-image:url(../images/indexHeader.png);background-position:top;
}


#indexMiddle {
	width: 760px;
	height: 395px;
	background-image:url(../images/indexMiddle.png);background-position:top;
}

#indexMenuContainer {
	background-image:url(../images/indexMenu.png);background-position:top;
	background-repeat: repeat-x;
	width: 760px;
	height: 29px;
}

#indexMenu {
	width: 714px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
}

#indexMenu a {text-decoration:none; display:block; height:29px; float:right;}

#indexMenu ul, li {list-style-type:none; margin:0; padding:0; display:inline;}

a.menuOriginalArt {width: 109px; height: 29px; background-image:url(../images/btnOriginalArt.png); background-position:top; display:block;}
a.menuOriginalArt:hover {width: 109px; height: 29px; background-image:url(../images/btnOriginalArt_hover.png);}
a.menuOriginalArtActive {width: 109px; height: 29px; background-image:url(../images/btnOriginalArt_selected.png); background-position:top; display:block;}


a.menuGlassArt {width: 91px; height: 29px; background-image:url(../images/btnGlassArt.png); background-position:top; display:block;}
a.menuGlassArt:hover {width: 91px; height: 29px; background-image:url(../images/btnGlassArt_hover.png);}
a.menuGlassArtActive {width: 91px; height: 29px; background-image:url(../images/btnGlassArt_selected.png); background-position:top; display:block;}


a.menuMetalArt {width: 91px; height: 29px; background-image:url(../images/btnMetalArt.png); background-position:top; display:block;}
a.menuMetalArt:hover {width: 91px; height: 29px; background-image:url(../images/btnMetalArt_hover.png);}
a.menuMetalArtActive {width: 91px; height: 29px; background-image:url(../images/btnMetalArt_selected.png); background-position:top; display:block;}


a.menuCeramic {width: 229px; height: 29px; background-image:url(../images/btnCeramic.png); background-position:top; display:block;}
a.menuCeramic:hover {width: 229px; height: 29px; background-image:url(../images/btnCeramic_hover.png);}
a.menuCeramicActive {width: 229px; height: 29px; background-image:url(../images/btnCeramic_selected.png); background-position:top; display:block;}


a.menuBronze {width: 73px; height: 29px; background-image:url(../images/btnBronze.png); background-position:top; display:block;}
a.menuBronze:hover {width: 73px; height: 29px; background-image:url(../images/btnBronze_hover.png);}
a.menuBronzeActive {width: 73px; height: 29px; background-image:url(../images/btnBronze_selected.png); background-position:top; display:block;}


a.menuGiclees {width: 76px; height: 29px; background-image:url(../images/btnGiclees.png); background-position:top; display:block;}
a.menuGiclees:hover {width: 76px; height: 29px; background-image:url(../images/btnGiclees_hover.png);}
a.menuGicleesActive {width: 76px; height: 29px; background-image:url(../images/btnGiclees_selected.png); background-position:top; display:block;}


a.menuGallery {width: 126px; height: 29px; background-image:url(../images/btnGallery.png); background-position:top; display:block;}
a.menuGallery:hover {width: 126px; height: 29px; background-image:url(../images/btnGallery_hover.png);}
a.menuGalleryActive {width: 126px; height: 29px; background-image:url(../images/btnGallery_selected.png); background-position:top; display:block;}

#indexFooter {
	width: 760px;
	height: 50px;
	font-family: arial;
	font-size: 10px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	line-height: 15px;
}

#indexFooter a{color: #FFF; text-decoration: none;}
#indexFooter a:hover {color: red}
#indexFooter p {text-align: center; margin: 0px; padding-top: 10px;}

.desc {font-size: 11px;}
.price {color: red; font-weight: bold}


#shopping_cart_container {background-color:#FFF; position:absolute; left:300px; width:200px; display:none;}
.cartNav:hover #shopping_cart_container {display:block;}
#shopping_cart {border:1px solid #000;}

.ajax-loading {background: url(../images/loadingAnimation.gif) no-repeat top;height:13px; width:208px;}

#topNav ul, #topNav li {display:inline;}
a {color:blue;}


.cart {margin-bottom:15px;}
.cart th {border-bottom:1px dotted #666;}
.cart td {border-bottom:1px dotted #666; vertical-align:top; padding:10px 0;}
.cart td td {border:none; padding:0 0;}
.cart pre {font-family:Arial, Verdana, sans-serif;}

.btn a {}
.btn a:hover {}

.vcard {}
.org {}
.country-name {}
.adr, .street-address, .locality, .region, .tel, .email {}

form {margin:0; padding:0;}
fieldset {border:0; padding:0; margin:15px 0;}
label {display:block; margin:0 0 2px 0;}
.required {color:#CC0000;}
input {font-size: 12px; font-family: arial}
input.inputTextNano {margin-bottom:15px;}
input.inputTextSmall {margin-bottom:15px;}
input.inputTextMedium {margin-bottom:15px;}
input.inputTextLarge {margin-bottom:15px;}
textarea.textAreaSmall {width:200px; height:100px; font-family:Arial, Verdana, sans-serif;margin-bottom:15px;}
textarea.textAreaMedium {width:350px; height:150px; font-family:Arial, Verdana, sans-serif; margin-bottom:15px;}
textarea.textAreaLarge {width:500px; height:200px; font-family:Arial, Verdana, sans-serif; margin-bottom:15px;}
input.inputImage {}
select.selectDropDown {margin-bottom:15px; font-family:Arial, Verdana, sans-serif;}
.formNote {color:#666;}
.creditCards {}

.imageSwap {position:relative; right:3000em;}
.brclear {clear:both; line-height:1px; height:1px;}
.hrline {height:1px; border-bottom:1px solid #666; width:100%; margin:20px 0;}
.error {background-color:#CC0000; padding:3px; border:1px dotted #000; color:#FFF;}
.success {color:#5a9b3f;}

/* Bubble Tooltips */
.tooltip{ width: 200px; color:#333; font-weight:bold;
    font-size:12px;
    text-decoration:none;text-align:center; position:relative; z-index:5;}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../images/bt.gif) no-repeat top; position:relative; z-index:7;}

.tooltip b.bottom{padding:3px 8px 15px;color: #d8e0f0; margin-top:-20px; position:relative; z-index:6;
    background: url(../images/bt.gif) no-repeat bottom}
		
	.note {color:#666; font-size:0.87em; line-height:14px;}
	.hrline {height:1px; border-bottom:1px solid #666; width:100%; margin:20px 0;}
		
#cartNav, .ajax_container {border:1px solid #000;}
#ajax_feedback {background-color:#FFF; z-index:1;width:200px;margin:auto;position:relative; display:block;}
#cart_prod_image {width:75px; height:75px; clear:both;}

div#map {float:left;}
div#message {float:right; width:245px; padding-left:5px;}
div#locator_form form {text-align:left;margin-left:100px; padding-left:5px;}

ul.topCategories, ul.topCategories li {display:inline;}
ul.topCategories li {margin-right:10px;}
ul.topCategories li a.active {display:inline;}


/*news*/
#newsHead {width:790px; height:33px; margin-top:50px;}
#newsMain {color:#999999;font-size:12px;line-height:18px;width:auto;height:auto;padding:15px;}
.story {clear:both; padding:0px;}
.page {color:#999999;font-size:11px;line-height:16px; float:right; clear:both; margin-right:15px;}
.month {font-size:14px;line-height:18px;}
.newsmonth {color:#4171B2; text-transform:uppercase; font-size:14px; font-weight:bold; border-top-width:1px; border-top-style:solid; border-top-color:#ccc; padding-top:15px; padding-left:15px; padding-bottom:15px;}
.toggleTitle {display:block; float:left; font-size:14px; color:#666; font-weight:bold; margin-left:15px; width:600px; line-height:18px;}
.toggleTitle a {color: #000}
.noToggle {margin-left:0px;}
.month .noToggle span.date {margin-left:0px;}
.month span.date {margin-right:10px; margin-left:10px; color: #000}
.visitLink a {width:72px; height:12px; float:right; background:url(../../images/visit_link.gif) no-repeat left; margin-right:15px; font-size:10px; color:#4171b2; text-align:right; vertical-align:middle; line-height:12px;}
.more {color:#999999;font-size:12px; float:right; padding:0;}
.newsImage {float:left; width:65px; height:65px; margin-top:4px; margin-left:15px;}
.newsImage a img {width:65px; height:65px;}
.newsCopy {clear:both; font-size:12px; color: #000 line-height:18px; padding: 5px 15px 0px 15px;}
.download a {width:100px; height:12px; float:right; background:url(../../images/download_file.gif) no-repeat left; margin-right:15px; font-size:10px; color:#4171b2; text-align:right; vertical-align:middle; line-height:12px;}

/* resources */
.resourceLibrary {margin-top:-30px;}
.resourceItem {}
.resourceItem div.toggleTitle {width:385px; margin-left:0; margin-bottom:5px;}
.resourceVisitLink a {width:72px; height:12px; float:right; background:url(../../images/resource_visit.gif) no-repeat left; margin-right:15px; font-size:10px; color:#1c9143; text-align:right; vertical-align:middle; line-height:12px;}

.resourceImage {float:left; width:65px; height:65px; margin-right:10px; margin-top:4px;}
.resourceImage a img {width:65px; height:65px;}
.resourceCopy {clear:both; font-size:12px; color: #000 line-height:18px;}
.resourceFileLink a {width:90px; height:12px; float:right; background:url(../../images/resource_download.gif) no-repeat left; margin-right:15px; font-size:10px; color:#1c9143; text-align:right; vertical-align:middle; line-height:12px; margin-top:-20px;}

#categories {}
.categoryListParent {margin-left:15px; margin-bottom:25px;}
.categoryListParent li {padding-bottom:15px;}
.categoryListParent li a {display:block; width:190px; background:url(../images/category_arrow_side.gif) no-repeat top left; color: #000 font-size:12px;line-height:30px; font-weight:normal; padding:0 0 0 15px; line-height:17px; text-transform:uppercase;}
.categoryListParent li a:hover {color:#333;}
.categoryListParentActive a {display:block; width:200px; background:url(../images/category_arrow_open.png) no-repeat left;color:#999999;font-size:12px;line-height:30px; font-weight:normal; padding:0 0 0 10px;}

.subcategory {margin-top:15px; width:190px;}
.subcategory li a {color: #000font-size:10px; line-height:16px; background-image:none; line-height:5px;}
.subcategory li a:hover {color:#333;}

.resourcesRightCol {margin-top:25px;}
.resourcesRightCol .empty {border:0; background-color:#FFF; padding:0; color: #000 margin-top:45px;}
.resourceLandingHeaderImg img {width:535px;}
.resourceLandingCopy {font-size:12px; color: #000}

.resourcePageControl {text-align:right; font-size:11px; color:#999; margin-bottom:15px; margin-top:20px;}
.resourcePageControlTop {text-align:right; font-size:11px; color:#999; padding-bottom:10px; margin-top:20px;}
.resourcePageControlBottom {text-align:right; font-size:11px; color:#999; padding-top:10px; margin:0;}

.resourcesBody {border-top:1px solid #ccc;}
.resourcelistingbox {padding-top:15px;}
.resourcelistingbox table {border-bottom:1px solid #ccc; padding-bottom:15px; padding-top:15px; padding-left:15px; padding-right:15px;}
.newslistingbox table {padding-bottom:15px; padding-top:15px;}

.moreLink, .collapseLink {padding-left:10px;}