/* HotTrendyPetshop.com (c) 2008 */
body	{background-color: #FFF; color: #222; font-family: verdana, arial; font-size: 0.8em; line-height: 1.4em;}
#wrapper {text-align: left; width: 930px; background-color: #FFF; margin: 0 auto;} /*  border-left: 1px solid #333; border-right: 1px solid #333; */

#content th, #content td {padding: 3px;}
#mainarea a {color: #222; border-bottom: 1px solid #333; text-decoration: none;}
#mainarea a:hover {color: #333;  border-bottom: 1px solid #fb0066;}

#bodycode ol, #bodycode ul  {margin-left: 1.4em;}
p	{margin: 0.8em 0;}

#header	{background: #e3e3ef url(../img/header_bg.jpg) no-repeat 0 0; height: 209px;}
#logo	{background: transparent url(../img/logo.png) no-repeat 10px 10px;  width: 258px; height: 191px; text-indent: -2000px; overflow: hidden; display: block;}

a.subtile  {color: #fb0066; text-decoration: none; font-size: 80%;}

#topbar {height: 24px; background: #f3a3ba; text-align: right; padding: 0 2em; line-height: 22px; color: #FFF; font-size: 90%; list-style: none;}
#topbar a {color: #FFF; text-decoration: none; border: 0px; font-weight: bold; font-size: 90%;}
#topbar a:hover {color: #000; }
#topbar strong {float: left; }


#main {margin: 1em 8px; float: left;  width: 582px;}
#content	{background: #FFF url(../img/content_bg.gif) repeat-y 0 0; margin: 1em 0;}
#mainarea {padding: 1em 2.5em; min-height: 600px;}
#mainarea .mainContainer {padding: 0;}
#shopcontent	{background: #FFF url(../img/shop_bg.gif) no-repeat 0 0; margin: 1em 0; min-height: 437px;}
#shopdetailcontent	{background: #FFF url(../img/shopdetail_bg.gif) repeat-y 0 0; margin: 1em 0; height: 437px;}
#shopcartcontent	{background: #FFF url(../img/shoppingcart_bg.gif) repeat-y 0 0; margin: 1em 0; height: 437px;}
#tellafiendpreview	{background: #FFF url(../img/mailbgpreview.jpg) no-repeat 0 0; padding: 1em 0; height: 360px; width: 530px;}

#alertbox	{background: #FFF url(../img/alertbox.gif) no-repeat 0 0; width: 581px; height: 144px; margin-top: 10px;}
#alertbox div {padding: 2em; color: #fb0066}
#alertbox div a {color: #000; text-decoration: none;}


#shopcontent .mainContainer, #shopdetailcontent .mainContainer, #shopcartcontent .mainContainer {padding: 1em;}


#topmenu {background: #fb0066; height: 20px; margin: 0; padding: 0.2em 0 0 0; list-style: none; overflow: hidden;}
#topmenu li {float: left;}
#topmenu a {color: #FFF; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 80%; margin: 0; padding: 0 2.2em;  letter-spacing: 1px; border-right: 2px solid #FFF; }
#topmenu a.end {border: 0px; border-color: transparent;}
#topmenu a:hover {color: #bdbadc; }

h1, h2, h3, h4, h5	{letter-spacing: 1px; text-transform: uppercase;}
h1	{font-size: 16px; padding: 1em 0;}
h2	{font-size: 14px; padding: 0.8em 0;}
h3	{font-size: 12px; padding: 0.6em 0;}
h4	{font-size: 11px; padding: 0.2em 0;}

#maintitle, #bottomtitle  {height: 24px; background: #eda2ba; border: 1px solid #DDD; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; font-size: 18px; padding: 0.1em 1.1em; line-height: 21px; letter-spacing: 1px; text-transform: uppercase;}
#maintitle .main {float: left; font-weight: bold;}
#maintitle .sub {float: right; font-weight: normal;}
#bottomtitle  {text-align: center; clear: both; margin-top: 2em;}

#menu {float: left; width: 171px; background: transparent url(../img/menucolumn_bg.gif) repeat-y 0px 0px;  font-size: 85%; margin: 1em 0; }
#menutop {padding: 1em 14px; background: transparent url(../img/menucolumn_top.gif) no-repeat 0px 0px; }

#brandselect {padding: 1em;}
#brandlist {padding: 1em 0 1em 0; margin: 0; list-style: none; }
#brandbox {text-align: center; padding: 10px 0;}
#brandbox img {margin: 20px;  height: 40px; border: 0;}

#shopcatlist {padding: 0; margin: 1em 0; list-style: none; border-bottom: 1px solid #C10076;}
#shopcatlist li {border-top: 1px solid #C10076; font-weight: bold; padding: 0.5em 0;}

#shopcatlist li.sub {background: transparent url(../img/doubledots.gif) no-repeat 0px 3px; padding-left: 15px; border-top: 0; font-weight: normal; padding: 0 0 5px 15px;}

#brandlist li {background: transparent url(../img/doubledots.gif) no-repeat 0px 3px; padding-left: 15px;}
#shopcatlist li a, #brandlist li a {text-decoration: none; color: #333;}
#shopcatlist li a:hover, #brandlist li a:hover, #shopcatlist li a.active, #brandlist li a.active {color: #C10076;}

#sidebar {float: right; width: 160px; margin-top: 1em; }

#pinkbox {background: #de849e url(../img/pinkbox_top.gif) no-repeat 0 0; }
#pinkboxbottom {background: transparent url(../img/pinkbox_bottom.gif) no-repeat 0 100%; }
#pinkbox * {text-align: center; color: #FFF; }

#bluebar {background: #9996bf url(../img/bluebar_top.gif) no-repeat 0 0; padding: 0; margin: 0;}
#bluebarbottom {background: transparent url(../img/bluebar_bottom.gif) no-repeat 0 100%; padding: 1em 0; margin: 0;}


#searchbox {background: transparent url(../img/searchbox.gif) no-repeat 0 0; text-align: center; min-height: 60px; font-size: 90%; }
#searchbox form {padding-top: 1em;}
#searchstring {width: 128px; margin: 1em;}

#newsletterbox {background: transparent url(../img/newsletterbox.gif) no-repeat 0 -10px; text-align: center; min-height: 80px; font-size: 90%; }
#newsletterbox form {padding-top: 1em;}
#email {width: 103px; margin: 0.4em 0;}
#emailsubmit {width: 25px; margin: 0;  font-size: 90%; line-height: 16px; height: 20px; background: #fb0066; color: #FFF; cursor: pointer;}
#pinkbox p, #bluebar p {padding: 1em; color: #FFF; text-align: center;  font-size: 90%; line-height: 160%;  text-transform: uppercase; }

#contentheader {text-align: center; color: #333; text-transform: uppercase; line-height: 20px; height: 24px; font-size: 80%;}
#contentheader a {color: #333; text-decoration: none; }

.end {border: 0px; border-color: transparent;}

#batch_guaranteed {margin: 40px 0 40px 20px;}

#messagepreview {margin-top: 2em;}

#shopdisplay {text-align: center; font-size: 95%; min-height: 437px;}
#shopdisplay a {text-decoration: none; color: #fb0066;}

#shopdisplay h3 {color: #fb0066;}
#shopdisplay .sidebox h3 {font-size: 0.7em;}
#shopdisplay .centerbox h3 {font-size: 140%; margin: 0;}

#shopdisplay .sidebox {float: left; width: 140px;}
#shopdisplay .centerbox {float: left; width: 280px; margin: 0 10px; font-size: 110%;}
.centerpiece {width: 240px; text-align: center; margin: 10px auto; padding: 20px; }

#productImageContainer {float: left; width: 270px; height:  270px; padding: 10px; text-align: center;}
#productImageContainer h2 {color: #fb0066;}
#productInfoContainer {float: right; width: 270px; height: 270px; padding: 10px;  line-height: 1.2em;}
#productInfoTop {height: 130px; margin-bottom: 50px; text-align: center;}
#productInfoBottom {height: 95px; font-size: 90%; margin: 0 1em;}

#productImageBigView {display: block; text-align: center;}
#productImageBigView img {width: 540px;}

#productInfoContainer .description { font-size: 80%; margin: 1em; color: #000; text-align: left; height: 80px; overflow: hidden;}
#productInfoContainer .description a { text-decoration: none; color: #fb0066;}
#productInfoContainer .priceTag {margin-top: 0.3em; font-weight: bold; float: left; margin-left: 1em; color: #fb0066;}

#productInfoContainer .label, #productInfoContainer .value, #productInfoContainer .formlabel, #productInfoContainer .formvalue {float: left; width: 150px;}
#productInfoContainer .formlabel, #productInfoContainer .formvalue select {margin-top: 5px;}
.shopbutton, .shopFormQty {margin-top: 10px;}
#productInfoContainer .formlabel  {font-size: 80%; width: 90px; line-height: 15px;}
#productInfoContainer .formvalue select {width: 150px;}
#productInfoContainer .wide {width: 155px;}
#productInfoContainer .label, #productInfoContainer .formlabel {clear: both;}

#productInfoContainer .shopFormQty	{width: 32px; text-align: center; float: left;}
.shopbutton	{ font-size: 90%; width: 110px; line-height: 16px; height: 20px; float: right; background: #fb0066; color: #FFF; cursor: pointer;}
.disabled {filter: alpha(opacity=50); -moz-opacity: .50;}


input.shopListQty	{width: 32px;  height: 12px; text-align: center; padding: 0px; font-size: 80%;}
.returnbutton	{ font-size: 10px; width: 113px; heigth: 27px; margin-top: 20px; border: 0; background: url(../img/nav/returntosite.png) no-repeat; width:113px; height: 27px;}

a.shopcontinuelink	{float: left; width: 110px;}

.productVisualBox {height: 295px;}
.productDescriptionBox {padding: 0 1em; font-size: 80%; text-align: left; color: #C10076;}
.productListImageContainer {width: 140px; height: 140px; margin-bottom: 6px; line-height: 1.2em;}
.productImage {width: 260px; height: 195px; border: 0; margin: 10px 0;}
.productThumb {width: 120px; height: 90px; border: 0; margin: 0;}
.productColour {width: 12px; height: 12px; border: 0; margin: 0;}

.productListImageContainer h3 {margin: 2px; height: 0.9em; overflow: hidden;}
.productVisualBox h3 {margin: 0px; font-size: 1.1em; height: 1.2em; overflow: hidden;}

.formbutton, input.formbutton {font-size: 90%; line-height: 18px;  background: #fb0066; color: #FFF; cursor: pointer; padding: 0 1em;}


a.nice {text-decoration: none; color: #fb0066;}
.colored {color: #fb0066;}