﻿/* General */

/*Reset Common Tags*/

a,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body 
{
    margin:0px auto;
    padding:0px;
    background-image:url(images/header-bg.jpg);
    background-position: top; 
    background-repeat: no-repeat;
    font-family:Verdana;
    font-size:12px;
    color:#333333;
}

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

a:hover
{
    text-decoration:underline;
    color:#333;
}

img
{
    border:0px;
}

p
{
    margin:20px 0px;
}

h1
{
	width:543px;
}


		/*---------------------layout--------------------*/
		
#container 
{
    width:770px;
    margin:0 auto;
    height:auto;
}

#layout
{
    float:left;
    width:770px;
    padding:20px 0px 0 0px;
}

        /*---------------------header---------------------*/
        
#header
{
    float:left;
    width:770px;
}
        
        /*---------------------navigation-----------------*/
        
.main-list
{
    width:180px;
    list-style-type:none;
    margin:10px 0 0 0;
    padding:0;
    line-height:18px;
}

        /*---------------------content--------------------*/
 
#content
{ 
    float:left;
    width:770px;
}

#content-left
{
    float:left;
    width:204px;
}

#content-right
{
    float:right;
    width:543px;
}

.basket-left
{
	width:180px;
}

.box-light
{
    width:180px;
    padding:17px 7px 17px 17px;
    background:#fffaef;
    margin-bottom:20px;
}

.box-dark
{
    width:180px;
    padding:17px 7px 17px 17px;
    background:#fff0d1;
    margin-bottom:20px;
}

.box-title
{
    font-family:Georgia;
    font-size:14px;
    font-weight:bold;
    width:180px;
    text-transform:uppercase;
}

.input-left
{
    width:131px;
    height:16px;
    color:#999;
    border:1px solid #ccc;
    padding:2px;
    margin-top:10px;
}

.hotlinks
{
    float:left;
    margin-bottom:15px;
    width:543px;
}

.hotlinks img
{
    float:left;
    width:171px;
    margin-right:15px;
    margin-top:15px;
}

.section-header
{
    float:left;
    width:503px;
    height:32px;
    line-height:32px;
    font-family:Georgia;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    padding:0 20px;
    background:url(/images/section_header.jpg) no-repeat;
    margin:10px 0;
}

.section
{
clear:both;
    float:left;
    width:543px;
    padding:20px 0px 10px 0px;
}

.section-product
{
    float:left;
    width:141px;
    text-align:center;
    padding:0 19px;
    padding-bottom:20px;
}

.section-product img
{
    width:140px;
    margin-bottom:10px;
}

.addon
{
    float:left;
    width:100px;
    text-align:center;
    padding:0 17px;
    padding-bottom:20px;
    font-size:10px;
}

.addon img
{
    width:100px;
    margin-bottom:10px;
}

#content-right a,
.section-nav a
{
    color:#cc9933;
    font-weight:bold;
}

#content-right a:hover,
.section-nav a:hover
{
    color:#cc9933;
}

.section-nav
{
    float:left;
    width:543px;
}

.product
{
    float:left;
    width:543px;
    padding:20px 0;
}

.product-left
{
    float:left;
    width:212px;
    padding-top:10px;
}

.product-right
{
    float:right;
    width:310px;
}

.product-title
{
    font-family:Georgia;
    font-size:16px;
    font-weight:bold;
}

.input-product
{
    float:left;
    position:relative;
    width:30px;
    height:16px;
    color:#999;
    border:1px solid #ccc;
    padding:2px;
    margin:0 5px;
    top:-3px;
}

.news
{
    float:left;
    width:543px;
    padding:15px 0;
}

.news-left
{
    float:left;
    width:115px;
}

.news-right
{
    float:right;
    width:400px;
}

.news-text
{
    float:left;
    margin:5px 0;
    color:#999;
}

.news-images
{
    float:left;
    padding:10px 0 40px 0;
}

.news-images img
{
    float:left;
    margin:10px 7px 5px 0;
}

        /*---------------------footer---------------------*/
        
#footer
{
    clear:both;
    float:left;
    width:770px;
    font-size:11px;
    color:#999;
}

#footer-top
{
    float:left;
    width:736px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px 17px;
}

#footer-bottom
{
    clear:both;
    width:736px;
    padding:20px 17px;
    margin-bottom:20px;
    background:url(images/footer_watermark.jpg) top right;
    background-repeat:no-repeat;
}

.footer-list
{
    width:199px;
    float:left;
    list-style-type:none;
    margin:0;
    padding:0;
}

.footer-list a
{
    color:#999;
}


.img-pageeditor
{
    margin:0px 20px 10px 0px;
}

.img-pageeditor-right
{
    margin:0px 0px 10px 20px;
}

.textbox, .textbox2
{
    border:solid 1px #cdcdcd;
    height:20px;
    margin:0px;
    padding:0px;
    color:#999999;    
}

/* checkout */

.inputtable 
{
    width:330px;
}

.inputtable2 
{
    width:403px;
}

.inputtable2 td
{
    padding:6px 0px;
}

.inputtable2-col2
{
    width:350px;
}

.inputtable2-col1 
{
    width:500px;
    text-align:right;
}


.inputtable td
{
    padding:6px 0px;
}

.inputtable-col1 
{
    width:190px;
    text-align:right;
}

.inputtable-col1v
{
    width:150px;
    text-align:right;
    vertical-align:top;
}

.inputtable-col2
{
    width:350px;
}

.inputtable-col2v
{
    width:350px;
    text-align:left;
    vertical-align:top;
}

.navhl
{
    color:#ffffff !important;
}

.inputtable 
{
    width:500px;
}

.inputtable td
{
    padding:6px 0px;
}

.inputtable-col1 
{
    width:150px;
    text-align:right;
}

.inputtable-col2
{
    width:350px;
}

.gridview
{
    border:solid 1px #CCCCCC;
}

.gridview th
{
    background-color: #000000;
    color:#FFFFFF;
    padding:4px;
    border:solid 1px #CCCCCC;
}

.gridview td 
{
    padding:4px;
    border:solid 1px #CCCCCC;
    background-color:#FFFFFF;
}

/* Products */

.productListItem 
{
    width:158px;
    margin-right:18px;
    padding-top:5px;
    float:left;
    text-align:center;
}

.productListItemImg img
{
    border:solid 1px #CCCCCC;
    margin-bottom:2px;
}

.productListItemImg img:hover 
{
    border:solid 1px #cc9933;
}

.notice 
{
    color:#FF3E00;
}

.highlight 
{
    color:#cc9933;
    font-weight:bold;
    font-size:130%;
}

.buttons
{
    background-color:#cc9933;
    border:solid 1px #cc9933;
    color:#ffffff;
    font-size:11px;
    height:22px;
    font-weight:bold;
    font-family:Georgia;
    margin:0px;
    padding:0px;
}


h1
{
    font-size: 16px;
    color:#000000;
    font-family:Georgia;
    line-height: 40px;
}


/* Basket */

.basket 
{
    border-width:1px;
    border-style:Solid;
    width:545px;
    border-collapse:collapse;
    margin: 20px 0px 20px 0px;
}

.basket td
{
    padding: 5px;
}

.basket th 
{
    background-color: #000000;
    color:#ffffff;
        padding: 5px;
}

.align-c {
    text-align:center;
}

.img-designed
{
    padding:10px 10px 7px 0px;
}

.quicklink-item
{
    float:left;
    position:absolute;
    top: 97px;
    text-align:center;
    width:171px;
    font-weight:bold;
    color: White;
}