/* General */

/*Reset Common Tags*/

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

body 
{
    margin:0px auto;
    padding:0px;
    font-family:Arial;
    font-size:12px;
    line-height:16px;
    color:#000000;
    background:url(/images/bg_tile.jpg) repeat;
}

a
{
    text-decoration:none;
    color:#000000;
    outline:0;
}

a:hover
{
    text-decoration:none;
    color:#666;
}

img
{
    border:0px;
}

p
{
    margin:12px 0;
}

h1
{
    font-size:16px;
    font-weight:normal;
    margin:0;
    padding:0;
}

h2
{
    float:left;
    font-size:15px;
    font-weight:bold;
    margin:0;
    padding:0;
}

.bullet
{
    float:left;
    position:relative;
    top:2px;
    margin:0 !important;
    border:0 !important;
}

.text-15
{
    font-size:15px;
}


		/*---------------------layout--------------------*/
		
.container 
{
    width:1020px;
    margin:0 auto;
    height:auto;
}

#header-wrapper
{
    float:left;
    width:940px;
    padding:0 40px 15px 40px;
    background:#fff;
    margin-bottom:3px;
}

#banner-wrapper
{
    float:left;
    width:1020px;
    background:#fff;
    margin-bottom:3px;
}

#content-wrapper
{
    float:left;
    width:940px;
    padding:30px 40px 40px 40px;
    background:#fff;
    margin-bottom:3px;
}

#footer-wrapper
{
    float:left;
    width:1020px;
    padding-bottom:20px;
}

		/*---------------------header---------------------*/
		
#header
{
    float:left;
    width:940px;
    padding:20px 0 40px 0;
}

#header-left
{
    float:left;
    width:200px;
}

#header-center
{
    float:left;
    width:540px;
    text-align:center;
}

#header-right
{
    text-align:right;
    float:right;
    width:178px;
}

#header-right img
{
    float:left;
    padding-left:5px;
}

.header-input
{
    float:left;
    width:150px;
    height:16px;
    border:0;
    background:#dedede;
    color:#666;
    padding:1px 0 0 0;
}

        /*----------------------nav-----------------------*/
        
.nav
{
    float:left;
    width:940px;
    text-align:center;
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:16px;
}

.nav li
{
    display:inline;
    margin:0 40px;
}

.nav li a
{
    padding:0 10px;
}

.nav li a:hover,
.nav li a.current
{
    background:url(/images/star.jpg) right top no-repeat;
    text-decoration:none;
    padding:0 10px;
    color:#000;
}

.subnav
{
    margin:20px 0;
    padding:0;
}

.subnav li
{
    list-style-type:none;
}

.subnav li a
{
    
}

.subnav li a:hover,
.subnav li a.current
{
    background:url(/images/star.jpg) right top no-repeat;
    text-decoration:none;
    padding-right:10px;
    color:#000;
}

.banner-nav
{
    margin:0;
    padding:0;
    font-size:15px;
    font-weight:bold;
    border-right:1px solid #ccc;
}

.banner-nav a
{
    color:#666;
    background:url(/images/bullet_off.jpg) left no-repeat;
    padding-left:17px;
}

.banner-nav a:hover,
.banner-nav a.current,
.banner-nav a.activeSlide
{
    color:#000;
    background:url(/images/bullet_on.jpg) left no-repeat;
    padding-left:17px;
}

.banner-nav li
{
    list-style-type:none;
    padding:15px 0;
    
}


        /*---------------------content--------------------*/

.leftcol
{
    float:left;
    width:123px;
}

.leftcol img
{
    float:left;
    margin-bottom:20px;
}

.content-bg
{
    float:left;
    width:940px;
    background:url(/images/bg-line.jpg) repeat-y;
}

.rightcol
{
    float:right;
    width:783px;
    padding-left:27px;
}

.rightcol img,
.basket-row img
{
    border-top:1px dotted #000;
    border-bottom:1px solid #000;
}

.rightcol a:hover img,
.basket-row a:hover img
{
    border-top:1px dotted #666;
    border-bottom:1px solid #666;
}

.rightcol-left
{
    float:left;
    width:320px;
}

.rightcol-right
{
    float:right;
    width:400px;
    padding-left:20px;
    border-left:1px solid #ccc;
}

.news-home
{
    float:left;
    width:320px;
}

.news-home p
{
    margin:5px 0 12px 0;
}

.image-date
{
    float:left;
    width:150px;
    color:#a6a6a6;
    margin-top:7px;
    margin-bottom:25px;
}

.image-readmore
{
    float:right;
    width:100px;
    text-align:right;
    margin-top:7px;
    margin-bottom:25px;
}

.link-bottom
{
    float:right;
    font-size:16px;
    font-weight:bold;
}

.product-home
{
    float:left;
    width:180px;
    margin-right:40px;
    padding-bottom:40px;
}

.product-home span
{
    display:block;
    margin:12px 0;
}

.product-home a
{
    display:block;
}

.product-main
{
    float:left;
    width:180px;
    margin-right:20px;
    padding-bottom:40px;
    height: 260px;
}

.brands
{
    float:left;
    width:940px;
}

.brands td
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height:220px;
}

.bottom-nav
{
    clear:both;
    float:left;
    width:780px;
    border-top:1px dotted #000;
    padding-top:15px;
}

.bottom-nav-left
{
    float:left;
    width:100px;
    text-align:left;
    font-weight:bold;
    font-size:16px;
}

.bottom-nav-center
{
    float:left;
    width:574px;
    text-align:center;
    color:#666;
    padding-top:2px;
}

.bottom-nav-right
{
    float:right;
    width:100px;
    text-align:right;
    font-weight:bold;
    font-size:16px;
}

.bottom-nav a:hover,
.bottom-nav a.off
{
    color:#666;
}

.product-left
{
    float:left;
    width:579px;
}

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

.product-price
{
    float:left;
    width:170px;
    text-align:right;
    font-weight:bold;
    padding-top:5px;
    margin-bottom:30px;
    border-top:1px dotted #000;
}

.product-label
{
    display:block;
    padding-left:10px;
    font-weight:bold;
}

.product-select
{
    width:170px;
}

.add
{
    text-align:right;
    width:170px;
    float:left;
    font-size:21px;
    font-weight:bold;
    margin-top:15px;
}

.details
{
    float:right;
    text-align:right;
    width:300px;
    font-size:21px;
    font-weight:bold;
}

.back
{
    float:right;
    text-align:right;
    width:300px;
    font-size:16px;
    font-weight:bold;
    margin:15px 0;
}

.alternate-products
{
    float:left;
    width:605px;
    margin:15px 0;
}

.alternate-main
{
    float:left;
    width:180px;
    margin-right:20px;
    margin-top:10px;
}

.alternate-main img,
.alternate-main a:hover img
{
        border-top:1px dotted #000;
    border-bottom:1px solid #000;
}

.banner-left
{
    float:left;
    width:131px;
    padding:20px 0 20px 40px;
}

.banner-right
{
    float:right;
    width:849px;
}

.shopnow
{
    float:left;
    width:70px;
    margin-top:200px;
}

.contact-left
{
    float:left;
    width:200px;
}

.contact-right
{
    float:right;
    width:690px;
    border-left:1px solid #ccc;
    padding-left:30px;
}

.contact-bottom
{
    float:left;
    width:940px;
    border-top:1px dotted #000;
    margin-top:40px;
    padding-top:10px;
    color:#666;
}

.enquiry-form
{
    clear:both;
    float:left;
    width:600px;
    color:#333;
    padding-top:20px;
    position:relative;
}

label
{
    clear:both;
    float:left;
    width:120px;
    color:#666;
}

.textbox
{
    float:left;
    width:170px;
    height:15px;
    background:#dedede;
    color:#666;
    border:0;
    margin-bottom:5px;
    padding:1px;
    font-family:Arial;
    font-size:12px;
}

textarea
{
    font-family:Arial;
    font-size:12px;
    overflow:auto;
    max-width:360px;
    max-height:70px;
}

.basket
{

    width:937px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    margin:30px 0 20px 0;
}

.basket-row
{
    float:left;
    width:937px;
    border-bottom:1px dotted #000;
}

.td1
{

    width:120px;
}

.td2
{

    width:410px;
}

.td3
{
 
    width:100px;
    text-align:left;
}

.td4
{

    width:100px;
    text-align:center;
}

.td5
{
 
    width:100px;
    text-align:center;
}

.td6
{

    width:100px;
    text-align:right;
}

.td7
{
    width:300px;
    text-align:left;
}

.checkout-left
{
    float:left;
    width:400px;
    position:relative;
}

.checkout-right
{
    float:right;
    width:450px;
    position:relative;
}

.checkout-wrapper
{
    float:left;
    width:900px;
    border-top:1px dotted #000;
    border-bottom:1px solid #000;
    padding:30px 20px;
    margin:20px 0;
}

.news-wrapper
{
    float:left;
    width:770px;
    margin-bottom:30px;
}

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

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

.slideshow
{
float:left;
width:849px;
height:237px;
}

        /*---------------------footer---------------------*/

#footer
{
    clear:both;
    float:left;
    width:940px;
    color:#636363;
    background:#fff;
    padding:15px 40px;
}

#footer-left
{
    float:left;
    width:300px;
}

#footer-right
{
    float:right;
    width:500px;
    text-align:right;
}