/*
	CSS styles
	Clent: Kall Kwik Winchester
	Website: www.kallkwikwinchester.co.uk
	Designer: Beccy
	Creation date: 4 December 2008
	Filename: global.css

	Dark Blue:  004489
	Med Blue:   008fd0
	Light Blue: e5f4fa
*/

body { background: #fff url("/images/common/summer2010-bg.jpg") top center no-repeat; font-family: Arial, Verdana, Helvetica, Geneva, Trebuchet MS, sans-serif; font-size: 12px; color: #666; margin: 0; padding:0; cursor:default; }
img { border: 0; }
form, textarea { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Geneva, Trebuchet MS, sans-serif; font-size:11px; }
ul,li,pre,form,html,p,blockquote,fieldset,input { margin:0; padding:0; font-family: Arial, Verdana, Helvetica, Geneva, Trebuchet MS, sans-serif; }
h1,h2,h3,h4,h5,h6 { color:#666; margin:0; padding:0; font-weight:normal; line-height:100%;}
h3 { color:#008fd0;}
p { color: #666; line-height: 150%;  }
strong { font-weight:bold  }
hr { margin:10px 0; border:0; border-top:1px dashed #ccc; }

a, a:link,
a:visited,
a:hover,
a:active { color: #004c92; text-decoration:none; }

legend { display:none; }
fieldset { border:none; }

#pagewrapper { width: 920px; background-color: #fff; margin:0 auto; padding:20px; }

#headercontainer { margin:0; padding:0; background: url("/images/common/logo.gif") left top no-repeat; position:relative; height:105px; overflow:hidden; }
#logo { float:left; height:47px; width:137px; }
#logo span { display:none;}

#headercontainer #phonenumber { margin:0; padding:0; float: right; }
#headercontainer #phonenumber p { color:#008fd0; font-size:20px; margin:0; padding:0; }

#jumpto { margin:0 0 0px 460px; padding:0; float: left; }

#navcontainer { padding:0 0 0 0px;  }

/* containers for page content (class) */

.split { margin:20px 0 0 0; clear: both; padding:20px 0 0 0; overflow: hidden; border-top:1px dashed #ddd; }
.split-2col { clear: both; padding:20px 0 0 0; overflow: hidden; }
#col-main .split-2col .col {float:left;width:245px; padding:10px; background-color:#eee; margin-right:10px}
#col-main .split-2col .col img {float:left; padding:5px; background-color:#fff; margin:0 10px 10px 0;}
#col-main .split-2col .col:hover { background-color:#dedede;}

.splithome { padding:20px 20px 0 30px; clear: both; overflow: hidden; }
.col {float:left;width:49%; padding:0;}
.col p { margin-right:10px;}
.col-mid-left {float:left;width:49%; padding: 0 10px 0 0;}
.linebottom { border-bottom:2px solid #ddd; }

#col-main .view { padding:5px 0; clear:both; background-color:#dedede; }
#col-main .view p.more { color: #666; padding:0; margin:0; float:left; }
#col-main .view p.cost span { color: #666; font-weight:bold; margin:0; float:right; }
#col-main .view a,
#col-main .view a:link,
#col-main .view a:visited { text-decoration: none; color: #666; padding:7px; background-color:#ccc;  }
#col-main .view a:hover,
#col-main .view a:active { color:#fff !important; cursor: pointer; background-color:#666; }

/* columns */

#container { padding:0; clear: both; margin:0 0 20px 0; }
#container p { margin-bottom:10px; color:#666; }

#col-left { width: 140px; padding:0; margin: 0 10px 0 0; float: left; }

#col-top { margin-bottom:20px; }
#col-main { width:595px; float:left; padding: 0; margin:0 10px 0 0; }

#col-mid { width:595px; background: url("/images/common/mid-bg-top.gif") left top no-repeat; padding: 0; margin:0 10px 0 0; }
#col-mid h1 { margin-bottom: 10px; font-size:26px; font-weight:normal; line-height: 120%; color:#008fd0; }
#col-mid h1.strap { margin-bottom: 10px; font-size:24px; font-weight:normal; line-height: 120%; color:#008fd0; }
#col-mid h2 { margin-bottom: 10px; font-size:18px; font-weight:normal; line-height: 120%; color:#008fd0; }
#col-mid h2.strap { margin-bottom: 10px; font-size:24px; font-weight:normal; line-height: 120%; color:#008fd0; }
#col-mid h3 { margin-bottom: 10px; font-size:14px;font-weight:bold }
#col-mid h4 { margin-bottom: 10px; font-size:14px; }
#col-mid h5 { margin-bottom: 10px; font-size:12px; color:#666; }
#col-mid-bot { background: url("/images/common/mid-bg-bot.gif") left bottom no-repeat; padding:0 20px 12px 20px; }

#col-right { width: 164px; padding: 0; margin: 0; float: left; }
#col-right h4 { margin-bottom: 10px; font-size:20px; font-weight:normal; line-height:100%; }
#col-right h5 { margin-bottom: 10px; font-size:14px; font-weight:normal; line-height:100%; color:#666; }

.col h3 { font-weight:bold; font-size: 12px; line-height:100% }


/* footer */

#footer { padding:20px 0 0 0; margin:0; clear: both; }
#footer p { margin:0 0 10px 0; padding:0; line-height:normal; }
#footer h5 { margin:0; padding:0 0 5px 0; font-size:12px; font-weight:bold; }
#footer a, #footer a:link { color:#666; text-decoration:none; font-weight:normal; }
#footer a:hover { text-decoration:underline; }

.clear { clear:both; height:0; font-size: 0px; }

.imageleft { float:left; margin: 0 20px 10px 0; }
.imageright { float:right; margin: 0 0 10px 20px; }

/* forms */

.field { background: url("/images/field.gif") no-repeat; border:1px solid #999; padding:3px; }

.hidden, .skip { display: none; }

/* navigation */

#headercontainer #mininav { position:absolute; bottom:0; right:0; margin:0; padding:0; }
#headercontainer #mininav ul li { list-style:none; display: inline; text-transform:lowercase; line-height:35px;float:left; padding:0 0 0 20px; }
#headercontainer #mininav ul li a,
#headercontainer #mininav ul li a:link,
#headercontainer #mininav ul li a:visited { color: #004489; text-decoration: none; margin: 0; font-weight:normal; height:35px; }
#headercontainer #mininav ul li a:hover,
#headercontainer #mininav ul li a:active { color: #008fd0; cursor: pointer; }

#nav { padding:0; margin:0; }
#nav ul { color: #666; }
#nav ul li { list-style: none; text-decoration: none; margin: 0; text-transform: uppercase; border-bottom:5px solid #fff;}
#nav ul li a, 
#nav ul li a:link, 
#nav ul li a:visited { display: block; text-decoration: none; color: #008fd0; padding:3px 3px 3px 10px !important; font-weight:bold; background-color:#e5f4fa; }
#nav ul li a:hover, 
#nav ul li a:active { color:#fff !important; cursor: pointer; background-color:#008fd0; }
#nav ul li a#selected, 
#nav ul li a#selected:link { color: #fff; background:url("/images/common/subnav-bullet.gif") no-repeat 230px center; background-color:#008fd0; }

#nav ul ul li { list-style:none; text-decoration: none; margin: 0; display:block; text-transform:none; border-bottom:none; line-height: 110% !important;}
#nav ul ul li a, 
#nav ul ul li a:link, 
#nav ul ul li a:visited { display: block; text-decoration: none; color: #444; font-weight:normal; background:none !important; }
#nav ul ul li a:hover, 
#nav ul ul li a:active { color:#008fd0 !important; cursor: pointer; background-color:#008fd0; }
#nav ul ul li a#subselected, 
#nav ul ul li a#subselected:link { color: #008fd0; }

#services-box-top { background:url("/images/common/rounded-box-top.gif") left top no-repeat; padding: 10px 0 0 0; }
#services-box-bot { background:url("/images/common/rounded-box-bot.gif") left bottom no-repeat; padding: 0 10px 10px 10px; }
#services-box-bot h3 {margin: 0 0 15px 0; font-size:20px; font-weight:normal; color:#004489; line-height: 150% !important; }

.services-col { width: 118px; padding:0; margin: 0 10px 5px 0; float: left; }
.services-col-right { width: 119px; padding:0; margin: 0 0 5px 0; float: left; }

#services { padding:0; margin:0; }
#services ul { color: #666; }
#services ul li { list-style:none; text-decoration: none; margin: 0; text-transform:uppercase; border-bottom:3px; width:118px; }
#services ul li a,
#services ul li a:link, 
#services ul li a:visited { display: block; text-decoration: none; color: #008fd0; padding:3px; font-weight:bold; }
#services ul li a:hover, 
#services ul li a:active { color:#fff; cursor: pointer; background-color:#008fd0; }
#services ul li a#selected, #services ul li a#selected:link { color: #fff; background-color:#008fd0; }

#services ul ul { padding:0; margin: 0 0 10px 0;  }
#services ul ul li { list-style:none; text-decoration: none; margin: 0; display:block; text-transform:lowercase !important; border-bottom:none; width:118px; }
#services ul ul li a,
#services ul ul li a:link,
#services ul ul li a:visited { display: block; text-decoration: none; color: #444; padding:3px; font-weight:normal; background:none !important; }
#services ul ul li a:hover,
#services ul ul li a:active { color:#008fd0; cursor: pointer; background-color:#e5f4fa; }

#col-right .box { background-color:#e5f4fa; margin-bottom:10px; }
#col-right .box h2 { background-color:#008fd0; padding: 5px; color:#fff; font-size: 16px;}
#col-right .box h3 { background-color:#e5f4fa; padding:5px; color:#666; font-weight:bold; font-size: 12px; line-height:200%; }
#col-right .box h5 { background-color:#e5f4fa; padding:5px; color:#666; font-weight:normal; font-size: 12px; line-height:200% }
#col-right .box p { padding:5px; margin:0; line-height:130%; }

.box1 { background-color:#eee; padding:10px; }
.box1 h3 { color:#666; font-weight:bold; font-size: 12px; line-height:100%; }


.tintcol-top { width:220px; float:right; background: url("/images/common/border-left.gif") left no-repeat; padding: 20px; }
.tintcol-bot { width:220px; float:right; background: url("/images/common/border-left.gif") left no-repeat; padding: 20px; }

.special-offer-box { width:168px;}
.special-offer-box h2 { font-weight:bold; font-size:16px; padding: 0 0 5px 0; }
.special-offer-box p {padding: 0; line-height: 120%; }

.special-offer-box .special-offer-image { padding:0; margin:0; }
.special-offer-box .special-offer-image ul { }
.special-offer-box .special-offer-image ul li { list-style:none; text-decoration: none; margin: 0; text-transform:uppercase; }

.special-offer-box .special-offer-image ul li a, 
.special-offer-box .special-offer-image ul li a:link, 
.special-offer-box .special-offer-image ul li a:visited { background:url("/images/common/genie-homepage.jpg") 0 0 no-repeat; height:197px;display: block; }

.special-offer-box .special-offer-image ul li a:hover, 
.special-offer-box .special-offer-image ul li a:active { cursor: pointer; }

.special-offer-box .special-offer-image span { display:none; }

.quote-icon { float:right; position:relative; top:-10px; right:-10px;}

.banner { margin-bottom:10px; padding: 0 0 0 5px;}
.banner img { display:block;}

#col-main ul { margin: 10px 0 10px 20px; }
#col-main ul li { list-style:disc; list-style:outside; margin: 5px 0 0 0; line-height:120%;}

.olbullets { margin: 10px 0 10px 20px; padding:0; }
.olbullets li { margin: 5px 0 0 0; line-height:120%;}

.price p { text-decoration: none; color: #008fd0; padding:5px; background-color:#e5f4fa; }

/* news */

.boxnews { background-color:#eee; padding:10px; float:right ;width:250px; }
.boxnews h3 { color:#666; font-weight:bold; font-size: 12px; line-height:100%; }

.newsblock { padding:5px 0; margin:0; }
.newsleft { float:left; padding:0 5px 0 0; width:65px; }
.newsleft p {color: #666 !important; padding:0 !important; margin:0 !important; font-size:11px; text-align:right; } 
.newsright { float:right; width:175px; }
.newsright p { color:#008fd0; padding:0 !important; margin:0 !important;  font-size:11px; }
.newsright a:link { display:block; }
.removebottomborder { border-bottom:none; padding-bottom:0; }

#breadcrumb { padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:1px solid #ddd;}

.floatright { float:right;}
.floatleft { float:left;}

#col-main .download ul { color: #666; padding:0; margin:0; }
#col-main .download ul li { list-style: none; text-decoration: none; margin: 0; }
#col-main .download ul li a,
#col-main .download ul li a:link,
#col-main .download ul li a:visited { display:block; text-decoration: none; color: #008fd0; padding:5px; background-color:#e5f4fa;  }
#col-main .download ul li a:hover,
#col-main .download ul li a:active { color:#fff !important; cursor: pointer; background-color:#008fd0; }

#col-main .newslist { padding:0; margin:0; }
#col-main .newslist ul { color: #666; margin:0; }
#col-main .newslist ul li { list-style: none; text-decoration: none; margin: 0 0 15px 0; color:#999; }
#col-main .newslist ul li a,
#col-main .newslist ul li a:link,
#col-main .newslist ul li a:visited { text-decoration: none; color: #008fd0; padding:5px; margin-right:5px; background-color:#e5f4fa;  }
#col-main .newslist ul li a:hover,
#col-main .newslist ul li a:active { color:#fff !important; cursor: pointer; background-color:#008fd0; }

.margintop { margin-top:10px; }
.marginbottom { margin-bottom:10px; }

.canvas-download { width: 205px; float: right; padding: 0 15px 0 0; }

.newsdate { display: block; float: right; text-align:center; width: 68px; height: 97px; background:  url("/images/common/date.jpg") no-repeat top left; margin:0 5px 0 0; }
.newsdate span { display: block; text-align: center; } 
.newsdate span.day { font-size: 35px; line-height: 30px; color: #008fd0; margin-top:3px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
.newsdate span.month { margin-top: 2px; font-weight: bold; font-size: 12px; text-transform: uppercase; margin-bottom:0px; line-height: 16px; color: #666; }
.newsdate span.year { font-size: 12px; text-transform: uppercase; line-height: 10px; font-weight: bold; padding-top:3px; color: #999; }

table .table-row1 { background-color: #e5f4fa; font-weight: bold; }
table .table-row2 { background-color: #eee; }
#pricetable table {padding:10px; border-collapse:collapse; }

table.pricetable {padding:10px; border-collapse:collapse; border:none; margin-bottom:20px; }
table.pricetable th {padding:10px; background-color: #e5f4fa; font-weight: bold; border:none; }
table.pricetable td {padding:5px; border:none; }
table.pricetable tr { border-bottom:1px solid #ccc; }


input[type="text"],
input[type="password"],
textarea { padding: 5px 4px; border: 1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; _border: 1px solid #ccc !important; padding: none; background: url("/images/common/field.gif") no-repeat; }

input[type="text"]:focus,
textarea:focus { border: 1px solid #ababab; outline: none; }

.split .minilabel ul {margin:0;padding:0;}
.split .minilabel ul li {margin:0 10px 30px 0;list-style:none; float:left; padding-top:50px; width:80px; height:10px; text-align:center;}
.split .minilabel span { background-color:#fff; padding: 5px 0; display:block; }
.split .minilabel ul li.white {background-color:#f9f9f9;}
.split .minilabel ul li.cream {background-color:#f4e390;}
.split .minilabel ul li.red {background-color:#ce1914;}
.split .minilabel ul li.lightblue {background-color:#8abce7;}
.split .minilabel ul li.yellow {background-color:#fadc14;}
.split .minilabel ul li.green {background-color:#61c56f;}
.split .minilabel ul li.gold {background-color:#c8ad24;}
.split .minilabel ul li.silver {background-color:#ccc;}
.split .minilabel ul li.pink {background-color:#ef9cc7;}
.split .minilabel ul li.purple {background-color:#b95ba0;}
.split .minilabel ul li.ivory {background-color:#f7edc7;}
.split .minilabel ul li.radiant-yellow {background-color:#fcf901;}
.split .minilabel ul li.radiant-red {background-color:#ff3300;}
.split .minilabel ul li.transparent {background-color:#eceaea;}

.split .minilabel ul li.yellow-coat {background-color:#f3cf4f;}
.split .minilabel ul li.green-coat {background-color:#66c661;}
.split .minilabel ul li.blue-coat {background-color:#388afc;}
.split .minilabel ul li.purple-coat {background-color:#9c37d3;}

.split .minilabel ul li.swirls-blue {background-color:#00aed7;}
.split .minilabel ul li.swirls-red {background-color:#d7001f;}

.split .minilabel ul li.baubles-purple {background-color:#aa068c;}

.split .minilabel ul li.snowflakes-green {background-color:#1cb055;}
.split .minilabel ul li.snowflakes-red {background-color:#cc0119;}

.logo-thumb {width: 180px; border: 0; padding: 0 0 20px 0; float:left;}

#col-main .note { background-color:#008fd0; padding: 10px 10px 0 10px; }
#col-main .note h3 { color:#fff; padding:0 0 10px 0 !important; margin:0 !important; }
#col-main .note p { color:#fff; padding:0 0 10px 0 !important; margin:0 !important; }
#col-main .note p a { color:#fff; }

#col-main .note-pale { background-color:#e5f4fa; padding: 10px 10px 0 10px; }
#col-main .note-pale h3 { color:#008fd0; padding:0 0 10px 0 !important; margin:0 !important; }
#col-main .note-pale p { color:#008fd0; padding:0 0 10px 0 !important; margin:0 !important; }
#col-main .note-pale p a { color:#008fd0; }

#headercontainer #search { float:right; margin:0; padding:0; width:350px; text-align:right; }
#headercontainer #search .search-button { border:none; background-color:#e5f4fa; color:#008fd0; padding:0 10px; margin:0; height:20px; }
#headercontainer #search input[type='text'] { border:1px solid #ccc; padding:2px; margin:0; color:#666; width:220px; height:14px; }

.search-page-links, .search-headline, .search-line { display:none; }

.calendar-themes ul {margin:0;padding:0;}
.calendar-themes ul li { margin:0 3px 5px 0; list-style:none; float:left; width:130px; height:86px; overflow:hidden;border:1px solid #ddd }
.calendar-themes ul li img { width:130px; height:86px; overflow:hidden; display:block; }
.calendar-themes ul li a, 
.calendar-themes ul li a:link, 
.calendar-themes ul li a:visited, 
.calendar-themes ul li a:hover, 
.calendar-themes ul li a:active {width:130px; height:86px; }

/* for eshot page */
.crop-box {width:160px; height:110px; overflow:hidden; margin:7px 0 10px 7px;}
.crop-box img {width:160px; border:0;}
#col-main .col-gallery {float:left; width:175px; padding:0 0 5px 0; margin:0 10px 20px 0; background-color:#eee; position:relative;}
#col-main .col-gallery p { margin:0 0 0 7px; padding:0; color: #666; font-size:11px;}

.new-tag { background: url("/images/common/new-tag.png") left top no-repeat; width:61px; position:absolute; height:61px;top:0; right:0;  }
.new-tag span { display:none;}

/* for contact form */

.message {background:#ddd; color:#999;display:none;padding:10px 10px 1px 10px; margin-bottom:10px;}
#alert {margin:0 0 10px 0; padding:0;}
.alert {margin:0 0 10px 0; padding:0;background:url("/images/common/delete-24x24.png") no-repeat left top; line-height:24px; padding-left:30px; color:#cc0000;}
.accept {margin:0 0 10px 0; padding:0;background:url("/images/common/accept-24x24.png") no-repeat left top; line-height:24px; padding-left:30px; color:green;}
.info {margin:0 0 10px 0; padding:0;background:url("/images/common/info-24x24.png") no-repeat left top; line-height:24px; padding-left:30px; color:#cc0000;}
.quoteboxtop { background-color:#eee;}
#container .quoteboxtop h2 { background-color:#008fd0; padding:5px; color:#fff; font-size:14px }
.quoteboxbottom { padding:0 20px 20px 20px;}


/* tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}

#col-main ul.ui-tabs-nav {margin:0;}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#col-main .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
	 list-style:none !important;
	 cursor:default;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url("/images/common/tab.png") no-repeat;
	 cursor:pointer;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#container #new-product { display:block; height:180px; }
#container #new-product h3 { font-size:18px; margin-bottom:20px; }
#container #new-product .col-product-frame { float:left; background: url("/images/common/new-product-bg.gif"); width:123px; height:94px; margin-right:25px; text-align:center; padding-top: 8px; }
#container #new-product .col-product-frame img { height:85px; }
#container #new-product .col-product-image { height:100px; }

/* end */
