/* CSS Document */

#main-site-logo
{
	float:left;
	margin:32px 0px 0px 20px;
}
body.body-index #main-site-logo, body.body-no-login #main-site-logo { margin:10px 40px 0px 0px; }

/* ************ Index page styling ***************/
.site-main-index-container
{
	overflow: auto;
	height: 100%;
	width: auto; /*726px;*/
	margin:10px auto 10px;
}
.site-main-index-container .home-text
{
	float: left; 
	width: 480px; 
	margin-right:20px;
	margin-top: 10px;
	font-style: italic;
}
.site-main-index-flash-panel { margin-bottom:30px; }
#index_flash_panel { float: left; }
.site-main-index-content-panel 
{
	float:left;
	width:50%;
	margin-top:35px;
}
.site-main-index-buttons 
{ 
	float: left;
	margin-left: 28px;
	position: relative; 
	text-align: center;
}
.site-main-index-buttons a { display: block; }
.site-main-index-buttons a img { display: block; margin-bottom: 4px; }
#index-feedback-postit { float: left; margin: 20px 0px 0px 32px; }
/*.site-main-index-buttons a.register img
{ 
	position:absolute; 
	top:0px; 
	left:0px; 
}
.site-main-index-buttons a.login img
{ 
	position:absolute; 
	top:0px; 
	right:0px; 
}*/

/*
.site-main-index-content-panel h1, .site-main-index-content-panel p { padding:0 30px 0 10px; }
.site-main-index-content-panel h3
{ 
	height:21px;
	padding-left:40px;
	margin:0 10px 10px 25px;
	background:url(/assets/visual/golden-tick.png) 0 0 no-repeat; 
}*/
/* ///////////// Index page styling ///////////// */



/* ************ Static page styling ***************/
.site-main-content-left .static-content { padding:20px 47px; }

.site-main-content-right .static-content 
{ 
	padding:47px 30px; 
	color:#CCCCCC;
	text-align:center;
}

.site-main-content-right .static-content h1 
{ 
	color:#B19B6C; 
	margin-top:18px;
}
.site-main-content-right .static-content p { margin-bottom:20px; }
.site-main-content-right .static-content h3
{ 
	height:21px;
	margin:0 15px 15px 0px;
	padding-left:40px;
	background:url(/assets/visual/golden-tick.png) 0 0 no-repeat; 
	color:#CCCCCC;
}
.site-main-content-right .static-content * { text-align:left; }
.site-main-content-right .static-content img { margin:35px auto 0px; }

.site-main-content-left .static-content h1#header-about
{
	float:left;
	height:52px;
	padding:7px 70px 0px 0px;
	background:url(/assets/visual/about-orange-tick.jpg) top right no-repeat;
	line-height: 52px;
}

/* ///////////// Static page styling ///////////// */


/* ************ Logged in status details at the top of the page ***************/
.logged-in-details
{
	float:left; 
	margin-left:30px;
	color:#A7A7A7;
	line-height:34px;
}
.logged-in-details b 
{ 
	margin-right:5px;
	color:#8EA1B2; 
	font-weight:normal; 
}
.logged-in-details span { color:#C1C1C1; }
.logged-in-details i 
{ 
	margin-left:5px;
	font-size:90%; 
	font-style:normal;
}
/* ///////////// Logged in status details at the top of the page ///////////// */


/* ************ Account tabs at the top of the page ***************/
#account-tabs
{
	float:right;
	margin-top:6px;
}
body.body-index #account-tabs, body.body-no-login #account-tabs { margin-top:3px; }
#account-tabs ul li 
{ 
	height:29px;
	background-position:0px -124px;
	line-height:29px;
}
#account-tabs ul li#account-tabs-login 
{ 
	height:31px;
	background-position:0px 0px; 
}
#account-tabs ul li#account-tabs-login a { color:#E2D2B0; }
#account-tabs ul li#account-tabs-logout
{
	background-position:0px -153px;
}
/* ///////////// Account tabs at the top of the page ///////////// */


/* ************ Main navigation tabs (not logged in)  ***************/
#page-main-navigation { margin-top:101px; }
body.body-index #page-main-navigation, body.body-no-login #page-main-navigation { margin-top:70px; }
#page-main-navigation ul { margin-left:0px; }
#page-main-navigation ul li { background-position:0px -93px; }
#page-main-navigation ul li:hover { background-position:0px -31px; }
#page-main-navigation ul li.tab-active { background-position:0px -62px; }
/* ///////////// Main navigation tabs (not logged in) ///////////// */


/* Account overview */
.walkthrough
{
	margin-bottom: 20px;
	padding: 30px;
	border: 1px solid #E5E5E5;
	background: url(/assets/visual/tv.jpg) #F5F5F5 no-repeat 404px 12px; 
	text-align: center;
	cursor: pointer;
}
.walkthrough a { border: 0px; }
/* Account overview */


/* ************* Recent/View orders  ***************/

	/* Styling for all tables of the class "account-orders-table" */
	.account-orders-table tbody tr:hover { background-color:#E1E6E9; }
	.account-orders-table thead th
	{
		background-color:#DDE2E5;
		color:#5A6E77;
		font-weight:bold;
	}
	.account-orders-table thead th, .account-orders-table tbody td
	{ 
		padding:3px 4px;
		border-bottom:1px solid #CCC;
		text-align:center;
	}

	.account-order-view
	{ 
		float:left;
		width:60%;
	}
	.account-order-history { margin-top:10px; }

.account-order-view thead th, .account-order-view tbody td { text-align:left; }

.account-order-view tbody td:first-child { background-color:#E1E6E9; }

.account-order-view-details 
{ 
	float:left;
	width:40%;
}
.account-order-view-details .details { margin:0 10px 10px; }

.account-order-view-details .details .account-order-total
{
	padding:5px; 
	margin-bottom:10px;
	border:1px solid #5A6E77;
	background-color:#DDE2E5;
	text-align:right;
	color:#CC0000;
}
.account-order-view-details .details .account-order-total h2
{ 
	margin:0;
	border-bottom:1px solid #5A6E77; 
	font-weight:bold;
	text-align:left;
}
.account-order-view-details .details .account-order-total h2 span { color:#5A6E77; }
.account-order-view-details .details .account-order-total h2 span b { color:#000000; }
.account-order-view-details .details .account-order-view { width:100%; }
.account-order-view-details .details .buttons 
{ 
	margin-top:10px;
	text-align:center;
}
/* ///////////// Recent/View orders ///////////// */


/* ************ Create Order buttons ************** */
#new-order-buttons 
{ 
	margin: 40px auto 0px;
	/*margin:10px 0px;*/
	text-align:center;
}
#new-order-buttons a { border:0px; }
#new-order-buttons a img { margin-bottom: 20px; }
/* ////////////// Create Order buttons ////////////// */

/* ************ Offers Page ************** */
.offers-offer-item
{
	position:relative;
	width:31%;
	float:left;
	margin:0px 6px 6px 0px;
	padding:3px;
	border:1px solid #747474;
}
.offers-offer-item a img 
{ 
	float:left; 
	margin-right:5px;
}
.offers-offer-item h4
{
	color:#F1740A
}
.offers-offer-item span.offer-cost
{ 
	position:absolute;
	bottom:3px;
	right:5px;
	color:#0F1F2C;
	font-weight:bold;
	font-size:120%;
}
/* ////////////// Offers Page ////////////// */


/* ************** List prices ************** */
.favourite-price-list-price { color:#F1740A; }
.favourite-price-user-price { display:block; color:#008800; }
/* ////////////// List prices ////////////// */

/* ************** Favourites ************** */
div.favourites-print-all
{
	/*position:absolute;
	top:20px;
	right:50px;*/
	border:0px;
	z-index: 10px;
	text-align:center; 
	font-weight:bold;
}
div.favourites-print-all a { border:0px; }
div.favourites-print-all a:hover { border:0px; }
.favourites-column
{
	float:left;
	width:50%;
}
.favourites-prices
{
	position:relative;
	width:95%; 
	float:left;
	margin:10px; 
	padding-bottom:15px;
	border:1px solid #000000; 
}
.favourites-prices h3
{
	margin:0px 0px 15px;
	padding:5px;
	background-color:#666666;
	color:#FFFFFF;
}
.favourites-prices a 
{ 
	position:absolute; 
	top:5px;
	right:7px;
	padding-left:20px;
	background:url(/assets/visual/favourites/print-icon.gif) 0px 3px no-repeat;
	border:0px;
}
.favourites-prices img
{
	position:absolute;
	bottom:-1px;
	right:-1px;
}
.favourites-prices a:hover 
{ 
	border:0px; 
	color:#FFFFFF;
}
.favourite-item 
{ 
	width:70%;
	clear:left; 
	float:left;
	margin-left:20px;
}
.favourite-price
{
	width:20%;
	float:left;
}
/* ////////////// Favourites ////////////// */


/* ************ Styling for custom glass page ************** */
.custom-glass-design
{
	position: relative;
	float: left;
	width: 146px;
	height: 178px;
	background: url(/assets/visual/custom-glass-frame.jpg) top left no-repeat;
}
.custom-glass-design a { border: 0px; }
.custom-glass-design a:hover { border: 0px; }
.custom-glass-design a img 
{ 
	position: absolute; 
	bottom: 15px;
	left: 13px;
}
.custom-glass-design span
{
	display: block;
	color: #FFFFFF;
	margin: 12px 13px 0px 13px;
	font-weight: bold;
	letter-spacing: 1.2px;
}
/* styling for custom glass on index page */
.site-main-index-container .custom-glass-design
{
	position: relative;
	width: 215px;
	height: 266px;
	background: url(/assets/visual/custom-glass-frame-large.jpg) top left no-repeat;
}
.site-main-index-container .custom-glass-gallery
{
	float: right; 
	margin-right: -4px;
	cursor: pointer;
}
.site-main-index-container .custom-glass-gallery a img
{
	bottom: 19px;
	left: 17px;
}
.site-main-index-container .custom-glass-gallery span 
{ 
	margin: 12px 13px 0px 13px;
	color: #FFFFFF;	
	font-size: 1.4em;
	line-height: 45px;
	text-align: center;
	letter-spacing: 0px;
}
/* ////////////// Styling for custom glass page ////////////// */


/* ************** Register Form ************** */
#register-form h3 { margin-bottom:3px; }
#register-form table 
{ 
	padding:10px;
	border:1px solid #CCCCCC; 
}
#register-form table tr td:first-child
{ 
	width:150px; 
	margin:2px;
	padding-top:6px;
}
#register-form table tr td { vertical-align:top; }
#register-form table tr td input[type=text], #register-form table tr td textarea, #register-form table tr td input[type=password]
{
	padding:3px 4px;
	width:80%;
	border:1px solid #CCCCCC;
	color:#888888;
}
#register-form table tr td textarea { height:80px; }
#register-form table tr td input[type=text]:focus, #register-form table tr td textarea:focus, #register-form table tr td input[type=password]:focus
{
	border:1px solid #F1740A;
	color:#333333;
}
#register-form table tr td span 
{ 
	width:80%;
	margin:2px 0px; 
}
#register-form table.register-references tr td:first-child { width:100px; }
#register-form .register-submit { float:right; }
/* ////////////// Register Form ////////////// */

/* ************ Footer links ***************/
.site-footer-content span { float:left; }
.site-footer-content ul { float:right; margin:0; }
.site-footer-content ul li
{
	float:left;
}
.site-footer-content ul li a 
{ 
	padding:0 7px;
	color:#98999B;
}
.site-footer-content ul li a#skylight-link { color:#737375; }
/* ///////////// Footer links ///////////// */

/* ************ Feeback ***************/
.feedback-item 
{
	position: relative;
	overflow: auto;
	min-height: 60px;
	margin-top: 10px;
	padding: 3px 5px;
	border: 1px solid #E5E5E5;
	background-color: #F5F5F5;
}
.feedback-item .comment { display: block; font-style: italic; }
.feedback-item .message {color: #888888; }
.feedback-item .message .comment { color: #F1740A; }
.feedback-item .message .user { margin-right: 5px; }
.feedback-item .response { float: right; margin-top: 10px; margin-bottom: 5px; text-align: right; }
.feedback-item .user { font-weight: bold; }
.feedback-item div span { color: #747474; }
.feedback-item .rating-holder { position: absolute; bottom: 6px; left: 6px; }
.feedback-item .rating-holder .text { float: left; margin-right: 5px; color: #999999 }
/* ///////////// Feeback ///////////// */


/* ************ New My Account area menu ************ */
div.myaccount-menu { margin-top: 35px; }
.myaccount-menu ul { list-style-type: none; margin: 0px 2px; padding: 0px; }
.myaccount-menu ul li 
{ 
	height: 42px;
	position: relative; 
	margin: 0px 0px 1px 0px;
	background: url(/assets/visual/my-account/menu-item.png) top left no-repeat;
	line-height: 42px;
}
.myaccount-menu ul li a 
{ 
	padding: 5px 0 5px 60px; 
	color: #A7A7A7; 
	font-weight: normal; 
}
.myaccount-menu ul li.active 
{ 
	left: -35px;
	width: 395px; 
}
.myaccount-menu ul li.active a
{ 
	background: url(/assets/visual/my-account/arrow.gif) 7px 2px no-repeat;
	color: #F1740A; 
	font-weight: bold;
}
/* //////////// New My Account area menu //////////// */
/* ************ New My Account area messages ************ */
.my-messages
{
	font-size: 0.9em;
}
.my-messages .thread
{
	 
}
.my-messages .thread .details
{
	cursor: pointer;
	height: 20px;
	padding: 8px 8px 5px;
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #E6E6E6; 	
	background: url(/assets/visual/my-account/messages-bg.jpg) top left repeat-x;
	line-height: 1.5em;
}
.my-messages .thread .details .date
{	
	display: block;
	float: left; 
	height: 0.9em;
	margin-top: 3px; 
	margin-right: 20px; 
	padding-right: 15px; 
	border-right: 1px solid #CACACA; 
	color: #A7A7A7;
	line-height: 0.9em; 
}
.my-messages .thread .message
{
	display: none;
	border-bottom: 1px solid #E6E6E6;
	padding: 5px 10px 10px;
}
/* //////////// New My Account area messages //////////// */