@charset "UTF-8";

/*------------------------------------------------------------------
[Master Stylesheet]

Project: Countrywide	
Version:	0.1
Last change:	
Assigned to:	Patrick Blown, Peter Lu
Primary use:	Screen
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 CSS Reset
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*------------------------------------------------------------------
# [Structure]

body
	#page
		#header
        #menu
		#content
		#sidebar
		#footer

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
Body / Defaults
-------------------------------------------------------------------*/
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333132;
	background: url(/images/body-bg.jpg) repeat-x 0 0 #fff;
}

ol, ul { list-style: none; }


h1 { margin:10px 0 0 0; }

h2 { margin:0 0 1em; }


/*------------------------------------------------------------------
Page
-------------------------------------------------------------------*/
#page {
	width:799px;
	margin:0 auto;
	background: url(/images/page-bg.gif) repeat-y 0 0 transparent;
}
/*------------------------------------------------------------------
Header
-------------------------------------------------------------------*/

#header {
	overflow:hidden;
	text-indent: -9000px;
	padding:5px 10px;
	width: 779px;
	height: 215px;
	background: url(/images/header.jpg) no-repeat 0 0 #fff;
}

/*------------------------------------------------------------------
Content
-------------------------------------------------------------------*/

#content {
	float:right;
	width:522px;
	padding: 10px 96px 10px 18px;
}
#content a { color:#4b4649; }
#content p { padding: 9px 0px;}

#content h1 {
	font-size: 24px;
	color: #d0181f;
	font-weight: normal;
}
#breadcrumbs { height: 12px; width: 100%;color: #898183;}
#breadcrumbs a { text-decoration: none; color: #898183; }
#breadcrumbs li.first-child:before { content: ""; padding: 0;}
#breadcrumbs li { font-size: 9px; display: block; float:left; }
#breadcrumbs li:before{content: ">"; padding: 0 5px;}

/*------------------------------------------------------------------
Sidebar
-------------------------------------------------------------------*/
#sidebar {
	float:left;
	text-align: center;
	width:163px;	
}
#sidebar_wrap {
padding:10px;
width:143px;
}
#sidebar p { padding: 9px 0px;}
#sidebar p strong {color: #d0181f; }
#sidebar p strong span{ font-weight: normal; font-size: 10px; }
#sidebar ul { 
	font-size: 10px;
	text-transform: uppercase;
	background: url(/images/sidebar-list-bg.gif) no-repeat top left #d2d3d5; 
	margin-top:50px;
	padding: 3px 0 12px 0;
	color: #5d5d5f;
	}
#sidebar ul ul { 
	font-size: 10px;
	text-transform: none;
	background: none; 
	margin-top:0;
	padding-top: 0;
}	

#sidebar a {text-decoration: none; color: #5d5d5f;}
#sidebar ul li.selected {color: #d1181f; }
#sidebar ul li.selected a {color: #d1181f; }
#sidebar ul ul li a {color: #5d5d5f; }
#sidebar ul li.selected ul li a {color: #5d5d5f; }
#sidebar ul li.selected ul li.selected a {color: #d1181f; }
#sidebar ul li {
	line-height: 33px;
	text-align: left;
	display:block; 
	background: url(/images/sidebar-list-bg.gif) no-repeat bottom left transparent; 
}

#sidebar ul li li{
	line-height: 12px;
	text-align: left;
	display:block;  
	padding-left: 8px;
	margin-left: 8px;
	background: url(/images/arrow2.gif) no-repeat center left transparent; 
}

/*------------------------------------------------------------------
Menu / Footer
-------------------------------------------------------------------*/
#menu a.selected, #footer a.selected { color: #d1181f; font-weight: bold;}
#menu, #footer {
	background: url(/images/menu-bg.gif) no-repeat 0 0 #fff;
	height: 39px;
	font-size: 11px;
	color: #fff;
}

#menu a.ghost, #menu a.ghost:hover {
color:#ccc;
text-decoration:none;
}

/*
#menu li:hover, #footer li:hover {
	background: url(/images/menu-hover.gif) no-repeat center right transparent;
}
*/
#menu a, #footer a { color: #fff; text-decoration: none; }

#menu ul { list-style:none; }
#footer ul {float: right; }

#menu li {text-transform: uppercase; padding: 0 6px; 	line-height: 39px;}
#footer li { padding: 0 14px; height: 12px; margin-top: 13px; }

#menu li, #footer li {
	display:block;
	float: left;
	background: url(/images/vertical-bar.gif) no-repeat center right transparent;
}

#menu li input {
	width:99px;
	height: 20px;
	font-size: 12px;
	vertical-align: middle;
	padding: 0px;
	border: none;
	background: url(/images/field-bg.gif) no-repeat 0 0 #fff; 
}
#menu li img { vertical-align: middle; }

#menu li.last-child, #footer li.last-child { background-image: none; } 
/* #menu li.last-child:hover, #footer li.last-child:hover { background: url(/images/menu-hover2.gif) no-repeat center right transparent;} */
#menu li.right { float: right; }
#footer { clear:both; }

#footer p {
	margin:0;
}

* html #footer {
	height:1px;
}

#footer a:hover {
	text-decoration:underline;
}

#menu a:hover {
	text-decoration:underline;
}


/*------------------------------------------------------------------
Index page
-------------------------------------------------------------------*/
body.index #content {height: 480px; }
#login  {
	color: #fff;
	width: 146px;
	height: 115px;
	padding: 8px;
	text-align: left;
	background: url(/images/login.jpg) no-repeat 0 0 #888;
margin-top:35px;
}
#login sub {font-size: 8px; }
#login a { color: #fff; }
#login label { display: block; margin: 3px 0 2px 0; }
#login input { 
	border: none;
	background: url(/images/field-bg.gif) no-repeat 0 0 #fff;
width:145px;
}
#login #msg {
color: #d0181f;
}

/*------------------------------------------------------------------
Home page
-------------------------------------------------------------------*/
body.home #content {text-align: justify; height: 490px; }
body.home #content div.special {
	width: 191px;
	float: right;
	height: 400px;
	margin-top: -8px;
	padding-left: 17px;
}
body.home #content div.special img { margin: 0 0 16px 0; }

div.download { font-size: 10px; height: 40px; }
body #content div.download a { color: #231f20; }

body.home #email_verification_overlay {
width:552px;
height:235px;
background:url(/images/email_verification_overlay.gif) no-repeat 0 0 #fff;
}
body.home #email_verification_overlay #msg {
display:none;
color:#d0181f;
}
body.home #email_verification_overlay #email_verification_proceed {
display:block;
width:60px;
height:19px;
background:url(/images/email_verification_proceed.gif) no-repeat 0 0;
margin-top:20px;
color:#fff;
text-decoration:none;
font-weight:bold;
line-height:18px;
font-size:10px;
float:right;
}
body.home #email_verification_overlay #email_verification_form {
clear:both;
display:block;
width:512px;
margin:0 20px 0 20px;
text-align:center;
}
body.home #email_verification_overlay #email_verification_form p {
text-align:left;
}
body.home #email_verification_overlay #processing {
display:none;
margin-top:20px;
float:right;
}
body.home #email_verification_overlay h1 {
color:#d0181f;
font-size:18px;
margin-top:0;
margin-bottom:15px;
padding-top:20px;
text-align:left;
}
body.home #email_verification_overlay p {
color:#fff;
margin-bottom:15px;
text-align:left;
}
body.home #email_verification_overlay label {
display:block;
width:110px;
height:16px;
line-height:20px;
float:left;
}
body.home #email_verification_overlay input {
width:396px;
height:16px;
text-align:left;
float:left;
margin-bottom:18px;
}

/*------------------------------------------------------------------
Contact page
-------------------------------------------------------------------*/
body.contact form table td {
vertical-align: top;
}
body.contact form input.text {
width:400px;
}
body.contact form textarea {
width:400px;
height:100px;
}

/*------------------------------------------------------------------
Product Catalogue page
-------------------------------------------------------------------*/
body.catalogue #content { text-align: justify; }
body.catalogue #content div.special { width: 383px; margin: 20px auto 30px auto;}
body.catalogue #content div.special img { margin-top: 20px;}
body.catalogue #content div.special ul { 
margin: 0 auto;
padding: 2px 0 5px 0;
width:333px;
background: url(/images/catalogue-bg.gif) no-repeat bottom center transparent; 
}
body.catalogue #content div.special ul li{ 
margin: 5px 0; 
line-height: 19px;
text-align: center; }
body.catalogue #content div.special ul li a {color: #fff; text-decoration: none;}

body.platinum table.products td {
padding:0 5px 40px 5px;
}
body.gold table.products td {
padding:0 5px 20px 5px;
}

body.gold table.products table.product td {
padding:0;
}
body.gold td.small_logo {
width:1px;
}
body.gold td.small_logo, body.gold td.desc {
vertical-align:top;
}
body.silver #silver_detail_wrap {
text-align:center;
}
body.silver #silver_detail_wrap ul {
padding:0 50px;
}
body.silver #silver_detail_wrap ul li {
border-bottom:2px solid #a9aaad;
line-height:22px;
padding:0 5px;
}
/*------------------------------------------------------------------
Awards pages
-------------------------------------------------------------------*/
body.awards_index #content h1 {
margin-bottom:20px;
}
body.awards_index #content a.proceed_to_check_out {
display:block;
float:right;
width:138px;
height:21px;
text-decoration:none;
text-align:center;
color:#fff;
font-weight:normal;
font-size:11px;
line-height:18px;
background:url(/images/proceed_to_check_out.gif) no-repeat 0 0 #fff;
}
body.awards_index #content ul#awards_category li {
display:block;
width:157px;
height:21px;
text-align:center;
margin-bottom:5px;
background:url(/images/awards_category.gif) no-repeat 0 0 #fff;
}
body.awards_index #content ul#awards_category li a {
text-decoration:none;
color:#fff;
font-weight:normal;
font-size:11px;
line-height:18px;
}
body.awards_index table.points_image {
border-collapse:collapse;
margin-bottom:8px;
}
body.awards_index table.points_image td.points_text { 
color:#fff;
vertical-align:middle;
font-weight:bold;
background-color:#e2001a;
} 
body.awards_index span.desc {
display:block;
font-size:11px;
}

body.awards_index span.code {
display:block;
font-weight:bold;
font-size:12px;
}
body.awards_index #content a.add_to_cart {
display:block;
width:82px;
height:20px;
font-size:10px;
text-decoration:none;
text-align:center;
color:#fff;
line-height:18px;
font-weight:bold;
margin-top:8px;
background:url(/images/add_to_cart.gif) no-repeat 0 0 #fff;
}
body.awards_index #content span.added {
display:block;
height:23px;
font-size:10px;
font-weight:bold;
margin-top:8px;
text-align:bottom;
}
body.awards_index #content a.top {
display:block;
width:41px;
height:20px;
color:#fff;
background:url(/images/top.gif) no-repeat 0 0 #fff;
text-decoration:none;
font-weight:bold;
text-align:center;
line-height:20px;
margin-top:40px;
margin-left:2px;
}
body.awards_index #add_to_cart_overlay {
width:376px;
height:195px;
background:url(/images/add_to_cart_overlay.gif) no-repeat 0 0 #fff;
}
body.awards_index #add_to_cart_overlay #msg {
display:none;
color:#d0181f;
}
body.awards_index #add_to_cart_overlay #add_to_cart_cancel {
display:block;
width:15px;
height:15px;
margin:5px;
float:right;
background:url(/images/close.gif) no-repeat 0 0;
}
body.awards_index #add_to_cart_overlay #add_to_cart_proceed {
display:block;
width:60px;
height:19px;
background:url(/images/proceed.gif) no-repeat 0 0;
margin-left:136px;
margin-top:20px;
color:#fff;
text-decoration:none;
font-weight:bold;
line-height:18px;
font-size:11px;
}
body.awards_index #add_to_cart_overlay #add_to_cart_form {
clear:both;
display:block;
width:336px;
margin:0 20px 0 20px;
text-align:center;
}
body.awards_index #add_to_cart_overlay #add_to_cart_form p {
text-align:left;
}
body.awards_index #add_to_cart_overlay #processing {
display:none;
margin-left:155px;
margin-top:20px;
}
body.awards_index #add_to_cart_overlay h1 {
color:#d0181f;
font-size:18px;
margin-top:0;
margin-bottom:15px;
}
body.awards_index #add_to_cart_overlay p {
color:#fff;
margin-bottom:15px;
text-align:left;
}
body.awards_index #add_to_cart_overlay input {
width:20px;
text-align:center;
margin-right:10px;
}

body.awards_confirm .jqmWindow {
    display: none;
    
    position: fixed;
    top: 47%;
    left: 60%;
    
    margin-left: -300px;
    width: 400px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

body.awards_confirm .jqmOverlay { background-color: #000; }

* html body.awards_confirm .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(47 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

body.awards_cart #content, body.awards_confirm #content{
position:relative;
}

body.awards_cart #dispatch_info, body.awards_confirm #dispatch_info {
position:absolute;
right:0;
right:100px;
width:189px;
height:79px;
padding:10px;
font-size:12px;
color:#fff;
background:url(/images/dispatch_info.gif) no-repeat 0 0;
}
body.awards_cart table.details, body.awards_confirm table.details {
border-collapse:collapse;
width:100%;
text-align:left;
}
body.awards_cart table.details td, body.awards_confirm table.details td {
padding-top:5px;
padding-bottom:5px;
}
body.awards_cart table.details td.label, body.awards_confirm table.details td.label {
width:150px;
}
body.awards_cart table.details th, body.awards_confirm table.details th {
padding-top:30px;
padding-bottom:30px;
} 
body.awards_cart #change_details, body.awards_confirm #change_details {
display:block;
width:108px;
height:18px;
background:url(/images/change_details.gif) no-repeat 0 0;
color:#fff;
font-size:11px;
line-height:16px;
text-align:center;
text-decoration:none;
}

body.awards_cart #cart_table, body.awards_confirm #cart_table {
width:100%;
border-collapse:collapse;
margin-top:30px;
margin-bottom:0;
text-align:left;
background:url(/images/cart_top.gif) no-repeat 0 0;
}
body.awards_cart #cart_table td, body.awards_confirm #cart_table td {
padding:5px 5px 5px 0;
}
body.awards_cart #cart_table .first-child, body.awards_confirm #cart_table .first-child {
padding-left:5px;
}
body.awards_cart #cart_table th.desc, body.awards_confirm #cart_table th.desc {
width:280px;
}
body.awards_cart #cart_table th.first-child, body.awards_confirm #cart_table th.first-child {
width:45px;
}
body.awards_cart #cart_table thead tr, body.awards_confirm #cart_table thead tr {
line-height:27px;
color:#fff;
}
body.awards_cart #cart_table input {
width:30px;
text-align:center;
}
body.awards_cart .total, body.awards_confirm .total {
width:219px;
height:22px;
background:url(/images/cart_bottom.gif) no-repeat bottom right;
float:right;
line-height:22px;
color:#fff;
padding-left:68px;
margin-bottom:10px;
}
body.awards_cart #cart_update, body.awards_cart #cart_proceed, body.awards_cart #back_to_awards, body.awards_confirm #back_to_cart, body.awards_confirm #order_form_submit, body.awards_confirm #back_to_awards {
display:block;
width:58px;
height:18px;
float:right;
background:url(/images/update_proceed.gif) no-repeat 0 0;
font-size:11px;
line-height:16px;
text-align:center;
text-decoration:none;
color:#fff;
margin-left:8px;
}
body.awards_cart #back_to_awards, body.awards_confirm #back_to_awards {
width:45px;
height:18px;
background:url(/images/back_next.gif) no-repeat 0 0;
}
body.awards_confirm #back_to_cart {
width:84px;
height:18px;
background:url(/images/back_to_cart.gif) no-repeat 0 0 #fff;
}
body.awards_confirm #error {
color:#d0181f;
margin:25px 0 10px 0;
}

body.awards_thankyou #continue_shopping, body.awards_error #continue_shopping {
display:block;
width:120px;
height:18px;
background:url(/images/continue_shopping.gif) no-repeat 0 0;
font-size:10px;
line-height:16px;
text-align:center;
text-decoration:none;
color:#fff;
}
/*------------------------------------------------------------------
Account pages
-------------------------------------------------------------------*/
body.account_index #content table, body.account_update #content table {
width:100%;
margin-top:20px;
margin-bottom:10px;
}
body.account_index #content table td, body.account_index #content table th, body.account_update #content table td, body.account_update #content table th {
text-align:left;
}
body.account_index #content table td, body.account_update #content table td {
padding-bottom:5px;
}
body.account_index #content table th, body.account_update #content table th {
padding-bottom:20px;
}
body.account_update #content table td.text1 {
width:210px;
}
body.account_update #content table td.text2 {
width:150px;
}

body.account_index #content #back_to_cart, body.account_update #content #back_to_cart {
display:block;
float:right;
width:84px;
height:18px;
background:url(/images/back_to_cart.gif) no-repeat 0 0 #fff;
text-decoration:none;
text-align:center;
color:#fff;
font-size:10px;
line-height:16px;
}
body.account_index #content #change_my_details {
display:block;
width:115px;
height:18px;
background:url(/images/change_my_details.gif) no-repeat 0 0 #fff;
text-decoration:none;
text-align:center;
color:#fff;
font-size:10px;
line-height:16px;
}
body.account_update #content #account_form_submit {
display:block;
width:108px;
height:18px;
background:url(/images/submit_changes.gif) no-repeat 0 0 #fff;
text-decoration:none;
text-align:center;
color:#fff;
font-size:10px;
line-height:16px;
}
body.account_update #content table input {
width:300px;
}
body.account_update #content table.delivery input {
width:360px;
}
body.account_update #content table input.short {
width:144px;
}
body.account_update #content #account_form_validate {
margin-top:10px;
color:#d0181f;
}
body.account_update #content #account_form_validate span {
display:block;
}
body.account_update #content tr.error {
color:#d0181f;
}
body.account_statement h2 {
margin-top:10px;
margin-bottom:10px;
}
body.account_statement table, body.account_tracker table {
width:100%;
border-collapse:collapse;
text-align:left;
}
body.account_statement table td, body.account_tracker table td {
padding-bottom:5px;
padding-left: 5px;
vertical-align:middle;
}
body.account_statement table th, body.account_tracker table th {
height:44px;
vertical-align:middle;
padding-top:5px;
padding-bottom:16px;
}
body.account_statement table.summary td.label {
width:150px;
}
body.account_statement table.summary {
margin-bottom:15px;
}
body.account_statement table.details {
margin-bottom:15px;
}
body.account_tracker table.details {
margin-top:10px;
}

body.account_statement table.details thead, body.account_tracker table.details thead {
line-height:16px;
color:#fff;
}

body.account_statement table.details thead th, body.account_tracker table.details thead th {
line-height:16px;
color:#fff;
text-align:left;
padding:0;
padding-left:5px;
padding-bottom: 20px;
}

body.account_statement table.details, body.account_tracker table.details {
background:url(/images/statement_head.gif) no-repeat 0 0;
}

body.account_statement table .first-child, body.account_tracker table .first-child {
padding-left:5px;
}
body.account_statement #pdf_statement {
display:block;
width:123px;
height:43px;
background:url(/images/pdf_statement.gif) no-repeat 0 0;
font-size:10px;
line-height:16px;
text-align:center;
text-decoration:none;
color:#fff;
}
body.account_statement #print_page {
display:block;
width:76px;
height:18px;
background:url(/images/print_page.gif) no-repeat 0 0;
font-size:10px;
line-height:16px;
text-align:center;
text-decoration:none;
color:#fff;
float:right;
}
/*----------------------------------------------------------------
Search Pages
-----------------------------------------------------------------*/
body.search #keywords2 {
width:360px;
background-color:#e6e7e8;
float:left;
margin-right:20px;
}
body.search #search_submit2 {
display:block;
width:58px;
height:20px;
background: url(/images/search2.gif) no-repeat 0 0;
float:left;
color:#fff;
text-align:center;
text-decoration:none;
line-height:16px;
}
body.search a.result_link {
color:#4b4649;
display:block;
margin-top:20px;
font-weight:bold;
}
body.search p.result_excerpt {
color:#333132;
}
body.search #content h1 {
margin-bottom:20px;
}
/*------------------------------------------------------------------
About pages
-------------------------------------------------------------------*/
body.about span, body.delivery_information span, body.key_dates span {color: #d1181f; font-weight: bold;}
body.about #content table, body.delivery_information #content table, body.key_dates #content table {margin: 10px 0 20px 0; }


/*---------------------------------------------------------------
Pagination
----------------------------------------------------------------*/
#content table.pagination {
width:100%;
}
#content table.pagination a.prev, #content table.pagination a.next {
display:block;
width:45px;
height:18px;
text-align:center;
font-size:10px;
color:#fff;
line-height:16px;
background: url(/images/back_next.gif) no-repeat 0 0 #fff;
text-decoration:none;
}
#content table.pagination td.pages {text-align:center;}
#content table.pagination td.pages a {
line-height:16px;
font-size:10px;
padding:0 3px;
margin:0 1px;
}

#content table.pagination td.pages a.selected, #content table.pagination td.pages a.first, #content table.pagination td.pages a.last {
text-decoration:none;
}


/*------------------------------------------------------------------
Miscellaneous
-------------------------------------------------------------------*/

.right { float: right; }
.left {float: left; }
.hide {display:none;}
.align_left {text-align:left;}
.align_right {text-align:right;}
.clearfix {clear:both;}
.error {color:#d0181f;}