html,body{margin:0;padding:0}
body{background:url(../img/bg.jpg) top left repeat-x; font-family:Arial, Helvetica, sans-serif; min-width:980px;}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
/**********************************************************
**
** Styles for the header list with the 'print page' on ..etc
**
**********************************************************/
ul#hd { list-style:none; color:white; font-size:10px; }
ul#hd li { display:block; float:left; width:17%; padding-left:1%; padding-right:1%; border-left:1px solid #CCCCCC; text-align:center; }
ul#hd li#h1 { width:40%; border:none; padding-left:0%; }
ul#hd a { color:white; text-decoration:none; }
ul#hd a:hover { text-decoration:underline; }
a.hd_print { background:url(../img/header/print.jpg) center left no-repeat; padding-left:25px; }
a.hd_email { background:url(../img/header/email.jpg) center left no-repeat; padding-left:25px; }
ul#hd h1 { font-size:10px; color:white; margin:0px; padding:0px; }
/**********************************************************
**
** Header logo and tabbed menu
**
**********************************************************/
a.menu_logo { float:left; padding-right:0em; }
a.menu_logo img { border:none; }
div#menutop{float:left;width: 100%;padding-top:5px; font-size:12px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0; background-color:#993399;}
ul#nav { margin-top:2.9em; }
ul#nav{margin-left: 12px; width:965px;}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left; width:auto; padding:10px 5px 10px 10px; margin-right:5px; text-decoration:none; color: #ffffff; background-position:top left; background-repeat:no-repeat;}
ul#nav a:hover{color: #ffffff}
ul#nav li { background-position:top right; background-repeat:no-repeat; }
ul#nav li.activelink a{background:url(../img/tabs/activelink_a.gif) top left no-repeat #FFF; color:#000000;}
ul#nav li.activelink { background:url(../img/tabs/activelink_li.gif) top right no-repeat; }
ul#nav a:hover{ color:#000000; text-decoration:underline; }
li#tm_home a{background:url(../img/tabs/homepage_left.gif) no-repeat #37adae;}
li#tm_home { background:url(../img/tabs/homepage_right.gif) #37adae;}
li#tm_account a{background:url(../img/tabs/account_left.gif) no-repeat #bad842;}
li#tm_account { background:url(../img/tabs/account_right.gif) #bad842; }
li#tm_about a{background: #69e088}
li#tm_aboutus a{background: #7ab8cf}
li#tm_top10 a{background: #d88942}
li#tm_all a{background: #d84289}
li#tm_links a{background: #427ad8}
li#tm_all a{background:url(../img/tabs/all_left.gif) no-repeat #d84289;}
li#tm_all { background:url(../img/tabs/all_right.gif) #d84289; }
li#tm_delivery a{background:url(../img/tabs/delivery_left.gif) no-repeat #d84d42; }
li#tm_delivery { background:url(../img/tabs/delivery_right.gif) no-repeat #d84d42; }
li#tm_aboutus a{background:url(../img/tabs/aboutus_left.gif) no-repeat #7ab8cf; }
li#tm_aboutus { background:url(../img/tabs/aboutus_right.gif) no-repeat #7ab8cf; }
li#tm_contact a{background:url(../img/tabs/contact_left.gif) no-repeat #9a9090; }
li#tm_contact { background:url(../img/tabs/contact_right.gif) #9a9090; }
li#tm_links a{background:url(../img/tabs/links_left.gif) no-repeat #427ad8; }
li#tm_links { background:url(../img/tabs/links_right.gif) #427ad8; }
/**********************************************************
**
** Search bar underneath the tabbed menu & in the fooder
**
**********************************************************/
div.search { font-size:12px; color:#92278f; text-align:center; padding-top:0.4em; }
div.search label { padding-right:20px; font-weight:bold; }
div.search input.txt { width:300px; border:1px solid #999999; padding:2px; background:url(../img/search/txt_bg.jpg) top left repeat-x; }
div.search input.submit { padding:1px 4px 1px 4px; border:1px solid #999999; background-color:#ededed; }
div.search a { font-size:10px; color:#0066CC; position:absoloute; margin-left:0.5em; margin-right:0.5em; }
div.search a.search_history { background:url(../img/search/history.gif) center left no-repeat; padding:3px; padding-left:25px; font-weight:bold;}
div.search .listwrapper { border:1px solid black; }
div.search ul { list-style:none; margin:0px; padding:0px; display:inline; }
div.search ul li { display:inline; }
div.search ul li img { padding:1px; border:1px solid #cccccc; margin-bottom:-5px; }
/**********************************************************
**
** Right nav colum, specifically todo with the homepage and all the cute little icons
**
**********************************************************/
.mini_cart {
margin-bottom:10px;
font-family: helvetica, arial, geneva, sans-serif;
border:1px solid #dedede;
padding:1px;
}
.mini_cart h5 {
border:1px solid #682067;
background:url(../img/titlebg.jpg) top left repeat-x #682067;
color:white;
padding: 0.2em 0.2em 0.2em 0.2em;
margin:2px 1px 1px 1px;
font-size:16px;
}
.total {
background:#cccccc;
padding:0.3em 0.3em 0.3em 0.3em;
font-size:12px;
margin-bottom:0.1em;
}
#right-container { float:right; width: 175px; margin:18px 0px 0px 0px; }
#right-container p { margin:0; padding:0; }
#right-container p a { font-size:11px; color:#666666; text-decoration:none; display:block; padding-left:10px; font-style:italic; height:135px; }
#right-container a.r_btn { display:block; padding:0.4em; border:1px solid #993399; background:url(../img/rightcols/btn_bg.jpg) top left repeat-x; font-size:14px; padding-left:2em; text-decoration:none; font-weight:bold; margin-right:20px; }
#right-container span.arrow { width:30px; height:17px; display:block; float:left; margin-right:8px; }
#right-container .righticon { margin-top:10px; }
/** Photo gallery icon styles **/
#r_photo { background:url(../img/rightcols/photo.jpg) no-repeat; width:166px; height:137px; }
/** Video gallery icon styles **/
#r_video { background:url(../img/rightcols/video.jpg) no-repeat; width:166px; height:137px; }
/** News icon styles **/
#r_news { background:url(../img/rightcols/news.jpg) no-repeat; width:166px; height:141px; margin-top:2px; }
/** Testimonials icon styles **/
#r_testimonials { background:url(../img/rightcols/testimonials.jpg) no-repeat; width:166px; height:135px; margin-top:5px; }
/** Brochure reuqest icon styles **/
#r_brochure { background:url(../img/rightcols/brochure.jpg) no-repeat; width:166px; height:137px; margin-top:5px; }
/** Directions & Contact us icon styles **/
#r_contact { background:url(../img/rightcols/contact.jpg) no-repeat; width:166px; height:137px; margin-top:5px; }
/** Delivery information **/
#r_delivery { background:url(../img/rightcols/delivery.jpg) no-repeat; width:166px; height:135px; margin-top:6px; }
/** Recycle Information **/
#r_recycle {background:url(../img/rightcols/recycle.jpg) no-repeat; width:166px; height:135px; margin-top:5px; }
/** disabilioty Information **/
#r_disability {background:url(../img/rightcols/disability.jpg) no-repeat; width:166px; height:135px; margin-top:5px; }
/** Security Information **/
#r_security {background:url(../img/rightcols/security.jpg) no-repeat; width:166px; height:135px; margin-top:5px; }
/** Installation Information **/
#r_installation {background:url(../img/rightcols/installation.jpg) no-repeat; width:166px; height:135px; margin-top:5px; }
#r_photo, #r_video, #r_news, #r_testimonials,
#r_brochure, #r_contact, #r_delivery,
#r_recycle, #r_disability, #r_security,
#r_installation {
position:relative;
}
/***************************
* Cart page right boxes
***************************/
.cart_right_box {
width:167px;
color:white;
}
.ctitle {
margin-bottom:2px;
font-size:14px;
font-weight:bold;
padding:0.6em 0.2em 0.6em 0.4em;
}
.cdesc {
font-weight:normal;
padding:1em;
line-height:1.7em;
font-size:11px;
margin-bottom:8px;
}
.cteletitle { background:url(../img/cart/telephone_top.jpg) top left no-repeat #7e327c; }
.cteldesc { background:url(../img/cart/telephone_bottom.jpg) bottom right no-repeat #7e327c; }
.c100title { background:url(../img/cart/100percent_top.jpg) top left no-repeat #d52280; }
.c100desc { background:url(../img/cart/100percent_bottom.jpg) bottom right no-repeat #d52280; }
.cCommentstitle { background:url(../img/cart/comments_top.jpg) top left no-repeat #66cc00; }
.cCommentsdesc { background:url(../img/cart/comments_bottom.jpg) bottom right no-repeat #66cc00; }
.csectitle { background:url(../img/cart/security_top.jpg) top left no-repeat #ff9900; }
.csecdesc { background:url(../img/cart/security_bottom.jpg) bottom right no-repeat #ff9900; }
/*********************************
* Cart Centeral Pages
*********************************/
.cartform {
border:1px solid #dedede;
margin-top:10px;
}
.carttable {
width:99%;
margin:3px;
color:#666666;
}
.carttable span.itemname {
font-size:13px;
font-weight:bold;
}
.carttable span.itemcode {
font-size:11px;
font-weight:bold;
}
.carttable td {
padding:0.8em;
}
.carttable td.heading {
background:#dcdbda;
color:#666666;
font-size:12px;
font-weight:bold;
text-align:center;
padding:0.2em;
}
.cartable td.superheading {
background:white;
color:#999999;
font-size:15px;
font-weight:bold;
padding:0.4em;
text-align:right;
}
.ctablebottom { border-bottom:1px solid #cccccc; }
.ctableright { border-right:1px solid #cccccc; }
.ctableleft { border-left:1px solid #cccccc; }
a.imgthumb img {
width:70px;
height:70px;
border:none;
padding:2px;
border:1px solid #cccccc;
}
textarea.ordernotes {
width:98%;
height:80px;
font-size:12px;
padding:0.3em;
}
span.checkoutlabel {
display:block;
margin-left:10px;
width:100px;
padding-right:6px;
text-align:right;
font-size:11px;
font-weight:bold;
}
span.checkoutinput {
display:block;
width:160px;
}
span.checkoutinput input {
width:98%;
}
.checkoutnb p {
font-size:11px;
color:#666666;
padding:1em;
padding-bottom:0.2em;
}
input.processorder {
background:url(../img/cart/processorder.jpg) top left no-repeat;
border:none;
width:154px;
height:28px;
padding:0.2em 0em 0.2em -0.2em;
margin:1em;
color:white;
font-size:14px;
font-weight:bold;
cursor:pointer;
}
.cartformerror {
text-align:center;
font-weight:bold;
color:red;
font-size:16px;
}
/**********************************************************
**
** General Content container for the index_home layout
**
**********************************************************/
.wrap {
width:98%;
}
#center-container {
margin:20px 180px 50px 175px;
min-width:620px;
width:620px;
width:auto !important;
font-size:12px;
color:#333333;
}
/*********************************************************
**
** General purpose title
**
*********************************************************/
.content_title {
border:1px solid #e0e0e0;
background:url(../img/content_title_bg.jpg) top left repeat-x;
}
.h1_title {
font-size:15px;
font-weight:bold;
color:#505050;
padding:0.5em;
margin:0;
}
/*********************************************************
**
** General buttons
**
*********************************************************/
.mini_btn, .home_brochure, .home_videos, .home_specials {
background:url(../img/mini_btn_bg.jpg) top left repeat-x;
padding:0.4em 0.6em 0.4em 0.6em;
color:white;
text-decoration:none;
border:1px solid #cdcdcd;
font-size:11px;
font-weight:bold;
}
.mini_btn a {
font-size:11px;
font-weight:bold;
color:white;
text-decoration:none;
}
.home_brochure, .home_videos, .home_specials {
display:block;
float:left;
padding:1.4em 2em 1.3em 4em;
margin-right:0.3em;
}
.home_brochure { background:url(../img/homepage_brochure.jpg) top left no-repeat; }
.home_videos { background:url(../img/homepage_videos.jpg) top left no-repeat; padding-left:6em; }
.home_specials { background:url(../img/homepage_special.jpg) top left no-repeat; padding-left:8em; }
/*********************************************************
**
** General lists
**
*********************************************************/
ul.bcrumbs, ul.misc_cats, ul.priceranges, ul.brochure_links, ul.brochure, .mini_items ul, ul.documents, ul.recentpages, ul.checkout {
list-style:none;
margin:0;
padding:0;
}
ul.misc_cats {
margin:5px 0;
padding:0.5em;
background:url(../img/small_gradient.jpg) top left repeat-x;
}
ul.brochure_links {
margin:2%;
}
ul.yellow {
line-height:1.6em;
color:#333333;
list-style:none;
}
.mini_items {
background:#e4e4e4;
margin:1px;
margin-bottom:0.1em;
}
.mini_items ul {
padding:7px 2px 7px 2px;
background:#e4e4e4;
}
ul.documents {
display:inline;
}
ul.misc_cats li {
display:inline;
margin:1em;
padding-left:10px;
background:url(../img/misc_list.jpg) 3px 6px no-repeat;
}
ul.bcrumbs li, ul.documents li {
display:inline;
}
ul.priceranges li {
display:block;
float:left;
width:18%;
text-align:center;
}
ul.yellow li {
background:url(../img/homepageli.jpg) center left no-repeat;
padding-left:15px;
}
ul.brochure_links li {
line-height:2.3em;
}
ul.brochure li {
margin:0;
padding:0.5em;
padding-bottom:0.2em;
display:block;
height:1%;
margin:0px 5px 0px 5px;
}
.mini_items li {
font-size:11px;
color:#666666;
}
ul.recentpages li {
padding:0.2em;
font-size:11px;
margin:0;
}
.mini_items li a {
text-decoration:none;
color:#666666;
}
.mini_items li a:hover {
text-decoration:underline;
}
ul.priceranges li a {
font-size:11px;
padding-left:10px;
background:url(../img/misc_list.jpg) 3px 6px no-repeat;
text-decoration:none;
font-weight:normal;
}
ul.priceranges li a.selected {
font-size:13px;
font-weight:bold;
text-decoration:underline;
}
ul.misc_cats li a.active {
font-size:14px;
font-weight:bold;
}
ul.recentpages li a {
margin:0;
border:1px solid black;
}
a.purple {
color:#7f317c;
text-decoration:none;
}
ul.brochure sup {
color:red;
}
/*********************************************************
**
** Fieldsets and Orange
**
*********************************************************/
.orange {
color:#dc6a04;
}
.halfleft {
float:left;
width:47%;
}
.halfright {
float:right;
width:47%;
}
.brochurefieldset {
border:1px solid #dadada;
padding:4px;
}
.brochurefieldset legend {
font-size:14px;
font-weight:bold;
}
/***********************************************************
**
** Form Elements
**
************************************************************/
.formheader {
background:url(../img/form_title_bg.jpg) top left;
padding:0.8em;
color:#3d3d3d;
font-weight:bold;
font-size:14px;
}
.formheader span {
display:block;
font-size:10px;
margin-top:3px;
}
/***************
* Brochure Request Form
***************/
#brochurerror { width:75%; margin:auto; }
span.label {
display:block;
margin-left:5%;
width:180px;
padding-right:15px;
text-align:right;
font-size:11px;
font-weight:bold;
}
span.input {
width:60%;
}
/*********************
* Form Highlighting
**********************/
/* Everything up untill Instructions is jsut for CSS layout */
/* All you really need is the Instructions section and then you could style the rest on your own. */
form li{margin:0;padding:4px 5px 2px 9px;position:relative;}
form li:after, .buttons:after{content:"."; display:block;height:0; clear:both; visibility:hidden;}
form li, .buttons{display: inline-block;}*
html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}*
html form li div{display:inline-block;}
form li div, form li span{margin:0 4px 0 0;padding:0 0 8px 0;color:#444;}
form li span{float:left;}
form li div.left{display:inline;float:left;width:48%;}form li div.right{display:inline;float:right;width:48%;}form li div.left .medium, form li div.right .medium{width:100%;}.clear{clear:both;}form li div label, form li span label{margin:0;padding-top:3px;clear:both;font-size:9px;line-height:9px;color:#444;display:block;}form li .datepicker{float:left;margin:.1em 5px 0 0;padding:0;width: 16px;height: 16px;cursor:pointer !important;}
/* ----- FIELDS AND LABELS ----- */
.field, .text { margin:0; padding:0; font-size:12px; }
.text {
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff
}
input.text {
padding:0.2em;
}
input.bad {
border:1px solid red;
}
textarea.bad {
border:1px solid red;
}
/* This is vital to contain within your CSS file */
/* ----- INSTRUCTIONS ----- */
form li.focused{ /**background-color:#fff7c0;**/ background-color:#dcecf0;}
form .instruct{position:absolute;top:0;left:100%;z-index:1000;width:42%;margin:0 0 0 8px;padding:8px 10px 9px 10px;border:1px solid #e6e6e6;background:#f5f5f5;line-height:130%;font-size:80%;color:#444;visibility:hidden;}
form .instruct small{font-size:105%;}
form li.focused .instruct, form li:hover .instruct{visibility:visible;}
/** Home page **/
h3.bigger {
font-size:25px;
text-decoration:underline;
}
dl.homecats {
margin:0px 4px 10px 4px;
padding:0;
float:left;
}
dl.homecats dd {
margin:0px 0px 1px 0px;
padding:0;
border:1px solid #993399;
}
dl.homecats dd img { border:none; }
dl.homecats dt {
margin:0;
padding:5px 0px 5px 7px;
background:url('../img/titlebg.jpg') top left repeat-x;
font-size:12px;
font-weight:bold;
}
dl.homecats dt a {
color:white;
text-decoration:none;
}
/** Delivery **/
.delivery { font-size:12px; line-height:1.6em; margin:1em; background:url(../img/deliverypic.jpg) top right no-repeat; }
.delivery .deliveryimg { float:right; padding:1em; }
.delivery_table { width:100%; text-align:center; }
.delivery_table th { border-bottom:1px solid #9b3a99; }
.delivery_table td, .delivery_table th { background:url(../img/delivery/table_normal_bg.png); padding:3px; }
.delivery_table th.v_odd { background:url(../img/delivery/table_th_vodd.png); }
.delivery_table td { background:url(../img/delivery/table_th_vodd.png); }
.delivery_table tr.h_odd td { background:url(../img/delivery/table_tr_hodd.png); }
.delivery_table tr.h_odd td.v_odd { background:none; }
/** General static page layout styles **/
.general_page img.main { float:left; padding:0px 2em 10px 0px; }
.general_page p { font-size:12px; line-height:1.6em; }
/* Contact and Directions */
.gp_contact { padding-top:2em; }
.general_page p.gp_contact { padding-top:1em; }
/** Brochure Request Page **/
.b_label { background-color:#f0f0f0; padding:3px; color:#666666; font-weight:bold; width:20%; padding-left:2%;}
.b_input input { width:98%; padding:2px; border:1px solid #cccccc; }
.b_input textarea { width:98%; padding:2px; font-size:12px; height:100px; border:1px solid #cccccc; }
.b_input input.b_sendrqst { width:100%; border:1px solid #2a9bc4; font-size:14px; font-weight:bold; color:#666666; padding:0.5em 0em 0.5em 0em; display:block; margin-left:5px; }
/** Email Page **/
.email_page { margin:1.5em 0.2em 0em 0.2em; padding:1em; font-size:12px; }
.email_page legend { color:#2a9bc4; font-size:16px; font-weight:bold; }
.email_page p { margin-left:1em; }
.email_page ul { list-style:none; }
.email_page ul li { background:url(../img/homepageli.jpg) center left no-repeat; padding-left:10px; }
.email_page ul li a { font-size:10px; }
.e_label { background-color:#f0f0f0; padding:3px; color:#666666; font-weight:bold; width:20%; padding-left:2%;}
.e_input { padding-right:20px; }
.e_input input { width:100%; padding:2px; font-size:12px; }
.e_input textarea { width:100%; padding:2px; font-size:12px; height:100px; }
.e_input input.b_sendrqst { width:100%; border:1px solid #2a9bc4; font-size:14px; font-weight:bold; color:#666666; padding:0.5em 0em 0.7em 0em; display:block; margin-left:8px; }
/** Photo Gallery Specific Styling **/
#photoslist { margin:0.3em; }
#photoslist ul { list-style:none; margin:0; padding:0; padding-top:2em; }
#photoslist img { padding:2px; border:1px solid #cccccc; }
#photoslist li { display:block; float:left; width:23%; padding:0.3em; }
#photoslist h3, #photoind h2 { padding-top:2em; padding-bottom:0.5em; font-size:16px; color:#004557; border-bottom: 1px solid #bc9f00; }
#photoind img { padding-top:3em; }
#photoind h2 { font-size:20px; padding-top:0.5em; }
#photoind p { font-size:12px; line-height:1.6em; }
/** News page **/
ul.news, ul.sub_news { margin:0; padding:0; list-style:none; }
ul.news li.main { width:48%; margin-left:1.5%; display:block; float:left; }
ul.sub_news li { padding:3px 6px 10px 6px; margin-bottom:20px; border-bottom: 1px solid #bc9f00; margin-top:10px; }
dl.newslist dt { color:#105cb6; font-weight:bold; font-size:14px; }
dl.newslist dd { margin-left: 10px; font-size:12px; line-height:1.5em; }
dl.newslist dd.author { font-size: 9px; color:#bdbdbd; }
dl.newslist dd span.author { font-weight:bold; color:#a5a5a5; }
dl.newslist dd span.date { font-size:10px; font-weight:bold; color:#bc9f00;}
dl.newslist a { color:#8f368d; }
.newsarticle { line-height:1.6em; }
.newsarticle h2 { padding-top:0.5em; padding-bottom:0.5em; font-size:20px; color:#004557; border-bottom: 1px solid #bc9f00; margin:0em 0em 0.5em 0em; }
.newsarticle p.info { font-size:12px; color:#999999; margin:0; padding:0; }
.newsarticle span.author { font-weight:bold; color:#a5a5a5; }
.newsarticle span.date { font-size:15px; font-weight:bold; color:#bc9f00;}
/* Online Shop Page **/
/***********************************
* Category Listing
***********************************/
h2.categoryname {
color:#672064;
margin-left:0.5em;
}
p.catdesc {
font-size:12px;
padding:1em;
}
ul.cats, ul.videos {
list-style:none;
margin:0px 0px 0px -7px;
padding:0;
}
ul.videos {
margin:10px 5px 5px 2px;
}
ul.videos li {
margin-right:10px;
width:425px;
height:394px;
float:left;
margin-bottom:30px;
}
ul.videos h4 {
background:url(../img/cats/background.gif) top left repeat-x;
background-color:#672064;
color:white;
padding:0.7em 0.4em 0.7em 0.4em;
margin-left:2px;
font-size:13px;
margin-bottom:3px;
border:1px solid #cccccc;
}
ul.cats dl, ul.cats dl dt, ul.cats dl dd {
margin:0;
padding:0;
}
ul.cats li {
float:left;
width:250px;
margin-left:0.5%;
margin-right:0.5%;
margin-top:5px;
border:1px solid lightgrey;
padding:3px;
}
ul.cats li dt {
background:url(../img/cats/background.gif) top left repeat-x;
background-color:#672064;
height:36px;
color:white;
padding:0.1em 0.4em 0.1em 0.4em;
}
a.catname {
padding:0;
float:left;
font-size:12px;
color:white;
line-height:1.3em;
font-weight:bold;
text-decoration:none;
paddding:0px;
margin:5px 0px 0px 0px;
display:block;
width:210px;
}
a.catname:hover {
text-decoration:underline;
}
ul.cats dl dd.desc {
background:url(../img/cats/dscbg.gif) top left repeat-x;
background-color:white;
height:60px;
padding:10px 1px 1px 4px;
font-size:11px;
margin-top:3px;
}
span.itemcode, span.itemprice {
font-size:14px;
color:#cc6600;
}
span.itemprice {
font-weight:bold;
}
ul.cats dd.desc a { font-size:11px; color:#666666; text-decoration:none; }
ul.cats dd.desc a:hover {text-decoration:underline; }
ul.cats dl dd.thumb {padding-top:4px; width:auto; height:240px; }
ul.cats dl dd.thumb img {border:none;}
ul.cats dl dd.thumb a {text-decoration:none; margin:0; padding:0;}
ul.cats dl dd.thumbsmaller {padding-top:4px; width:190px; height:180px;}
ul.cats dl dd.link {background:url(../img/cats/linkbg.gif) top left repeat-x; height:28px; }
ul.cats dl dd p { }
a.more { text-indent:-10000px; display:block; height:23px; width:58px; background:url(../img/cats/more.png) no-repeat top left; float:left; margin:2px 0px 0px 3px;}
a.morevideo { text-decoration:none; padding:0.2em 0em 0em 1em; color:#562684; font-size:12px; font-weight:bold; display:block; height:22px; width:425px; background:url(../img/video_more.jpg) no-repeat top left; float:left; margin:2px 0px 0px 3px;}
a.buynow { text-indent:-10000px; display:block; height:23px; width:70px; background:url(../img/cats/buynow.png) no-repeat top left; float:right; margin:2px 3px 0px 0px; }
/**************************************
* Next / Prev Cats
**************************************/
.purplebox {
background:url(../img/cats/background.gif) top left repeat-x;
background-color:#672064;
color:white;
}
.greybox {
border:1px solid lightgrey;
margin-top:2px;
padding:1px;
}
/****************************************
* Inline List
****************************************/
ul.homepage_subcats, ul.nextprev, ul.item_miniimg {
list-style:none;
margin:0;
padding:0;
}
ul.nextprev {
padding:0.4em 1em 0.4em 1em;
}
ul.homepage_subcats li {
margin:1px 0;
padding:0.2em;
display:block;
width:auto;
float:none;
}
ul.nextprev li.last {
float:right;
}
ul.item_miniimg li {
display:inline;
}
ul.item_miniimg li img {
width:70px;
height:70px;
padding:2px;
border:1px solid #cccccc;
}
ul.homepage_subcats li a {
display:block;
}
ul.nextprev li a {
color:white;
text-decoration:none;
font-weight:bold;
font-size:14px;
}
ul.nextprev li a:hover {
text-decoration:underline;
}
/******************************************
* Item View
******************************************/
.purplebar {
font-size:11px;
padding:0.4em 0.8em 0.4em 1em;
margin-top:5px;
border-bottom:1px solid #555;
}
.purplebar h2 {
font-size:17px;
margin:0;
padding:0em 0.1em 0.2em 0em;
}
h4.list_features {
margin:0;
padding:0;
}
/* ItemView Page **/
/* Wrapper that contains the content */
.contentwrapper { width:98%; padding:0.5em; }
/* Wrapper that contains all the image side pannel */
.contentleft {background:url(../img/itemview/contentleftbg.jpg) top left repeat-x; width:310px; float:left; }
.contentleft img.defaultimg {margin:15px 0px 0px 4px; }
/* Wrapper for the right hand image content */
.rightwrapper { margin-left:315px; padding:0.2em; }
/* Right hand Content */
.righttopcontent ul {list-style:none; margin:8px 0px 2px -40px;}
.righttopcontent ul li {display:inline; }
.rightcontent p {font-size:20px; margin-top:5px; font-weight:bold; color:#a63ea1; }
.rightcontent p.price { font-size:20px; color:orange; font-weight:bold; }
.rightcontent ul.list {list-style:none;}
.rightcontent ul.list li {background:url(../img/itemview/list.png) 0.1em 0.3em no-repeat; padding:0em 0em 0.3em 1.3em; margin-top:3px; font-size:13px; }
/* Final Content */
.contentbelow {background:url(../img/itemview/contentbg.jpg) top left repeat-x; border:solid 1px lightgrey; color:grey; font-size:12px; padding:10px; margin-top:10px; line-height:1.8em;}
.contentbelow strong { width:90px; display:block; float:left; }
.contentbelow p.price {color:orange; font-size:19px; float:right; margin-top:-25px; padding:0px;}
p.desc {font-size:11px; color:black; margin-top:0; line-height:1.7em; }
p.descheader {font-size:15px; color:#672064; font-weight:bold;}
.otheritemlist {background:url(../img/itemview/topbg.jpg) top left repeat-x; margin-top:30px; }
.otheritemlist p {font-size:16px; color:#672064; font-weight:bold; padding:10px; padding-top:10px; }
/**********************************************************
**
** Footer
**
**********************************************************/
#footer { margin-top:50px; }
#footer div.search { background:url(../img/footer_bg.jpg) bottom left repeat-x; padding-bottom:30px; margin-bottom:20px; }
#footer p { text-align:center; }
#footer img { border:none; }
/**********************************************************
**
** Mods
**
**********************************************************/
/**
.headerbar { background:url(../img/center/blue_headerbar_bg.gif) top left repeat-x; }
.headerbar span { background:url(../img/center/blue_headerbar_right.gif) top left no-repeat; }
.headerbar h1#hb_contact { background:url(../img/center/blue_headerbar_contact.gif) top left no-repeat; color:white; }
**/
#menu a { background: url(../img/leftcols/menu_ul_ul_bg.jpg) top left repeat-x; }
#menu a.sub { background: url(../img/leftcols/menu_ul_ul_bg_dark.jpg) top left repeat-x; }
.bad { color:red;}
.baderror { color:red; background:#f0f0f0; text-align:center; padding:0.2em; font-weight:bold; }
.none { margin:0; padding:0; background:none; border:none; }
.none legend { display:none; }
/*********************************
**
** Feedback page
**
**
**********************************/
h3.fb {font-size:16px; font-weight:bold; border:1px solid #cacaca; color:#787878; display:block; padding:6px; background:url(../img/content_title_bg.jpg) top left repeat-x;}
textarea.fb {margin:10px 0 10px 10px; border:1px solid #cacaca; width:50%; height:300px;}
p.fb {margin-left:10px;}
p.fblower {margin-left:10px; font-size:11px; color:#979797;}
input.fbbutton {background:url(../img/mini_btn_bg.jpg) top left repeat-x; color:#FFF; border:1px solid #979797; font-weight:bold; padding:3px 5px 3px 5px; cursor:pointer; margin-left:10px;}
/**************************
* Clear fix
**************************/
/* Easyclearing hack courtesy of Tony Aslett */
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End hide */
/****************
* Tools tips
*********************/
.tool-tip {
background:#993399;
width: 280px;
z-index: 13000;
}
.tool-text {
font-size: 11px;
padding: 8px;
line-height:1.2em;
color:white;
}