/* COMMON */
body {
    font-family: Tahoma, Helvetica, Arial;
    font-size: 12px;
    background: #f0f1f2 url(../images/template/body.jpg) top center repeat-x;
    color: #333333;
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover { 
    text-decoration: underline;
}

h1 {
    font-weight: normal;
    font-size: 20px;
}

h2 {
    font-weight: normal;
}

.clearfix {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 1px;
    visibility: hidden;
    display: block;
    line-height: 0px;
}

.left {
    float: left;
    clear: left;
}

.right {
    float: right;
    clear: right;
}

/* PAGE STRUCTURE */

div#page {
    width: 982px;
    margin: 0 auto 20px auto;        
}

div#header {
    height: 100px;
}

a#cart_total {
    padding: 0 50px 0 0;
    margin: 64px 0 0 0;
    display: block;
    font-weight: bold;
    background: url(../images/template/cart_icon.png) center right no-repeat !important;
    background: url(../images/template/cart_icon.gif) center right no-repeat;
}

div#page_top {
    height: 10px;
    width: 982px;    
    overflow: hidden;
    font-size: 1px;
    background: url(../images/template/page_top.png) top center no-repeat !important;
    background: url(../images/template/page_top.gif) top center no-repeat;
}

div#page_content {
    width: 982px;
    background: url(../images/template/page_bg.png) top center repeat-y;
}

div#page_btm {
    height: 10px;
    width: 982px;
    overflow: hidden;
    font-size: 1px;
    background: url(../images/template/page_btm.png) bottom center no-repeat !important;
    background: url(../images/template/page_btm.gif) bottom center no-repeat;
}

div#right_column {
    width: 720px;
    display: inline;
    float: right;
    clear: right;
    margin: 0 11px 0 0;
}

div#left_column {
    width: 220px;
    display: inline;
    float: left;
    clear: left;    
    margin: 0 0 0 11px;
}

div#footer {
    font-size: 11px;
    padding: 0 10px 0 251px;    
    background: url(../images/template/page_bg.png) top center repeat-y;
}

div.right_column_content {
    padding: 10px 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

div.left_column_content {
    margin: 0 0 10px 0;
}

a.logo {
    float: left;
    text-decoration: none;
    margin: 46px 0 0 0;
}

a.logo span {
    background: url(../images/template/logo.png) no-repeat left center !important;
    background: url(../images/template/logo.gif) no-repeat left center;
    display: block;
    width: 259px;
    height: 47px;    
}

/* COMMON */

a.btn { 
    display: block;
}

.btn {    
    width: 126px;
    height: 26px;
    border: none;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    cursor:pointer;
}

.btn:hover {
    text-decoration: none;
    opacity:1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    cursor:pointer;
}

input.formFieldShort, input.formField, input.formFieldMedium, input.formFieldSmall {
    border: 1px solid #e1e1e1;
    padding: 3px;  
}

input.formField {
    width: 230px;  
}

form.global-form {
}

form.global-form fieldset {
    border: 1px solid #e1e1e1;
    background: url(../images/template/product_list_bg.gif) center bottom repeat-x;
    padding: 10px;
    margin: 10px 0 10px 0;
}

form.global-form fieldset legend{
    font-size: 14px;
}

form.global-form table {
    width: 100%;
}

.w100 {
    width: 100px;
}

.w200 {
	width: 200px;
}

/* SEARCH */

form#search{
    width: 220px;
}

form#search #searchKeyword {
    border-color:#C3C3C3;
	border-style:solid none solid solid;
	border-width:1px medium 1px 1px;
	float:left;
	font-size:13px;
	height:16px;
	padding:4px 3px 3px;
	width:192px;
}

form#search #searchSubmit {
    border:none;
    background: url(../images/template/searchSubmit.gif) center left no-repeat;
	height:25px;
	margin:0 0 0 -7px;
	width:28px;
}

ol#searchResults {
	
}

ol#searchResults li {
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #E1E1E1;
	border-top: 1px solid #FFFFFF;
}

ol#searchResults li:hover {
	background: #F3f3f3;
}

ol#searchResults li p {
	font-size: 10px;
	font-style: italic;
}

ol#searchResults li h3 span {
	font-style: italic;
	text-align: right;
	float: right;
}

ol#searchResults li a:hover{
	text-decoration: none;
}


/* CAROUSEL */

div#carousel {  
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 720px; /* important */
    border-bottom: 1px solid #e1e1e1;  
    margin: 0 0 10px 0;  
}  
   
#carousel_content {  
     position: absolute;  
     top: 0;  
     margin-left: 0;       
     width: 13440px;
     display: none;   
}  
  
#carousel_content li {  
     list-style: none;  
     margin: 0;  
     padding: 0;  
} 

div#right_column #carousel ul li {  
    display: block;  
    float: left;  
    margin: 0;  
    padding: 0;  
    border: none;  
    background-color: #fff;
    width: 720px;  
}  
  
div#right_column #carousel ul li img {  
    display: block;
    float: left;  
}  
    
div#right_column #carousel_menu {  
    position: absolute;
    height: 124px;
    bottom: 0;
    padding: 10px 0 10px 0;
    background: url(../images/template/carousel_menu.jpg) repeat-x left top;
    width: 100%;  
}  

div#right_column #carousel_menu ul li {
    width: 16.6%;
    background: transparent;
    display: block;  
}

div#right_column #carousel_menu ul li a{
	display: block;
}

div#right_column #carousel_menu ul li a:hover {
	text-decoration: none;
}

div#right_column #carousel_menu ul li a:focus{
	outline: none;
}

div#right_column #carousel_menu ul li a span.title {
	display: none;
	text-align: center;
	text-decoration: none;
	padding: 8px 0 5px 0;
	background: url(../images/template/carousel_menu_title.gif) top center no-repeat;
	margin: 7px 0 0 0;
	color: #FFFFFF;
}

div#right_column #carousel_menu ul li a:hover span.title {
	display: block;
	text-decoration: none;
} 

div#right_column #carousel_menu ul li a img{
	float: none;
	display: block;
	margin: 0 auto;  
}  

div#right_column #carousel_menu ul li {
}

.carousel_content_item {
    height: 210px;
}

.ipod_info {
    background: url(../images/template/ipod_carousel_info.gif) no-repeat center left;
    width: 300px;
    height: 117px;
    padding: 10px 10px 10px 70px;
    margin: 32px 20px 0 0;
    float: right;
    color: #4c4c4c;
}

.ipod_info h2 a{
    font-size: 16px;
    color: #333333;
}

.ipod_info p {
    font-size: 13px;
}

.ipod_info p.quick_links {
    margin: 20px 0 0 0;
}

.ipod_info p.quick_links, .ipod_info p.quick_links a{
    font-size: 10px;
    color: #949494;
}

/* NEW PRODUCT LIST */

ul#index_product {
        
}

ul#index_product li {
    float: left;
    display: inline;
}

ul#index_product li a {
    display: block;
    width: 145px;
    height: 210px;
    margin: 0 0 10px 10px;
    padding: 10px;    
    border: 1px solid #FFFFFF   
}

ul#index_product li a:hover {    
    text-decoration: none;
    border: 1px solid #f0f0f0     
}

ul#index_product li a img {
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto 10px auto;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    }
    
 ul#index_product li a:hover img{
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);     
}

ul#index_product li a:hover span{
    text-decoration: none;     
}

ul#index_product li a span.prod_title {
    display: block;
    font-size: 12px;
    word-spacing: -0.1em;
    color: #333333;    
}

ul#index_product li a:hover span.prod_title {
    color: #000000;    
}

ul#index_product li a span.prod_price {
    display: block;
    font-size: 18px;
    color: #6F6F6F;   
}

ul#index_product li a:hover span.prod_price {
    color: #636363;   
}   

/* LEFT COLUMN */

.left_column_content_heading {
    width: 220px;
    height: 35px;
    display: block;
    margin: 0 0 3px 0;
}

.departments {
    background: url(../images/template/departments_heading.gif) center center no-repeat;
}

.your_stuff {
    background: url(../images/template/your_stuff_heading.gif) center center no-repeat;
}

.search {
    background: url(../images/template/search_heading.gif) center center no-repeat;
}


.left_column_content ul {
    font-size: 11px;
    padding: 0 0 0 10px;
}

.left_column_content ul li {
    
}

.left_column_content ul li a {
    display: block;
    padding: 3px 0 3px 0;
}

/* DEPT PAGES */

ul#product_list {

}

ul#product_list li{
    display: block;
    float: left;
    width: 718px;
    margin: 0 0 10px 0;
    padding: 0px;
    border: 1px solid #e1e1e1;
    background: url(../images/template/product_list_bg.gif) center bottom repeat-x;
}

ul#product_list li div.image {
    width: 140px;
    display: inline;
    float: left;
    padding: 10px 0 10px 10px;
}

ul#product_list li div.info {
    width: 548px;
    display: inline;
    float: right;
    padding: 10px;
}

ul#product_list li.On div.info {
    background: url(../images/template/sale_banner.png) top right no-repeat !important;
    background: url(../images/template/sale_banner.gif) top right no-repeat;
} 

ul#product_list li div.info h3 {    
    margin: 0 0 10px 0;    
}

ul#product_list li div.info h3 a{
    font-size: 16px;
    width: 550px;
    font-weight: normal; 
}

ul#product_list li div.info p.desc {
    margin: 0 0 10px 0;
}

ul#product_list li div.info p.price {
    font-size: 18px;
    color: #636363;
}

ul#product_list li div.info p.price_rrp {
    font-size: 12px;
    text-decoration: line-through;
    margin: 0 0 10px 0;
}

ul#product_list li div.info a.more_info {
    float: right;
    background: url(../images/template/buttons/btn_more_info.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_more_info.gif) center center no-repeat;        
}

ul.sub_dept_list {
        
}

ul.sub_dept_list li {
    float: left;
    display: inline;
    text-align: center;
}

ul.sub_dept_list li a {
    display: block;
    width: 145px;
    height: 155px;
    margin: 0 0 10px 10px;
    padding: 10px;    
    border: 1px solid #FFFFFF;
    position: relative;   
}

ul.sub_dept_list li a:hover {    
    text-decoration: none;
    border: 1px solid #f0f0f0     
}

ul.sub_dept_list li a img {
    width: 100px;
    width: 100px;
    display: block;
    overflow: hidden;
    margin: 0 auto 10px auto;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    }
    
ul.sub_dept_list li a:hover img{
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);     
}

ul.sub_dept_list li a span{
	display: block;
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 145px;
}

ul.sub_dept_list li a:hover span{
    text-decoration: none;     
}


/* PRODUCT PAGES */

div.product_page {
       
}

div.product_page div.image {
    width: 220px;
    display: inline;
    float: left;       
}

div.product_page div.image p{
    text-align: center;
    font-size: 11px;      
}

div.product_page div.image p a{
	display: block;
	padding: 5px 0 5px 0;
}

div.product_page div.info {
    width: 490px;
    display: inline;
    float: right;
    border: 1px solid #e1e1e1;
    background: url(../images/template/product_list_bg.gif) center bottom repeat-x;       
}

div.product_page div.inner {
    padding: 10px;
}

div.product_page div.On div.inner {
    background: url(../images/template/sale_banner.png) top right no-repeat !important;
    background: url(../images/template/sale_banner.gif) top right no-repeat;
}

.add_cart_btn {
    font-size: 0px;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_add_cart.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_add_cart.gif) center center no-repeat;
    float: right;
    margin: 0 0 10px 0;
}

/* CART PAGES */

table#cart_table {
    width: 720px;
    background: url(../images/template/product_list_bg.gif) center bottom repeat-x;
    border: 1px solid #e1e1e1;
    margin: 0 0 20px 0;   
}

table#cart_table col#Col1 {
    width: 50px
}

table#cart_table col#Col2 {
    width: 300px
}

table#cart_table col#Col3 {
    width: 50px;    
}

table#cart_table col#Col4 {
    width: 50px;    
}

table#cart_table col#Col5 {
    width: 50px;    
}

table#cart_table tr.table_heading {
    border-bottom: 1px solid #e1e1e1;
    background: url(../images/template/product_list_bg.gif) center bottom repeat-x;
}

table#cart_table tr:hover {
    background: #F3f3f3;
}

table#cart_table tr.table_heading:hover {
    background: url(../images/template/product_list_bg.gif) center bottom repeat-x;
}

table#cart_table td {
    padding: 3px;
}

table#cart_table th {
    font-size: 14px;
    padding: 3px;
    color: #7c7c7c;
}

table#cart_table td {
    padding: 3px;
}

table#totals_table {
    width: 720px;
    margin: 0 0 20px 0;
}

table#totals_table col#totalsCol1{
    width: 565px;
}

table#totals_table col#totalsCol2{
}

table#totals_table tr{
    height: 20px;
    color: #666666;
    font-size: 11px;
}

table#totals_table td.item{
    padding: 0 5px 0 0;
    border-right: 1px solid #e1e1e1;
    text-align: right;    
}

table#totals_table td.price{
    padding: 0 0 0 5px;    
}

table#totals_table tr.main{
    font-size: 14px;
    color: #333333;    
}

p.actions {

}

.update_cart_btn {
    font-size: 0px;    
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_update.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_update.gif) center center no-repeat;
}

.empty_btn {
    font-size: 0px;    
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_empty_cart.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_empty_cart.gif) center center no-repeat;
}

.continue_shop_btn {
    font-size: 0px;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_continue_shop.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_continue_shop.gif) center center no-repeat;
}

.checkout_btn {
    font-size: 0px;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_checkout_cart.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_checkout_cart.gif) center center no-repeat;
}

 
/* FORMS / USER PAGES */

div.forms .half {
    border: none;
    background: transparent;
    padding: none;
    width: 49.4%;
}

div.forms form.global-form fieldset {
    background: url(../images/template/product_list_bg.gif) center bottom repeat-x;
}

div.forms form.global-form fieldset p{
    margin: 0 0 10px 0;
}

div.forms form.global-form fieldset legend {
    padding: 1px 5px 3px 24px;
}

div.forms form.global-form fieldset table {
    width: 100%;
}

div.forms form.global-form fieldset table tr{
    height: 30px;
}

legend.usr {background: url(../images/template/user_icon.gif) 5px center no-repeat;}

legend.addr {background: url(../images/template/addr_icon.gif) 5px center no-repeat;}

legend.pay {background: url(../images/template/pay_icon.gif) 5px center no-repeat;}

legend.reg {background: url(../images/template/reg_icon.gif) 5px center no-repeat;}

.continue_btn {
    font-size: 0px;
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_continue.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_continue.gif) center center no-repeat;
    float: right;
}

.pass_recov_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_sendpass_user.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_sendpass_user.gif) center center no-repeat;
    float: right;
}

.signin_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_signin_user.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_signin_user.gif) center center no-repeat;
    float: right;
}

.sign_up_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_sign_up_user.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_sign_up_user.gif) center center no-repeat;
    float: right;
}

.complete_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_complete.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_complete.gif) center center no-repeat;
    float: right;
}

.print_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_print.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_print.gif) center center no-repeat;
    float: right;
}

.update_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_update.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_update.gif) center center no-repeat;
    float: right;
}

.submit_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_submit.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_submit.gif) center center no-repeat;
}

.reset_btn {
    font-size: 0px;    
    margin: 10px 0 0 0;
    padding: 25px 0 0 0;
    background: url(../images/template/buttons/btn_reset.png) center center no-repeat !important;
    background: url(../images/template/buttons/btn_reset.gif) center center no-repeat;
}

/* PAGING */

.pagination {
	background: #F4F3F3; 
	border: 1px solid #e1e1e1;
	padding: 5px;
	margin: 10px 0;
	}
	
.pagination	.prev_links {
	float: left;
	width: 100px;	
}

.pagination	.next_links {
	float: right;
	width: 100px;	
}

.pagination .pager_text {
	text-align: center;
	width: 508px;
	float: left;
	color: #666666;
}

.pagination a {
	display: block;
	width: 15px;
	height: 15px;
	border: 1px solid #F4F3F3;
}

.pagination a:hover {
	text-decoration: none;
	border: 1px solid #e1e1e1;
}

#firstPage{
	background: url(../images/template/buttons/first_btn.gif) center center no-repeat;
	margin-right: 5px;
	float: left;
}

#prevPage{
	background: url(../images/template/buttons/prev_btn.gif) center center no-repeat;
	float: left;
}

#nextPage{
	background: url(../images/template/buttons/next_btn.gif) center center no-repeat;
	float: right;
}

#lastPage{
	background: url(../images/template/buttons/last_btn.gif) center center no-repeat;
	margin-left: 5px;
	float: right;
}