/*
Theme Name: Sunglass City
Theme URI: http://sunglassessave.com
Description: Sunglass City global style sheet
Author: Juno Media
Author URI: http://www.junomedia.co.uk
*/

/***** Global *****/
	/* 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, sub, sup, tt, var,
		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-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
	    line-height: 1.4;
	    font-size: 75%; /* 100% = 16px */
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	    color: #333;
	    background: #333;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 1.5em}
	h3 {font-size: 1.4em}
	h4 {font-size: 1.3em}
	h5 {font-size: 1.2em}
	h6 {font-size: 1.1em}
	
	h2, h3, h4, h5, h6 {margin-bottom: .8em}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #333}
	a:hover, a:active {text-decoration: none; color: black;}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.2em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Quotes */
blockquote {background: #eaeaea; padding: 1em; margin: 1.5em}
blockquote p {margin-bottom: .5em}
	
/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/* Tables */
table {width: 98%; margin: .5em auto 1.5em auto; border: 1px solid #eee}

thead th {background: #333; color: #fff; text-align: left; padding: .5em .4em; font-weight: bold}

tbody td {padding: .5em .4em}
tbody .alt td {background: #eaeaea}

/***** Layout *****/
/*#shine {background: url('images/bg-shine.png') no-repeat top left !important; background: none} */
#wrap {width: 886px; margin: 0 auto; overflow: hidden; }

/* Top */
#top {height: 38px; overflow: hidden; padding: 13px 0 10px 0}
#top a:link, #top a:visited {color: #f8f8f8; text-decoration: none}
#top a:hover, #top a:active {text-decoration: underline}

	/* Shopping Cart */
	#sc {
		float: right;
		background: url('images/icons/bag.gif') no-repeat top right;
		padding-right: 40px;
		height: 38px;
		color: #f8f8f8;
		text-align: right;
		margin: 0 0 0 3em
	}
	
	#sc .links {display: block; font-size: .9em}
	
	/* Search Form */
	#search-box {
		float: left;
		margin: 3px 0 3px 0;
	}
	
	#search-box input.text {width: 170px; padding: 1px; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:1px solid #E0E0E0; color:#999999; }
	#search-box .button {
		border: 1px solid #c2c2c2;
		background: #575757 url('images/button-gradient.jpg') repeat-x top left;
		color: #d2d2d2
	}

/* Header */
#header {
	width: 886px;
	height: 80px;
	background: #333 url('images/header-bg.png') no-repeat;
	color: #f2f2f2
}
#header:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

#header a:link, #header a:visited, #footer a:link, #footer a:visited {color: #f2f2f2; text-decoration: none}
#header a:hover, #header a:active, #footer a:active, #footer a:hover {color: #7be64d}

	/* Logo */
	#logo {
		float: left;
		width: 253px;
		height: 50px;
		margin: 8px 0 0 22px;
		display:inline;
	}
	
	/* Menu */
	#menu {margin: 0; padding: 0; list-style: none; float: right; margin: 30px 20px 0 0; font-size: 1.25em}
	#menu li {float: left; margin: 0 .9em; position: relative;}
	
		/* Dropdowns (Ewww) */
		#menu li ul {position: absolute; top: 1.4em; left: 0; margin: 0; list-style: none; background: #333; width: 190px; display: none; font-size: .9em; z-index: 999;}
		#menu li:hover ul {display: block;}
		#menu li ul li {float: none; margin: 0; position: static; border-bottom: 1px solid #393939;}
		
		#menu li ul li a:link, #menu li ul li a:visited {
			display: block;
			padding: .3em 1.3em;
			background: #333;
		}
		#menu li ul li a:hover, #menu li ul li a:active {background: #222;}

/* Header Image */
#header-image {display: block; margin: 0; padding: 0; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.flash {height: 266px; overflow: hidden;}
/* Bar */
#bar {
	-moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background-color: #4c4c4c;
        border-top:0 none;
        height:1%;
        margin-bottom:1px;
        overflow:hidden;
        padding:0 6px;
      }
#bar    a {outline: 0; }
#bar   	a img {border: 0px; text-decoration: none; text-decoration:none; }
#bar   	a:link, a:visited {text-decoration:none; }
#bar   	a:hover, a:active {text-decoration: none; color: #47b31a; }
#bar    .links {display: block; font-size: .9em; float:right; padding: 5px 27px 0 0; font-weight:bold; }
/* Brands */
#brands-box {
    padding-top:5px;
	background: #fff;
	overflow: hidden;
	border-top: 5px solid #e0e0e0;
	border-bottom: 1px solid #333;
}

#brands-box #brands {margin: 0; background: #f8f8f8; list-style: none; overflow: hidden; height: 1%; padding: 8px 40px 2px 40px;}
#brands li {float: left; margin: 0 14px;}

	/* Carousel */
	#carousel-wrap {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		overflow: hidden;
		width: 750px;
		height: 160px;
		float: left
	}
	
	#carousel-content {position: absolute; margin: 0; list-style: none}
	
	#carousel-content li {float: left; height: 160px; float: left; width: 250px; position: relative}
	#carousel-next, #carousel-prev {cursor: pointer; float: left}
	
	#carousel-content img {display: block}
	#carousel-content a:link, #carousel-content a:visited {text-decoration: none}
	
	#carousel-content span {padding-left: 15px; display: block}
	#carousel-content .price {position: absolute; right: 15px; top: 120px}
	
	#carousel {
	 height: 160px;
	 margin-bottom: 10px;
	 position: relative;
	}

	#carousel .container {
	 float: left;
	 height: 160px;
	 position: relative;    
	 overflow: hidden;
	}

	#carousel ul {
	 margin: 0;
	 padding:0;
	 width: 100000px;
	 position: relative;
	 top: 0;
	 left: 0;
	 height: 194px;
	}                      

	#carousel ul li {
	 width: 250px;
	 height: 196px;
	 text-align: center; 
	 list-style:none;   
	 float:left;
	}

	#carousel .previous_button {
	 float:left;  
	 width: 68px;
	 height: 160px;
	 background: url(images/prev.png);
	 z-index: 100;
	 cursor: pointer;
	}

	#carousel .next_button {
	 float:left;  
	 width: 68px;
	 height: 160px;
	 background: url(images/next.png);
	 z-index: 100;
	 cursor: pointer;
	}
/* Body */
#body {
	background: #fff url('images/body-bg.gif') repeat-y top left;
	padding: 0 1px;
	overflow: hidden;
	height: 1%
}

	/* Sidebar */
	#sidebar {
		width: 180px;
		float: left;
		margin-right: 10px;
		padding: 20px 30px;
		background: #fafafa
	}
	
	#sidebar ul {margin-left: 0; list-style: none}
	
	#sidebar .currency-switcher {margin-bottom: 1.5em;}
	
	#sidebar a:link, #sidebar a:visited {text-decoration: none}
	#sidebar a:hover, #sidebar a:active {text-decoration: none}
	
	/* Content */
	#content {
		width: 574px;
		float: right;
		padding: 20px 30px 20px 0;
		overflow: hidden
	}

/* Footer */
#foot {background: url('images/foot-bg.png') no-repeat top; min-height: 270px; padding: 20px 20px 0 20px; overflow: hidden; height: 1%}
#footer {
	background: url('images/foot-end.gif') no-repeat bottom left;
	overflow: hidden;
	height: 1%;
	padding-bottom: 6px;
	color: #fff
}
#footer h2 {line-height: 1.1; padding-bottom: .1em; margin-bottom: 1em}
#footer h3 {font-size: 1.2em}

	/* Latest New */
	#latest {
		float: left;
		width: 336px;
		margin: 0 40px 0 0
	}
	
	#latest a:link img, #latest a:visited img {border: 2px solid #525252; display: block; margin-bottom: 1.5em}
	#latest a:hover img, #latest a:active img {border: 2px solid #7be64d}
	
	/* Other News */
	#other {
		float: right;
		width: 470px;
		overflow: hidden
	}
	
	#other ul {margin: 0 0 3em 0; list-style: none}
	#other li {margin-bottom: .5em}
	
	/* Social */
	#other .social {margin: 0 0 3em 0; overflow: hidden; height: 1%}
	
	/* Optix Logo */
	#optix-logo {float: right; margin-bottom: 1em !important; margin-bottom: 0}
	
	/* Footer Menu */
	#foot-men {
		margin: 0;
		list-style: none;
		padding: 10px 0 0 20px;
		overflow: hidden;
		height: 1%;
		font-size: .9em;
	}
	
	#foot-men li {
		float: left;
		margin: 0 1em 0 0;
		border-right: 1px solid #444;
		height: 1.1em;
		line-height: 1.1;
		padding: 0 1em 0 0;
	}
	
	#foot-men li:last-child, #foot-men li.last {border: 0;}
	
	#foot-men a:link, #foot-men a:visited, #foot-men a:hover, #foot-men a:active {color: #fff;}
	
/***** Sections *****/
/* Home */
/* Best Selling Sunglasses List */
#best-selling {
	width: 579px;
	overflow: hidden;
	margin: 0 0 2em 0;
	list-style: none
}

#best-selling li {width: 169px; height: 190px; float: left; overflow: hidden; margin: 0 24px 20px 0}
#best-selling h3 {font-size: 1em; margin-bottom: .2em}

#best-selling h3 a img {border: 1px solid #e5e5e5; display: block}
#best-selling h3 a:hover img {border: 1px solid #aaa}
#best-selling h3 a:link, #best-selling h3 a:visited {color: #4c4c4c; text-decoration: none}
#best-selling h3 a:hover, #best-selling h3 a:active {color: #47b31a}

#best-selling .price {float: left}

a.buy:link, a.buy:visited {
	float: left;
	display: block;
	background: #4c4c4c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold
}

a.buy:hover, a.buy:active {background: #47b31a; color: #fff}



/* Featured */
#featured-glasses {
	margin: 0;
	padding: 1em 0 2em 0;
	list-style: none;
	overflow: hidden;
	width: 580px
}

#featured-glasses li {float: left; margin: 0 40px 0 0}

/* Blog Index */
#post-list {margin: 0; padding: 0; list-style: none}

.post {overflow: hidden; height: 1%; margin-bottom: 3em; position: relative; border-bottom: 1px solid #eaeaea; padding-bottom: 2em}

.post h2 {margin-bottom: 0; padding-left: 55px}
.post .meta {display: block; margin-bottom: 2em; font-size: .8em; padding-left: 55px}
.meta .calendar {
	width: 44px;
	height: 49px;
	background: url('images/icons/calendar.png') no-repeat;
	display: block;
	position: absolute;
	left: 0;
	top: 0px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase
}

.calendar .month {width: 44px; height: 16px; line-height: 16px; color: #fff; display: block}
.calendar .day {font-size: 2.2em; font-weight: normal}

/* Comments */
#comments ul {margin: 0 0 2em 0}
#comments li {padding: 0; background: none; margin-bottom: 3em}

#comments blockquote {background: none; padding: 10px 0 0 70px; margin: 0; font-size: .9em}
#comments cite {position: relative; padding: .3em 0 .3em 70px; background: #333; color: #fff; display: block; font-style: normal}
#comments cite img {position: absolute; border: 1px solid #ddd; left: 5px !important; left: -65px; top: -8px}

#comments cite a:link, #comments cite a:visited {color: #ddd}

/* Comments Form */
#comment-form {width: 574px}
#comment-form .box {overflow: hidden; height: 1%}
#comment-form .text, #comment-form textarea {
	border: 1px solid #ddd;
	width: 450px;
	padding: .3em;
	margin-bottom: .5em;
	float: left
}

#comment-form textarea {clear: both; width: 530px; margin-bottom: 2em}

#comment-form label {width: 80px; display: block; float: left; clear: left; margin-top: 0; line-height: 1.4}
#comment-form .button, #contact-form .button {
	float: right;
	background: #4c4c4c;
	color: #fff;
	cursor: pointer;
	padding: .3em 0;
	width: 100px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 35px;
	border: 0
}

/* Contact */
#contactForm fieldset {width: 550px; border-top: 5px solid #ddd; padding: 15px; background: #eee; margin: 0}
#contactForm .input-text {float: left; width: 525px}
#contactForm .input-box {clear: both; overflow: hidden; width: 100%}
#contactForm h4 {display: none}

/***** Magento Hell :( *****/
/*** Global Classes ***/
.a-right {text-align: right}
.a-center {text-align: center}
.a-left {text-align: left}

.left {float: left}
.right {float: right}

.clear {clear: both}
.no-display {display: none}

.divider {border-top: 1px dotted #ccc; clear: both; margin: 15px 0}

/*** Tables ***/
table {margin: 2px 0 0 0; width: 100%}
td.label {font-weight:bold}

	/* Data Table */
	.data-table {border:1px solid #bebcb7}
	.data-table tr {background:#fff}
	.data-table .odd  {background:#f8f7f5}
	.data-table .even {background:#eeeded !important}
	.data-table td.last, .data-table th.last {border-right: 0}
	.data-table tr.last th, .data-table tr.last td {border-bottom:0 !important}
	.data-table th {border-right:1px solid #666; padding:2px 8px; color:#fff; vertical-align: middle}
	.data-table th.wrap {white-space:normal}
	.data-table th a, .data-table th a:hover {color:#fff}
	.data-table td {padding:3px 8px}
	.data-table thead tr th {background:#333}
	.data-table tfoot {border-bottom:1px solid #d9dde3}
	.data-table tfoot tr.first {background:url(images/base_mini_actions_bg.gif) 0 0 repeat-x}
	.data-table tfoot tr {background-color: #eee !important}
	.data-table tfoot td {padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; padding: 10px 5px 0 5px; border-top: 1px solid #d9dde3}
	.data-table tbody td {border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; vertical-align: middle}

/*** Headers ***/
.page-head h3 {font-size: 1.5em}

/*** Messages  ***/
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703; }
.success, .error { font-weight:bold; }
.messages { width:100%; overflow:hidden; list-style: none; padding: 0; margin: 0}
.messages li ul {margin: 0; list-style: none; padding: 0}
.error-msg, .success-msg, .notice-msg, .note-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(images/error_msg_icon.gif);
    }
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(images/success_msg_icon.gif);
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(images/note_msg_icon.gif);
    }


/*** Forms ***/
fieldset.group-select {width: 550px; border-top: 5px solid #ddd; padding: 15px; background: #eee; margin: 0 0 20px 0}
fieldset.group-select h4 {border-bottom: 1px solid #ccc; margin-bottom: .8em; font-size: .95em; text-transform: uppercase}
.input-text {border: 1px solid #ddd; padding: 2px}
fieldset ul, .form-list {margin: 0 0 10px 0; list-style: none}

label {font-weight: bold}

	/* Buttons */
	.form-button, .form-button-alt {
		padding: 3px;
		border: 0;
		background: #333;
		color: #fff;
		cursor: pointer;
		margin-bottom: 10px;
		font-size: .9em
	}
	.form-button:hover, .form-button-alt:hover {
		background: #47b31a;
		color: #fff
	}
	
	/* Form Messages */
	.validation-advice, .required {color: #47b31a}
	.required {font-weight: normal; font-size: .9em}
	.validation-advice {
	    clear: both;
	    min-height: 15px;
	    margin-top: 3px;
	    background: url('images/validation_advice_bg.gif') no-repeat 2px 1px;
	    padding-left: 17px;
	    font-size: .95em;
	    font-weight: bold;
	    line-height: 1.25em;
	}
	.validation-failed {
	    border: 1px dashed #EB340A !important;
	    background: #faebe7 !important;
	}
	label.required {font-weight:bold}
	p.required {font-size: .95em; text-align: right}



/*** Pager ***/
.pager {background: #eee; border: 1px solid #ddd}
.pager .pages ol {list-style: none; margin: 0; display: inline}
.pager .pages ol li {display: inline}

/*** View By ***/
.view-by {background: #eee; border: 1px solid #ddd}
.view-by .sort-by {padding-right: 30px}

/*** Columns ***/
/* All */
.col2-set, .col3-set, .col4-set, .col5-set {clear:both; width: 100%}
.col2-set:after, .col3-set:after, .col4-set:after, .col5-set:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

/* Col2 */
.col2-set .col-1, .col2-set .col-2 {width: 48.5%}
.col2-set .col-1 {float: left}
.col2-set .col-2 {float: right}

/* Col2-alt */
.col2-alt-set .col-1 {width: 32%}
.col2-alt-set .col-2 {width: 65%}
.col2-alt-set .col-1 {float: left}
.col2-alt-set .col-2 {float: right}

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 {float: left; width:31.3%}
.col3-set .col-1, .col3-set .col-2 {margin-right: 3%}

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 {float: left; width: 22%}
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 {margin-right: 4%}

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 {float: none !important; margin: 0 !important}
.col3-set td.spacer {width: 3%}
.col4-set td.spacer {width: 4%}

.accent {color: #E76200; font-weight: bold}

/*** Grid Based View ***/
.listing-type-grid ol.grid-row {
	list-style: none;
	margin: 0;
	overflow: hidden;
	width: 100%;
	padding: 15px 0 10px 0;
	
	border-bottom: 1px solid #ddd;
	font-size: .9em;
	background: url('images/3-grid.png') repeat-y center top
}
.listing-type-grid ol.grid-row.last {border-bottom: 0}

.listing-type-grid ol.grid-row li.item {width: 30%; padding: 0 1.6%; float: left; overflow: hidden}

	/* Image */
	.listing-type-grid .product-image {text-align: center; margin-bottom: 10px}
	
	/* Product Name */
	.listing-type-grid h5 {margin-bottom: 10px}
	.listing-type-grid h5 a:link, .listing-type-grid h5 a:visited {font-weight: bold}
	
	/* Price Box */
	.price-box {color: #444; font-weight: bold; margin-bottom: 10px; font-size: 1.2em;}
	
/*** Single Product View ***/
.product-essential {overflow: hidden; width: 100%; margin-bottom: 15px}

	/* Product Image */
	.product-img-box {float: left; width: 260px}
	.product-image-zoom {position: relative; width: 250px; height: 250px; overflow: hidden; z-index: 9; margin: 10px auto}
	.product-image-zoom img {cursor: move}
	
		/* Product Zoom */
		.image-zoom {position: relative; z-index: 9; height: 18px; margin: 0 auto 13px auto; background: url('images/slider_bg.gif') no-repeat 50% 50%; padding: 0 28px 0 28px; cursor: pointer}
		.image-zoom #track {position: relative; height: 18px}
		.image-zoom #handle {position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url('images/magnifier_handle.gif') 0 0 no-repeat}
		.image-zoom .btn-zoom-out {position: absolute; left: 2px; top: 1px}
		.image-zoom .btn-zoom-in {position: absolute; right: 2px; top: 1px}
		
		/* More Views */
		.product-img-box .more-views h4 {border-bottom: 1px solid #ccc; margin-bottom: .8em; font-size: .95em; text-transform: uppercase}
		.product-img-box .more-views ul {margin-left: -9px}
		.product-img-box .more-views li {float: left; margin: 0 0 9px 9px}
		.product-img-box .more-views li a {float: left; width: 56px; height: 56px; border: 2px solid #ddd; overflow: hidden}
		.product-img-box .more-views li a img {margin: -32px 0 0 -32px}
	
	/* Product Shop */
	.product-shop {width: 290px; float: right}
	
		/* Add To Cart Box */
		.add-to-holder {width: 100%; overflow: hidden; margin: 15px 0}
		
		.add-to-holder .add-to-cart-box {margin: 0; padding: 0; float: left}
		.add-to-cart-box legend {display: none}
		.add-to-cart-box .input-text {width: 35px; margin: 0 !important; margin: 0 5px 0 0}
		.add-to-cart-box .form-button {margin-top: 0 !important; margin-top: 10px; float: none !important; float: left}
		
		.add-to-holder .add-or {float: left; margin: 3px .8em 0 .8em}
		
		.add-to-holder .add-to-box {margin: 0; float: left; list-style: none; font-size: .9em}
		.add-to-box .pipe {display: none}
		
	/* Product Collaterall */
	.product-collateral {border-top: 5px solid #ddd; padding: 15px; background: #eee}
	
/*** Button Set ***/
.button-set {overflow: hidden; height: 1%; padding: 5px 10px}
.button-set .form-button {float: right}

/* Login */
.login-box {border-top: 5px solid #ddd; padding: 15px; background: #eee; width: 550px}
.login-box .new-users .content {padding: 0 15px 0 0}
.login-box .registered-users .content {padding: 0 10px}
.login-box h4 {border-bottom: 1px solid #ccc; margin-bottom: .8em; font-size: .95em; text-transform: uppercase}

/*** Cart ***/
.button-level {position: relative; height: 60px; width: 100%}
.checkout-types {margin: 0; overflow: hidden; width: 180px; list-style: none; padding: 0; float: right}
.button-level .checkout-types {position: absolute; right: 0; top: 0; width: 180px; float: none}
.checkout-types li fieldset {margin: 0; padding: 0}

	/* Info */
	.attributes-col h4.title {font-size: 1.1em}

	/* Collaterals */
	.shopping-cart-collaterals {padding: 20px 0}
	.shopping-cart-collaterals .col-2 {width: 100%; float: none}
	
	.shopping-cart-collaterals .box {
		width: 245px;
		overflow: hidden;
		float: left;
		border-top: 5px solid #ddd;
		padding: 15px;
		background: #eee;
		margin: 0 6px 20px 6px;
		display: inline
	}
	
	.shopping-cart-collaterals .box select {width: 200px}
	.shopping-cart-collaterals .box fieldset {margin: 0; padding: 0}
	.shopping-cart-collaterals .box p {margin-bottom: .5em}
	
	/* Total Table */
	#shopping-cart-totals-table {margin-bottom: 20px}
	/* -------- New Footer -------- */

.footerContainer { background: url('images/footer-stripe-bg.gif') repeat-x top #000; color: #fff; width:100%; }
.footerContainer a { text-decoration: none; color: #ccc; }
.footerContainer a:hover { text-decoration: underline; color: #fff; }
.footerContainer ul, ul li { display: block; padding: 0; margin: 0; list-style: none; }
.footerContainer .footerInner { width: 886px; margin: auto auto; padding: 40px 0 50px 0; }
.footerContainer .blockHeader { font-size: 24px; font-weight: bold; color: #FFF; letter-spacing: -2px; padding: 0 0 10px 0; border-bottom: 1px solid #919191; }
.footerContainer .usefulLinks { width: 886px; padding: 0 0 40px 0; }
.footerContainer .usefulLinks li { width: 215px; float: left; border-bottom: 1px solid #242424; padding: 8px 0 7px 0; margin-right: 5px; }
.footerContainer .usefulLinks li a { font-size: 14px;}


.footerContainer .companyInfo { width: 853px; height: 50px; background: url('images/footer-company-info-bg.jpg') no-repeat center; padding: 17px 15px 15px 18px; font-size: 11px; }
.footerContainer .companyInfo li { padding: 0 0 2px 0; }


.itemSep { color: #666; padding: 0 3px 0 3px; }
.clear { clear: both; }

/* -------- New Footer  -------- */
	
#dlinks {
float:right;
overflow:hidden;
padding:20px 30px 20px 0;
width:574px;
}
#dlinks h4 {

}
#dlinks h4 a {

}
#dlinks ul {
	height:1%;
	margin:0 auto 14px 0;
	overflow:hidden;
	width:574px;
}
#dlinks ul li {
	height:20px;
	float:left;
	overflow:hidden;
	width:191px;
}
#dlinks ul li a {
	font-size:11px;
}