/*
	Name: Duffle Coast UK
	Date: 26/10/2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Front End Development
	Author URI: http://www.frontenddevelopment.com
	Coder: Nam Nguyen
*/

/* Imports */
@import url("reset.css");
@import url("global-forms.css");

/***** Global *****/
/* Body */
	
	
	body {
		background: #000000;
		color: black;
		font-size: 90%; /* Base font size: 16px */
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* 
	Base Font Size: 11px
*/
h2 {font-size: 1.727em}	/* 19px */
h3 {font-size: 1.545em}	/* 17px */
h4 {font-size: 1.364em}	/* 15px */
h5 {font-size: 1.182em}	/* 13px */
h6 {font-size: 1em}		/* 11px */

/* 
	Base Font Size: 12px
*/
h2 {font-size: 1.667em}	/* 20px */
h3 {font-size: 1.5em}	/* 18px */
h4 {font-size: 1.333em}	/* 16px */
h5 {font-size: 1.167em}	/* 14px */
h6 {font-size: 1em}		/* 12px */

/* 
	Base Font Size: 13px
*/
h2 {font-size: 1.615em}	/* 21px */
h3 {font-size: 1.462em}	/* 19px */
h4 {font-size: 1.308em}	/* 17px */
h5 {font-size: 1.154em}	/* 15px */
h6 {font-size: 1em}		/* 13px */

/* 
	Base Font Size: 14px
*/
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

/* 
	Base Font Size: 15px
*/
h2 {font-size: 1.533em}	/* 23px */
h3 {font-size: 1.4em}	/* 21px */
h4 {font-size: 1.267em}	/* 19px */
h5 {font-size: 1.133em}	/* 17px */
h6 {font-size: 1em}		/* 15px */

/* 
	Base Font Size: 16px
*/
h2 {font-size: 1.5em}	/* 24px */
h3 {font-size: 1.375em}	/* 22px */
h4 {font-size: 1.25em}	/* 20px */
h5 {font-size: 1.125em}	/* 18px */
h6 {font-size: 1em}		/* 16px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .8em;font-family: 'Helvetica Neue', Arial, sans-serif;font-weight: normal}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {}
a:hover, a:active {}
	
/* Paragraphs */
p {
	margin-bottom: 1.5em;
	line-height: 1.4;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

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

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}
.contents {width:960px;margin:0 auto}
/***** Layout *****/
/* Header */
#header{background: #ffffff url('../images/header.png') repeat-x top;overflow:hidden;padding-bottom:20px}
#header #logo{margin:65px 35px 0 0; float:left;}
#header ul{list-style-type:none;margin:68px 0 0 0;float:left;}
#header li{float:left;padding:0 7px}
#header li a{font-size:1.4em;color:#000; text-decoration:none;padding:5px;display:block;}
#header li a:hover,#header li a:active{background:#000;color:#fff;}
#header #search{padding-top:38px;}
#header #search p{display:inline;}
#header #search span{color:#000;font-size:0.75em;color:#000;text-align:right;display:block;padding-bottom:20px}
#header #search strong{color:#666666;font-weight:normal;}
#header #search span img{vertical-align:middle;}
#header #search fieldset {margin:0;padding:0;border:none;overflow:hidden;height:30px;float:right;;width:210px;overflow:hidden;}
#header #search fieldset .text{float:right;background:#000;width:165px;font-size:0.7em;padding:2px 5px;margin:0 3px 0 0;color:#fff;border:none;height:14px}
#header #search fieldset #go{float:right;cursor:pointer;background:url('../images/go-button.png') no-repeat;height:20px;width:28px;font-size:0;line-height:0;text-indent:-9999px;border:0}
/* Body */
#body { background-color: #ffffff; }
#body ul{list-style-type:none;margin:0;}
#home{overflow:hidden;background:url('../images/body-bg-bottom.png') no-repeat bottom right}
#body #banners{background: url('../images/banner.png') no-repeat;height:410px;width:960px;position:relative;}
#body #banners img{position:absolute;right:0;top:353px}
#body #brands{margin:0 0 35px 0;padding-top:8px;overflow:hidden;}
#body #brands li{float:left;}
#body #brands #watch-video{padding:0 8px}

#body #main{width:620px;float:left;}
#body #main h2{font-size:2.1em;margin-bottom:10px}
#body #main h4{font-size:1.05em;font-weight:bold;margin-bottom:25px}
#body #main p{font-size:0.9em}
#share-with-friend{width:960px;overflow:hidden;}
#share-with-friend li{float:left;margin-right:8px;padding:20px 0 30px 0}
#share-with-friend li#title{margin-right:15px}
#body #prize{background: url('../images/prize-form-bg.png') no-repeat;width:285px;float:right;padding:60px 15px 13px 15px;}
#body #prize fieldset{margin:0;padding:0;border:none}
#body #prize fieldset .text{width:260px;padding:4px 10px;font-size:0.75em;height:14px;margin-bottom:4px;}
#body #prize fieldset #prize-button{background: url('../images/submit.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;height:30px;width:80px;float:right;border:none}

/* Footer */
#footer{background:#000}
#footer .contents{background: url('../images/footer-bg-top.png') no-repeat top right;overflow:hidden;padding-bottom:30px}
#footer #news{display:block;width:100px}
#footer ul{width:240px;float:left;margin-top:25px}
#footer #recent-news{width:400px}
#footer ul h2{color:#fff;font-size:1.9em;margin-bottom:5px}
#footer li {padding-bottom:10px}
#footer li a{color:#fff;text-decoration:none;font-size:0.9em}
#footer li a:hover,#footer-content li a:active{text-decoration:underline;}

/* Holding Page */
#index{background: #ffffff url('../images/body-bg.png') no-repeat right top;}
.home{background:url('../images/index-bg-bottom.png') repeat-x bottom; }
#banner{background:url('../images/index-bg.png') no-repeat ;padding:435px 0 0 0;margin-top:175px;}
#aside{position:relative;}
#aside #model{margin:-413px 0 0 55px;position:absolute;}
#aside ul{margin:0 30px 0 320px}
#aside li{float:left;width:320px; padding:20px 0}
#aside #amazing{overflow:hidden;}
#aside #amazing img	{float:left;margin-right:10px}
#aside #amazing h3{margin: 0; font-size:1.25em;display:block;padding-top:13px}
#aside #amazing strong{font-size:0.9em;display:block;}
#aside #note{margin-top:15px; font-size:0.75em}
#aside #note a{color:#000;text-decoration:underline;font-weight:bold;}
#aside #note a:hover,#aside #note a:active{text-decoration:none;}
/* Form Base */
#home #title-page{font-size:3.3em;font-weight:bold;border-bottom:1px solid #cccccc;padding-bottom:10px}
.form-base{background: url('../images/form-base-bg.png') repeat-y;width:560px;overflow:hidden;float:left;margin-bottom:80px}
.form-base fieldset{margin:0;padding: 15px 30px 20px}
.form-base fieldset label{font-size:1.2em;font-weight:bold;display:block;}
.form-base fieldset .text{width:490px; padding:5px 0 5px 10px;border:1px solid #e9e9e9}
.form-base fieldset .submit{float:right;font-size:0; line-height:0; text-indent:-9999px;border:none;margin-top:5px;width:80px;height:30px;cursor:pointer;}
.form-base fieldset span{font-size:0.8em;padding:15px 0 0 0 ;display:block;float:left;}
.form-base fieldset span a{color:#000;text-decoration:none;}
/* Login */

#login-form #login{background: url('../images/log-in.png') no-repeat;}
#login-form a:hover, #login-form a:active{text-decoration:underline;}
#have-not-register{float:right;background:url('../images/register-bg.png') no-repeat; padding:55px 10px 20px 20px;width:350px}
#have-not-register p{color:#fff;margin-bottom:15px;font-size:1.1em}
/* Register */

#register-form #check-box{margin:15px 0 25px}
#register-form strong{font-weight:normal;font-size:0.8em;}
#register-form #register-button{background:url('../images/submit.png') no-repeat}
/* Checkout */

#checkout-steps {overflow:hidden;}
#checkout-steps li{float:left;padding:0 10px 40px 0}
#checkout-steps li a{color:#d0d0d0;text-decoration:none;font-size:1.1em;font-weight:bold;}
#checkout-steps .active a{color:#000}
#checkout-form #continue-button {background:url('../images/continue.png') no-repeat; width:94px;}
#checkout-form #address{overflow:hidden;width:500px}
#checkout-form #select-address{width:175px;float:left;margin-right:10px}
#checkout-form .radio-address{margin:0 5px}
#checkout-form ul{float:left;}
#checkout-form li{float:left;font-size:0.8em;padding-top: 3px}
#checkout-form select{ width:150px;margin:10px 0}

/* Content */
#content {width:640px; float:left;}
#content li{padding-bottom:20px}
#content h2{font-size:1.8em;font-weight:bold;margin-bottom:5px;}
#content .meta{font-size:0.75em;color:#999999;display:block;margin-bottom:30px}
#content .meta a{color:#999999}
#content .meta a:hover, #content .meta a:active{text-decoration:none;}

#content #sub-title{margin-bottom:50px}
/* Sibebar */
#sidebar {width:280px;float:right;}
#sidebar ul{margin:0 0 30px 0;}
#sidebar li{padding-bottom:20px}
#sidebar li a{color:#979797;text-decoration:none;}
#sidebar li a:hover, #sidebar li a:active{text-decoration:underline;}
#sidebar h2{font-size:1.3em;font-weight:bold;color:#979797;border-bottom: 1px dotted #cccccc;padding-bottom:8px;margin-bottom:20px;}
#sidebar li#see-more a{text-decoration:underline;color:#000}
#sidebar li#see-more a:hover,#sidebar #see-more a:active{text-decoration:none;}
 /* Pagenavitor*/
#page-next-prev{background:#000;width:945px;overflow:hidden;color:#fff;padding:5px 0 5px 15px;font-size:0.8em;height:1%;margin-bottom:60px}
#page-next-prev span{display:block;width:65px; float:left;padding:5px 0 0 0}
#page-next-prev span a:link, #page-next-prev span a:visited{color: #ffffff; text-decoration: none}
#page-next-prev span a:active, #page-next-prev span a:hover{color: #ffffff; text-decoration: underline}
#page-next-prev ul{float:left;margin:0 40px}
#page-next-prev li{float:left;padding:4px 6px;margin:0 1px}
#page-next-prev li a{color:#fff;text-decoration:none;}
#page-next-prev .page-active{background:#fff;}
#page-next-prev .page-active a{color:#000;}

/* Comment */
#comment{overflow:hidden;height:1%;padding-top:40px}
#comment h2{background:#7f7f7f;margin-bottom:0;color:#fff;font-size:1.4em;padding:10px 0 10px 17px;font-weight:normal;}
#comment li{background:#f4f4f4;border-bottom:1px solid #fff;padding:20px 0 15px 20px}
#comment li strong,#comment li span{display:block;}
#comment li strong{margin-bottom:15px;font-size:0.8em}
#comment li span{font-size:0.75em;}

/*Leave Comment Form*/
#leave-comment-form{overflow:hidden;color:#fff;margin-top:40px}
#leave-comment-form h2{font-size:1.4em;font-weight:normal;margin-bottom:10px}
#leave-comment-form fieldset{width:425px;border:none;margin:0;background:url('../images/leave-comment-bg.png') no-repeat;padding:10px 0 30px 15px}
#leave-comment-form fieldset label{display:block;font-size:0.85em; font-weight:bold;}
#leave-comment-form fieldset .text-comment{padding:7px 0 7px 5px;background:#ebebeb;width:295px;border:none}
#leave-comment-form fieldset textarea{width:400px ; padding:5px; height:70px;background:#ebebeb;border:none}
#leave-comment-form fieldset #submit-leave-comment{background: url('../images/submit.png') no-repeat;float:right;font-size:0; line-height:0; text-indent:-9999px;border:none;margin:5px 15px 15px 0;width:80px;height:30px;cursor:pointer;}
 /* My Account */
#details-account{float:left;width:600px;padding-bottom:50px}
#details-account li{padding-bottom:40px}
#details-account li h2{border-bottom:1px solid #cccccc;font-size:1.25em;font-weight:bold;padding-bottom:5px;margin-bottom:10px;position:relative;}
#details-account li h2 a{font-size:0.6em;font-weight:normal;position:absolute; right:0;margin-top:5px;color:#666}
#details-account li h2 a:hover,#details-account li h2 a:active{text-decoration:none;}
#details-account li span, #details-account li strong{display:block;}
#details-account li span{margin-bottom:3px;}
#details-account li span a{font-size:0.75em;color:#666;display:block;margin-top:10px}
#details-account #manage-address li{float:left;width:290px;margin-right:5px}
#details-account #manage-address strong{font-size:0.85em;margin-bottom:5px}

#account-dashboard{float:right; width:330px}
#account-dashboard li{border-bottom:1px solid #cccccc;padding:10px 0}
#account-dashboard #first{padding:0}
#account-dashboard #last{border-bottom:none}
#account-dashboard li h4{margin-bottom:8px;padding-left:10px;font-size:1em;font-weight:bold;}
#account-dashboard li a{padding-left: 15px;color:#666;text-decoration:none;}
#account-dashboard li a:hover,#account-dashboard li a:active{text-decoration:underline;}

/* Product Listing */
#title-page-products{background:#000; color:#fff;font-size:3em; padding:5px 0 5px 15px;font-weight:bold;margin:0}
#filter{padding:15px 0 25px}
#filter strong{font-size:1.2em; margin-right:15px;vertical-align:middle;}
#filter span{font-size:0.75em; margin-right:5px}
#filter select{margin-right:15px}
#filter #color{background:url('../images/select-colour.png') no-repeat;width:33px;height:22px;border:none;text-indent:-9999px}
#filter #type{background:url('../images/select-type.png') no-repeat;width:45px;height:22px;border:none;margin-right:25px;text-indent:-9999px}
#filter #price{background:url('../images/select-price.png') no-repeat;width:85px;height:22px;border:none;text-indent:-9999px}
#list-produtcs{overflow:hidden;}
#list-produtcs li{float:left;padding:0 13px 15px 0;width:230px}
#list-produtcs #last{padding:0}
#list-produtcs img{margin-bottom:10px}
#list-produtcs .meta li.information{float:left;width:120px}
#list-produtcs .meta li.information span{display:block;}
#list-produtcs .meta li.information .price{color:#666;font-size:0.8em;padding-top:2px}
#list-produtcs .meta li.information strong{text-decoration:line-through;font-weight:normal; padding-left:8px}
#list-produtcs .meta li.view{float:right;width:72px;padding-right:10px}
#list-produtcs .meta li a{background:#000; color:#fff;font-size:0.75em;text-decoration:none;padding:2px 4px;margin-right:3px;line-height:20px}


/* View Cart */
#list-item td{vertical-align:middle;padding:10px 0;text-align:center;}
#list-item{background:#f5f5f5;overflow:hidden;margin:0 0 50px 0;width:960px;}
#list-item #header-view-cart h3{border-bottom:none;font-size:1.25em;vertical-align:top;text-align:left;margin:10px 0 0 15px}
#list-item #header-view-cart img{margin-right:20px}
#list-item #label td{border-bottom:1px solid #e9e9e9;font-size:0.75em;}

#list-item .images{width:90px;padding-left:20px;text-align:left;}
#list-item .product-desc{width:380px;text-align:left;}
#list-item .product-desc h4{margin-bottom:0}
#list-item .product-desc span{font-size:0.75em}
#list-item .product-desc .price{display:inline;text-decoration:line-through;font-weight:normal;}
#list-item .unit-price{width:130px}
#list-item .quantity{width:130px}
#list-item .quantity .text{width:40px; padding:6px 0; text-align:center;font-weight:bold;border:1px solid #e9e9e9}
#list-item .sub-total{width:130px}
#list-item .last{width:100px;}
#list-item .last a{margin:45px 0;display:block;}

#list-item #total{text-align:left;padding:0 0 0 20px}
#list-item #total strong{font-size:1.2em}
#list-item #total h2{font-size:2.8em;font-weight:bolder;margin-bottom:5px}
#list-item #total h2 span{color:#838383;font-weight:normal;}
#list-item #continue-shopping{text-align:left;padding:0 0 20px 20px;}
#list-item #proceed-checkout{text-align:right;padding:0 20px 20px 0;}
/*Spotlight*/
#home h3{border-bottom:1px solid #cccccc;font-size:1.1em;padding-bottom:5px;font-weight:bold;margin-bottom:10px}
#show-product{
	float:left;
	width:402px;
	overflow:hidden;
	background:url('../images/logo-bottom.png') no-repeat bottom;
	padding-bottom:310px
}
#show-product #galery{position:relative;}
#show-product #galery #zoom{position:absolute;top:365px;right:10px}
#show-product #galery #zoom img{border:none}
#show-product #galery ul{padding:10px 0 30px 0;overflow:hidden;height:1%}
#show-product #galery li{float:left;}
#show-product #galery img{border:1px solid #e5e5e5}
#show-product #galery .center{padding:0 12px}
#show-product #icon-list{overflow:hidden;padding-bottom:50px;}
#show-product #icon-list li{float:left;padding:0 10px 0 0; font-size:0.8em}
#show-product #icon-list li img{vertical-align:middle;margin-right:5px}
#show-product #delivery img{margin-bottom:10px;}
#details{float:right;width:525px;padding-bottom:30px;background: url('../images/logo-top.png') no-repeat 40px 130px;}
#details .title{font-size:2.9em;font-weight:bold;padding-bottom: 5px;margin-bottom:30px;border-bottom: 1px solid #ccc}
#details .title span{display:block;font-size:0.3em;font-weight:normal;}
#details #old-price{font-size:0.75em;color:#666;display:block;}
#details #old-price strong{text-decoration:line-through;font-weight:normal;}
#details #add-to-cart {overflow:hidden;padding-bottom:20px;height:1%}
#details #add-to-cart #big-price{font-size:2.8em;color:#666;float:left;}
#details #add-to-cart #big-price strong{color:#000}
#details #add-to-cart #qty,#details #add-to-cart img,#details #add-to-cart .quantity{float:right;}
#details #add-to-cart #qty{font-weight:bold;padding-top:10px}
#details #add-to-cart .quantity{width:50px; padding:9px 0;text-align:center;border: 1px solid #dbdbdb;font-weight:bold;margin:0 10px}
#details #list-special li{background:url('../images/icon-list-image.png') no-repeat 0 9px; padding:5px 0 5px 15px}
#details #list-special{padding-left:10px}
#details #size-guide img{margin:20px 0 30px 10px}
#details #get-color{font-size:0.7em;font-weight:normal;padding-left:155px}
#details #get-color a{text-decoration:none;color:#666}
#details #get-color a:hover,#details #get-color a:active{text-decoration:underline;}
#details #get-color img{vertical-align:middle;}
#details #list-model{overflow:hidden;padding:10px 0 30px 0;height:1%}
#details #list-model li{float:left;margin-right:8px}
#details #list-model .last{margin-right:0}
#details #customer-review{padding-left:140px;font-size:0.7em;font-weight:normal}
#details #customer-review a{text-decoration:none;color:#666;padding:0 5px}
#details #customer-review a:hover,#details #customer-review a:active{text-decoration:underline;}
#details #list-content-customer li{padding:20px 0 10px 0}
#details #list-content-customer li h2{font-weight:bold;font-size:1.2em;margin-bottom:0px}
#details #list-content-customer li span{font-size:0.75em;color:#666}
#details #list-content-customer li p{margin:15px 0 5px 0}
#details #list-content-customer li a{font-size:0.8em;font-weight:bold;color:#666;text-decoration:none;}
#details #list-content-customer li a:hover,#details #list-content-customer li a:active{text-decoration:underline;}
#content a:active, #content a:hover{text-decoration:underline;}
#content a:link, #content a:visited{color:#000000;text-decoration:none;}