@charset "utf-8";

/* Layout Styles ................................................... */
* {padding: 0; margin: 0;}

body  {margin: 0; padding: 0; text-align: center; color: #7f7f7f; background-color: #332e29; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../images/full_bg_witharrows.jpg) repeat top center;}
html, body { height:100%; width:100%;}

/*#arrows {background:url(../images/bg_arrows.png) no-repeat top center; width:100%; height:912px; margin:0px auto; position: absolute; z-index:10;}*/

#fullWrapper {width:930px; margin: 0px auto; padding:0px; position:relative; z-index:30;} 

#header {height: 220px; width: 930px; margin:0px auto; text-align: left; padding: 0px; position:relative; z-index:50; text-align:center; background:url(../images/Corella_header_bg.png) no-repeat center;}
#phoneNumber {width:260px; height:26px; position:absolute; text-align:left; right:300px; top:185px; z-index:100;}
	.phoneNumber_txt {font:14px/21px Arial, Helvetica, sans-serif; color:#4d4a47; float:left; margin-right:15px;}
	.phoneNumber_digits {font:bold 16px/21px Arial, Helvetica, sans-serif; color:#4d4a47; padding-left:25px; background: url(../images/Corella_phone_icon.png) no-repeat left; height:21px; display:block; float:left;}
#header_logo {position:relative; float:left; width:297px; height:164px; margin:25px 0px 0px 25px; z-index:55;}


#contentContainer {width: 930px; text-align: left; margin: 0px auto; position:relative; padding:0px; z-index:60; } 
	#menu_1 {width:901px; height:37px; margin:0px 14px 0px 14px;}
	#topnav_left {width:55%; /*width:544px;*/ height:37px; background:url(../images/Corella_topnav_left_tile.png) repeat-x; text-align:left; margin-right:0px; position:relative; float:left;}
	
/* -------- Top Navigation ------------ */
ul#topnav_left {list-style:none;  margin:0px; padding:0px; width:100%; height:37px; position:relative; display:block; z-index:100px;}
#topnav_left  ul {list-style:none;  margin:0px 0px 0px -6px; padding:0px; width:100%; height:37px; position:relative; display:block; z-index:100px;}
#topnav_left  li { display: inline-block; cursor:pointer; position: relative; text-align:left; margin:0px 5px 0px 5px; height:37px; float:left; }
#topnav_left li a { height:37px; font:12px/37px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; background-image:url(../images/Corella_topnav_divider.jpg); background-repeat:no-repeat; background-position:left; display: inline-block; padding:0px 0px 0px 15px;}
#topnav_left li a:hover { height:37px; font:12px/37px Arial, Helvetica, sans-serif; color:#000000; padding:0px 0px 0px 15px; text-decoration:none;background-image:url(../images/Corella_topnav_divider.jpg); background-repeat:no-repeat; background-position:left; display: inline-block; }

	#topnav_left ul li ul {display: none; width:140px; }
	#topnav_left ul li:hover ul {display: block; position:absolute; top:34px; left:0px; background-color:#3d3b38; height:18px; padding:0px; }
	#topnav_left ul li ul li {margin:0px; height:18px;}
	#topnav_left ul li ul li a {width:140px; height:18px; font:12px/18px Arial, Helvetica, sans-serif; text-align:left; color:#ffffff; display:block; cursor:pointer; background-color:#3d3b38; border-top:1px solid #63615e; border-bottom:1px solid #282623; text-indent:5px; background-image:none;}
	#topnav_left ul li ul li a:hover {width:140px; height:18px; font:12px/18px Arial, Helvetica, sans-serif; text-align:left; color:#000000; display:block; cursor:pointer; background-color:#3d3b38; border-top:1px solid #63615e; border-bottom:1px solid #282623; text-indent:5px; background-image:none;}
		
	#topnav_right {width:45%; /*width:356px;*/ height:37px; background:url(../images/Corella_topnav_right_tile.jpg) repeat-x; text-align:right; position:relative; float:right;}	

#topnav_rightText a { height:37px; font:11px/37px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; display: inline-block; padding:0px 5px 0px 5px;}
#topnav_rightText a:hover { height:37px; font:11px/37px Arial, Helvetica, sans-serif; color:#000000; padding:0px 5px 0px 5px; text-decoration:none; display: inline-block; }
	
/* -------- END Top Navigation ------------ */		
		
	#order_online_txt {display:inline-block; text-align:left; float:left; margin-left:10px;}
	#order_online_txt a {font:15px/37px Arial, Helvetica, sans-serif; color:#ffffff; background:url(../images/Corella_orderonline_icon.png) no-repeat left; padding-left:70px; display:inline-block; text-align:left; float:left; text-decoration:none;}
	#order_online_txt a:hover {font:15px/37px Arial, Helvetica, sans-serif; color:#000000; background:url(../images/Corella_orderonline_iconRO.png) no-repeat left; padding-left:70px; display:inline-block; text-align:left; float:left; text-decoration:none;}

* html #wrapper {height: 100%;}
#wrapper {width:990px; min-height:100%; position:relative; background:url(../images/Corella_content_bg_tile.png) repeat-y left top; display:table-cell; }
#menu_2 {margin:0px 0px 0px 15px; padding:0px; position:relative; width:227px; }
#mainContent_photos {width:662px; height:131px; position:relative; float:right; margin-right:15px; padding:0px 5px 0px 6px; z-index:50;}
#mainContent {width:652px; position:relative; float:left; margin-right:0px; padding:0px 0px 0px 10px; margin-top:5px; z-index:50;}
/* ORIGINAL style ---- #mainContent {width:652px; position:relative; float:right; margin-right:15px; padding:0px 11px 0px 0px; margin-top:5px; z-index:50;}*/

	#CTA_join_newsletter {width:227px; height:48px; margin-left:15px;}
	#CTA_facebook {width:227px; height:49px; margin-left:15px;}
	#CTA_request_catalogue {width:227px; height:49px; margin-left:15px;}
	#CTA_colour_samples {width:227px; height:48px; margin-left:15px; float:left;}

#leftPanel {width:227px; position:relative; float:left; margin:13px 0px 0px 0px; padding:0px; z-index:50; }
#sidebar1 {width:242px; min-height:100%; position:relative; float:left; margin-top:5px;}

#quickSearch_boxTop {width:216px; height:23px; background:url(../images/Corella_quicksearch_top_bg.png) no-repeat; margin-bottom:1px; text-align:left; font:16px/20px Arial, Helvetica, sans-serif; color:#ffffff; padding-top:10px; text-indent:7px; margin-left:16px;}
#quickSearch_box {width:216px; height:auto; background:#4d4a47 url(../images/Corella_quicksearch_bottom_bg.jpg) no-repeat bottom; padding:5px 0px 5px 0px; margin-left:16px; }

#categories_wrapper {width:214px; height:100%; border-left:1px solid #4d4a47; border-right:1px solid #4d4a47; position:relative; margin-left:12px; }
#categories_box {width:216px; height:23px; background: url(../images/Corella_categories_bg.jpg) no-repeat center; text-align:left; font:16px/20px Arial, Helvetica, sans-serif; color:#ffffff; padding-top:10px; text-indent:7px; margin-left:12px;}
#categories_bottom {width:216px; height:13px; background:url(../images/Corella_leftnav_bottom.jpg) no-repeat; margin-left:12px;}

ul#view_specials_now  {width:214px; height:28px; margin:0px; padding:0px; list-style:none;}
#view_specials_now li a {width:214px; height:28px; background: url(../images/Corella_buttonbg_view_specials_now.jpg) no-repeat; text-align:left; font:14px/28px Arial, Helvetica, sans-serif; color:#ffffff; text-indent:22px; text-decoration:none; list-style:none; display:block;}
#view_specials_now li a:hover{width:214px; height:28px; background: url(../images/Corella_buttonbg_view_specials_nowRO.jpg) no-repeat; text-align:left; font:14px/28px Arial, Helvetica, sans-serif; color:#ffffff; text-indent:22px; text-decoration:none; list-style:none; display:block;}

#extra_categories ul{display: block; cursor:pointer; position: relative; text-align:left; float:left; margin:0px; width:214px; list-style:none;}
#extra_categories li {list-style:none;}
#extra_categories li a {height:27px; width:214px; font:14px/27px Arial, Helvetica, sans-serif; color:#2d2b28; padding:0px; text-indent:22px; display:block; text-decoration:none; background-image:url(../images/Corella_leftnav_bg.jpg); background-repeat: no-repeat;  border-top:1px solid #c9c7c5; list-style:none;}
#extra_categories li a:hover{height:27px; width:214px; font:14px/27px Arial, Helvetica, sans-serif; color:#2d2b28; padding:0px; text-indent:22px; display:block; text-decoration:none; background-image:url(../images/Corella_leftnav_bg_RO.jpg);  background-repeat: no-repeat; border-top:1px solid #c9c7c5; list-style:none;}


#footer {width:930px; height:47px; background: url(../images/Corella_footer_bg.png) no-repeat top center; margin: 0px auto; text-align:left; padding:23px 0px 0px 0px; position:relative; } 
#footer p {margin:0px; font:11px Arial, Helvetica, sans-serif; color:#a4a1a0;}
#footer a, #footer a:link, #footer a:active, #footer a:visited {color: #a4a1a0; text-decoration: none;}
#footer a:hover {color: #ffffff; text-decoration: underline;}
#footer_textleft {float:left; margin-left:15px;}
#footer_textright {float:right; margin-right:15px;}

.breadcrumbs {margin-top: 20px;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right; margin-left: 10px; }
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left; margin-right: 10px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both;}
#clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both;}
/* End Layout Styles ................................................... */

/* TEMPLATE SPLASH */
* html #wrapper2 {height: 100%;}
#wrapper2 {width:930px; min-height:100%; position:relative; background:url(../images/Corella_content_bg_tile.png) repeat-y center; display:table-cell; }
#mainContent2 {width:900px; position:relative; margin-right:15px; padding:0px; margin:5px 15px 0px 15px; text-align:center; z-index:50;}

/* Text Formatting ................................................... */
h1 {font:19px Calibri, Arial, Helvetica, sans-serif; color:#a31611; margin:10px 0px 20px 0px; padding:0px; border-bottom:1px solid #e5e5e5; display:inline-block;}
h2 {font:18px Calibri, Arial, Helvetica, sans-serif; color:#4d4a47; margin:0px 0px 15px 0px; padding:0px;}
h3 {font:16px Arial, Helvetica, sans-serif; color:#4d4a47; margin:0px; padding-left:5px; border-bottom:1px solid #e5e5e5; display:inline-block;}
h4 {font:16px Arial, Helvetica, sans-serif; color:#a31611; margin:0px;}
h5 {font:bold 14px Arial, Helvetica, sans-serif; color:#7f7f7f; margin:0px 0px 15px 0px; padding:0px; text-align:center;}
h6 {font:14px Arial, Helvetica, sans-serif; color:#4d4a47; margin:0px;}


#mainContent p {font:12px Arial, Helvetica, sans-serif; color:#7f7f7f; margin-top:5px;}


#mainContent ul {margin:0px; padding:0px;}
#mainContent li {margin:0px; padding:0px;}

#mainContent a:link {font:12px Arial, Helvetica, sans-serif; color: #d9261c; text-decoration: underline;}
#mainContent a:visited {font:12px Arial, Helvetica, sans-serif; color: #d9261c; text-decoration: underline;}
#mainContent a:hover  {color: #d9261c; text-decoration: none;}

#mainContent a:link img {border:1px solid #b9b8b8;}
#mainContent a:visited img {border:1px solid #b9b8b8;}
#mainContent a:hover img {border:1px solid #b9b8b8;}

#mainContent .spacer-gif {border: none;}
.csc-caption {font:10px Arial, Helvetica, sans-serif; color:#7f7f7f; text-align:center;}
#mainContent p.csc-caption {font:10px Arial, Helvetica, sans-serif; color:#7f7f7f; margin-top:5px; text-align:center;}

#mainContent2 td {
	font-size: 13px;
}
.button, .button a {background:#000000 url(../images/input.gif) repeat bottom; border:1px solid #000000; font:12px/18px Arial, Helvetica, sans-serif; color:#ffffff;margin: 0px; text-align: center; height: 23px; padding: 0px 5px; cursor:pointer;}
.button a:hover {background:url(../images/input_ROLL.gif) repeat bottom; border:1px solid #000000; cursor:pointer;}

#mainContent a:link.button{background:#000000 url(../images/input.gif) repeat bottom; border:1px solid #000000; font:12px/23px Arial, Helvetica, sans-serif; color:#ffffff; margin:0px; text-align:center; height:23px; padding:0px 5px; cursor:pointer; display:inline-block; text-decoration:none;}
#mainContent a:hover.button{background:url(../images/input_ROLL.gif) repeat bottom; border:1px solid #000000; font:12px/23px Arial, Helvetica, sans-serif; color:#ffffff; cursor:pointer; display:inline-block; text-decoration:none; margin:0px; text-align:center; height:23px; padding:0px 5px;}

#mainContent2 fieldset input, select {background-color:#CCC; border:1px solid #000;}
#mainContent2 fieldset input:hover, select:hover {background-color:#999; border:1px solid #000;}

/* End Text Formatting ................................................... */

/*Form Styles*/
.personal, .address_info {width: 650px; text-align:left;}
.personal th, .address_info th {font-weight: normal;}
.personal .required, .address_info .required {font-weight: bold;}
.personal input, .address_info input {margin-bottom:5px; margin-left:3px;}

#mainContent2 fieldset {padding-left: 7px; padding-right: 7px; padding-bottom: 7px;}

.tbl_list{border-collapse:collapse; width: 100%; background-color: #FFF; font:12px Arial, Helvetica, sans-serif; margin-bottom:20px;}
.tbl_list td, .tbl_list th{padding: 8px;}
.tbl_list th{background-repeat:repeat-x; background-color: #333; color:#FFF; font: bold 14px Arial, Helvetica, sans-serif;}
.tbl_list th a{text-decoration:none; color:#BB7E00;}
.tbl_list /**/ td, .tbl_list /**/ th{border: 1px solid #333; border-collapse:collapse;}

/* Styles for the product search .........................................................................................*/
#ProductSearch {background: url(../images/SearchBG.jpg) no-repeat; vertical-align: top; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; float:left; position:relative; z-index:100;}
#ProductSearch label {line-height: 20px;}
#ProductSearch input {margin-left: 5px; margin-top: 3px; width: 165px; height: 25px; margin-bottom: 11px;}
#ProductSearch .searchbutton {color: #FFF; background-image: url(../images/Search.gif); border: none; font:12px Arial, Helvetica, sans-serif; width: 52px; margin-top: 0px; margin-left: 5px; text-align: center; height: 24px; padding: none; vertical-align: top; cursor:pointer;}
#ProductSearch .searchbutton:hover {color: #FFF; background-image: url(../images/Search_ROLL.gif); border: none; font:12px Arial, Helvetica, sans-serif; width: 52px; margin-top: 0px; margin-left: 5px; text-align: center; height: 24px; padding: none; vertical-align: top; cursor:pointer;}

/* End styles for the product search ........................................................................................*/

.LoginText{font:12px/37px Arial, Helvetica, sans-serif; color:#ffffff; text-align:right;}
.LoginText a{font:12px/37px Arial, Helvetica, sans-serif; color:#ffffff; text-align:right; text-decoration:underline;}
.LoginText a:hover{font:12px/37px Arial, Helvetica, sans-serif; color:#ffffff; text-align:right; text-decoration:none;}

/* Styles for the Login .........................................................................................*/
#Login label {font-size:10px; color:#271f01; padding-left: 10px; font-weight: bold;}
#Login input {margin-left: 10px; margin-top: 5px; margin-bottom: 10px; width: 160px; height: 25px;}
#Login .button {
	color: #FFF;
	background-image: url(../images/Search.gif);
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 52px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: center;
	height: 24px;
	padding: none;
	vertical-align: top;
}
/* End styles for the Login ........................................................................................*/


a.th_style
{
	text-decoration:none;
	color:#121c63;
}

.showLayer{
	display:block;
}

.hideLayer{
	 display:none;
}

.tbl_box input{
	width:80px;	
	margin-bottom:0px;
}

.tbl_box
{	
	background-repeat: repeat-x;
	background:#ffffff;
    width:150px;
	color:#7F7F7F;
	padding-bottom:20px;
	border:0px;
}

.box_left{display:none;}
.box_right{display:none;}

.box_center  {
 font: 16px/35px  Arial, Helvetica, sans-serif; 
 text-transform: capitalize; 
 color: #7F7F7F; 
/* text-indent: 20px; */
 height: 35px;
 width:150px; 
 
}
div.error{
	border: 1px solid #990000;
	padding: 5px;
	background: #f2f2f2;
	color: #990000;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 400px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	
}
div.error h2 {color: #DD0000;}

div.success {
	border: 1px solid #000066;
	padding: 5px;
	background: #f2f2f2;
	color: #000066;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 400px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	
}
div.success h2{color: #003399;}
div.success li{
	width:402px;	
}
div.error li, div.success li
{
	list-style: none;
}

.error ul li{
	width:402px;
}
span.tooltip {
	cursor: pointer;
	FONT-WEIGHT: bold;
}

span.tooltip:hover {
	background:white; 
	text-decoration:none;
	cursor: pointer;
	FONT-WEIGHT: bold;	
}

span.tooltip div {
	display:none; 
	padding:2px 3px; 
	margin-top:20px;			
}

span.tooltip:hover div{
	display:inline; 
	position:absolute; 
	background:white; 	
	border:1px solid black; 		
	padding: 0.2em 0.6em;	
	color:white;	
	right:8em;	
}


span.tooltip_product_link {
	cursor: pointer;
	FONT-WEIGHT: bold;
}

span.tooltip_product_link:hover {
	background:white; 
	text-decoration:none;
	cursor: pointer;
	FONT-WEIGHT: bold;	
}

span.tooltip_product_link div {
	display:none; 
	padding:2px 3px; 
	margin-top:17px;			
}

span.tooltip_product_link:hover div{
	display:inline; 
	position:absolute; 
	background:white; 	
	border:1px solid black; 		
	padding: 0.2em 0.6em;	
	margin-right: 250px;
	color:white;	
	right:14em;	
}
div.menu1_lvl2:hover div.menu1_lvl3, .menu1_lvl2.over div.menu1_lvl3
{
	display:block;
}
 

#payment fieldset
{
	border: 1px solid #043462;
	width: 98%;
	background: #fff;
}
#payment legend
{
	color: #000;
	font-weight: bold;
	background: #ECECEC;
	border: 1px solid #043462;
	padding: 2px 6px
}
.container_img
{
    width:auto;
    height:auto;
    background:#CCCCCC;
    margin: 1px;
}

.container_img img{
    border: 2px solid grey; 
}
.txt_img{            
    position:absolute;
    color:grey;
    font-size:12px;
    font-weight:bold;            
    margin-left: 2px;
    margin-top: -20px;    
    width: 70px;
    height: 70px;     
}
.img_border{
   border: 2px solid #E2E2E2;      
   width: 121px; 
   height: 121px;
}
.text_instructions{
	background-color:#FFF;
    position:absolute;
    color:grey; 
    margin-top: -35px;
    width: 110px;
    *margin-top: 85px;
    *margin-left: -120px;
}