body
{
    background: #e1e1e1 url("lightmesh.png");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: normal;
    margin: 10px;
    padding: 0;
    margin: 0;
    color: #333333;
}

th, td, p, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: normal;
}

h1, h2, h3
{
    border: none;
    color: #000000;
}

input, select, textarea
{
    border: 1px solid #E3E3E3;
    color: #010101;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: normal;
	padding: 3px;    
	margin: 0;
	box-sizing: border-box;   
    -moz-box-sizing: border-box;    
    -ms-box-sizing: border-box;    
    -webkit-box-sizing: border-box;    
    -khtml-box-sizing: border-box;
}

a
{
	color: #000000;
}
        
a:hover
{
	color: /* var:primaryColor */#96010e/**/;
}

button,
.button
{
    border-style: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
        
fieldset
{
    border: 1px solid #e1e1e1;
    padding: 10px 10px 0 10px;
    margin: 0 0 10px 0;
}
        
.validation-summary-errors,
.info
{
    border-style: none;
    background-color: #fff8b5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#page
{
    background: #FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 3px #C0C0C0;
    margin: 47px auto 53px;
    position: relative;
    text-align: left;
    padding: 25px;
    display: table;
}

.pageheading
{
    margin: 0 0 10px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Vidaloka', serif;
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 17px;
    padding: 12px;
}
        
#contentliner 
{
    padding: 0;
    margin: 0 0 20px 0;
    min-height: 400px;
}
        
/* Customer Bar Styles
------------------------------------------------ */
#customerbar .cart,
#customerbar .checkout
{
	display: inline;
}
        
/* Page Menu Styles
------------------------------------------------ */
.pages
{
    clear: both;
}
        
.pages ul
{
    display: block;
    border: none;
    margin: 0 0 20px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
        
.pages li
{
    background: url("line.png") no-repeat scroll right 25px transparent;
    padding: 0 13px 0 10px;
}
              
.pages li.last
{
    background: none;
}
        
.pages a, .pages span
{
    font-family: 'Vidaloka', serif;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17px;
    display: inline-block;
    padding: 23px 3px 22px 3px;
    vertical-align: middle;
}
        
.pages a:hover
{
    text-decoration: none;
}
         
.pages .search input
{
    background: #FFFFFF;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 3px 3px 4px;
    width: 120px;
    margin: 0 4px 0 4px;
    vertical-align: middle;
}
        
.pages .search button
{
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #171f16;
    padding: 0 2px 0 2px;
    vertical-align: middle;
}
        
.pages .search button span
{
    padding: 0;
}

#menu .pages ul
{
    background: inherit;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    list-style-type: none;
    list-style-position: inside;
    list-style-image: url("http://shop.theospoint.com/public/content/templates/classic/marker.gif");
    margin: 0;
    padding: 0 0 0 12px;
}
        
#menu .pages li
{
    background: inherit;
    padding: 4px 0 4px 0;
	margin: 0;
}

#menu .pages a, #menu .pages span
{
    font-family: inherit;
    color: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    font-size: inherit;
    padding: 0;
}
        
#menu .pages a:hover
{
    text-decoration: none;
}
         
#menu .pages .search input
{
    background: #FFFFFF;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 3px 3px 4px;
    width: 120px;
    margin: 0 4px 0 4px;
    vertical-align: middle;
}
        
#menu .pages .search button
{
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #171f16;
    padding: 0 2px 0 2px;
    vertical-align: middle;
}
        
#menu .pages .search button span
{
    padding: 0;
}

/* Header Styles
------------------------------------------------ */
#header
{
    display: table;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
}
        
#header #logo
{
    float: left;
}
        
#header #headernav
{
    float: right;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
}
              
#header #headernav p
{
    font-size: 12px;
}
                
#header #headernav a
{
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

/* Footer Styles
------------------------------------------------ */
#footer
{
    text-transform: uppercase;
    font-size: 11px;
    color: #333333;
    padding-bottom: 0;
}
        
#footer .liner
{
    margin: 0 auto;
    padding: 0 10px 0 10px;
    text-align: left;
}
        
#footer a
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #6E6E6E;
	font-size: 11px;
}
        
#footer a:hover
{
    text-decoration: none;
    color: #333333;
}
        
#footer p
{
    margin-bottom: 10px;
    font-size: 11px;
}

#footer .terms,
#footer .refunds
{
	display: inline;
}

#footerpages ul
{
    margin-bottom: 10px;
	display: block;
}
        
#footerpages li
{
    padding: 0 19px 0 0;
}
        
#footerpages li.activemenu a
{
    color: #333333;
}

/* Menu Styles
------------------------------------------------ */
#menu .liner 
{
    padding: 0;
    text-transform: uppercase;
    color: #333333;
}

#menu h2 
{
    display: block;
    margin: 0 0 10px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Vidaloka', serif;
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 17px;
    padding: 12px;
}
        
#menu .homemenuitem
{
    display: none;
}

#menu a
{
	text-decoration: none;
	padding: 0;
}

#menu #activemenu a
{
	text-decoration: none;
}
        
#menu #activemenu li a
{
	font-weight: normal;
}

#menu ul
{
    list-style-type: none;
    list-style-position: inside;
    list-style-image: url("http://shop.theospoint.com/public/content/templates/classic/marker.gif");
    margin: 0;
    padding: 0 0 0 12px;
    font-weight: normal;
}

#menu ul li
{
	padding: 4px 0 4px 0;
	margin: 0;
	font-weight: normal;
	font-size: 12px;
}

#menu ul ul
{            
    list-style-type: disc;
}

#menu .menusearch
{
    display: none;
}

/* Cart Styles
------------------------------------------------ */
#navpage #cart
{
    display: none;
}

/* Home Styles
------------------------------------------------ */
#home .categories li .liner 
{
    padding-bottom: 0;
}

#home .categories img 
{
    margin-right: 10px;
}

#home .categories a 
{
    display: block;
    margin-bottom: 5px;
}
        
#home .text,
#home .text p
{
    font-size: 12px;
}

/* Item Styles
------------------------------------------------ */
#items ul
{
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px; 
}
        
#items .item
{
    display: table-row;
    width: auto;
    padding: 0;
    margin: 0;
}
        
#items .item .liner
{
    display: table-cell;
    border: 1px solid #E1E1E1;
    padding: 10px;
    width: 100%;
}
        
#items .item .subliner
{
    position: relative;
}
        
#items .item img
{
    float: left;
    margin-right: 10px;
}
        
#items .item h2
{
    display: inline-block;
}
        
#items .item .qty
{
    /* Correct IE7 rendering issue */
    *text-align: left;
}
        
#items .item .validation-summary-errors
{
    padding: 10px;
    margin-bottom: 10px;
}
        
#items .item .price,
#pack .selection .price
{
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
}
        
#items #addedmessage .nav
{
    display: block;
}
        
#items .subcategorynav
{
    border: 1px solid #E7E7E7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}

#items .subcategorynav ul
{
    margin: 5px 0 0 20px;
    list-style-position: inside;
}

#items .subcategorynav li
{
    font-weight: bold;
}  

/* Table Styles
------------------------------------------------ */
.table,
.table td
{
    border: 1px solid #E1E1E1;
}
        
.table th 
{
    background-color: #FAFAFA;
    color: #000000;
}
                
/* Sign In Styles
------------------------------------------------ */
#signin .signinpanel 
{
    border: 1px solid #e1e1e1;
}
        
/* Create Account Styles
------------------------------------------------ */
#createaccount #termsmessage
{
    display: block;
}
        
                
/* Cart Item Styles
------------------------------------------------ */
#cartitems .totals .total,
.ordersummary .totals .total 
{
    font-size: 12px;
    font-weight: bold;
}
        
#cartitems .totals .amount,
.ordersummary .totals .amount
{
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}
        
#cartitems .totals .total .amount,
.ordersummary .totals .total .amount
{
    font-size: 20px;
}
        
/* Edit Order Styles
------------------------------------------------ */
#editorder .addressbook select,
#editorder .deliveryinfofields input,
#editorder .deliveryinfofields textarea
{
    width: 100%;
    max-width: 360px;
}
      
#editorder #deliverypickupfields .addressbook select,
#editorder #deliverypickupfields .deliveryinfofields input,
#editorder #deliverypickupfields .deliveryinfofields textarea
{
    width: 100%;
    max-width: 340px;
}
        
#editorder .deliverybusinessname,
#editorder .deliverypostcode
{
    display: block;
    margin-top: 10px;
}
        
#editorder .addressbook input,
#editorder #deliverypickupfields .addressbook input
{
    width: auto;
}
        
#editorder #pocodefield span
{
    display: block;
    margin-top: 5px;
}
        
/* Contact Form Styles
------------------------------------------------ */
#contactform textarea
{
    width: 600px;
}
        
/* Account Styles
------------------------------------------------ */
#account h2
{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
}

/* Portrait tablet and down*/
@media (max-width: 767px) 
{
    #page
    {
        padding: 15px;
    }

    #header #logo
    {
        float: none;
        margin-bottom: 20px;
    }

    #header #headernav
    { 
        float: none;
    }

    #menu .liner 
    {
        margin-bottom: 0;
    }

    #menu .menuheading
    {
        margin: 0 0 10px 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-family: 'Vidaloka', serif;
        font-weight: normal;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 17px;
        padding: 12px;
    }

    #menu .menuheading h2
    {
        background: none;
    }

    #menu .menuheading .toggleicon
    {
        float: right;
        padding: 0 10px;
    }

    #menu .menusearch
    {
        display: block;
    }

    #menu .menusearch #searchcriteria 
    {
        width: 200px;
    }

    #menu .menucontent
    {
        margin-bottom: 20px;
    }
}