body { font-family: 'Droid Sans', arial, serif; background: transparent url(images/main_bg.png) fixed; }
form { margin: 0; padding: 0; display: inline; }
a { text-decoration: none; color: #686868; }
img { border: none; }
h1,h2 { color: #333333; margin: 4px 0; font-size: 1.7em; }
h2 { font-size: 1.0em; }
p { color: #686868; font-size: 0.9em; }
label { font-weight: bold; font-size: 0.9em; color: #686868; }

.infoStyle { font-size: 0.8em; color: #686868; }
.btnAlign { padding-top: 3px; margin-bottom: -4px; }
.clear { clear: both; }
.boxHeader { background: transparent url(images/box_header.png) no-repeat; height: 23px; color: #759ebc; font-size: 0.9em; font-weight: bold; text-align: center; padding-top: 6px; margin: 0; }

.VertMenuBoxCat, .VertMenuBox { border-left: 1px solid #c6dae5; border-right: 1px solid #c6dae5; width: 152px; margin: 0; }
.yuimenuitem a,.listitem a { display: block; padding: 2px 6px; border-bottom: 1px solid #c6dae5; }
.categories a { color: #686868; font-size: 0.8em; }
.categories ul { margin: 0; padding: 0; list-style: none; }

.breadcrumb { color: #343434; font-size: 0.9em; }

.boxTop,.boxBottom { margin: 0 auto; font-size: 0.1em; height: 7px; width: 716px; background: transparent url(images/box_top_bottom.png) top left no-repeat; }
.box { margin: 0 auto; width: 714px; border-left: 1px solid #d5dfe9; border-right: 1px solid #d5dfe9; background: transparent url(images/box_bg.png) bottom repeat-x; }
.boxBottom { height: 6px; background: transparent url(images/box_top_bottom.png) bottom left no-repeat; }

.SubcatTitle { text-align: center; float: left; width: 30%; padding: 8px; font-size: 0.9em; }

.paginated { padding: 4px; height: 33px; }
.paginated span { float: left; line-height: 2.4; }
.paginated ul { list-style: none; padding: 0; margin: 0; float: left; }
.paginated li { margin: 0 1px; font-size: 0.9em; float: left; display: block; width: 33px; height: 33px; text-align: center; border: 1px solid #cedce7; line-height: 2.2; font-weight: bold; }
.paginated li.current { color: #fff; background-color: #c69bb9; }
.paginated li.first { color: #fff; width: 48px; }
.paginated li.last { color: #fff; width: 48px; }
.paginated li a { display: block; }

.sortBy { float: right; line-height: 2.4; padding: 4px; }

.productIcons { position: absolute; vertical-align: bottom; margin: 2px 0 0 4px; }

.productCol { margin: 6px 4px; position: relative; width: 336px; height: 250px; border: 1px solid #d4e1ea; background: transparent url(images/productcol_bottom.png) bottom repeat-x; }
.productColHeading { background: transparent url(images/productcol_header.png) top repeat-x; height: 29px; font-size: 0.9em; color: #686868; text-indent: 6px; padding-top: 6px; }
.productColImage { text-align: center; }
.productColDescription { font-size: 0.8em; text-align: center; color: #686868; }
.ProductPrice {  color: #739ebe; font-weight: bold; font-size: 0.8em; text-align: center; }
.productColBottom { font-size: 0.9em; color: #686868; position: absolute; bottom: 2px; right: 2px; }

.prodCont { border-bottom: 1px solid #dec6d3; border-top: 1px solid #dec6d3; margin: 4px 0 18px 0; }

.productDetail { border: 1px solid #d4e1ea; margin: 4px 0; }
.productDetail ul { list-style: none; margin: 0 0 0 6px; padding: 0; }
.productDetail ul li { clear: both; }

.productImage { float: left; }
.productInfo { float: right; width: 400px; vertical-align: top; }

.productDetailHeader { text-indent: 10px; padding-top: 6px; font-size: 0.9em; color: #686868; background: transparent url(images/productcol_bottom.png) bottom repeat-x; height: 24px;  }

.labelCol { vertical-align: top; padding: 2px; text-align: right; display: inline-block; *display: inline; width: 100px; font-weight: bold; color: #686868; font-size: 0.8em; }
.infoCol { vertical-align: top; padding: 2px; display: inline-block; *display: inline; color: #686868; font-size: 0.8em; width: 260px; }
.error { color: #940000; padding: 6px; font-weight: bold; }

.prodTab,.prodTabP { font-size: 0.9em; color: #686868; text-indent: 10px; height: 25px; padding: 6px 10px 0 0; border: 1px solid #d6e0e9; border-bottom: none; background: transparent url(images/productcol_bottom.png) bottom repeat-x; display: inline-block; margin-right: 1px; cursor: pointer; }
.activeTab { background: transparent url(images/productcol_header.png) bottom repeat-x;  }
.prodTab:hover { background: transparent url(images/productcol_header.png) bottom repeat-x; }

.prodTabP { background: transparent url(images/productcol_header.png) bottom repeat-x;  }

.otherProducts { border: 1px solid #d6e0e9; padding: 2px; background: transparent url(images/productcol_bottom.png) bottom repeat-x; }
.otherProducts ul { list-style: none; margin: 0; padding: 0; width: 664px; margin: 0 auto; }
.otherProducts li { float: left; }
.otherProductsImage { text-align: center; width: 148px; border: 1px solid #d6e0e9; margin: 8px;  }
.otherProductsName { text-align: center; width: 148px; margin: 8px; font-size: 0.8em; }

.prodtabbedCont { margin: 10px auto; width: 720px; }
.productInfoBox { border: 1px solid #dec6d3; font-size: 0.8em; padding: 16px 8px; color: #686868; background: transparent url(images/productcol_bottom.png) bottom repeat-x; }

#headerBar { background: transparent url(images/headerbar_bg.png) repeat-x; height: 31px; }

#header { height: 234px; position: relative; background: transparent url(images/header_bg.png) bottom no-repeat; }
#header #askAQuestion { position: absolute; top: 0; left: 24px; }
#header #callUs { position: absolute; top: 0; right: 24px; }
#header #logo { position: absolute; top: 50px; left: 291px; }
#header #searchBar { padding: 2px 16px; color: #fff; font-size: 0.8em; font-weight: bold; position: absolute; top: 155px; left: 22px; background: transparent url(images/search_bg.png) no-repeat; width: 880px; height: 30px; }
#head_search { width: 110px; font-weight: normal; border:none; color: #B5B5B5; }
#header #searchBar .head_search_ft { width: 55px; border: none; }
#header #searchBar a { color: #fff; }

#header #catTabBar { background: transparent url(images/tabbar_bg.png) no-repeat; position: absolute; left: 22px; top: 191px; width: 884px; height:25px; }
#header #catTabs {  }
#header #catTabs ul { text-align: center; list-style: none; padding: 0; margin: 0; text-align: center;  }
#header #catTabs li { display: inline; text-align: center; }
#header #catTabs a { background: transparent url(images/tab.png) no-repeat; display: block; padding: 3px 13px 0 29px;  float: left; color: #fff; font-weight: bold; font-size: 0.9em; height:25px; }
#header #catTabs a:hover { text-shadow: 0 0 8px #ba6791; }
#header #catTabs li:first-child a { background: transparent url(images/tab_start.png) no-repeat; }

#headerNav { height: 37px; background: transparent url(images/top_nav_bg.png) repeat-x; font-size: 0.9em; }
#headerNav ul { width: 368px; margin: 0 auto; padding: 0; list-style: none; }
#headerNav li { display: inline; padding: 0 10px; text-align: center; font-weight: bold; }
#headerNav a { color: #739ec0; line-height: 2.5; }

#pageDiv { position: relative; width: 927px; margin: 0 auto; border-left: 5px solid #c7d9e5; border-right: 5px solid #c7d9e5; background: #fff; }
#shadow { width: 979px; background: transparent url(images/shadow.png) repeat-y; margin: 0 auto; }

#leftCol { width: 158px; float: left; margin: 30px 15px 0 15px; }
#main { width: 720px; float: left; margin: 30px 5px 0 5px; }

#welcome {  background: transparent url(images/cup.png) bottom right no-repeat; height: 260px;  }
#welcome p { font-size: 0.9em; color: #686868; width: 500px;  }

#pageBottom { width: 891px; border-top: 1px solid #c7d9e5; margin: 22px auto 0 auto; padding-bottom: 10px; }
#pageBottom p { color: #686868; text-align: center; width: 800px; font-size: 0.8em; margin: 12px auto; font-weight: bold; }

#footer { position: relative; }
#footerBar { background: transparent url(images/footer_topbar.png) top repeat-x; height: 35px; margin-top: -2px; }
#footerCats { background: #9E9D9B url(images/footer_bg.png) repeat-x; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#footer #bottom { height: 28px; background-color: #749fc1; padding: 4px 0; }
#bottom #copyrightCont { font-size: 0.8em; color: #fff; width: 927px; margin: 0 auto; }
#copyrightCont #copyright { padding-top: 6px; }
#copyrightCont #hogtronix { float: right; }

#footerCatsContent table { margin: 10px auto; }
#footerCatsContent {  width: 927px; margin: 0 auto; background: transparent url(images/footer_cats_centre.png) right top no-repeat; }
#footerCatsContent table td { vertical-align: top; width: 20%; }

#footerCatsContent ul { list-style: none; margin: 0; padding: 0; }
#footerCatsContent ul li { margin: 4px 12px; font-size: 0.9em; }
#footerCatsContent ul li ul li { border: none; margin: 0; font-size: 0.8em; min-height: 0; }
#footerCatsContent li a { text-indent: 14px; background: transparent url(images/white_bullet.png) 0 10px no-repeat; color: #fff; font-weight: bold; display: block; padding: 4px 0; }
#footerCatsContent ul ul {  display: inline; border: none;  }
#footerCatsContent li li a { background: none; color: #fff; font-weight: normal; padding: 0; text-indent: 0; }

#feedContainer .feed { color: #686868; margin-bottom: 16px; font-size: 0.9em; }
#feedContainer .feed a { color: #749fc2; font-weight: bold; }

#productOptions { font-size: 0.8em; width: 370px; margin: 0 auto;  padding: 6px 4px; }
#productOptions select { font-size: 0.9em; }
#productOptions th { border-bottom: 1px solid #dec6d3; }
#productOptions table { margin: 4px 0; width: 100%;  color: #686868; }

#extraImages ul { list-style: none; margin: 0; padding: 0; }
#extraImages li { float: left; }

/* Based on original X-Cart class names */
.Button { background: transparent url(images/button.png) no-repeat; height: 20px; padding: 2px 4px 0 12px; text-align: left; color: #fff; font-weight: bold; cursor: pointer; width: 150px; }
.Button a { color: #fff; display: block; }
.Star { color: #940000; font-size: 0.9em; }

#vp { padding: 0; float: left; height: 255px; margin: 0; width: 541px; overflow: hidden; position: relative; }
#vp ul { position: relative; padding: 0; margin: 0; }
#vp li { width: 541px; height: 255px; float: left; list-style: none;  margin: 0; padding: 0; position: relative; }

#previous, #next{ cursor: pointer; text-align: center; display: none; }

#dialog_message { background: #759DC0;  -moz-border-radius: 10px; border-radius: 10px; }
#dialog_message .DialogInfo { width: 99%; }
#dialog_message .DialogBox,#dialog_message .DialogInfoTitle { color: #fff; font-weight: bold; font-size: 0.9em; }
#dialog_message .DialogInfoTitle { text-shadow: 1px 1px 0 #000000; }

#sharebtns { padding: 6px 0; width: 310px; margin: 0 auto; }