/* CSS Document */
/* Style Sheet for Roses of Devizes Copyright (C) soVision Ltd */
/* November 2009*/
/* Site wide colours
    Backgrounds
        Dark Green  :   #006543
        Red         :   #ED1C24
        White       :   #FFFFFF
        Grey        :   #D7D6DA

    Themes
        Green       :   #006732
        Purple      :   #8064A2
        LtGreen     :   #33CC00
        Grey        :   #666666
        Blue        :   #4BACC6
        Mustard     :   #CCA400
        Orange      :   #FF6600
        Pink        :   #FF0099
        Red         :   #FF0000

    Colours
        Dark Green  :   #006542
        Red         :   #ED1C23
        White       :   #FFFFFE
*/

/* GENERAL RULES */
a, a:link, a:active, a:visited{color:#AD101C; text-decoration:none;}
a:hover{ color:#6F0009; text-decoration:underline; }
h1, h2, h3, h4, h5, h6{text-align:left; color:#333333;line-height:1.4em;margin:0;padding:0;}
h1 a, h2 a, h3a, h4 a, h5 a, h6 a{color:#333333; text-decoration:none;}
h1 a:hover, h2 a:hover, h3a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#666666; text-decoration:underline;}

/* MISC */
img{border:none;}
.clear{clear:both;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
.inner{padding:8px;}
.smalltext{font-size:0.8em;}
.red{color:#ED1C23;}

/* LAYOUT */
html{
	height:100%;
	margin:0;
	padding:0;
	background:#EFF0F1 url(../images/outer.png) top center repeat-y;
}
body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
}
.outer{
	height:100%;
	margin:0 auto 0 auto;
	padding:0;
	width:980px;
}
.container{
	margin:0;
	padding:0;
	width:980px;
}
.page{
	float:left;
	width:980px;
	background:#FFFFFE;
}
/* HEADER */
.header{
	margin:0 auto 0 auto;
	padding:0;
	width:980px;
	height:140px;
	background:#006543 url(../images/page-bg.jpg) top no-repeat;
}
.heading{
	float:left;
	width:748px;
	display:none;
}
.heading h1{
	margin:12px 0 0 16px;
	padding:0;
	font-size:2em;
	color:#FFFFFC;
}
.heading h2{
	margin:0 0 0 16px;
	padding:0;
	font-size:1.5em;
	color:#FFFFFC;
}
.logo{
	height:62px;
	padding:22px 0 0 20px;
	margin:0 0 12px 0;
}
.account-basket{
    width:100%;
    background:#006543;
    height:20px;
}
.login{
    font-size:0.9em;
    margin:0 8px 12px 0;
    padding:2px 0 2px 0;
    text-align:right;
    color:#FFFFDD; 
}
.login a{
    color:#FFFFFE;
}
/* Main Navigation */
.main-nav{
	width:960px;
	height:72px;
	margin:20px 10px 9px 10px;
}
.main-nav ul{
	list-style:none;
	margin:0 12px 0 12px;
	padding:0;
    height:42px;
}
.main-nav li{
	float:left;
	margin:0 1px 0 1px;
	padding:0;
	height:42px;
	width:83px;
	display:block;
	background:#D7D6DA url(../images/top-nav-off.gif) no-repeat;
}
.main-nav span{
    padding:4px 4px 0 4px;
    display:block;
}
.main-nav li a{
	color:#313031;
	text-decoration:none;
	margin:0;
	padding:0;
	height:42px;
	width:83px;
	display:block;
	text-align:center;	
}

.main-nav .Default_menuitem a:hover{
	background:#006732 url(../App_Themes/Default/images/top-nav-on.gif) no-repeat;
}
.main-nav .Purple_menuitem a:hover{
	background:#8064A2 url(../App_Themes/Purple/images/top-nav-on.gif) no-repeat;
}
.main-nav .Light-Green_menuitem a:hover{
	background:#33CC00 url(../App_Themes/Light-Green/images/top-nav-on.gif) no-repeat;
}
.main-nav .Grey_menuitem a:hover{
	background:#666666 url(../App_Themes/Grey/images/top-nav-on.gif) no-repeat;
}
.main-nav .Light-Blue_menuitem a:hover{
	background:#4BACC6 url(../App_Themes/Light-Blue/images/top-nav-on.gif) no-repeat;
}
.main-nav .Mustard_menuitem a:hover{
	background:#CCA400 url(../App_Themes/Mustard/images/top-nav-on.gif) no-repeat;
}
.main-nav .Orange_menuitem a:hover{
	background:#FF6600 url(../App_Themes/Orange/images/top-nav-on.gif) no-repeat;
}
.main-nav .Pink_menuitem a:hover{
	background:#FF0099 url(../App_Themes/Pink/images/top-nav-on.gif) no-repeat;
}
.main-nav .Red_menuitem a:hover{
	background:#FF0000 url(../App_Themes/Red/images/top-nav-on.gif) no-repeat;
}
      
.main-nav .search{
    background:url(../images/search-bg.png) left no-repeat;
    height:30px;
    line-height:30px;
    margin:0 12px 0 0;
    padding:0 0 0 4px;
    float:left;
    width:auto;
 }
 .main-nav .search span{
    float:left;
    height:24px;
    line-height:24px;
 }
 .go{
    margin:-1px 0 0 8px;
    padding:0;
 }
 
/* LEFT COL and PRODUCT CAT */
.left-col{
	float:left;
	width:160px;
	margin:0 0 0 10px;
	padding:0;	
	border:1px solid #FFF;
}
.left-nav, .left-news{
	width:160px;
	margin:0 0 12px 0;
}
.news-content{
    border:1px solid #D7D6DA;
    margin:1px 0 0 0;
}

.left-nav .title p{
	color:#FFFFFC;
	margin:0 12px 0 12px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	background:url(images/down-arrow.gif) right no-repeat;	
}
.left-news .title p, .left-news .title p a{
	color:#FFFFFC;
	margin:0 12px 0 6px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
/* Product Navigation */
/* - tier 1 - */
.left-nav .prod-nav-tier-1 ul{
	list-style:none;
	margin:0;
	padding:0;
}
.left-nav .prod-nav-tier-1 li{
	background:#EFF0F1;
	margin:1px 0 0 0;
	padding:0;
}
.left-nav .prod-nav-tier-1 a{
	color:#333333;
	text-decoration:none;
	display:block;
	background:	url(images/category-more.gif) right no-repeat;
	padding:6px;
}
.left-nav .prod-nav-tier-1 a:hover{
	background:#CCCCCC 	url(images/category-open.gif) right no-repeat;
}
.left-nav .prod-nav-tier-1 .selected{
	background:#ED1C24 url(images/category-selected.gif) right no-repeat;
	color:#FFFFFF;
}
.left-nav .prod-nav-tier-1 .selected:hover{
	background:#6F0008 url(images/category-selected-over.gif) right no-repeat;
	color:#FFFFFF;
}
/* - tier 2 - */
.left-nav .prod-nav-tier-2 ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.9em;
}
.left-nav .prod-nav-tier-2 li{
	margin:1px 0 0 0;
	padding:0;
	border-bottom:1px solid #EFF0F1;
	background:none;
}
.left-nav .prod-nav-tier-2 li a{
	color:#333333;
	text-decoration:none;
	display:block;
	background:none;
	padding:1px 4px 1px 4px;
	margin:0 0 0 8px;
	font-size:0.95em;
}
.left-nav .prod-nav-tier-2 li a:hover{
	background:	url(images/sub-category-open.gif) right no-repeat;
	color:#6F0009;
}
.left-nav .prod-nav-tier-2 .selected
{
    background:#ED1C24 url(images/category-selected.gif) right no-repeat;
	color:#FFFFFF;
}
.left-nav .prod-nav-tier-2 .selected a{
	background:	url(images/sub-category-open.gif) right no-repeat;
}
.left-nav .prod-nav-tier-2 .selected a:hover{
	background:	url(images/sub-category-open.gif) right no-repeat;
}

/* - tier 3 - */
.left-nav .prod-nav-tier-3 ul{
	list-style:none;
	margin:0 0 0 6px;
	padding:0 0 0 6px;
	font-size:0.9em;
}
.left-nav .prod-nav-tier-3 li{
	margin:1px 0 0 0;
	padding:0;
	border-bottom:1px solid #EFF0F1;
}
.left-nav .prod-nav-tier-3 li a{
	color:#AD101C;
	text-decoration:none;
	display:block;
	padding:2px 12px 2px 6px;
}
.left-nav .prod-nav-tier-3 li a:hover{
	color:#6F0009;
	background:#FFFFFE url(images/sub-category-more.gif) right no-repeat;
}
.left-nav .prod-nav-tier-3 .selected{
    color:#6F0009;
    background:	url(images/sub-category-more.gif) right no-repeat;
    font-weight:bold;
}
.left-nav .prod-nav-tier-3 .selected a{
    color:#6F0009;
	background:	url(images/sub-category-more.gif) right no-repeat;
	
}
.left-nav .prod-nav-tier-3 .selected:hover{
    color:#6F0009;
	background:	url(images/sub-category-more.gif) right no-repeat;
}

/* News Panel */
.grey-panel{
	background:#EFF0F1;
	margin:1px 0 12px 0;
	width:100%;
}
.grey-panel .inner{
	padding:4px;
}
/* MAIN AREA */
.main{
	float:left;
	width:760px;
	margin:0 0 0 12px;
}

.main-full{
	float:left;
	width:920px;
	margin:0 0 0 24px;
}

.breadcrumb{ font-size:0.9em;}
.product-list{
	padding:12px 0 0 0;
}
.product-item{
	background:#EFF0F1;
	padding:0;
	margin:12px 0 0 0;
	float:left;
	width:100%;
	border-bottom:2px solid #FFFFFF;
}
.product-item-desc{
	float:left;
	width:570px;
	margin:0 20px 0 0;
}
.product-item-image{
	float:left;
	width:auto;
}
/* Product Page */
.product-page{
    margin:20px 0 0 0;
    float:left;
	width:auto;
	background:#EFF0F1;
}
.content-left{
    float:left;
	width:550px;
	margin:0 20px 0 0;
	padding:0 0 10px 0;
}
.content-right{
    float:left;
	width:146px;
}
.price-table{
    margin:0 0 10px 0;
}
.price-prompt{
    margin:0;
    padding:0;
    font-size:0.8em;
    line-height:1.1em;
}
.price-amount{
    margin:0;
    padding:0;
    font-size:1.8em;
    color:#ED1C23;
    font-weight:bold;
}
/* image */
.enlarge{
	width:146px;
	height:19px;
	line-height:19px;
	color:#FFFFFF;
	background:#707476 url(images/image-enlarge.gif) bottom center no-repeat;
	text-indent:6px;
	font-size:0.8em;
}
.see-range{
	width:146px;
	height:19px;
	line-height:19px;
	color:#FFFFFF;
	background:url(images/img-header.gif) bottom center no-repeat;
	text-indent:6px;
	font-size:0.8em;
}
.caption{
	background:#fff;
	color:#333333;
	width:146px;
	text-align:center;
	font-size:0.8em;
	display:block;
	clear:both;
	margin:0 0 6px 0;
	padding:4px 0 4px 0;
}

.product-item-image a, .product-item-image a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.prod-img{
	background:#707476;
	margin:0;
	padding:0;
}
.prod-img a{float:left;}

.img-select-on a{
	background:url(images/image-tab-on.gif) left top no-repeat;
	text-align:center;
	color:#FFFFFF;
	float:left;
	width:35px;
	height:18px;
	line-height:18px;
	margin:0 4px 0 0;
	display:block;
}
.img-select-on a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.img-select-off a{
	background:url(images/image-tab-off.gif) left top no-repeat;
	text-align:center;
	color:#707477;
	float:left;
	width:35px;
	height:18px;
	line-height:18px;
	display:block;
}
.img-select-off a:hover{
	color:#707477;
	text-decoration:underline;
}
.desc{
	float:left;
	width:418px;
	padding:0;
	margin:0 10px 0 0;
    border:1px solid #CCCCCC;
    background:#FFF;
}
.desc select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 18px 0 0;
}
.action-button{
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#FFFFFF!important;
	text-align:center;
	width:100px;
	height:22px;
	line-height:22px;
}
.action-button a{
    color:#FFFFFF!important;
}
.action-button:hover{
	background:#707476;
}
.action-button2{
	border:1px solid #FFFFFF;
	background:#CCCCCC;
	display:inline-block;
	color:#FFFFFF!important;
	text-align:center;
	width:100px;
	height:22px;
	line-height:22px;
}
.action-button2 a{
    color:#FFFFFF!important;
}
.action-button2:hover{
	background:#707476;
}
/* LOGIN */
.login-box{
    width:430px;
    float:left;
    margin :0 24px 24px 0;
    background:#EFF0F1;
}
.error{
    display:block;
    width:100%;
    color:red;
    font-size:0.9em;
}
.register-box{
    background:#EFF0F1;
    width:100%;   
}
.register-box-input{width:260px;}

/* *** */
.other-products-panel{
	margin:12px 0 8px 0;
	padding:0 0 0 0;
}
.related-products-panel{
	margin:30px 0 0 0;
	padding:0 0 0 0;
	width:100%;
	border-top:1px solid #CCCCCC;
}
.back-to-top{ 
	font-size:0.85em;
	width:100%;
}
.back-to-top a{
	color:#333333;
	text-decoration:none;
	background:#CCCCCC;
	position:inherit;
	right:0;
	padding:0 6px 2px 6px;
	margin:0;
	float:right;
}
.back-to-top a:hover{text-decoration:underline;}
/* Scrolling Product Tables */
.scrolling-products{
	background:#CCCCCC;
	padding:1px;
	overflow:auto;  /* cater to the older browsers */
	overflow-x:scroll; /* scroll horizontal */
	overflow-y:hidden; /* Hide vertical*/
	white-space:nowrap;
	position:relative;
	float:left;
	width:99%;
}
.scrolling-products table td{
	background:#FFFFFF;
	padding:3px;
}
.scrolling-products table h3{
	margin:0;
	font-weight:normal;
	font-size:1em;
}
/* Specification Table */
#specification{
	width:100%;
	border-collapse:collapse;
}
#specification th{
	border:1px solid #666;
	background:#ECECEC;
	border-collapse:collapse;
	padding:2px;
	text-align:left;
}
#specification td{
	border:1px solid #666;
	border-collapse:collapse;
	padding:2px;
}
/* Links and Downloads */
.downloads{
	border-bottom:1px dotted #666;
	width:100%;
	margin:0 0 6px 0;
}
.downloads p{line-height:28px;}
.downloads img{float:right;}



/* FOOT */
.footer{
	width:960px;
	margin:12px 10px 0 10px;
	height:30px;
	line-height:30px;
	color:#FFFFFE;
	font-size:0.8em;
}
.footer .left{
    padding:0 12px 0 12px;
}

.footer .right{
	padding:0 12px 0 12px;
}

.footer a{color:#fffffe;}


.foot-nav{
    width:960px;
	margin:0 10px 12px 10px;
	font-size:0.9em;
	color:#999;
	line-height:1.3em;
	text-align:center;
}
.foot-nav a{color:#666;}
.foot-nav .inner{padding:4px 12px 4px 12px;}

/* SEARCH */
.searchItem
{
	background:#EFF0F1;
	margin:0 0 10px 0;
	padding:6px;
}
.searchresults h1
{
	font-size:1em;
	font-weight:bold;
}
.searchresults h2
{
	font-size:1em;
}
.searchresults h3
{
	font-size:1em;
}
.searchresults h4
{
	font-size:1em;
}
.searchresults h5
{
	font-size:1em;
}
.searchresults h6
{
	font-size:1em;
}
.searchresults p
{
	font-size:0.9em;
}
/* TEXT FORMATTING */
h1{
    font-size:1.6em;
    padding:0 0 0.4em 0;
}
h1 strong{
    font-weight:normal;
}
h2{
    font-size:1.4em;
    padding:0 0 0.4em 0;
}
h3{
    font-size:1.3em;
	padding:0 0 0.4em 0;
}
h4{
    font-size:1.2em;
    color:#6F0009;
	padding:0 0 0.4em 0;
}
h5{
    font-size:1.1em;
	padding:0 0 0.4em 0;
}
h6{
    font-size:1.1em;
    font-style:italic;
	padding:0 0 0.4em 0;
}
p{
	margin:0.2em 0 1.3em 0;
	padding:0;
}
ol, ul{
    margin:0.5em 1em 0 0.5em;
    padding:0 0 1em 1em;
}
li{
    margin:0.5em 0 0.75em 0.5em;
    padding:0 0 0 1em;
}
hr{
    color:#666;
	background-color:#666;
	border:0;
	height:1px;
}