@charset "utf-8";
/* CSS Document */

body{color:#6b7b5f; background:url(/UI/Skins/default/Images/bg_gradient1.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:small; padding:0; margin:0; padding-top: 20px;}
div{padding:0; margin:0;}
form{padding: 0; margin:0;}

h2.gmapTitle{padding: 0; margin: 0; }
a.dirLink{color:#6b7b5f; text-align: left; display: block; }

a:link {
	text-decoration: underline;
	color: #6b7b5f;
}
a:visited {
	text-decoration: underline;
	color: #6b7b5f;
}
a:hover {
	text-decoration: none;
	color: #83A0AF;
}
a:active {
	text-decoration: underline;
	color: #6b7b5f;
}

.clear{clear: both; height:0; padding:0; margin:0;}

.header{margin:0 auto; background: url(/UI/Skins/default/Images/shade_bg.png) no-repeat top right; width: 995px; padding-top: 30px;}

.topNav{width: 65%; float: right;}
.topNav ul{float:right; margin:0; padding: 0px 0 0 0px; list-style: none;}
.topNav ul li{font-size: 11px; float:left; margin:0 10px 0 0px; padding:8px 10px 8px 0px; font-weight: normal; letter-spacing: 1px; }
.topNav ul li span{ background: url(/UI/Skins/default/Images/carrot_bullet.gif) no-repeat center left; padding: 0 5px 0 25px;}
.topNav ul li span a{text-decoration: none; color:#6b7b5f; }
.topNav ul li span a:hover{}
.topNav ul li span a:visited{}

.search{ margin-top: 4px; width: 30%; float: right; padding: 0px 5px 0px 5px ; font-weight: bold; font-size: 11px; letter-spacing: 1px;}
.search form{}
.search span.space{padding: 0 0 0px 0; margin: 0px 0 0 0;}
.search span.shadow{padding: 10px 8px 10px 0;  margin: 0px 0 10px 0; background:url(/UI/Skins/default/Images/text_box.png) no-repeat right bottom;}
.search input{border: 2px solid #d2e7d8; padding: 0px 0px 0px 3px; margin:0 0 0px 0; width: 150px; color:#666666;}
.search input.go{ border: none; background-color: #FFFFFF; width: 35px; padding:0; margin:0; font-weight: bold; font-size: 11px;}

.mainNav{width: 100%; height:65px; padding: 0 0 0 0px; z-index: 100; position: relative;  }
.mainNav ul{margin:0; list-style:none; width:100%; height:21px; margin:22px 0 30px 14px; z-index: 0; }
.mainNav ul li span a img{z-index: 0;}
.mainNav ul li{margin:0; padding:5px 0 5px 0; display:block; float:left; position:relative; padding: 0px; margin: 0 0 0 15px; font-size:13px; font-weight:normal; letter-spacing: 1px}
.mainNav ul li.last{border: none;}
.mainNav ul li.first{margin: 0;}
.mainNav ul li span{}
.mainNav ul li span a{ padding: 5px 0 0px 0; text-decoration: none; color:#6b7b5f;}
.mainNav ul li span a:visited{text-decoration: none;}
.mainNav li ul { z-index: 1000; height: auto; padding: 10px; margin: 15px 0 0 0; list-style:none; display:none; background-color:#83A0AF; width:130px; position:absolute; top:0px; left:-1px; }
.mainNav li ul li {width: 100%; padding: 0; margin: 0; z-index: 1000; }
.mainNav li li span a { padding:0px; margin: 0; color: #FFFFFF; font-weight:100; z-index: 1000;}
.mainNav li li span a:hover { color: #FFFFFF; font-weight:bold;}
.mainNav li:hover ul {display: block; z-index: 10000 !important; direction: ltr; }

.logo{padding: 15px 0 0 53px; margin: 0;}

/* Home page*/ 
.body{margin:0 auto; background-color: #FFFFFF; width:1020px;  border: 3px solid white;background:url(/UI/Skins/default/Images/body_strech_bg.gif) repeat-y top left #d8e3e9; }
.body .content{height: 420px; }

.body .homerow h1, .body .homerow h2{color: #FFFFFF; padding:0; margin:0; font-weight: normal; letter-spacing: 1px;}
.body .homerow{background-color: #83A0AF; height:420px; padding:0; margin:0;}
.body .homerow div{width: 255px; height: 210px; float: left; padding:0; margin:0; color: #FFFFFF; }
.body .homerow div h1{margin-top: 100px; font-size:large; width: 175px; margin: 100px auto 0 auto; text-align: center;}
.body .homerow div.enttips{}
.body .homerow div.mytable{background: url(/Data/UserFiles/HomeImages/table_gallery.jpg) no-repeat top left;}
.body .homerow div.goshop{}
.body .homerow div.new{background: url(/Data/UserFiles/HomeImages/home_photo.jpg) no-repeat top left;}
.body .homerow div.virtual{background: url(/Data/UserFiles/HomeImages/virtual_tour.jpg) no-repeat top left;}
.body .homerow div.ideas{}
.body .homerow div.registry{background: url(/Data/UserFiles/HomeImages/registry.jpg) no-repeat top left;}
.body .homerow div.stores{}


/* Slide show */
.body .slidegutter{ width: 270px; height:420px; background-color: #FFFFFF; float: left;}
.body .slideshow{ height:420px; float: right; width: 750px; background-color: #d8e3e9; }
.body .slideshow .textcontent{margin-top: 15px; margin-left: 0px; float: left; width: 275px; height: 410px; font-size: 120%; text-align: center; position: relative;}
.body .slideshow .textcontent p{ padding:10px 0px 0 0px; }
.body .slideshow .textcontent #description{ text-align: left;}
#tourtitle{display: block;  font-size:21px; margin: 135px 0 0 0;}
#vertmiddle{ position:relative;  height:10em; padding: 0 0 0 35px;  }
.body .slideshow .display{float: right; width: 460px; height: 420px;}
.body .slideshow .display .screen{ height: 360px; background-color: #859DA8; margin: 20px; border: 1px solid #859DA8; z-index: 0; }
.body .slideshow .display .screen .image{ height: 280px; padding: 10px;  margin: 0 auto; margin-top: 20px; z-index:0 !important;}
.body .slideshow .display .screen .image img{ }


/*Styles Display*/
.body .style{background-color: #FFFFFF;  height:420px; overflow: hidden; }
.body .style .innerScroll{ float: left;}
.body .style a {padding: 0; margin:0;}
.category {margin: 0 auto; padding: 15px 0 0 0; background: url(/UI/Skins/default/Images/shade_bg.png) no-repeat center right; width: 995px;}
.category .container{margin: 0px 31px 0 25px; border-bottom: 5px solid #6b7b5f; padding: 0px 30px 0 20px;}
.category .container h1{margin: 0px 0 -5px 0; padding: 0 0 0 0; color: #9cb6c4; font-weight:100; font-weight:lighter; float: left; letter-spacing:2px; }
#outerBox { float: left;  background: #fff; overflow: hidden;  width: 1020px; }
.txt { height: 420px; font-family: verdana; background-color: #ffffff; float:left; width: 510px; }
.imagesScroll{}

.scrollbar-hor{width: 770px;  height: 14px; margin: 0 auto;}
.handle-hor{ width: 200px; background:url(/UI/Skins/default/Images/handle_hor.gif) top left no-repeat; height: 14px;}
.scroll_bg_hor{background:url(/UI/Skins/default/Images/scroll_bar_hor.png) top left no-repeat; width: 800px; height:14px; margin: 0 auto;}

.arrows{float: right; text-transform: uppercase; font-size: smaller; color: #666666; width: 100px; margin-top: 10px; margin-right: 50px;}
.arrows span{float: left; font-weight: bold;} 
.arrows span.back{ margin: 0 0 0 0; background: url(/UI/Skins/default/Images/back_arrow.gif) no-repeat 100% 80%; padding: 0 5px 0px 0; text-align: left;}
.arrows span.next{ margin: 0 0 0 0; background: url(/UI/Skins/default/Images/next_arrow.gif) no-repeat 0% 20%;  padding: 0px 0 0px 5px; text-align: right;}
.arrows span.divider{padding: 0 2px 0 2px;}
.arrows span a{color: #666666; text-decoration: none; }

/* My Table */
.body .myTable{height:420px; background-color: #FFFFFF;}
.body .myTable .tableSmallImages{width: 270px; float: left; padding:0; margin:0;}
.body .myTable .tableLargeImage{width: 750px; float: right;padding:0; margin:0;}
.quote{padding: 5px; position:absolute; top: 0px; right: 0px; background-color:#FF6633; color: #FFFFFF; font-size: 17px; width: 200px; text-align: right;}

.body .products{width: 768px; float: left; padding:0; margin: 0;  }
.body .products .images {overflow: hidden;}
.body .products .styleTitle{ background-color: #9CB6C4;  padding: 5px 0 5px 0px; }
.body .products .styleTitle h1{background-color: #9CB6C4; color: #FFFFFF; padding: 0px 0 0px 60px; font-size:small; font-weight: bold; margin:0; width: 50%; float: left; letter-spacing: 2px;}
.body .products .styleTitle .arrows{ color: #FFFFFF; float: right; padding: 0; margin: 0;}
.body .products .styleTitle .arrows span.back{ background: url(/UI/Skins/default/Images/back_arrow_white.gif) no-repeat 100% 80%;}
.body .products .styleTitle .arrows span.back a {color: #FFFFFF; text-decoration: none;}
.body .products .styleTitle .arrows span.next{ background: url(/UI/Skins/default/Images/next_arrow_white.gif) no-repeat 0% 20%;}
.body .products .styleTitle .arrows span.next a{ color: #FFFFFF;}
.body .goeswith {float: right; padding:0; margin: 0; width: 250px; border-left: 2px solid gray;}
.body .goeswith .styleTitle{ background-color: #9CB6C4;  padding: 5px 0 5px 0px; }
.body .goeswith .image{width: 250px; overflow: hidden;}
.body #goesWith {height: 140px; width: 265px; }
.body .goeswith .styleTitle h1 { color: #FFFFFF; background-color: #9CB6C4; font-size:small; text-align: center; text-transform: uppercase; padding: 0; letter-spacing: 2px; margin: 0; }


/* Content Scroll Small Gutter */
.gutter{width: 315px; float:left; height: 420px; background: url(/UI/Skins/default/Images/body_background.gif) no-repeat top left;   }
.gutter .about{background: url(/UI/Skins/default/Images/puppies_b.gif) no-repeat bottom right; height: 420px;}
.gutter .annie{background: url(/UI/Skins/default/Images/annie_young.jpg) no-repeat bottom left; height: 420px;}
.gutter .hand{background: url(/UI/Skins/default/Images/HandMadePro.jpg) no-repeat bottom left; height: 420px;}
.gutter .corp{background: url(/UI/Skins/default/Images/CorpRespon.jpg) no-repeat bottom left; height: 420px;}
.content{width: 645px; float: right; padding: 0px 30px 0px 0; margin-bottom: 0px;  }
.content .scrollable{width: 575px; height: 300px; margin: 35px 0 0 0; float: left; padding:0; overflow: hidden;}
.content .scrollable p{margin: 0;}

/* Content Scroll with Large Gutter */
.gutterLarge{width: 480px; float:left; height: 420px; background-color: #9CB6C4; }
.gutterLarge .about{background: url(/UI/Skins/default/Images/puppies_b.gif) no-repeat bottom right; height: 420px;}
.gutterLarge .blue_plate{background: url(/UI/Skins/default/Images/Annie_Made.jpg) no-repeat bottom right; height: 420px;}
.contentLarge{width: 500px; height: 420px; float: right; padding: 0px 30px 0px 0; margin-bottom: 0px; }
.contentLarge .scrollable{width: 400px; height: 380px; margin-right: 20px; margin-top: 35px; float: right; padding:0; overflow: hidden;}
.contentLarge .scrollable p{margin: 0;}

/*Scroll bar*/
.handle-vert{height: 116px;width: 14px;background: url(/UI/Skins/default/Images/handle.gif) no-repeat; }
.scrollbar-vert{height: 296px;}
.scroll_bg{ margin-top: 35px; background: url(/UI/Skins/default/Images/scroll_bar.gif) no-repeat; height: 304px;width: 14px;float:right; padding-top:4px;}

/* Itemized display*/
.itemDisplay{background-color:#9cb6c4;}
.itemDisplay .content{ height: auto; width: 100%; padding: 10px; text-align: center; font-size: 1.5em; text-decoration: underline; }
/*.itemDisplay .content{ height: auto; width: 100%; padding: 10px;}*/
.itemDisplay .itemList{padding: 10px 10px 10px 45px; width: 80%; font-size: 1.1em;}
.digest{border: 2px solid white; width: auto; padding: 5px; background-color: #BED8E6; font-size: .9em; }
.itemRowLeft{ width: 45%; float: left;}
.itemRowRight{ width: 45%; float: right;}
.newsLinks{padding: 5px; clear: both; }

/*News Display*/

.newsView{padding: 10px;}
.newsView h1{ border-bottom: 1px solid #6b7b5f;}
.newsView p{margin-left: 20px;}

/* Login form*/
#login{ background-color: #9CB6C4; padding: 20px 200px ;}
#login .jbFormTitle{ font-size:large; }
#login .jbFormRow{ padding: 0px 0 10px 0;}
#login .jbFormRow span.jbFormItemLabel{ display: block; width: 300px; font-size:large;}
#login .jbFormRow span.jbFormItemInput{}
#login .jbFormRow span.jbFormItemInput input{height: 25px; font-size:large; color:#333333;}
#login .jbFormRowButton input{border: 1px solid; color:#6b7b5f; height: 25px; width: 150px;}

/* Ask Annie Form*/
.body .contentLarge .ask{ padding:30px 0 0 0; width: 400px; margin: 0 auto;}
.body .contentLarge .ask .editorHead{background-color: #859DA8; color: #FFFFFF; padding: 5px 0px 5px 10px; font-size:large;}
.body .contentLarge .ask .editorHead span{ font-size: medium;}
.body .contentLarge .ask .editorHead input{width: 70%;}
.body .contentLarge .ask .jbFormRowButton{text-align: center; padding: 5px 0; }
.notice{ font-size: small; color: #FF0000;}
.body .contentLarge .ask .jbFormRowButton input{  width: 150px; height: 29px; background: url(/UI/Skins/default/Images/button.png) top left no-repeat; padding: 0; border: none; font-size: 16px; color:#333300;  }

/* Corprate Form */
.body .gutterLarge .topRow{ color: #FFFFFF; height: 210px; background: url(/UI/Skins/default/Images/corp_top.jpg) top left no-repeat; background-color:#9CB6C4; padding-left: 255px;}
.body .gutterLarge .topRow p, .body .gutterLarge .bottomRow p{ padding:10px; margin:0;}
.body .gutterLarge .bottomRow{ height: 210px; background: url(/UI/Skins/default/Images/corp_bottom.jpg) top right no-repeat; background-color:#9CB6C4; padding-right: 255px; color: #FFFFFF;}
.body .gutterLarge p{padding: 0; margin:0;}
.body .contentLarge .corporateForm{ padding: 15px; text-align: right;}
.body .contentLarge .corporateForm h1{padding: 0; margin:0; font-size: medium; letter-spacing: 2px;}
.body .contentLarge .corporateForm span{ text-transform: uppercase; font-size: x-small;  } 
.body .contentLarge .corporateForm input.text{ height: 15px; font-size: small; color: #6b7b5f; text-align: right; }
.body .contentLarge .corporateForm div.comments{ float: left; width: 24%;}
.body .contentLarge .corporateForm div.text{ float: right; width: 75%;}
.body .contentLarge .corporateForm div.text textarea{ width: 98%; height: 30px; color: #6b7b5f;}
.body .contentLarge .corporateForm input.button{background-color:#6FA397; color: #FFFFFF; padding: 2px 10px 2px 10px; border:1px solid #666666; margin: 4px 0 0 5px; text-transform: uppercase;}

.body .images #content p{padding: 0; margin:0;}
.body .images #content img{}

.body .sitemap{background: #D8E3E9; padding: 25px 50px;}
.body .sitemap .left{float: left; margin-left: 150px;}
.body .sitemap .right{float: right; margin-right: 150px; }

/* Footer Styles*/
.footer{margin: 0 auto; background: url(/UI/Skins/default/Images/shade_bg.png) no-repeat bottom right; width: 995px; padding: 30px 0 50px 0}
.styles{margin: 0px 0 0 0; text-align: center; text-transform:uppercase; color: #6FA396; font-size: 11px;}
.styles span{padding: 0px 9px 0px 5px; border-right: 1px solid #9cb6c4;}
.styles span.last{border: none;}
.styles span a{color: #6FA396; text-decoration: none;}
.looksLike{margin: 20px 0 0 0; text-align: center; text-transform:uppercase; color: #666666; font-size: 11px;}
.looksLike span{padding: 0 5px 0 5px; border-right: 1px solid #818285;}
.looksLike span.last{border: none;}
.looksLike span a{ color: #666666; text-decoration: none;}
.copyright{ text-align:center; text-transform:uppercase; margin: 0 auto; width: 950px; color:#BCBEC0; font-size: 10px; }
.copyright a{color:#BCBEC0;}

/* Moodal Box Styles*/
div#mb_overlay {position: absolute;left: 0;width: 100%;background-color: #000;cursor: pointer; }
div#mb_center, div#mb_bottom {position: absolute;left: 50%;overflow: hidden;background-color: #DDD;}
div#mb_center {background-color: #FFF; z-index: 2000;}
div#mb_contents { width: 1000px;height: auto; border: 2px solid #FFF;overflow: auto;background-color: #FFF;visibility: hidden;}
.mb_loading {background: #DDD url(/UI/Skins/default/Images/loading.gif) no-repeat center center;}
#mb_error {font-size: 1.2em;color: #CD0000;font-weight: bold;text-align: center;padding: 0.5em;font-family: Verdana, Helvetica, sans-serif;}
#mb_error em {font-size: 0.8em;}
div#mb_bottom {display: none;font-family: Verdana, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #DDD;border-top-style: none;}
a#mb_close_link {display: block;float: right;width: 66px;height: 22px;background: transparent url(/UI/Skins/default/Images/closelabel.gif) no-repeat center;margin: 5px 0;}
div#mb_caption {margin-right: 71px;}

/* OS Commerce Category Listing */
#sliderNote{margin: 0 auto; width: 250px; padding: 0 0 0 150px;}
.categoryDisplay{}
.categoryDisplay .categoryHeader{background-color: #83A0AF; color: #FFFFFF; padding: 2px 5px 2px 15px;}
.categoryDisplay .categoryHeader .title{ float: left; width: 80%; font-weight: bold; letter-spacing: 1px;}
.categoryDisplay .categoryHeader a{float: right; text-transform:uppercase; font-size:smaller;}

.categoryDisplay .categoryBody{min-height: 600px;}
.categoryDisplay .categoryBody .categoryImage{ float: left; width: 50%;}
.categoryDisplay .categoryBody .categoryProducts{ float: right; width: 45%; padding: 0 10px 0 0;}
.categoryDisplay .categoryBody .categoryProducts a.button:hover{background-color: #339966;}


.categoryDisplay #waiting.waiting{clear: right; text-align:center; height: 0px; padding: 5px; color: #FF0000;}
.categoryDisplay #waiting.loading{clear: right; background:url(/UI/Images/Icons/ajax_loader.gif) no-repeat center center; height: 24px; margin-top: 5px;}
.categoryDisplay #waiting.ready{clear: right; height: 24px; margin-top: 5px;}

.shoppingCart{ margin:0 auto; background: url(/UI/Skins/default/Images/body_bg.png) top right repeat-y; width: 995px;}
.shoppingCart .grayLine{margin: 0 auto; padding: 0 31px 0 25px; height: 5px;}
.shoppingCart .grayLine div{  background-color: #BCBEC0;}
.shoppingCart .oscontent {width: 900px; margin: 0 auto;}
.categoryName{padding: 15px 0 0 53px; margin: 0; font-size: x-large; color: #9cb6c4; letter-spacing: 2px;}

.categoryFooter { background-color: #6FA397;}
.categoryFooter .top{ background-color: #83A0AF; color: #FFFFFF; padding: 2px 0 2px 15px;}
.categoryFooter .top a{color: #FFFFFF; text-transform:uppercase; font-size:smaller;}
.categoryFooter .arrows{ color: #FFFFFF;  padding-top: 3px; float: none;}
.categoryFooter span.back{ background: url(/UI/Skins/default/Images/back_arrow_white.gif) no-repeat 100% 70%; padding: 0 5px 0px 0; text-align: left; }
.categoryFooter span.next{ background: url(/UI/Skins/default/Images/next_arrow_white.gif) no-repeat 0% 30%; padding: 0px 0 0px 5px; text-align: right; }
.categoryFooter span.divider{ padding: 0 2px 0 2px;}
.categoryFooter .text { float: left; padding: 20px 0 20px 20px; width: 40%; }
.categoryFooter .links { float: right; width: 45%; padding: 20px 0 20px 20px;}
.categoryFooter .links a{ text-decoration: none; text-transform:uppercase; font-size: smaller; color: #003366; }

table.jProductListing{
	width: 100%;
	margin-top: 5px;
	font-size:14px;
	float: right;
	padding: 0 5px 0 0;
}
table.jProductListing th{ text-align: left; text-transform:uppercase; padding: 0 0 0px 0;}
table.jProductListing td{ padding: 0 0 0px 0; text-transform:none; }
table.jProductListing td input.qty{border: 1px solid #CCC; width: 20px;  padding: 4px 0 4px 0; text-align: center; font-size:smaller;  }
table.jProductListing th.subHeading{ padding: 0 0 0px 0; border-right: 1px solid #6FA396; }
table.jProductListing th.border{ text-align: center; width:25px;}
table.jProductListing td.border{border-right: 1px solid #6FA396; width:25px;}
table.jProductListing td.border .attributes{ width: 150px; float: left; }
table.jProductListing td.border .engravingBox { width: 200px; float: right; text-align: center;}
table.jProductListing tr.bottom td{border-bottom: 1px solid #6FA396; padding-top: 0; padding-bottom: 5px;}
table.jProductListing tr.bottom td textarea{width: 150px;}
table.jProductListing tr.top{ margin-top: 15px;}
table.jProductListing td a{ background-color:#6FA397; color: #FFFFFF; padding: 2px; border:1px solid #666666; margin: 4px 0 0 5px; }
table.jProductListing td select{ font-size: smaller;}
table.jProductListing td a.terms{ background: none; color:#006666; margin-top: 2px; border: none;}
table.jProductListing td p.product_description{padding: 5px 10px 0 0}
table.total{ width: 100%;}

table.jProductCart{ width: 450px; margin-top: 20px; font-size:smaller; float: right; padding: 0 5px 0 0; }
table.jProductCart th{ text-align: left; text-transform:uppercase; padding: 0 0 0px 0;}
table.jProductCart td{ padding: 0 0 0px 0; text-transform:uppercase;}
table.jProductCart td input.qty{ width: 20px; border: 1px solid #CCC; padding: 4px 0 4px 0; text-align: center; font-size:smaller;  }
table.jProductCart th.subHeading{ padding: 0 0 0px 0; border-right: 1px solid #6FA396; }
table.jProductCart th.border{ text-align: center; width:25px;}
table.jProductCart td.border{border-right: 1px solid #6FA396; text-align: left;}
table.jProductCart tr.bottom td{border-bottom: 1px solid #6FA396; padding-top: 0; padding-bottom: 5px;}
table.jProductCart tr.bottom td .attributes{width: 150px; float: left;}
table.jProductCart tr.bottom td .engravingBox{width: 200px; float: right; text-align: center;}
textarea.engravingText{margin-right: 10px;}
table.jProductCart tr.bottom td .attributes{ width: 100px;}
table.jProductCart tr.top{ margin-top: 15px;}
table.jProductCart td a{ background-color:#6FA397; color: #FFFFFF; padding: 2px; border:1px solid #666666; margin: 4px 0 0 5px; }
table.jProductCart td select{ font-size: smaller;}
table.jProductCart td a.terms{ background: none; color:#006666; margin-top: 2px; border: none;}
table.jProductCart td p.product_description{padding: 5px 10px 0 0}

.body .cartContent{ margin:0 auto; background-color: #FFFFFF;  }
.cartContent{ padding: 0 45px;}
.cartContent .shoppingCartCategory{ padding-bottom: 0px; }
.cartContent .categoryImage{ float: left; width: 50%;}
.cartContent .title{background-color: #83A0AF; color: #FFFFFF; padding: 2px 0 2px 15px; font-weight:bold;}
.cartContent .spacer{height: 20px; background-color: #6FA396; }
.cartContent .subTotal{ float: right; width: 45%; }
.cartContent .subTotal table{ width: 325px; margin-top: 20px; font-size:smaller; float: right; padding: 0 10px 0 0;}
.cartContent .subTotal table th{ text-transform:uppercase; font-weight: 500;  text-align: left;}
.cartContent .subTotal table td{ padding: 5px; }
.cartContent .subTotal table tr.total td, .shoppingCart .subTotal table tr.total th{ font-weight: bold; padding: 5px; background-color: #6FA396;  }
.cartContent .shoppingCartCategory{ margin: 0 -45px; }
.cartContent .RegistryMessage{ margin: 0 -45px;  }
.cartContent .RegistryMessage p{margin: 0; padding: 20px;}

/* Registry Search Screen */
.gutterRegistry{width: 510px; float:left; height: 420px; background-color: #FFFFFF; background: url(/UI/Skins/default/Images/WeddingShot_Registry.jpg) top left no-repeat;  }
.registry{width: 480px; height: 390px; float: right; padding: 15px; margin-bottom: 0px; background-color: #D8E3E9; }
.registry .registrySearch{ height: 105px; margin-bottom: 5px; text-align: right; font-size: smaller; padding: 10px 20px 10px 0; border: 1px solid white;}
.registry .registrySearch .regContent{ float: right;}
.regSearch{background: url(/UI/Skins/default/Images/reg_search.jpg) top left no-repeat; background-color: #9CB6C4; }
.regNew{ background: url(/UI/Skins/default/Images/reg_new.jpg) top left no-repeat; background-color: #B5CAD5;}
.regUpdate{background: url(/UI/Skins/default/Images/reg_update.jpg) top left no-repeat; background-color: #C8D8E0;}
.registry .registrySearch .regNew{}
.registry .registrySearch h1{ text-transform: uppercase; font-size: large; letter-spacing: 1px; margin: 0; padding-bottom: 2px; color:#396F84;}
.registry .registrySearch span{ text-transform:uppercase; padding: 0 2px 0 2px; color: #FFFFFF;}
.registry .registrySearch p{ padding: 5px 0 5px 0; margin:0;}
.registry.registrySearch a:hover.current{ cursor: pointer; cursor: hand;}

.registry .registrySearch input.regText{ color: #6B7A5E; text-transform: uppercase; text-align: center; width: 125px; }
.registry .registrySearch input.regButton{ cursor: pointer; cursor: hand; font-weight: 100; border: none; float: left; width: 175px; height: 34px; background: url(/UI/Skins/default/Images/reg_button.png) top left no-repeat; color: #FFFFFF; font-size: x-large; letter-spacing: 2px; margin-top: 75px;  }

.registrySplit{ padding: 0px; text-align: right; background-color: #9CB6C4;}
.registrySplit span{ text-transform: uppercase; color:#FFFFFF; padding: 0 5px 0 0;}
.registrySplit input{ width: 75px; padding: 2px; background-color:#006633; text-align:center; border: 1px solid #999999; color: #FFFFFF; text-transform: uppercase; font-weight:bold; font-size:smaller;}

.trialWrap{border: 1px solid black;}

.shoppingCart .pageHeading{ text-align: center; font-size: 150%; color: #4F8376; }
.shoppingCart .tableHeading{ border-bottom: 2px solid #6FA396; }

.shoppingCart .fieldValue{ height: 30px; }

/* Overwrite OS Commerse styles*/
table td.main a {color: #6B7B5F; text-decoration: none; }
p.message{padding: 20px 0 0 0;}

/* Table Tips */
.contentTip{ width: 500px; height: 420px; float: right; padding: 0px 30px 0px 0; margin-bottom: 0px; }
.outterWrapper{position: relative; height: 100%;}
.innerWrapper{padding: 0 0 0 20px; position: absolute; top: 35%; }
.contentTip .scrollable{ width: 350px; height: 350px; margin-right: 20px; float: right; padding:0; overflow: hidden;} /*Increasing width will cause scrollable area to overlap back-button, rendering it unusuable*/
.contentTip .scrollable p{ margin: 0; }
.contentTip .tipDisplay{ padding: 20px 0 0 0;}
.contentTip .tipDisplay .arrows{ margin: 350px 0 0 0; color: #666666; } /*margin to move below scrollable area*/
.contentTip .tipDisplay .arrows span.back a {color: #666666; text-decoration: none; cursor: pointer;}
.contentTip .tipDisplay .arrows span.next a{ color: #666666; cursor: pointer;}

/*Stores Display*/
.map{ width: 600px; height: 420px; float:left; background-color: #D8E3E9;}
.storesContent{ width: 300px; height: 420px; float: right; margin-right: 20px; text-align: right;}
.storesContent .scrollable{width: 200px; height: 300px; margin: 35px 0 0 0; float: left; padding:0; overflow: hidden;}
.storesContent .scrollable p{margin: 0;}
.storesContent .states{ margin: 10px auto 0 auto; }
.storesContent h1{ font-size: medium; padding: 0; margin: 0; text-transform: uppercase; }
.storesContent h2{ font-size: small; padding: 0; margin: 0; text-transform: uppercase;}
.storesContent h2 a{ cursor: pointer;}
.storesContent h2 a:hover{ color: #CCCCCC; }
.storesContent span{ font-size: small; padding: 0; margin: 0; text-transform: uppercase;}

/*Gift Display*/
.giftContent{ width: 550px; height: 420px; float: right; padding: 0 0px 0 0; text-align: right; background:url(/UI/Images/gifts_bg.jpg) no-repeat center right;}
.giftContent .scrollable{width: 450px; padding: 0px; text-align: left; height: 300px; overflow: hidden; margin-top: 40px;}
.giftContent .scroll_bg{ margin-right: 20px; }
.giftContent #my_content.loading{float: left; padding: 0 10px 0 0}
.giftSearch{width: 420px; height: 400px; float:left;  background-color: #D8E3E9; padding: 20px 0 0px 30px;}
.giftSearch .occasions{background:url(/UI/Images/occasions_bg.jpg) no-repeat center center; border: 2px solid white; width: 400px; height: 170px; background-color: #FFFFFF; padding: 0px; margin: 0 0 20px 0}
.giftSearch .occasions div.type ul{display:none; position:relative; border: 2px solid #cccccc; padding: 0; list-style: none; width: 180px; margin: 0px 0 0 200px;  background-color: white; z-index: 100; }
.giftSearch .occasions ul li{padding: 0; margin: 0; background-color: white; z-index: 1000}
.giftSearch .occasions ul li a:hover{ font-weight: bold;}
.giftSearch .occasions div.type:hover ul{display:block;  padding: 10px; z-index: 100000;}
a.regButton{ position: relative; font-family: 'Georgia'; cursor: pointer; cursor: hand; font-weight: 100; float: left; width: 50%; height: 34px; background: url(/UI/Skins/default/Images/reg_button.png) top left no-repeat; color: #FFFFFF; font-size: x-large; letter-spacing: 2px; margin-top: 10px;  }

.giftSearch .recipients{background:url(/UI/Images/recipients_bg.jpg) no-repeat center center;  border: 2px solid white; width: 400px; height: 170px; background-color: #FFFFFF; padding: 0px; z-index: 0;}
.giftSearch .recipients ul{display:none; position:relative; padding: 0; margin:0; list-style: none; width: 180px; margin: 0px 0 0 200px;  background-color: white; z-index: 100;}
.giftSearch .recipients ul li{padding: 0; margin: 0; background-color: white; z-index: 100;}
.giftSearch .recipients ul li a:hover{ font-weight: bold; }
.giftSearch .recipients div.type:hover ul{display:block; border: 2px solid #cccccc; padding: 10px; background-color: white; z-index: 100 !important; }

#my_content.waiting{  height: 24px; padding: 5px;  float: right; color: #FF0000;}
#my_content.loading{ width: 24px; background:url(/UI/Images/Icons/ajax_loader_trans.gif) no-repeat center center; float: right; height: 24px;}